{"ast":null,"code":"import CommonBtn from \"@/components/commonBtn.vue\";\nexport default {\n  name: \"reportingView\",\n  data() {\n    return {\n      isCheck: false,\n      radio: '1',\n      activeIcon: '@/assets/check.png',\n      inactiveIcon: '@/assets/uncheck.png'\n    };\n  },\n  methods: {\n    submit() {\n      console.log(\"提交1111111111\");\n    }\n  },\n  components: {\n    CommonBtn\n  }\n};","map":{"version":3,"names":["CommonBtn","name","data","isCheck","radio","activeIcon","inactiveIcon","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    <van-radio-group v-model=\"radio\">\r\n      <van-radio name=\"1\">\r\n        单选框 1\r\n        <img\r\n            slot=\"icon\"\r\n            slot-scope=\"props\"\r\n            :src=\"props.checked ? activeIcon : inactiveIcon\"\r\n        >\r\n      </van-radio>\r\n      <van-radio name=\"2\">\r\n        单选框 2\r\n        <img\r\n            slot=\"icon\"\r\n            slot-scope=\"props\"\r\n            :src=\"props.checked ? activeIcon : inactiveIcon\"\r\n        >\r\n      </van-radio>\r\n    </van-radio-group>\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    <common-btn @submitClick=\"submit\" />\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      radio: '1',\r\n      activeIcon: '@/assets/check.png',\r\n      inactiveIcon: '@/assets/uncheck.png'\r\n    }\r\n  },\r\n  methods:{\r\n    submit(){\r\n      console.log(\"提交1111111111\")\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\n\r\n</style>"],"mappings":"AA4CA,OAAAA,SAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,OAAA;MACAC,KAAA;MACAC,UAAA;MACAC,YAAA;IACA;EACA;EACAC,OAAA;IACAC,OAAA;MACAC,OAAA,CAAAC,GAAA;IACA;EACA;EACAC,UAAA;IACAX;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}