1 line
2.9 KiB
JSON
1 line
2.9 KiB
JSON
{"ast":null,"code":"export default {\n name: \"reportingView\",\n data() {\n return {\n isCheck: false\n };\n },\n methods: {}\n};","map":{"version":3,"names":["name","data","isCheck","methods"],"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 onclick=\"showSelectedColor()\">提交</button>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\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\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: 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":"AA2BA;EACAA,IAAA;EACAC,KAAA;IACA;MACAC,OAAA;IACA;EACA;EACAC,OAAA,GAEA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |