1 line
4.9 KiB
JSON
1 line
4.9 KiB
JSON
{"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: require('@/assets/check.png'),\n inactiveIcon: require('@/assets/uncheck.png')\n };\n },\n methods: {\n submit() {\n console.log(\"提交1111111111\");\n },\n change(e) {\n console.log(\"change,可以拿到选中的是哪个值\", e);\n }\n },\n components: {\n CommonBtn\n }\n};","map":{"version":3,"names":["CommonBtn","name","data","radio","activeIcon","require","inactiveIcon","methods","submit","console","log","change","e","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\" @change=\"change\">\r\n <van-radio name=\"1\" class=\"item\">\r\n 特殊情况绕路\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\" class=\"item\">\r\n 事发地变更\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=\"3\" class=\"item\">\r\n 目的地变更\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=\"4\" class=\"item\">\r\n 其他报备\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\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: require('@/assets/check.png'),\r\n inactiveIcon: require('@/assets/uncheck.png')\r\n }\r\n },\r\n methods:{\r\n submit(){\r\n console.log(\"提交1111111111\")\r\n },\r\n change(e){\r\n console.log(\"change,可以拿到选中的是哪个值\",e)\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@import \"@/styles/common.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 @include flexCenter;\r\n}\r\n.line {\r\n @include wh(100%,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":"AA6DA,OAAAA,SAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACA;MACAC,KAAA;MACAC,UAAA,EAAAC,OAAA;MACAC,YAAA,EAAAD,OAAA;IACA;EACA;EACAE,OAAA;IACAC,OAAA;MACAC,OAAA,CAAAC,GAAA;IACA;IACAC,OAAAC,CAAA;MACAH,OAAA,CAAAC,GAAA,uBAAAE,CAAA;IACA;EACA;EACAC,UAAA;IACAb;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |