1 line
4.1 KiB
JSON
1 line
4.1 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: 'https://img.yzcdn.cn/vant/user-active.png',\n inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.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: 'https://img.yzcdn.cn/vant/user-active.png',\r\n inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.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":[]} |