{"ast":null,"code":"import { myMixins } from '@/utils/myMixins';\nexport default {\n  name: \"workOrderDetail\",\n  mixins: [myMixins],\n  data() {\n    return {};\n  },\n  methods: {}\n};","map":{"version":3,"names":["myMixins","name","mixins","data","methods"],"sources":["src/views/index/workOrderDetail.vue"],"sourcesContent":["<template>\r\n<div class=\"wrap\">\r\n  <div class=\"baseInfo common\">\r\n    <div class=\"title\">基本信息:</div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"infoWrap fontColor\">\r\n      <div class=\"leftTitle\">\r\n        <div class=\"leftItem\">工单编号:</div>\r\n        <div class=\"leftItem\">合同:</div>\r\n        <div class=\"leftItem\">结算方式:</div>\r\n        <div class=\"leftItem\">客户姓名:</div>\r\n        <div class=\"leftItem\">客户电话:</div>\r\n        <div class=\"leftItem\">车牌号:</div>\r\n        <div class=\"leftItem\">车型品牌:</div>\r\n      </div>\r\n      <div class=\"rightContent\">\r\n        <div class=\"rightItem\" style=\"display: flex;align-items: center;\">\r\n          <span id=\"copyText\">ZD23097890987</span>\r\n          <img @click=\"copyText\" src=\"@/assets/copy.png\" style=\"width: 35px;height: 15px;margin-left: 10px\"/>\r\n        </div>\r\n        <div class=\"rightItem\">平安产险</div>\r\n        <div class=\"rightItem\">合同月结</div>\r\n        <div class=\"rightItem\">万女士</div>\r\n        <div class=\"rightItem\">15234447878</div>\r\n        <div class=\"rightItem\">沪A123456</div>\r\n        <div class=\"rightItem\">奥迪 A6L</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"serviceInfo common\">\r\n    <div class=\"title\">服务信息:</div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"infoContent\">\r\n      <div class=\"item\">\r\n        <span class=\"leftTitle fontColor\">服务类型:</span><span class=\"rightContent\">故障——拖车</span>\r\n      </div>\r\n      <div class=\"item\">\r\n        <span class=\"leftTitle fontColor\">车辆位于:</span><span class=\"rightContent\">地面</span>\r\n      </div>\r\n      <div class=\"item\">\r\n        <span class=\"leftTitle fontColor\">事发地:</span><span class=\"rightContent\">上海市高科西路650号</span>\r\n      </div>\r\n      <div class=\"item\" style=\"align-items: baseline\">\r\n        <span class=\"leftTitle fontColor\">事发地补充:</span><span class=\"rightContent vehicleRemark\" style=\"flex: 1\">50公里免拖，超出部分费用按照市场价格由客户现场支付，原始手机号：15088752478,客户承担背车段路桥费。目的地不明确请师傅到现场核实清楚并回电反馈</span>\r\n      </div>\r\n      <div class=\"item\">\r\n        <span class=\"leftTitle fontColor\">目的地:</span><span class=\"rightContent\">浙江省杭州市富阳区比亚迪海洋4s店</span>\r\n      </div>\r\n      <div class=\"item\">\r\n        <span class=\"leftTitle fontColor\">目的地补充:</span><span class=\"rightContent vehicleRemark\">无</span>\r\n      </div>\r\n      <div class=\"item\">\r\n        <span class=\"leftTitle fontColor\">工单状态:</span><span class=\"rightContent orderStatus\">师傅接单，待发车</span>\r\n      </div>\r\n      <div class=\"item\">\r\n        <span class=\"leftTitle fontColor\">服务车辆:</span><span class=\"rightContent\">沪A123456</span>\r\n      </div>\r\n      <div class=\"item\">\r\n        <span class=\"leftTitle fontColor\">服务师傅:</span><span class=\"rightContent\">周师傅/15234345656</span>\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: \"workOrderDetail\",\r\n  mixins:[myMixins],\r\n  data(){\r\n    return{\r\n\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  width: 100%;\r\n  height: 100%;\r\n  background-color: #F4F5F7;\r\n}\r\n.common{\r\n  background: #FFFFFF;\r\n  border-radius: 6px;\r\n  box-sizing: border-box;\r\n  padding: 11px 17px 15px 24px;\r\n}\r\n.fontColor{\r\n  @include fontWeightSize(400,12px);\r\n  color: #000000;\r\n  line-height: 27px;\r\n}\r\n.baseInfo{\r\n  @include wh(100%,250px);\r\n  margin-bottom: 12px;\r\n  .infoWrap{\r\n    display: flex;\r\n    .leftTitle{\r\n      margin-left: 5px;\r\n      margin-right: 6px;\r\n      @include wh(60px,189px);\r\n      opacity: .5;\r\n    }\r\n    .rightContent{\r\n      @include wh(90px,189px);\r\n    }\r\n  }\r\n}\r\n.serviceInfo{\r\n  @include wh(100%,356px);\r\n  .item{\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  .infoContent{\r\n    .leftTitle{\r\n      display: block;\r\n      width: 72px;\r\n      opacity: .5;\r\n    }\r\n    .rightContent{\r\n      width: calc(100% - 90px);\r\n      @include fontWeightSize(500,12px);\r\n    }\r\n\r\n    .vehicleRemark{\r\n      @include fontWeightSize(400,11px);\r\n      opacity: 0.55;\r\n      color: #121212;\r\n      line-height: 14px;\r\n    }\r\n    .orderStatus{\r\n      color: #E69B0B;\r\n    }\r\n  }\r\n}\r\n.title{\r\n @include fontWeightSize(500,14px);\r\n  color: #323643;\r\n  line-height: 20px;\r\n  opacity: .6;\r\n}\r\n.line{\r\n  @include wh(100%,2px);\r\n  opacity: 0.16;\r\n  border-bottom: 1px solid;\r\n  margin: 7px 0;\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</style>"],"mappings":"AAkEA,SAAAA,QAAA;AACA;EACAC,IAAA;EACAC,MAAA,GAAAF,QAAA;EACAG,KAAA;IACA,QAEA;EACA;EACAC,OAAA,GAEA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}