{"ast":null,"code":"import TwoCommonBtn from \"@/components/twoBtnCommon.vue\";\nimport CellGroup from \"@/components/cellGroup.vue\";\nexport default {\n  name: \"driverAdd\",\n  data() {\n    return {\n      radio: '启用',\n      activeIcon: require('@/assets/check.png'),\n      inactiveIcon: require('@/assets/uncheck.png')\n    };\n  },\n  methods: {\n    isUse(e) {\n      console.log(\"是否启用\", e);\n    },\n    cancelBtn() {\n      console.log(\"取消司机\");\n    },\n    submitBtn() {\n      console.log(\"提交司机\");\n    }\n  },\n  components: {\n    TwoCommonBtn,\n    CellGroup\n  }\n};","map":{"version":3,"names":["TwoCommonBtn","CellGroup","name","data","radio","activeIcon","require","inactiveIcon","methods","isUse","e","console","log","cancelBtn","submitBtn","components"],"sources":["src/views/index/driverAdd.vue"],"sourcesContent":["<template>\r\n<div class=\"wrap\">\r\n  <cell-group label=\"测试\" placeholder=\"请输入测试内容\"/>\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    <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    <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()\" style=\"border: none\">\r\n      <option value=\"option1\">C1</option>\r\n      <option value=\"option2\">C2</option>\r\n      <option value=\"option3\">C3</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      <van-radio-group v-model=\"radio\" @change=\"isUse\"  class=\"joinWrap\">\r\n        <van-radio name=\"启用\" style=\"margin-right: 26px\" 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>\r\n  </div>\r\n  <div class=\"lineBot\"></div>\r\n  <two-common-btn class=\"btn\" @cancelClick=\"cancelBtn\" @submitClick=\"submitBtn\" />\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport TwoCommonBtn from \"@/components/twoBtnCommon.vue\"\r\nimport CellGroup  from \"@/components/cellGroup.vue\"\r\nexport default {\r\n  name: \"driverAdd\",\r\n  data(){\r\n    return{\r\n      radio:'启用',\r\n      activeIcon: require('@/assets/check.png'),\r\n      inactiveIcon: require('@/assets/uncheck.png')\r\n    }\r\n  },\r\n  methods:{\r\n    isUse(e){\r\n      console.log(\"是否启用\",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    CellGroup\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  @include wh(100%,100%);\r\n  box-sizing: border-box;\r\n  padding-left: 16px;\r\n}\r\n.itemContent{\r\n  @include flexColBet;\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    .joinWrap, .item{\r\n      @include flexCenter;\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.btn{\r\n  margin-left: 8px;\r\n  width: 91%;\r\n  position: fixed;\r\n  bottom: 30px;\r\n}\r\n</style>"],"mappings":"AA6EA,OAAAA,YAAA;AACA,OAAAC,SAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,KAAA;MACAC,UAAA,EAAAC,OAAA;MACAC,YAAA,EAAAD,OAAA;IACA;EACA;EACAE,OAAA;IACAC,MAAAC,CAAA;MACAC,OAAA,CAAAC,GAAA,SAAAF,CAAA;IACA;IACAG,UAAA;MACAF,OAAA,CAAAC,GAAA;IACA;IACAE,UAAA;MACAH,OAAA,CAAAC,GAAA;IACA;EACA;EACAG,UAAA;IACAf,YAAA;IACAC;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}