1 line
5.7 KiB
JSON
1 line
5.7 KiB
JSON
{"ast":null,"code":"import { myMixins } from \"@/utils/myMixins\";\nexport default {\n name: \"vehicleAdd\",\n mixins: [myMixins],\n data() {\n return {};\n },\n methods: {\n handleSelectChange() {\n // const selectedValue = event.target.value;\n console.log(\"skdkjsdjkhk\");\n }\n }\n};","map":{"version":3,"names":["myMixins","name","mixins","data","methods","handleSelectChange","console","log"],"sources":["src/views/index/vehicleAdd.vue"],"sourcesContent":["<template>\r\n<div class=\"wrap\">\r\n<div class=\"addContentWrap\">\r\n <div class=\"itemContent\">\r\n <div class=\"titleType\">\r\n <img class=\"startImg\" src=\"@/assets/start.png\" />\r\n <span>车牌号</span>\r\n </div>\r\n <div class=\"checkContent\">\r\n <input placeholder=\"请输入车牌号\" />\r\n </div>\r\n </div>\r\n <div class=\"lineBot\"></div>\r\n <div class=\"itemContent\">\r\n <div class=\"titleType\">\r\n <img class=\"startImg\" src=\"@/assets/start.png\" />\r\n <span>车辆类型</span>\r\n </div>\r\n <select id=\"myDropdown\" @change=\"handleSelectChange()\">\r\n <option value=\"option1\">一般平板</option>\r\n <option value=\"option2\">小轿车</option>\r\n <option value=\"option3\">大卡车</option>\r\n </select>\r\n </div>\r\n <div class=\"lineBot\"></div>\r\n <div class=\"itemContent\">\r\n <div class=\"titleType\">\r\n <img class=\"startImg\" src=\"@/assets/start.png\" />\r\n <span>是否参与中道聚合</span>\r\n </div>\r\n <div class=\"isJoin\">\r\n <div class=\"join\">\r\n <img src=\"@/assets/uncheck.png\" />\r\n <span>参与</span>\r\n </div>\r\n <div class=\"nojoin\">\r\n <img src=\"@/assets/check.png\" />\r\n <span>不参与</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lineBot\"></div>\r\n <div class=\"itemContent\">\r\n <div class=\"titleType\">\r\n <img class=\"startImg\" src=\"@/assets/start.png\" />\r\n <span>选择服务种类</span>\r\n </div>\r\n </div>\r\n <div class=\"serviceType\">\r\n <div class=\"trailerService\">\r\n <div class=\"serviceline\">\r\n <span class=\"service\">拖车服务:</span>\r\n <span class=\"line\"></span>\r\n </div>\r\n <div class=\"flexCenter\">\r\n <img src=\"@/assets/check.png\">\r\n <span class=\"serviceTitle\">故障——平板拖车</span>\r\n </div>\r\n <div class=\"flexCenter\">\r\n <img src=\"@/assets/uncheck.png\">\r\n <span class=\"serviceTitle\">事故——平板拖车</span>\r\n </div>\r\n </div>\r\n <div class=\"smallRepairService\">\r\n <div class=\"serviceline\">\r\n <span class=\"service\">小修服务:</span>\r\n <span class=\"line\"></span>\r\n </div>\r\n <div class=\"flexCenter\">\r\n <img src=\"@/assets/check.png\">\r\n <span class=\"serviceTitle\">换胎</span>\r\n </div>\r\n <div class=\"flexCenter\">\r\n <img src=\"@/assets/uncheck.png\">\r\n <span class=\"serviceTitle\">搭电</span>\r\n </div>\r\n <div class=\"flexCenter\">\r\n <img src=\"@/assets/uncheck.png\">\r\n <span class=\"serviceTitle\">送油</span>\r\n </div>\r\n <div class=\"flexCenter\">\r\n <img src=\"@/assets/uncheck.png\">\r\n <span class=\"serviceTitle\">送水</span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport {myMixins} from \"@/utils/myMixins\"\r\nexport default {\r\n name: \"vehicleAdd\",\r\n mixins:[myMixins],\r\n data(){\r\n return{\r\n\r\n }\r\n },\r\n methods:{\r\n handleSelectChange() {\r\n // const selectedValue = event.target.value;\r\n console.log(\"skdkjsdjkhk\")\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@include wh(100%,100%);\r\n}\r\n.addContentWrap{\r\n margin-left: 16px;\r\n .itemContent{\r\n display: flex;\r\n justify-content: space-between;\r\n line-height: 56px;\r\n box-sizing: border-box;\r\n padding-right: 25px;\r\n .titleType{\r\n @include fontWeightSize(500,14px);\r\n color: #323643;\r\n }\r\n .isJoin{\r\n display: flex;\r\n .join,.nojoin{\r\n @include flexCenter;\r\n }\r\n .join{\r\n margin-right: 26px;\r\n }\r\n img{\r\n @include widHeiMar(16px,16px,6px)\r\n }\r\n }\r\n .startImg{\r\n @include widHeiMar(6px,6px,3px);\r\n vertical-align: super;\r\n }\r\n input{\r\n border: none;\r\n text-align: right;\r\n @include fontWeightSize(500,13px);\r\n opacity: .5;\r\n }\r\n }\r\n .lineBot{\r\n @include wh(100%,1px);\r\n background: #E9E9EA;\r\n opacity: 0.6;\r\n }\r\n .serviceType{\r\n @include fontWeightSize(500,13px);\r\n .serviceline{\r\n @include flexCenter;\r\n }\r\n .service{\r\n opacity: .7;\r\n color: #323643;\r\n line-height: 18px;\r\n }\r\n .line{\r\n display: inline-block;\r\n @include wh(246px,2px);\r\n opacity: 0.16;\r\n border-bottom: 1px solid;\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\n .serviceTitle{\r\n opacity: .8;\r\n }\r\n .flexCenter{\r\n @include flexCenter;\r\n line-height: 36px;\r\n }\r\n img{\r\n @include widHeiMar(16px,16px,12px)\r\n }\r\n }\r\n}\r\n</style>"],"mappings":"AA2FA,SAAAA,QAAA;AACA;EACAC,IAAA;EACAC,MAAA,GAAAF,QAAA;EACAG,KAAA;IACA,QAEA;EACA;EACAC,OAAA;IACAC,mBAAA;MACA;MACAC,OAAA,CAAAC,GAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |