{"ast":null,"code":"import CommonBtn from \"@/components/commonBtn.vue\";\nexport default {\n  name: \"reportingView\",\n  data() {\n    return {\n      isCheck: false\n    };\n  },\n  methods: {\n    submit() {\n      console.log(\"提交\");\n    }\n  },\n  components: {\n    CommonBtn\n  }\n};","map":{"version":3,"names":["CommonBtn","name","data","isCheck","methods","submit","console","log","components"],"sources":["src/views/index/reporting.vue"],"sourcesContent":["<template>\r\n  <div class=\"wrap\">\r\n    <div class=\"title\">报备事项:</div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"item\" @click=\"isCheck = !isCheck\">\r\n      <img :src=\"isCheck ? require('@/assets/check.png')  :  require('@/assets/uncheck.png')\" />\r\n      <span>特殊情况绕路</span>\r\n    </div>\r\n    <div class=\"item\">\r\n      <img :src=\"isCheck ? require('@/assets/check.png')  :  require('@/assets/uncheck.png')\" />\r\n      <span>事发地变更</span>\r\n    </div>\r\n    <div class=\"item\">\r\n      <img :src=\"isCheck ? require('@/assets/check.png')  :  require('@/assets/uncheck.png')\" />\r\n      <span>目的地变更</span>\r\n    </div>\r\n    <div class=\"item\">\r\n      <img :src=\"isCheck ? require('@/assets/check.png')  :  require('@/assets/uncheck.png')\" />\r\n      <span>其他报备</span>\r\n    </div>\r\n    <textarea class=\"multiple\" id=\"text-input\" rows=\"4\" cols=\"50\" placeholder=\"报备描述\"></textarea><br>\r\n<!--    <button @click=\"submit\">提交</button>-->\r\n    <common-btn />\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CommonBtn from \"@/components/commonBtn.vue\"\r\nexport default {\r\n  name: \"reportingView\",\r\n  data(){\r\n    return{\r\n      isCheck:false,\r\n    }\r\n  },\r\n  methods:{\r\n    submit(){\r\n      console.log(\"提交\")\r\n    }\r\n  },\r\n  components:{\r\n    CommonBtn\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"@/styles/mixin.scss\";\r\n.wrap {\r\n  box-sizing: border-box;\r\n  padding: 13px 24px 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.title {\r\n  @include fontWeightSize(500,14px);\r\n  color: #323643;\r\n\r\n}\r\n.item{\r\n  font-size: 14px;\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.line {\r\n  width: 100%;\r\n  height: 2px;\r\n  opacity: 0.16;\r\n  border-top: 1px solid;\r\n  margin-bottom: 10px;\r\n  margin-top: 10px;\r\n  border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;\r\n}\r\nimg{\r\n  @include widHeiMar(16px,16px,10px);\r\n}\r\n\r\n.multiple {\r\n  width: 100%;\r\n  height: 125px;\r\n  background: #FAFAFA;\r\n  border-radius: 3px;\r\n  border: 1px solid #E6E6E6;\r\n  backdrop-filter: blur(10px);\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n  margin-top: 20px;\r\n}\r\n\r\nbutton {\r\n  border: none;\r\n  position: fixed;\r\n  bottom: 30px;\r\n  width: 88%;\r\n  height: 48px;\r\n  line-height: 48px;\r\n  background: #354D93;\r\n  border-radius: 5px;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: #FFFFFF;\r\n  @include all-height(48px)\r\n}\r\n</style>"],"mappings":"AA4BA,OAAAA,SAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,OAAA;IACA;EACA;EACAC,OAAA;IACAC,OAAA;MACAC,OAAA,CAAAC,GAAA;IACA;EACA;EACAC,UAAA;IACAR;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}