{"ast":null,"code":"import { myMixins } from \"@/utils/myMixins\";\nimport TwoCommonBtn from \"@/components/twoBtnCommon.vue\";\nexport default {\n  name: \"vehicleAdd\",\n  mixins: [myMixins],\n  data() {\n    return {\n      radio: '故障——平板拖车',\n      radio2: '换胎',\n      activeIcon: require('@/assets/check.png'),\n      inactiveIcon: require('@/assets/uncheck.png')\n    };\n  },\n  methods: {\n    change(e) {\n      console.log(\"saad\", e);\n    },\n    change2(e) {\n      console.log(\"saad\", e);\n    },\n    cancelBtn() {\n      console.log(\"取消车辆\");\n    },\n    submitBtn() {\n      console.log(\"提交车辆\");\n    }\n  },\n  components: {\n    TwoCommonBtn\n  }\n};","map":{"version":3,"names":["myMixins","TwoCommonBtn","name","mixins","data","radio","radio2","activeIcon","require","inactiveIcon","methods","change","e","console","log","change2","cancelBtn","submitBtn","components"],"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      <van-radio-group v-model=\"radio\" @change=\"change\" class=\"radioWrap\">\r\n        <van-radio name=\"故障——平板拖车\" 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=\" 事故——平板拖车\" 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=\"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      <van-radio-group v-model=\"radio2\" @change=\"change2\" class=\"radioWrap\">\r\n        <van-radio name=\"换胎\" 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=\"搭电\" 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=\"送油\" 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=\"送水\" 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<!--      <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\r\n  </div>\r\n  <two-common-btn class=\"btn\" @cancelClick=\"cancelBtn\" @submitClick=\"submitBtn\" />\r\n</div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport {myMixins} from \"@/utils/myMixins\"\r\nimport TwoCommonBtn from \"@/components/twoBtnCommon.vue\"\r\nexport default {\r\n  name: \"vehicleAdd\",\r\n  mixins:[myMixins],\r\n  data(){\r\n    return{\r\n      radio: '故障——平板拖车',\r\n      radio2: '换胎',\r\n      activeIcon: require('@/assets/check.png'),\r\n      inactiveIcon: require('@/assets/uncheck.png')\r\n\r\n    }\r\n  },\r\n  methods:{\r\n    change(e) {\r\n      console.log(\"saad\",e)\r\n    },\r\n    change2(e) {\r\n      console.log(\"saad\",e)\r\n    },\r\n    cancelBtn(){\r\n      console.log(\"取消车辆\")\r\n    },\r\n    submitBtn(){\r\n      console.log(\"提交车辆\")\r\n    }\r\n  },\r\n  components:{\r\n    TwoCommonBtn\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  select{\r\n    border: none;\r\n  }\r\n  .serviceType{\r\n    @include fontWeightSize(500,13px);\r\n    margin-left: 15px;\r\n    .trailerService{\r\n      margin-bottom: 10px;\r\n    }\r\n    .serviceline{\r\n      @include flexCenter;\r\n      margin-bottom: 10px;\r\n    }\r\n    .item{\r\n     margin: 20px 0;\r\n      @include flexCenter;\r\n    }\r\n    .radioWrap{\r\n      margin-left: 10px;\r\n    }\r\n    ::v-deep .van-radio__label{\r\n      margin-left: 0;\r\n      @include fontWeightSize(400,14px);\r\n      color: #000000;\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      margin-left: 10px;\r\n    }\r\n    img{\r\n      @include widHeiMar(16px,16px,12px)\r\n    }\r\n  }\r\n  .btn{\r\n    margin-left: 8px;\r\n    width: 90%;\r\n    position: fixed;\r\n    bottom: 30px;\r\n  }\r\n}\r\n</style>"],"mappings":"AAkJA,SAAAA,QAAA;AACA,OAAAC,YAAA;AACA;EACAC,IAAA;EACAC,MAAA,GAAAH,QAAA;EACAI,KAAA;IACA;MACAC,KAAA;MACAC,MAAA;MACAC,UAAA,EAAAC,OAAA;MACAC,YAAA,EAAAD,OAAA;IAEA;EACA;EACAE,OAAA;IACAC,OAAAC,CAAA;MACAC,OAAA,CAAAC,GAAA,SAAAF,CAAA;IACA;IACAG,QAAAH,CAAA;MACAC,OAAA,CAAAC,GAAA,SAAAF,CAAA;IACA;IACAI,UAAA;MACAH,OAAA,CAAAC,GAAA;IACA;IACAG,UAAA;MACAJ,OAAA,CAAAC,GAAA;IACA;EACA;EACAI,UAAA;IACAjB;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}