[{"E:\\work\\sino\\sino-h5\\src\\main.js":"1","E:\\work\\sino\\sino-h5\\src\\utils\\rem.js":"2","E:\\work\\sino\\sino-h5\\src\\App.vue":"3","E:\\work\\sino\\sino-h5\\src\\router\\index.js":"4","E:\\work\\sino\\sino-h5\\src\\components\\bottomItem.vue":"5","E:\\work\\sino\\sino-h5\\src\\utils\\serverMap.js":"6","E:\\work\\sino\\sino-h5\\src\\components\\tabBar.vue":"7","E:\\work\\sino\\sino-h5\\src\\utils\\appointTime.js":"8","E:\\work\\sino\\sino-h5\\src\\utils\\common.js":"9","E:\\work\\sino\\sino-h5\\src\\components\\attentionItem.vue":"10","E:\\work\\sino\\sino-h5\\src\\components\\commonBtn.vue":"11","E:\\work\\sino\\sino-h5\\src\\components\\operationBtn.vue":"12","E:\\work\\sino\\sino-h5\\src\\utils\\map.js":"13","E:\\work\\sino\\sino-h5\\src\\store\\index.js":"14","E:\\work\\sino\\sino-h5\\src\\store\\getters.js":"15","E:\\work\\sino\\sino-h5\\src\\store\\modules\\order.js":"16","E:\\work\\sino\\sino-h5\\src\\utils\\myMixins.js":"17","E:\\work\\sino\\sino-h5\\src\\api\\order.js":"18","E:\\work\\sino\\sino-h5\\src\\utils\\http.js":"19","E:\\work\\sino\\sino-h5\\src\\components\\feeComponent.vue":"20","E:\\work\\sino\\sino-h5\\src\\components\\protocolContent.vue":"21","E:\\work\\sino\\sino-h5\\src\\views\\index\\addressMap.vue":"22","E:\\work\\sino\\sino-h5\\src\\views\\index\\rescue.vue":"23","E:\\work\\sino\\sino-h5\\src\\views\\index\\search.vue":"24","E:\\work\\sino\\sino-h5\\src\\views\\index\\orderStatus.vue":"25","E:\\work\\sino\\sino-h5\\src\\views\\index\\cancel.vue":"26","E:\\work\\sino\\sino-h5\\src\\views\\index\\index.vue":"27","E:\\work\\sino\\sino-h5\\src\\views\\index\\pay.vue":"28","E:\\work\\sino\\sino-h5\\src\\utils\\status.js":"29"},{"size":336,"mtime":1688106627323,"results":"30","hashOfConfig":"31"},{"size":603,"mtime":1686900641809,"results":"32","hashOfConfig":"31"},{"size":483,"mtime":1688634264766,"results":"33","hashOfConfig":"31"},{"size":1675,"mtime":1689217850816,"results":"34","hashOfConfig":"31"},{"size":1155,"mtime":1687165565669,"results":"35","hashOfConfig":"31"},{"size":1570,"mtime":1687923483824,"results":"36","hashOfConfig":"31"},{"size":2139,"mtime":1689153284616,"results":"37","hashOfConfig":"31"},{"size":1845,"mtime":1687680468781,"results":"38","hashOfConfig":"31"},{"size":3929,"mtime":1688451061762,"results":"39","hashOfConfig":"31"},{"size":826,"mtime":1687682752089,"results":"40","hashOfConfig":"31"},{"size":632,"mtime":1687748944609,"results":"41","hashOfConfig":"31"},{"size":964,"mtime":1687779937861,"results":"42","hashOfConfig":"31"},{"size":3348,"mtime":1688642194857,"results":"43","hashOfConfig":"31"},{"size":531,"mtime":1688104391380,"results":"44","hashOfConfig":"31"},{"size":77,"mtime":1688104878335,"results":"45","hashOfConfig":"31"},{"size":1676,"mtime":1688544371833,"results":"46","hashOfConfig":"31"},{"size":1084,"mtime":1689213876522,"results":"47","hashOfConfig":"31"},{"size":1641,"mtime":1689217497790,"results":"48","hashOfConfig":"31"},{"size":1314,"mtime":1688721985124,"results":"49","hashOfConfig":"31"},{"size":1339,"mtime":1688538651236,"results":"50","hashOfConfig":"31"},{"size":6041,"mtime":1688462121108,"results":"51","hashOfConfig":"31"},{"size":5951,"mtime":1688608649386,"results":"52","hashOfConfig":"31"},{"size":12003,"mtime":1689215502528,"results":"53","hashOfConfig":"31"},{"size":5282,"mtime":1688627589151,"results":"54","hashOfConfig":"31"},{"size":11505,"mtime":1688646687536,"results":"55","hashOfConfig":"31"},{"size":3065,"mtime":1688633482599,"results":"56","hashOfConfig":"31"},{"size":15479,"mtime":1689214838108,"results":"57","hashOfConfig":"31"},{"size":3735,"mtime":1689218075636,"results":"58","hashOfConfig":"31"},{"size":1649,"mtime":1688638238803,"results":"59","hashOfConfig":"31"},{"filePath":"60","messages":"61","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"62"},"d13unh",{"filePath":"63","messages":"64","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"62"},{"filePath":"65","messages":"66","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"67"},{"filePath":"68","messages":"69","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"70","messages":"71","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"67"},{"filePath":"72","messages":"73","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"62"},{"filePath":"74","messages":"75","errorCount":2,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"76","messages":"77","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"62"},{"filePath":"78","messages":"79","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"62"},{"filePath":"80","messages":"81","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"67"},{"filePath":"82","messages":"83","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"67"},{"filePath":"84","messages":"85","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"67"},{"filePath":"86","messages":"87","errorCount":8,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"88","usedDeprecatedRules":"62"},{"filePath":"89","messages":"90","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"62"},{"filePath":"91","messages":"92","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"62"},{"filePath":"93","messages":"94","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"62"},{"filePath":"95","messages":"96","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"97","messages":"98","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"99","messages":"100","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"62"},{"filePath":"101","messages":"102","errorCount":2,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"103","usedDeprecatedRules":"67"},{"filePath":"104","messages":"105","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"67"},{"filePath":"106","messages":"107","errorCount":6,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"108","usedDeprecatedRules":"67"},{"filePath":"109","messages":"110","errorCount":7,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"111","usedDeprecatedRules":"67"},{"filePath":"112","messages":"113","errorCount":1,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"114","usedDeprecatedRules":"67"},{"filePath":"115","messages":"116","errorCount":5,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"117","usedDeprecatedRules":"67"},{"filePath":"118","messages":"119","errorCount":1,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"120","usedDeprecatedRules":"67"},{"filePath":"121","messages":"122","errorCount":9,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"123","usedDeprecatedRules":"67"},{"filePath":"124","messages":"125","errorCount":1,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"126","messages":"127","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"62"},"E:\\work\\sino\\sino-h5\\src\\main.js",[],[],"E:\\work\\sino\\sino-h5\\src\\utils\\rem.js",[],"E:\\work\\sino\\sino-h5\\src\\App.vue",[],[],"E:\\work\\sino\\sino-h5\\src\\router\\index.js",[],"E:\\work\\sino\\sino-h5\\src\\components\\bottomItem.vue",[],"E:\\work\\sino\\sino-h5\\src\\utils\\serverMap.js",[],"E:\\work\\sino\\sino-h5\\src\\components\\tabBar.vue",["128","129"],"E:\\work\\sino\\sino-h5\\src\\utils\\appointTime.js",[],"E:\\work\\sino\\sino-h5\\src\\utils\\common.js",[],"E:\\work\\sino\\sino-h5\\src\\components\\attentionItem.vue",[],"E:\\work\\sino\\sino-h5\\src\\components\\commonBtn.vue",[],"E:\\work\\sino\\sino-h5\\src\\components\\operationBtn.vue",[],"E:\\work\\sino\\sino-h5\\src\\utils\\map.js",["130","131","132","133","134","135","136","137"],"// 获取定位, 返回 经纬度\r\nexport function getLocal(mapContext) {\r\n  return new Promise((resolve, reject) => {\r\n    mapContext.plugin('AMap.Geolocation', function () {\r\n      let geolocation = new AMap.Geolocation({\r\n        enableHighAccuracy: true, // 是否使用高精度定位，默认：true\r\n        timeout: 10000, // 设置定位超时时间，默认：无穷大\r\n        offset: [10, 20],  // 定位按钮的停靠位置的偏移量\r\n        zoomToAccuracy: true,  //  定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false\r\n        position: 'RB' //  定位按钮的排放位置,  RB表示右下\r\n      })\r\n\r\n      geolocation.getCurrentPosition(function(status, result){\r\n        if(status == 'complete'){\r\n          resolve(result.position)\r\n        }else{\r\n          reject(result)\r\n        }\r\n      });\r\n    })\r\n  })\r\n}\r\n\r\n// 逆地址解析，根据经纬度获取详细地址\r\nexport function getAddress(mapContext, lnglat) {\r\n  return new Promise((resolve, reject) => {\r\n    mapContext.plugin('AMap.Geocoder', function () {\r\n      let geocoder = new AMap.Geocoder({\r\n        // city: \"010\", //城市设为北京，默认：“全国”\r\n      });\r\n\r\n      geocoder.getAddress(lnglat, function(status, result) {\r\n        if (status === 'complete' && result.info === 'OK') {\r\n          // result为对应的地理位置详细信息\r\n          resolve(result)\r\n        } else {\r\n          console.log(result)\r\n          alert(JSON.stringify(result))\r\n        }\r\n      })\r\n    })\r\n  })\r\n}\r\n\r\n// 输入提示\r\nexport function searchFun(mapContext, cityCode, keyword) {\r\n  return new Promise((resolve, reject) => {\r\n    mapContext.plugin('AMap.AutoComplete', function(){\r\n      var autoOptions = {\r\n        city: cityCode || '全国',\r\n      };\r\n      // 实例化AutoComplete\r\n      var autoComplete= new AMap.AutoComplete(autoOptions);\r\n      // 根据关键字进行搜索\r\n      autoComplete.search(keyword, function(status, result) {\r\n        // 搜索成功时，result即是对应的匹配数据\r\n        if(result.info == 'OK') {\r\n          resolve(result.tips)\r\n        } else {\r\n          reject(result)\r\n        }\r\n      })\r\n    })\r\n  })\r\n}\r\n\r\n// 路径规划\r\nexport function getRoad( mapContext, startLng, startLat, endLng, endLat ) {\r\n  return new Promise((resolve, reject) => {\r\n    mapContext.plugin('AMap.Driving', function() {\r\n      let driving = new AMap.Driving({\r\n        // 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式\r\n        // policy: AMap.DrivingPolicy.LEAST_TIME,\r\n        // map: mapContext\r\n      })\r\n\r\n      let startLngLat = [startLng, startLat]\r\n      let endLngLat = [endLng, endLat]\r\n\r\n      driving.search(startLngLat, endLngLat, function (status, result) {\r\n        // 未出错时，result即是对应的路线规划方案\r\n        if (status === 'complete') {\r\n          resolve(result)\r\n        } else {\r\n          reject(result)\r\n        }\r\n      })\r\n    })\r\n  })\r\n}\r\n\r\n\r\nfunction drawRoute(route, map) {\r\n  let path = parseRouteToPath(route)\r\n\r\n  let routeLine = new AMap.Polyline({\r\n    path: path,\r\n    isOutline: true,\r\n    outlineColor: '#ffeeee',\r\n    borderWeight: 2,\r\n    strokeWeight: 5,\r\n    strokeOpacity: 0.9,\r\n    strokeColor: '#0091ff',\r\n    lineJoin: 'round'\r\n  })\r\n\r\n  map.add(routeLine);\r\n}\r\n","E:\\work\\sino\\sino-h5\\src\\store\\index.js",[],"E:\\work\\sino\\sino-h5\\src\\store\\getters.js",[],"E:\\work\\sino\\sino-h5\\src\\store\\modules\\order.js",[],"E:\\work\\sino\\sino-h5\\src\\utils\\myMixins.js",[],"E:\\work\\sino\\sino-h5\\src\\api\\order.js",[],"E:\\work\\sino\\sino-h5\\src\\utils\\http.js",[],"E:\\work\\sino\\sino-h5\\src\\components\\feeComponent.vue",["138","139"],"<template>\r\n  <div class=\"protocol_content\">\r\n    <div class=\"content\">{{ feeTitle }}</div>\r\n    <div>\r\n      <div class=\"protocol_title bolder\">\r\n        其他收费规则：\r\n      </div>\r\n      <div class=\"content\" v-for=\"item in feeListArr[this.activeTab].otherRules\">\r\n        {{item}}\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <div class=\"protocol_title bolder\">\r\n        取消收费规则：\r\n      </div>\r\n      <div class=\"content\" v-for=\"item in feeListArr[this.activeTab].cancelRules\">\r\n        {{item}}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"feeComponent\",\r\n    props: {\r\n      feeTitle: {\r\n        type: String,\r\n      },\r\n      feeListArr: {\r\n        type: Array\r\n      },\r\n      activeTab: {\r\n        type: Number\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n  .protocol_content {\r\n    color: #252525;\r\n    width: 100%;\r\n    text-align: left;\r\n    margin-bottom: 5px;\r\n    box-sizing: border-box;\r\n    padding: 0 10px;\r\n    .content {\r\n      font-size: 12px;\r\n      color: #252525;\r\n      margin-bottom: 5px;\r\n      box-sizing: border-box;\r\n    }\r\n    .protocol_title {\r\n      font-size: 14px;\r\n      text-align: left;\r\n      margin-bottom: 5px;\r\n      box-sizing: border-box;\r\n    }\r\n    .bolder {\r\n      font-weight: bold;\r\n    }\r\n  }\r\n</style>\r\n","E:\\work\\sino\\sino-h5\\src\\components\\protocolContent.vue",[],"E:\\work\\sino\\sino-h5\\src\\views\\index\\addressMap.vue",["140","141","142","143","144","145"],"<template>\r\n  <div>\r\n    <div class=\"map_wrap\" id=\"mapId\" :style=\"{ bottom: mapPosition + '%' }\">\r\n    </div>\r\n    <div class=\"button_wrap\">\r\n      <div class=\"cancel_btn\" @click=\"cancelHandler\">取消</div>\r\n      <div class=\"confirm_btn\" @click=\"successHandler\">完成</div>\r\n    </div>\r\n    <div class=\"search_wrap\" :style=\"{ height: mapPosition + '%' }\">\r\n      <div class=\"section\">\r\n        <input type=\"text\" v-model=\"keyword\" @change=\"searchHandler\" placeholder=\"请输入地址\" />\r\n      </div>\r\n      <div class=\"server_list\" v-if=\"keyword\">\r\n        <div class=\"text_box\" v-for=\"(item, index) in addressList\" @click=\"chooseHandler(item, index)\" :class=\"{'active': index == activeIndex}\">\r\n          <div class=\"address_name\">{{ item.name }}</div>\r\n          <div class=\"address_detail\">{{ ( item.district || '' ) + ( item.address || '' ) }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { searchFun } from '@/utils/map'\r\n  import { leftCopy } from '@/utils/common'\r\n  export default {\r\n    name: \"addressMap\",\r\n    data() {\r\n      return {\r\n        map: '',\r\n        mapPosition: 60,\r\n        source: '',\r\n        keyword: '',\r\n        addressList: [],\r\n        activeIndex: null,\r\n        marker: null,\r\n      }\r\n    },\r\n    watch: {\r\n      keyword() {\r\n         this.searchHandler()\r\n      }\r\n    },\r\n    created() {\r\n      this.source = this.$route.query.source || ''\r\n    },\r\n    async mounted() {\r\n      await this.initMap()\r\n    },\r\n    methods: {\r\n      chooseHandler(item, index) {\r\n        this.activeIndex = index;\r\n        this.addMarker()\r\n      },\r\n      addMarker() {\r\n        if( this.marker ) {\r\n          this.map.remove(this.marker)\r\n        }\r\n        let content = '<div class=\"my-position\"></div>';\r\n        let activeObj = this.addressList[this.activeIndex];\r\n        this.marker = new AMap.Marker({\r\n          position: new AMap.LngLat( activeObj.location.lng, activeObj.location.lat ),\r\n          content: content,\r\n          offset: new AMap.Pixel(-13, -30)\r\n        });\r\n        this.map.add(this.marker)\r\n      },\r\n      // 取消 返回上一页\r\n      cancelHandler() {\r\n        this.$router.go(-1)\r\n      },\r\n      // 完成 选择了事发地或者目的地\r\n      async successHandler() {\r\n        if( this.activeIndex == null ) {\r\n          this.$toast('请选择具体地址')\r\n          return\r\n        }\r\n        let activeObj = this.addressList[this.activeIndex];\r\n        if( this.source == 'address') {     // 事发地地址\r\n          await this.$store.dispatch('order/setServerCity', activeObj.district)\r\n          await this.$store.dispatch('order/setAddress', {\r\n            startPoiAddress: activeObj.district + activeObj.address + activeObj.name,\r\n            startLat: activeObj.location.lat,\r\n            startLng: activeObj.location.lng,\r\n          })\r\n        } else if( this.source == 'dest' ) {   // 目的地地址\r\n          await this.$store.dispatch('order/setDestAddress', {\r\n            endLat: activeObj.location.lat,\r\n            endLng: activeObj.location.lng,\r\n            endPoiAddress: activeObj.district + activeObj.address + activeObj.name,\r\n          })\r\n        }\r\n        this.$router.go(-1)\r\n      },\r\n      initMap() {   // 初始化地图\r\n        let orderInfo = this.$store.getters.order.localAddress\r\n        this.map = new AMap.Map('mapId', {\r\n          viewMode: '2D',  // 默认使用 2D 模式\r\n          zoom:11,  //初始化地图层级\r\n          center: [orderInfo.lng, orderInfo.lat]  //初始化地图中心点\r\n        })\r\n      },\r\n      async searchHandler() {    // 根据当前定位城市搜索，将选中的地址清空\r\n        let localCityCode = this.$store.getters.order.localAddress.localCityCode\r\n        this.activeIndex = null\r\n        if( this.keyword ) {\r\n          this.addressList = await searchFun(this.map, localCityCode, this.keyword)\r\n        } else {\r\n          this.addressList = []\r\n        }\r\n\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style>\r\n  @import '@/styles/common.css';\r\n</style>\r\n<style scoped lang=\"less\">\r\n  .map_wrap {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: -1;\r\n  }\r\n  .button_wrap {\r\n    width: 100%;\r\n    padding: 5px;\r\n    box-sizing: border-box;\r\n    zoom: 1;\r\n    .cancel_btn {\r\n      width: 50px;\r\n      height: 27px;\r\n      background: #F37877;\r\n      font-size: 12px;\r\n      text-align: center;\r\n      line-height: 27px;\r\n      color: #fff;\r\n      border-radius: 3px;\r\n      float: left;\r\n    }\r\n    .confirm_btn {\r\n      width: 50px;\r\n      height: 27px;\r\n      background: rgba(5,193,98,1);\r\n      font-size: 12px;\r\n      text-align: center;\r\n      line-height: 27px;\r\n      color: #fff;\r\n      border-radius: 3px;\r\n      float: right;\r\n    }\r\n  }\r\n  .search_wrap {\r\n    background-color: #fff;\r\n    position: absolute;\r\n    width: 100%;\r\n    bottom: 0;\r\n    left: 0;\r\n    overflow: auto;\r\n    .section {\r\n      height: 35px;\r\n      width: 100%;\r\n      background-color: #fff;\r\n      position: fixed;\r\n      /*top: calc(50% - 10px);*/\r\n      padding-top: 10px;\r\n      input {\r\n        width: 90%;\r\n        margin: 0 auto;\r\n        display: block;\r\n        border: none;\r\n        height: 30px;\r\n        border-radius: 3px;\r\n        padding: 0 10px;\r\n        background: #e2e0e0;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n    .server_list {\r\n      overflow-y: auto;\r\n      padding-top: 30px;\r\n      .text_box {\r\n        margin: 10px 25px;\r\n        padding-top: 10px;\r\n        .address_name {\r\n          font-size: 14px !important;\r\n          color: rgba(0,0,0,0.8);\r\n        }\r\n        .address_detail {\r\n          margin-top: 3px;\r\n          color: #c3c3c3 !important;\r\n          font-size: 12px !important;\r\n        }\r\n      }\r\n      .active {\r\n        .address_name {\r\n          color: green !important;\r\n        }\r\n        .address_detail {\r\n          color: green !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","E:\\work\\sino\\sino-h5\\src\\views\\index\\rescue.vue",["146","147","148","149","150","151","152"],"<template>\r\n  <div class=\"main_wrap\">\r\n    <div class=\"map_wrap\" id=\"mapId\">\r\n    </div>\r\n    <!--服务信息-->\r\n    <div class=\"server_wrap\" @touchmove.stop=\"touchmoveHandle\" @touchstart.stop=\"touchstartHandle\" @touchend.stop=\"touchendHandle\">\r\n      <tab-bar :click-flag=\"false\" :active-tab=\"activeTab\" :server-list=\"serverList\"></tab-bar>\r\n      <div class=\"server_main\">\r\n        <!-- 车牌号 -->\r\n        <div class=\"form_item border_bottom\">\r\n          <img class=\"radio\" src=\"@/assets/radio.png\" alt=\"\">\r\n          <div class=\"form_label\">车牌号：</div>\r\n          <input type=\"text\" v-model=\"form.plateNumber\" placeholder=\"请输入车牌号\" class=\"input_class\" />\r\n        </div>\r\n        <!-- 姓名 -->\r\n        <div class=\"form_item border_bottom\">\r\n          <img class=\"radio\" src=\"@/assets/radio.png\" alt=\"\">\r\n          <div class=\"form_label\">姓  名：</div>\r\n          <input type=\"text\" v-model=\"form.name\" placeholder=\"请输入您的姓名\" class=\"input_class\" />\r\n        </div>\r\n        <!-- 手机号 -->\r\n        <div class=\"form_item border_bottom\">\r\n          <img class=\"radio\" src=\"@/assets/radio.png\" alt=\"\">\r\n          <div class=\"form_label\">手机号：</div>\r\n          <input type=\"number\" v-model=\"form.phone\" placeholder=\"请输入您的手机号\" class=\"input_class\" />\r\n        </div>\r\n        <!-- 手机号 -->\r\n        <div class=\"form_item border_bottom\">\r\n          <img class=\"radio\" src=\"@/assets/radio.png\" alt=\"\">\r\n          <div class=\"form_label\">预计：</div>\r\n          <div class=\"incident_text\">\r\n            <span class=\"money_count\">{{ extraFee }}</span>元起\r\n            <div class=\"fee_desc\" @click=\"show = true\">费用说明</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"protocol_wrap\">\r\n          <van-checkbox v-model=\"checked\" icon-size=\"15px\" shape=\"square\">我已经阅读并同意</van-checkbox>\r\n          <span class=\"server_protocol\" @click=\"protocolShow = true\">《道路救援服务协议》</span>\r\n        </div>\r\n        <attention-item color=\"#939393\" attention=\"温馨提示：服务申请后，请保持您的手机畅通，我们的工作人员会与您联系并确认救援金额，在线支付完成后会及时安排救援人员前往施救，谢谢。\"></attention-item>\r\n      </div>\r\n      <div class=\"btn_wrap\" v-if=\"slideShow\">\r\n        <common-btn title=\"呼叫救援\" @ownClick=\"ownClickHandler\"></common-btn>\r\n      </div>\r\n    </div>\r\n\r\n    <van-dialog v-model=\"show\" title=\"费用说明\" show-cancel-button v-if=\"show\">\r\n      <fee-component :fee-title=\"feeTitle\" :fee-list-arr=\"feeListArr\" :active-tab=\"activeTab\"></fee-component>\r\n    </van-dialog>\r\n    <van-dialog v-model=\"protocolShow\" title=\"中道救援服务协议\" show-cancel-button>\r\n      <protocol-content />\r\n    </van-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { Dialog } from 'vant';\r\n  import protocolContent from \"@/components/protocolContent\";\r\n  import feeComponent from \"@/components/feeComponent\";\r\n  import { getFeeTitle, feeList } from '@/utils/common'\r\n  import { getFee, getCurrentOrder, createOrder } from '@/api/order'\r\n  import { serverList } from '@/utils/serverMap'\r\n  import tabBar from \"@/components/tabBar\";\r\n  import AttentionItem from '@/components/attentionItem'\r\n  import commonBtn from \"@/components/commonBtn\";\r\n  import { myMixins } from '@/utils/myMixins.js'\r\n  export default {\r\n    name: \"rescuePage\",\r\n    mixins: [myMixins],\r\n    data() {\r\n      return {\r\n        map: '',\r\n        activeTab: 0,\r\n        serverList: serverList,\r\n        checked: false,\r\n        feeTitle: '',\r\n        feeListArr: [],\r\n        extraFee: 0,\r\n        show: false,\r\n        protocolShow: false,\r\n        marker: null,\r\n        destMarker: null,\r\n        form: {\r\n          plateNumber: '',\r\n          name: '',\r\n          phone: '',\r\n        }\r\n      }\r\n    },\r\n    components: {\r\n      tabBar,\r\n      AttentionItem,\r\n      commonBtn,\r\n      feeComponent,\r\n      protocolContent\r\n    },\r\n    async mounted() {\r\n      await this.initMap()\r\n      await this.setTab()  // 设置服务\r\n      await this.setMarker()\r\n      await this.getFeeFun();\r\n    },\r\n    methods: {\r\n      async ownClickHandler() {\r\n        if( !this.form.plateNumber ) {\r\n          this.$toast('请输入车牌号')\r\n          return\r\n        }\r\n        if( !this.form.name ) {\r\n          this.$toast('请输入您的姓名')\r\n          return\r\n        }\r\n        if( !this.form.phone ) {\r\n          this.$toast('请输入您的手机号')\r\n          return\r\n        }\r\n        if( !(/^1[3456789]\\d{9}$/.test(this.form.phone)) ) {\r\n          this.$toast('请输入正确的手机号')\r\n          return\r\n        }\r\n        if( !this.checked ) {\r\n          this.$toast('请先同意协议')\r\n          return\r\n        }\r\n        let res = await getCurrentOrder({\r\n          appCode: localStorage.getItem('appCode'),\r\n          userPhone: this.form.phone,\r\n          isPresent: 1,\r\n          plateNumber: this.form.plateNumber\r\n        })\r\n        if( res?.ticketId ) {   // 已存在订单\r\n          Dialog.alert({\r\n            title: '提示',\r\n            message: '您当前已有订单，不能重复下单',\r\n          }).then(async () => {\r\n            await this.goDetail(res)\r\n            /*this.goPage('orderStatus', {\r\n              ticketId: res.ticketId,\r\n              userPhone: this.form.phone,\r\n              plateNumber: this.form.plateNumber\r\n            })*/\r\n          })\r\n        } else {        // 不存在订单，创建订单\r\n          let params = this.getParams()\r\n          let res = await createOrder({\r\n            ...params,\r\n            userPhone: this.form.phone,\r\n            userName: this.form.name,\r\n            plateNumber: this.form.plateNumber\r\n          })\r\n          await this.$store.dispatch('order/setAddress', {})\r\n          await this.$store.dispatch('order/setDestAddress', {})\r\n          await this.$store.dispatch('order/setOrderInfo', {})\r\n          await this.goDetail(res)\r\n          /*if( res.orderStatus == 17 ) {     // 代付款页\r\n            this.goPage('payPage', {\r\n              ticketId: res.ticketId\r\n            })\r\n          } else {    // 订单状态页\r\n            this.goPage('orderStatus', {\r\n              ticketId: res.ticketId,\r\n              userPhone: this.form.phone,\r\n              plateNumber: this.form.plateNumber\r\n            })\r\n          }*/\r\n        }\r\n\r\n      },\r\n      goDetail(result) {\r\n        if( result.orderStatus == 17 ) {     // 代付款页\r\n          this.goPage('payPage', {\r\n            ticketId: result.ticketId\r\n          })\r\n        } else {    // 订单状态页\r\n          this.goPage('orderStatus', {\r\n            ticketId: result.ticketId,\r\n            userPhone: this.form.phone,\r\n            plateNumber: this.form.plateNumber\r\n          })\r\n        }\r\n      },\r\n      getParams() {\r\n        const address = this.$store.getters.order.address\r\n        const destAddress = this.$store.getters.order.destAddress\r\n        const orderInfo = this.$store.getters.order.orderInfo\r\n        let params = {\r\n          appCode: localStorage.getItem('appCode'),\r\n          serviceId: this.serverList[this.activeTab].serverId,\r\n          startLat: address?.startLat,\r\n          startLng: address?.startLng,\r\n          startPoiAddress: address?.startPoiAddress,\r\n          endLat: destAddress?.endLat || '',\r\n          endLng: destAddress?.endLng || '',\r\n          endPoiAddress: destAddress?.endPoiAddress || '',\r\n          isAppoint: orderInfo?.isAppoint,\r\n          appointTime: orderInfo?.appointTime ? orderInfo?.appointTime + ':00' : '',\r\n          positionEnvironment: parseInt(orderInfo?.positionEnvironment),\r\n        }\r\n        return params\r\n      },\r\n      async getFeeFun() {     // 获取费用说明\r\n        let params = this.getParams()\r\n        let res = await getFee(params)\r\n        console.log('feee', res)\r\n        this.extraFee = res?.extraFee;\r\n        this.feeTitle = await getFeeTitle(this.serverList[this.activeTab].serverId, res.finishedPrice, res.trailUndergroundFee, res.finishedLimitedMileage, res.finishedExcessUnitPrice)\r\n        let unitPrice = res?.finishedExcessUnitPrice || 0;\r\n        this.feeListArr = await feeList(unitPrice)\r\n      },\r\n      initMap() {\r\n        this.map = new AMap.Map('mapId', {\r\n          viewMode: '2D',  // 默认使用 2D 模式\r\n          zoom:11,  //初始化地图层级\r\n        })\r\n      },\r\n      setTab() {\r\n        this.activeTab = this.$store.getters.order.orderInfo.activeTab\r\n      },\r\n      setMarker() {\r\n        this.addMarker()\r\n        if( this.serverList[this.activeTab].serverId == 1041 ) {\r\n          this.addDestMarker()\r\n        }\r\n      },\r\n      // 事发地 marker\r\n      addMarker() {\r\n        const address = this.$store.getters.order.address\r\n        if( this.marker ) {\r\n          this.map.remove(this.marker)\r\n        }\r\n        let content = '<div class=\"my-position\"></div>';\r\n        this.marker = new AMap.Marker({\r\n          position: new AMap.LngLat( address.startLng, address.startLat ),\r\n          content: content,\r\n          offset: new AMap.Pixel(-13, -30)\r\n        });\r\n        this.map.add(this.marker)\r\n      },\r\n      // 目的地 marker\r\n      addDestMarker() {\r\n        const destAddress = this.$store.getters.order.destAddress\r\n        if( this.destMarker ) {\r\n          this.map.remove(this.destMarker)\r\n        }\r\n        let content = '<div class=\"dest-position\"></div>';\r\n        this.destMarker = new AMap.Marker({\r\n          position: new AMap.LngLat( destAddress?.endLng, destAddress?.endLat ),\r\n          content: content,\r\n          offset: new AMap.Pixel(-13, -30)\r\n        });\r\n        this.map.add(this.destMarker)\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n  .main_wrap {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-sizing: border-box;\r\n    .map_wrap {\r\n      width: 100%;\r\n      flex: 1;\r\n      /*height: 80vh;*/\r\n    }\r\n    .server_wrap {\r\n      padding-bottom: 10px;\r\n      width: 100%;\r\n      /*position: fixed;\r\n      bottom: 0;\r\n      left: 0;*/\r\n      background: #fff;\r\n      z-index: 10000000 !important;\r\n      .btn_wrap {\r\n        width: 74%;\r\n        margin: 5px auto 10px;\r\n      }\r\n      .server_main {\r\n        .form_item {\r\n          width: calc(100% - 20px);\r\n          box-sizing: border-box;\r\n          height: 50px;\r\n          line-height: 50px;\r\n          display: flex;\r\n          font-size: 14px;\r\n          margin-left: 10px;\r\n          align-items: center;\r\n          .radio {\r\n            width: 10px;\r\n            height: 11px;\r\n            margin-right: 10px;\r\n          }\r\n          .form_label {\r\n            width: 60px;\r\n            text-align: right;\r\n          }\r\n          .input_class {\r\n            flex: 1;\r\n            height: 50px;\r\n            line-height: 50px;\r\n            border: 0;\r\n            background: none;\r\n          }\r\n          .incident_text {\r\n            color: #252525;\r\n            font-size: 13px;\r\n            margin-left: 5px;\r\n            flex: 1;\r\n            display: flex;\r\n            .money_count {\r\n              font-size: 22px;\r\n              color: #2C2A53;\r\n              font-weight: bolder;\r\n            }\r\n            .fee_desc {\r\n              margin-left: 5px;\r\n              color: #FF9876;\r\n            }\r\n          }\r\n        }\r\n        .protocol_wrap {\r\n          padding: 15px 10px 0;\r\n          display: flex;\r\n          .server_protocol {\r\n            color: #3364B7;\r\n          }\r\n        }\r\n        .border_bottom {\r\n          border-bottom: 1px solid #F1F2F5;\r\n        }\r\n      }\r\n    }\r\n    /*底部按钮*/\r\n    .bottom_wrap {\r\n      position: fixed;\r\n      width: 100%;\r\n      bottom: 0;\r\n      background: #FFFFFF;\r\n      box-shadow: 0px -2px 8px 0px rgba(74,74,74,0.08);\r\n      z-index: 1000000000 !important;\r\n      .wrap {\r\n        width: 100%;\r\n        display: flex;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n</style>\r\n<style>\r\n  @import '@/styles/common.css';\r\n</style>\r\n","E:\\work\\sino\\sino-h5\\src\\views\\index\\search.vue",["153"],"<template>\r\n  <div>\r\n    <div class=\"search_wrap\">\r\n      <div class=\"search_top\">\r\n        <div class=\"input_wrap\">\r\n          <input class=\"input_cls\" v-model=\"searchValue\" type=\"text\" placeholder=\"输入手机号 或 车牌号\" />\r\n          <div class=\"search_btn\" @click=\"searchHandler\">查询</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"split_bar\"></div>\r\n      <div class=\"order_wrap\" v-if=\"orderInfo\">\r\n        <div class=\"order_item\" @click=\"goDetailHandler\">\r\n          <img src=\"@/assets/point.png\" alt=\"\">\r\n          <div class=\"order_detail\">\r\n            <div class=\"order_title\">{{orderInfo.serviceName}}</div>\r\n            <div class=\"order_code\">订单号：{{orderInfo.ticketId}}</div>\r\n            <div class=\"order_time\">提交时间：{{orderInfo.createTime}}</div>\r\n          </div>\r\n          <div class=\"order_status\">\r\n            {{orderInfo.orderStatusName}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"order_wrap text-center\" v-if=\"noneOrder\">\r\n        暂无订单\r\n      </div>\r\n    </div>\r\n    <!-- 底部 button -->\r\n    <div class=\"bottom_wrap\">\r\n      <div class=\"wrap\">\r\n        <bottom-item server-name=\"叫服务\" page=\"Home\" :url=\"require('@/assets/server_btn.png')\" @pageClick=\"goPage\"></bottom-item>\r\n        <bottom-item server-name=\"查订单\" :active=\"true\" :url=\"require('@/assets/search_active_btn.png')\" ></bottom-item>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { myMixins } from '@/utils/myMixins.js'\r\n  import { getCurrentOrder } from '@/api/order'\r\n  import BottomItem from '@/components/bottomItem'\r\n  export default {\r\n    name: \"Search\",\r\n    mixins: [ myMixins ],\r\n    data() {\r\n      return {\r\n        searchValue: '',\r\n        orderInfo: null,\r\n        noneOrder: false,\r\n      }\r\n    },\r\n    components: {\r\n      BottomItem\r\n    },\r\n    methods: {\r\n      async searchHandler() {\r\n        if( !this.searchValue ) {\r\n          this.$toast('查询内容不能为空')\r\n          return\r\n        }\r\n        let data = this.getParams()\r\n        this.orderInfo = await getCurrentOrder(data)\r\n        if( this.orderInfo ) {\r\n          this.noneOrder = false\r\n        } else {\r\n          this.noneOrder = true\r\n        }\r\n      },\r\n      getParams () {\r\n        let data = {\r\n          userPhone: '',\r\n          plateNumber: '',\r\n          appCode: localStorage.getItem('appCode'),\r\n        }\r\n        if(/^1[3456789]\\d{9}$/.test(this.searchValue)) {\r\n          data.userPhone = this.searchValue;\r\n        } else {\r\n          data.plateNumber = this.searchValue;\r\n        }\r\n        return data\r\n      },\r\n      goDetailHandler() {\r\n        let data = this.getParams()\r\n        if( this.orderInfo.orderStatus == 17 ) {\r\n          this.goPage('payPage', {\r\n            ticketId: this.orderInfo.ticketId,\r\n            ...data\r\n          })\r\n        } else {\r\n          this.goPage('orderStatus', {\r\n            ticketId: this.orderInfo.ticketId,\r\n            ...data\r\n          })\r\n        }\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n  .search_wrap {\r\n    .search_top {\r\n      padding: 20px 22px;\r\n      .input_wrap {\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        height: 50px;\r\n        border-radius: 25px;\r\n        border: 1px solid #D5D7E2;\r\n        display: flex;\r\n        .input_cls {\r\n          flex: 1;\r\n          height: 48px;\r\n          line-height: 48px;\r\n          padding-left: 20px;\r\n          font-size: 14px;\r\n          border: 0;\r\n          background: none;\r\n        }\r\n        .search_btn {\r\n          padding: 0 20px;\r\n          border-radius: 25px;\r\n          color: #fff;\r\n          background: #3364B7;\r\n          font-size: 15px;\r\n          margin-right: 6px;\r\n          height: 38px;\r\n          line-height: 38px;\r\n          margin-top: 5px;\r\n          font-size: 15px;\r\n          z-index: 10000;\r\n        }\r\n      }\r\n    }\r\n    .split_bar {\r\n      width: 100%;\r\n      height: 10px;\r\n      background-color: #FAFAFA;\r\n    }\r\n    .text-center {\r\n      text-align: center;\r\n    }\r\n    .order_wrap {\r\n      padding: 15px 20px;\r\n      .order_item {\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        border: 1px solid #3364B7;\r\n        border-radius: 15px;\r\n        padding: 15px 20px 25px 10px;\r\n        display: flex;\r\n        img {\r\n          width: 11px;\r\n          height: 11px;\r\n          margin-right: 8px;\r\n          margin-top: 6px;\r\n        }\r\n        .order_detail {\r\n          flex: 1;\r\n          .order_title {\r\n            font-size: 16px;\r\n            color: #33495E;\r\n            font-weight: 500;\r\n          }\r\n          .order_code {\r\n            color: #203152;\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            line-height: 26px;\r\n          }\r\n          .order_time {\r\n            color: #33495E;\r\n            font-size: 10px;\r\n            font-weight: 300;\r\n          }\r\n        }\r\n        .order_status {\r\n          color: #3374E3;\r\n          font-size: 12px;\r\n          font-weight: 500;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .bottom_wrap {\r\n    position: fixed;\r\n    width: 100%;\r\n    bottom: 0;\r\n    background: #FFFFFF;\r\n    box-shadow: 0px -2px 8px 0px rgba(74,74,74,0.08);\r\n    .wrap {\r\n      width: 100%;\r\n      display: flex;\r\n    }\r\n  }\r\n</style>\r\n","E:\\work\\sino\\sino-h5\\src\\views\\index\\orderStatus.vue",["154","155","156","157","158"],"<template>\r\n  <div class=\"order_wrap\">\r\n    <div class=\"map_wrap\" id=\"mapId\">\r\n    </div>\r\n    <div class=\"info_wrap\">\r\n      <div class=\"refresh_wrap\" @click=\"refreshHandler\">\r\n        <img src=\"@/assets/refresh.png\" alt=\"\">\r\n      </div>\r\n      <div class=\"top_wrap\">\r\n        <div class=\"top_line\"></div>\r\n        <attention-item :attention=\"attentionStr\"></attention-item>\r\n      </div>\r\n      <div class=\"order_info\">\r\n        <div class=\"order_status_wrap\">\r\n          <img v-if=\"orderInfo?.orderStatus == 55 && orderInfo?.appraiseFlag != 1\"  class=\"finish_img\" src=\"@/assets/serverSuccess.png\" alt=\"\">\r\n          <img v-else class=\"doing_img\" src=\"@/assets/point.png\" alt=\"\">\r\n          <div class=\"order_status_info\">\r\n            <div class=\"status_str\">{{ statusStr }}</div>\r\n            <div class=\"driver_info\" v-if=\"[35,41].includes(orderInfo?.orderStatus) && ( orderInfo?.driveinfo?.driverName || orderInfo?.driveinfo?.driverPhone )\">\r\n              {{orderInfo?.driveinfo?.driverName}} {{ (orderInfo?.driveinfo?.driverName && orderInfo?.driveinfo?.driverPhone) ? '-' : '' }} {{orderInfo?.driveinfo?.driverPhone}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!--评价-->\r\n      <div class=\"judge_wrap\" v-if=\"orderInfo?.orderStatus == 55 && orderInfo?.appraiseFlag != 1\">\r\n        <div class=\"judge_title\">\r\n          <img src=\"@/assets/radio.png\" alt=\"\">\r\n          <span>请您对本次服务进行评价</span>\r\n        </div>\r\n        <div class=\"judge_level\">\r\n          <div class=\"judge_item\" @click=\"chooseJudgeLevel(4)\">\r\n            <img src=\"@/assets/satisfiedCheck.png\" v-if=\"judgeContent === 4\" alt=\"\">\r\n            <img src=\"@/assets/satisfiedUncheck.png\" v-else alt=\"\">\r\n            <div>满意</div>\r\n          </div>\r\n          <div class=\"judge_item\" @click=\"chooseJudgeLevel(3)\">\r\n            <img src=\"@/assets/generalCheck.png\" v-if=\"judgeContent === 3\" alt=\"\">\r\n            <img src=\"@/assets/generalUncheck.png\" v-else alt=\"\">\r\n            <div>一般</div>\r\n          </div>\r\n          <div class=\"judge_item\" @click=\"chooseJudgeLevel(2)\">\r\n            <img src=\"@/assets/disconentCheck.png\" v-if=\"judgeContent === 2\" alt=\"\">\r\n            <img src=\"@/assets/disconentUncheck.png\" v-else alt=\"\">\r\n            <div>不满意</div>\r\n          </div>\r\n        </div>\r\n        <textarea class=\"judge_content\" placeholder=\"请输入评价内容\" v-model=\"content\" name=\"\" id=\"\" cols=\"30\" rows=\"10\"></textarea>\r\n        <div class=\"btn_wrap\">\r\n          <common-btn title=\"提交评价\" @ownClick=\"judgeHandler\"></common-btn>\r\n        </div>\r\n      </div>\r\n\r\n      <!--操作按钮-->\r\n      <div>\r\n        <operation-btn v-if=\"[31, 35, 41, 50, 51].includes(orderInfo?.orderStatus)\" title=\"联系客服\" :url=\"require('@/assets/callPhone.png')\" :has-distance=\"true\" @ownClick=\"callClient\"></operation-btn>\r\n        <operation-btn v-if=\"[35].includes(orderInfo?.orderStatus) && orderInfo?.driveinfo?.driverPhone\" title=\"联系司机\" :url=\"require('@/assets/connectDriver.png')\" :has-distance=\"true\" @ownClick=\"callDriver\"></operation-btn>\r\n        <operation-btn v-if=\"[31, 32].includes(orderInfo?.orderStatus)\" title=\"催单\" :url=\"require('@/assets/bell.png')\" :has-distance=\"true\" @ownClick=\"urgedOrder\"></operation-btn>\r\n        <operation-btn v-if=\"[35].includes(orderInfo?.orderStatus)\" title=\"服务催促\" :url=\"require('@/assets/bell.png')\" :has-distance=\"true\" @ownClick=\"urgedOrder\"></operation-btn>\r\n        <operation-btn v-if=\"[31, 32, 35].includes(orderInfo?.orderStatus)\" title=\"取消订单\" :url=\"require('@/assets/cancel.png')\" :has-distance=\"true\" @ownClick=\"goPage('CancelPage', { ticketId: ticketId })\"></operation-btn>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { myMixins } from '@/utils/myMixins.js'\r\n  import AttentionItem from '@/components/attentionItem'\r\n  import operationBtn from \"@/components/operationBtn\";\r\n  import commonBtn from \"@/components/commonBtn\";\r\n  import { getCurrentOrder, appraise } from '@/api/order'\r\n  import { orderStatus } from '@/utils/status'\r\n  import { operatorOrder } from '@/api/order'\r\n  import { getRoad } from '@/utils/map'\r\n  export default {\r\n    name: \"orderStatus\",\r\n    mixins: [ myMixins ],\r\n    data() {\r\n      return {\r\n        map: '',\r\n        marker: '',\r\n        destMarker: '',\r\n        driverMarker: '',\r\n        finishFlag: true,\r\n        ticketId: '',\r\n        orderInfo: null,\r\n        userPhone: '',\r\n        plateNumber: '',\r\n        attentionStr: '',\r\n        statusStr: '',\r\n        judgeContent: 0,\r\n        content: ''\r\n      }\r\n    },\r\n    components: {\r\n      AttentionItem,\r\n      operationBtn,\r\n      commonBtn\r\n    },\r\n    async mounted() {\r\n      this.ticketId = this.$route.query.ticketId\r\n      this.userPhone = this.$route.query.userPhone\r\n      this.plateNumber = this.$route.query.plateNumber\r\n      await this.initMap()\r\n      await this.getOrderInfo()\r\n    },\r\n    methods: {\r\n      async judgeHandler() {\r\n        if( !this.judgeContent ) {\r\n          this.$toast('请选择满意度');\r\n          return\r\n        }\r\n        await appraise({\r\n          appCode: localStorage.getItem('appCode'),\r\n          ticketId: this.ticketId,\r\n          userPhone: this.userPhone,\r\n          serviceLevel: this.judgeContent,\r\n          content: this.content,\r\n        })\r\n        await this.getOrderInfo()\r\n      },\r\n      chooseJudgeLevel(content) {\r\n        this.judgeContent = content\r\n      },\r\n      async refreshHandler() {\r\n        await this.initMap()\r\n        await this.getOrderInfo()\r\n      },\r\n      callDriver() {\r\n        window.location.href = 'tel:' + this.orderInfo?.driveinfo?.driverPhone\r\n      },\r\n      callClient() {\r\n        window.location.href = 'tel:' + localStorage.getItem('client');\r\n      },\r\n      async urgedOrder() {\r\n        await operatorOrder({\r\n          appCode: localStorage.getItem('appCode'),\r\n          ticketId: this.ticketId,\r\n          userPhone: this.userPhone,\r\n          plateNumber: this.plateNumber,\r\n          type: 1,\r\n          content: '服务催促'\r\n        })\r\n        this.$toast('已催促')\r\n      },\r\n      getStatusStr() {\r\n        let res = orderStatus(this.orderInfo.orderStatus, this.orderInfo.appraiseFlag)\r\n        this.statusStr = res.name;\r\n        this.attentionStr = res.tip\r\n      },\r\n      initMap() {\r\n        this.map = new AMap.Map('mapId', {\r\n          viewMode: '2D',  // 默认使用 2D 模式\r\n          zoom:11,  //初始化地图层级\r\n        })\r\n      },\r\n      markerFn(lng, lat, marker , markerCls) {\r\n        if(marker) {\r\n          this.map.remove(marker)\r\n        }\r\n        let content = `<div class=\"${markerCls}\"></div>`;\r\n        marker = new AMap.Marker({\r\n          position: new AMap.LngLat( lng, lat ),\r\n          content: content,\r\n          offset: new AMap.Pixel(-13, -30)\r\n        });\r\n        this.map.add(marker)\r\n      },\r\n      async getOrderInfo() {\r\n        this.orderInfo = await getCurrentOrder({\r\n          ticketId: this.ticketId,\r\n          userPhone: this.userPhone,\r\n          plateNumber: this.plateNumber\r\n        })\r\n        this.getStatusStr()\r\n        // 目的地 marker\r\n        if( this?.orderInfo?.desLat && this?.orderInfo?.desLng ) {\r\n          this.markerFn(this.orderInfo.desLng, this.orderInfo.desLat, this.destMarker, 'dest-position')\r\n        }\r\n        // 事发地 marker\r\n        if( this?.orderInfo?.startLng && this?.orderInfo?.startLat ) {\r\n          this.markerFn(this.orderInfo.startLng, this.orderInfo.startLat, this.marker, 'my-position')\r\n        }\r\n        //\r\n        if( this?.orderInfo?.driveinfo?.driverLat && this?.orderInfo?.driveinfo?.driverLng ) {\r\n          this.markerFn(this?.orderInfo?.driveinfo?.driverLng, this?.orderInfo?.driveinfo?.driverLat, this.driverMarker, 'driver-position')\r\n        }\r\n        if( this?.orderInfo?.orderStatus == 35 ) {\r\n          let res = await getRoad(this.map, this?.orderInfo?.driveinfo?.driverLng, this?.orderInfo?.driveinfo?.driverLat, this.orderInfo.startLng, this.orderInfo.startLat)\r\n          this.drawRoute(res.routes[0])\r\n        }\r\n      },\r\n      drawRoute(route) {\r\n        let path = this.parseRouteToPath(route)\r\n        let routeLine = new AMap.Polyline({\r\n          path: path,\r\n          isOutline: true,\r\n          outlineColor: '#ffeeee',\r\n          borderWeight: 2,\r\n          strokeWeight: 5,\r\n          strokeOpacity: 0.9,\r\n          strokeColor: '#0091ff',\r\n          lineJoin: 'round'\r\n        })\r\n        this.map.add(routeLine);\r\n        this.map.setFitView([ this.driverMarker, this.marker, routeLine ])\r\n      },\r\n      parseRouteToPath(route) {   // 获取第一个路径规划\r\n        let path = []\r\n        for (let i = 0, l = route.steps.length; i < l; i++) {\r\n          let step = route.steps[i]\r\n          for (let j = 0, n = step.path.length; j < n; j++) {\r\n            path.push(step.path[j])\r\n          }\r\n        }\r\n        return path\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.order_wrap {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  .map_wrap {\r\n    flex: 1;\r\n  }\r\n  .info_wrap {\r\n    background: #fff;\r\n    padding-bottom: 25px;\r\n    position: relative;\r\n    .refresh_wrap {\r\n      position: absolute;\r\n      right: 5px;\r\n      top: -35px;\r\n      background: #fafafa;\r\n      width: 30px;\r\n      height: 30px;\r\n      img {\r\n        width: 30px;\r\n        height: 30px;\r\n      }\r\n    }\r\n    .top_wrap {\r\n      padding-top: 10px;\r\n      background: #fafafa;\r\n      .top_line {\r\n        width: 34px;\r\n        height: 3px;\r\n        background: #9FA5B4;\r\n        border-radius: 3px;\r\n        opacity: 0.19;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n    .order_info {\r\n      padding: 25px 20px 0;\r\n      .order_status_wrap {\r\n        text-align: left;\r\n        padding: 0 0 25px;\r\n        display: flex;\r\n        .doing_img {\r\n          width: 11px;\r\n          height: 11px;\r\n          margin-right: 8px;\r\n          margin-top: 8px;\r\n        }\r\n        .finish_img {\r\n          width: 30px;\r\n          height: 30px;\r\n          margin-right:8px;\r\n        }\r\n        .order_status_info {\r\n          flex: 1;\r\n          .status_str {\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n            color: #33495E;\r\n          }\r\n          .driver_info {\r\n            font-size: 13px;\r\n            color: #33495E;\r\n            margin-top: 2px;\r\n          }\r\n        }\r\n      }\r\n      .btn_wrap {\r\n        width: 80%;\r\n        margin: 15px auto 25px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n  /*评价*/\r\n  .judge_wrap {\r\n    .judge_title {\r\n      width: 100%;\r\n      padding: 0 20px;\r\n      text-align: left;\r\n      font-size: 14px;\r\n      color: rgba(0,0,0,0.7);\r\n      img {\r\n        width: 10px;\r\n        height: 11px;\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n    .judge_level {\r\n      display: flex;\r\n      justify-content: space-evenly;\r\n      margin-top: 30px;\r\n      .judge_item {\r\n        width: 50px;\r\n        color: rgba(0,0,0,0.3);\r\n        font-size: 12px;\r\n        text-align: center;\r\n        img {\r\n          width: 40px;\r\n          height: 40px;\r\n        }\r\n      }\r\n    }\r\n    .judge_content {\r\n      width: calc(100% - 20px);\r\n      text-align: left;\r\n      margin: 10px;\r\n      border: 1px solid #ccc;\r\n      padding: 5px;\r\n      box-sizing: border-box;\r\n      border-radius: 5px;\r\n      height: 60px;\r\n      font-size: 12px;\r\n    }\r\n    .btn_wrap {\r\n      width: 74%;\r\n      margin: 15px auto;\r\n    }\r\n  }\r\n</style>\r\n","E:\\work\\sino\\sino-h5\\src\\views\\index\\cancel.vue",["159"],"<template>\r\n  <div class=\"cancel_wrap\">\r\n    <attention-item attention=\"温馨提示：取消收费规则 1.非预约案件报案成功后10分钟内可免费取消，预约案件在距预约时间两个小时之前可免费取消；2.非预约案件超过10分钟、预约案件距预约时间两个小时之内、师傅到达现场之前取消，将收取服务费用的50%作为服务师傅的空驶费用；3.师傅到达现场之后，不再支持取消订单；4.有任何收费疑问可以拨打24小时客服电话400-920-1995。\"></attention-item>\r\n    <div class=\"cancel_list\">\r\n      <div class=\"list_item\" v-for=\"(item, index) in serverList\" @click=\"clickHandler(index)\">\r\n        <img v-if=\"index == selected\" src=\"@/assets/checked.png\" alt=\"\">\r\n        <img v-else src=\"@/assets/unchecked.png\" alt=\"\">\r\n        <span>{{item.text}}</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"btn_wrap\">\r\n      <common-btn title=\"确认取消\" @ownClick=\"cancelHandler\"></common-btn>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { myMixins } from '@/utils/myMixins.js'\r\n  import commonBtn from \"@/components/commonBtn\";\r\n  import AttentionItem from '@/components/attentionItem'\r\n  import { operatorOrder } from '@/api/order'\r\n  export default {\r\n    name: \"CancelPage\",\r\n    components: {\r\n      AttentionItem,\r\n      commonBtn\r\n    },\r\n    mixins: [ myMixins ],\r\n    data() {\r\n      return {\r\n        serverList: [\r\n          { text: '车子恢复正常了' },\r\n          { text: '车子已找人处理或被交警拖走' },\r\n          { text: '人不在车边' },\r\n          { text: '救援时效慢' },\r\n          { text: '其他原因' },\r\n        ],\r\n        selected: null,\r\n        ticketId: ''\r\n      }\r\n    },\r\n    async mounted() {\r\n      this.ticketId = this.$route.query.ticketId\r\n    },\r\n    methods: {\r\n      clickHandler(index) {\r\n        this.selected = index\r\n      },\r\n      async cancelHandler() {\r\n        if( this.selected == null ) {\r\n          this.$toast('请选择取消原因')\r\n          return\r\n        }\r\n        this.$toast.loading({\r\n          message: '加载中...',\r\n          forbidClick: true,\r\n          duration: 0\r\n        })\r\n        try {\r\n          await operatorOrder({\r\n            appCode: localStorage.getItem('appCode'),\r\n            ticketId: this.ticketId,\r\n            type: 2,\r\n            content: this.serverList[this.selected].text\r\n          })\r\n          this.goPage('Home')\r\n        }finally {\r\n          this.$toast.clear()\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.cancel_wrap {\r\n  padding-top: 10px;\r\n  .cancel_list {\r\n    padding-left: 15px;\r\n    .list_item {\r\n      border-bottom: 1px solid rgba(233, 233, 234, 0.6);\r\n      font-size: 15px;\r\n      height: 55px;\r\n      line-height: 55px;\r\n      font-weight: 400;\r\n      color: #203152;\r\n      img {\r\n        width: 16px;\r\n        height: 16px;\r\n        margin-right: 6px;\r\n        vertical-align: middle;\r\n      }\r\n    }\r\n  }\r\n  .btn_wrap {\r\n    width: 74%;\r\n    margin: 50px auto 10px;\r\n  }\r\n}\r\n</style>\r\n","E:\\work\\sino\\sino-h5\\src\\views\\index\\index.vue",["160","161","162","163","164","165","166","167","168"],"<template>\r\n  <div class=\"main_wrap\">\r\n    <div class=\"map_wrap\" id=\"mapId\">\r\n    </div>\r\n    <!--服务信息-->\r\n    <div class=\"server_wrap\" @touchmove.stop=\"touchmoveHandle\" @touchstart.stop=\"touchstartHandle\" @touchend.stop=\"touchendHandle\">\r\n      <tab-bar @changeTab=\"changeTabHandler\" :click-flag=\"true\" :active-tab=\"activeTab\" :server-list=\"serverList\"></tab-bar>\r\n      <div class=\"server_main\">\r\n        <div class=\"address_item pt15\" @click=\"goPage('addressMap', { source: 'address' })\">\r\n          <img class=\"address_icon\" src=\"@/assets/addressPoint.png\" alt=\"\">\r\n          <div class=\"address\">{{form.startPoiAddress}}</div>\r\n          <img class=\"arrow_icon\" src=\"@/assets/arrow.png\" alt=\"\">\r\n        </div>\r\n        <div class=\"address_item pb15 border_bottom\" v-if=\"serverList[activeTab].serverId == 1041\" @click=\"goPage('addressMap', { source: 'dest' })\">\r\n          <img class=\"address_icon\" src=\"@/assets/destionAddress.png\" alt=\"\">\r\n          <div class=\"address\" :class=\"{ 'placeholder': !form.endPoiAddress }\">{{form.endPoiAddress || '您的拖车目的地'}}</div>\r\n          <img class=\"arrow_icon\" src=\"@/assets/arrow.png\" alt=\"\">\r\n        </div>\r\n        <!--车辆位置-->\r\n        <div class=\"form_item border_bottom\">\r\n          <img class=\"radio\" src=\"@/assets/radio.png\" alt=\"\">\r\n          <div class=\"form_label\">车辆位于</div>\r\n          <van-radio-group class=\"flex_right\" v-model=\"form.positionEnvironment\" icon-size=\"16px\" direction=\"horizontal\">\r\n            <van-radio name=\"1\">地面</van-radio>\r\n            <van-radio name=\"6\">地库</van-radio>\r\n            <van-radio name=\"2\">高架</van-radio>\r\n          </van-radio-group>\r\n        </div>\r\n        <!--预约时间-->\r\n        <div class=\"form_item border_bottom\" @click=\"show = true\" v-if=\"slideShow\">\r\n          <img class=\"appoint_time\" src=\"@/assets/appointTime.png\" alt=\"\">\r\n          <div class=\"form_label\">预约时间</div>\r\n          <div class=\"form_time\">\r\n            <div>{{form.appointTime || '尽快到'}}</div>\r\n            <img class=\"arrow_icon\" src=\"@/assets/arrow.png\" alt=\"\">\r\n          </div>\r\n        </div>\r\n        <attention-item color=\"#939393\" :attention=\"serverList[activeTab].attentionTip\" v-if=\"slideShow\"></attention-item>\r\n      </div>\r\n      <div class=\"btn_wrap\" v-if=\"slideShow\">\r\n        <common-btn @ownClick=\"ownClickHandler\"></common-btn>\r\n      </div>\r\n    </div>\r\n    <!-- 底部按钮 -->\r\n    <div class=\"bottom_wrap\">\r\n      <div class=\"wrap\">\r\n        <bottom-item server-name=\"叫服务\" :active=\"true\"></bottom-item>\r\n        <bottom-item server-name=\"查订单\" :url=\"require('@/assets/search_btn.png')\" page=\"Search\" @pageClick=\"goPage\"></bottom-item>\r\n      </div>\r\n    </div>\r\n    <van-popup v-model=\"show\" v-if=\"show\" position=\"bottom\">\r\n      <van-picker show-toolbar title=\"预约时间\" :columns=\"columns\" @cancel=\"show = false\" @confirm=\"appointHandler\" />\r\n    </van-popup>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { getAppointFun } from '@/utils/appointTime'\r\n  import { serverList } from '@/utils/serverMap'\r\n  import { getClientPhone } from '@/api/order'\r\n  import tabBar from \"@/components/tabBar\";\r\n  import BottomItem from '@/components/bottomItem'\r\n  import AttentionItem from '@/components/attentionItem'\r\n  import commonBtn from \"@/components/commonBtn\";\r\n  import { getLocal, getAddress } from '@/utils/map'\r\n  import { myMixins } from '@/utils/myMixins.js'\r\n  export default {\r\n    name: \"Home\",\r\n    mixins: [myMixins],\r\n    data() {\r\n      return {\r\n        map: '',\r\n        location: [],\r\n        locationAddress: '',\r\n        activeTab: 0,\r\n        serverList: serverList,\r\n        radio: '',\r\n        show: false,  // 预约时间弹框\r\n        form: {\r\n          startLat: '',\r\n          startLng: '',\r\n          startPoiAddress: '',\r\n          endLat: '',\r\n          endLng: '',\r\n          endPoiAddress: '',\r\n          isAppoint: 0,\r\n          appointTime: '',\r\n          positionEnvironment: '',\r\n        },\r\n        marker: null,\r\n        destMarker: null,\r\n        columns: [],\r\n      }\r\n    },\r\n    components: {\r\n      BottomItem,\r\n      tabBar,\r\n      AttentionItem,\r\n      commonBtn\r\n    },\r\n    async mounted() {\r\n      if( this.$route.query.appCode ) {     // 获取 appCode 存入缓存\r\n        localStorage.setItem('appCode', this.$route.query.appCode)\r\n      }\r\n      this.getClientHandler()   // 获取客服电话\r\n      await this.initMap()    // 初始化地图\r\n      this.columns = getAppointFun(new Date())    // 获取预约时间 picker\r\n      await this.initData()\r\n      if( ! (this.form && this.form.startPoiAddress) ) {   // 缓存里没有地址，获取定位地址\r\n        await this.setLocalInfo()\r\n      }\r\n      // 添加 事发地 marker\r\n      this.addMarker()\r\n      // 拖车并且目的地存在，设置目的地 marker\r\n      if( this.serverList[this.activeTab].serverId == 1041 && this.form.endPoiAddress ) {\r\n        this.addDestMarker()\r\n      }\r\n    },\r\n    async beforeDestroy() {\r\n      await this.saveAddress()\r\n      await this.saveDestAddress()\r\n      await this.setOrder()\r\n    },\r\n    methods: {\r\n      // 事发地 marker\r\n      addMarker() {\r\n        if( this.marker ) {\r\n          this.map.remove(this.marker)\r\n        }\r\n        let content = '<div class=\"my-position\"></div>';\r\n        this.marker = new AMap.Marker({\r\n          position: new AMap.LngLat( this.form.startLng, this.form.startLat ),\r\n          content: content,\r\n          offset: new AMap.Pixel(-13, -30)\r\n        });\r\n        this.map.add(this.marker)\r\n      },\r\n      // 目的地 marker\r\n      addDestMarker() {\r\n        if( this.destMarker ) {\r\n          this.map.remove(this.destMarker)\r\n        }\r\n        let content = '<div class=\"dest-position\"></div>';\r\n        this.destMarker = new AMap.Marker({\r\n          position: new AMap.LngLat( this.form.endLng, this.form.endLat ),\r\n          content: content,\r\n          offset: new AMap.Pixel(-13, -30)\r\n        });\r\n        this.map.add(this.destMarker)\r\n      },\r\n      async getClientHandler() {    // 根据 appCode 获取客服电话\r\n        let res = await getClientPhone({\r\n          appCode: localStorage.getItem('appCode'),\r\n        })\r\n        let client\r\n        if( res && res.phone.length > 0 ) {\r\n          client = res.phone[0].phone\r\n        } else {\r\n          client = '4009201995'\r\n        }\r\n        localStorage.setItem('client', client)\r\n        // alert(localStorage.getItem('client'))\r\n      },\r\n      async initData() {\r\n        await this.initOrderInfo()\r\n        await this.initAddress()\r\n        await this.initDestAddress()\r\n      },\r\n      // 设置 表单除地址外的信息\r\n      initOrderInfo() {\r\n        const orderInfo = this.$store.getters.order.orderInfo\r\n        this.form.isAppoint = (orderInfo && orderInfo.isAppoint) || 0\r\n        this.form.appointTime = ( orderInfo && orderInfo.appointTime ) || ''\r\n        this.form.positionEnvironment = ( orderInfo && orderInfo.positionEnvironment ) || ''\r\n        this.activeTab = (orderInfo && orderInfo.activeTab) || 0\r\n      },\r\n      // 设置事发地\r\n      initAddress() {\r\n        const address = this.$store.getters.order.address\r\n        const localAddress = this.$store.getters.order.localAddress\r\n        this.form.startPoiAddress = (address && address.startPoiAddress ) || ( localAddress && localAddress.startPoiAddress )\r\n        this.form.startLat = (address && address.startLat ) || ( localAddress && localAddress.startLat )\r\n        this.form.startLng = (address && address.startLng ) || ( localAddress && localAddress.startLng )\r\n      },\r\n      // 设置目的地\r\n      initDestAddress() {\r\n        const destAddress = this.$store.getters.order.destAddress\r\n        if( this.serverList[this.activeTab].serverId == 1041 ) {\r\n          this.form.endPoiAddress = (destAddress && destAddress.endPoiAddress) || ''\r\n          this.form.endLat = ( destAddress && destAddress.endLat ) || ''\r\n          this.form.endLng = ( destAddress && destAddress.endLng ) || ''\r\n        } else {\r\n          this.form.endPoiAddress = '';\r\n          this.form.endLat = '';\r\n          this.form.endLng = '';\r\n        }\r\n      },\r\n      // 保存事发地地址\r\n      async saveAddress() {\r\n        await this.$store.dispatch('order/setAddress', {\r\n          startPoiAddress: this.form.startPoiAddress,\r\n          startLat: this.form.startLat,\r\n          startLng: this.form.startLng,\r\n        })\r\n      },\r\n      // 保存目的地地址\r\n      async saveDestAddress() {\r\n        if( this.serverList[this.activeTab].serverId == 1041 ) {\r\n          await this.$store.dispatch('order/setDestAddress', {\r\n            endPoiAddress: this.form.endPoiAddress,\r\n            endLat: this.form.endLat,\r\n            endLng: this.form.endLng,\r\n          })\r\n        }\r\n      },\r\n      // 保存下单信息\r\n      async setOrder() {\r\n        await this.$store.dispatch('order/setOrderInfo', {\r\n          serviceId: this.serverList[this.activeTab].serverId,\r\n          activeTab: this.activeTab,\r\n          appointTime: this.form.appointTime,\r\n          isAppoint: this.form.isAppoint,\r\n          positionEnvironment: this.form.positionEnvironment\r\n        })\r\n      },\r\n      // 保存定位地址\r\n      async saveLocalAddress(obj) {\r\n        await this.$store.dispatch('order/setLocalAddress', obj)\r\n      },\r\n      // 定位地址\r\n      async setLocalInfo() {\r\n        this.location = await getLocal(this.map)    // 获取经纬度\r\n        this.map.setCenter(this.location)           // 设置地图中心点\r\n        let tempAddress = await getAddress(this.map, this.location)     // 设置定位\r\n        this.form.startPoiAddress = tempAddress.regeocode.formattedAddress\r\n        this.form.startLng = this.location.lng\r\n        this.form.startLat = this.location.lat\r\n        // 设置当前服务的城市\r\n        let city = '';\r\n        city = tempAddress.regeocode.addressComponent.province + tempAddress.regeocode.addressComponent.city\r\n        this.$store.dispatch('order/setServerCity', city)\r\n        // 设置定位信息\r\n        let localObj = {\r\n          address: this.form.startPoiAddress,\r\n          lat: this.form.startLat,\r\n          lng: this.form.startLng,\r\n          localCityCode: tempAddress.regeocode.addressComponent.adcode\r\n        }\r\n        // 设置 当前定位位置信息\r\n        await this.saveLocalAddress(localObj)\r\n        // 初始化 设置事发地\r\n        await this.saveAddress()\r\n      },\r\n      initMap() {   // 初始化地图\r\n        this.map = new AMap.Map('mapId', {\r\n          viewMode: '2D',  // 默认使用 2D 模式\r\n          zoom:11,  //初始化地图层级\r\n        })\r\n      },\r\n      async ownClickHandler() {   // 将事发地，目的地，服务类型，车辆位置，预约时间存入，跳转到救援页\r\n        if( !this.form.startPoiAddress ) {\r\n          this.$toast('请先选择事发地')\r\n          return false\r\n        }\r\n        if( this.serverList[this.activeTab].serverId == 1041 && !this.form.endPoiAddress ) {\r\n          this.$toast('请选择拖车目的地')\r\n          return false\r\n        }\r\n        if( this.serverList[this.activeTab].serverId == 2160 ) {    // 判断服务城市是否开通上门充电\r\n          let chargeCityArr = ['北京', '上海', '杭州', '广州', '深圳', '东莞', '成都', '苏州', '无锡', '常州', '宁波', '南京', '武汉'];\r\n          const serverCity = this.$store.getters.order.serverCity\r\n          console.log('serverCity', serverCity)\r\n          let flag = false;\r\n          chargeCityArr.map(item => {\r\n            if( serverCity.indexOf(item) != -1 ) {\r\n              flag = true;\r\n              return;\r\n            }\r\n          })\r\n          if(!flag) {\r\n            this.$toast('当前城市未开通上门充电服务，建议选择拖车服务拖至最近的充电桩进行充电')\r\n            return false\r\n          }\r\n        }\r\n        if( !this.form.positionEnvironment ) {\r\n          this.$toast('请选择车辆位置')\r\n          return false\r\n        }\r\n        await this.saveAddress()\r\n        await this.saveDestAddress()\r\n        await this.setOrder()\r\n        await this.goPage('rescuePage')\r\n      },\r\n\r\n      changeTabHandler(index) {    //切换 tab\r\n        this.activeTab = index\r\n      },\r\n      appointHandler(value, index) {    // 设置预约时间\r\n        if( value[1] == '尽快到' ) {\r\n          this.form.appointTime = ''\r\n          this.form.isAppoint = 0\r\n        } else {\r\n          this.form.appointTime = value[0] + \" \" + value[1]\r\n          this.form.isAppoint = 1\r\n        }\r\n        this.show = false;\r\n        // this.$toast(`当前值：${value}, 当前索引：${index}`)\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style>\r\n  @import '@/styles/common.css';\r\n</style>\r\n<style scoped lang=\"less\">\r\n  .main_wrap {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-sizing: border-box;\r\n    .map_wrap {\r\n      width: 100%;\r\n      /*height: 80vh;*/\r\n      flex: 1;\r\n    }\r\n    .server_wrap {\r\n      padding-bottom: 50px;\r\n      /*position: fixed;*/\r\n      /*bottom: 0;*/\r\n      /*left: 0;*/\r\n      width: 100%;\r\n      background: #fff;\r\n      z-index: 10000000 !important;\r\n      .btn_wrap {\r\n        width: 74%;\r\n        margin: 5px auto 10px;\r\n      }\r\n      .server_main {\r\n        .address_item {\r\n          display: flex;\r\n          padding: 10px 15px 10px 3px;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          margin-left: 15px;\r\n          .address_icon {\r\n            width: 12px;\r\n            height: 12px;\r\n            margin-right: 10px;\r\n          }\r\n          .address {\r\n            font-size: 15px;\r\n            color: rgba( 0, 0, 0, 0.79);\r\n            flex: 1;\r\n          }\r\n          .placeholder {\r\n            color: rgba(147, 147, 147, 0.83);\r\n          }\r\n        }\r\n        .arrow_icon {\r\n          width: 12px;\r\n          height: 11px;\r\n          margin-left: 3px;\r\n        }\r\n        .form_item {\r\n          display: flex;\r\n          padding: 15px 15px 15px 3px;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          margin-left: 15px;\r\n          .radio {\r\n            width: 10px;\r\n            height: 11px;\r\n            margin-right: 10px;\r\n          }\r\n          .appoint_time {\r\n            width: 11px;\r\n            height: 11px;\r\n            margin-right: 10px;\r\n          }\r\n          .form_label {\r\n            font-size: 14px;\r\n            color: rgba( 0, 0, 0, 0.7 );\r\n          }\r\n          .flex_right {\r\n            flex: 1;\r\n            justify-content: flex-end;\r\n          }\r\n          .form_time {\r\n            flex: 1;\r\n            display: flex;\r\n            justify-content: flex-end;\r\n            align-items: center;\r\n          }\r\n        }\r\n        .pb15 {\r\n          padding-bottom: 15px;\r\n        }\r\n        .pt15 {\r\n          padding-top: 15px;\r\n        }\r\n        .border_bottom {\r\n          border-bottom: 1px solid #F1F2F5;\r\n        }\r\n      }\r\n    }\r\n    /*底部按钮*/\r\n    .bottom_wrap {\r\n      position: fixed;\r\n      width: 100%;\r\n      bottom: 0;\r\n      background: #FFFFFF;\r\n      box-shadow: 0px -2px 8px 0px rgba(74,74,74,0.08);\r\n      z-index: 1000000000 !important;\r\n      .wrap {\r\n        width: 100%;\r\n        display: flex;\r\n      }\r\n    }\r\n  }\r\n</style>\r\n<style>\r\n  .van-overlay {\r\n    z-index: 9999999999 !important;\r\n  }\r\n  .van-popup--bottom {\r\n    z-index: 10000000000 !important;\r\n  }\r\n</style>\r\n","E:\\work\\sino\\sino-h5\\src\\views\\index\\pay.vue",["169"],"E:\\work\\sino\\sino-h5\\src\\utils\\status.js",[],{"ruleId":"170","severity":2,"message":"171","line":5,"column":7,"nodeType":"172","endLine":5,"endColumn":137},{"ruleId":"173","severity":2,"message":"174","line":36,"column":18,"nodeType":"175","endLine":36,"endColumn":20},{"ruleId":"176","severity":2,"message":"177","line":5,"column":29,"nodeType":"178","messageId":"179","endLine":5,"endColumn":33},{"ruleId":"180","severity":2,"message":"181","line":26,"column":32,"nodeType":"178","messageId":"182","endLine":26,"endColumn":38},{"ruleId":"176","severity":2,"message":"177","line":28,"column":26,"nodeType":"178","messageId":"179","endLine":28,"endColumn":30},{"ruleId":"176","severity":2,"message":"177","line":53,"column":29,"nodeType":"178","messageId":"179","endLine":53,"endColumn":33},{"ruleId":"176","severity":2,"message":"177","line":71,"column":25,"nodeType":"178","messageId":"179","endLine":71,"endColumn":29},{"ruleId":"180","severity":2,"message":"183","line":93,"column":10,"nodeType":"178","messageId":"182","endLine":93,"endColumn":19},{"ruleId":"176","severity":2,"message":"184","line":94,"column":14,"nodeType":"178","messageId":"179","endLine":94,"endColumn":30},{"ruleId":"176","severity":2,"message":"177","line":96,"column":23,"nodeType":"178","messageId":"179","endLine":96,"endColumn":27},{"ruleId":"170","severity":2,"message":"171","line":8,"column":7,"nodeType":"172","endLine":8,"endColumn":82},{"ruleId":"170","severity":2,"message":"171","line":16,"column":7,"nodeType":"172","endLine":16,"endColumn":83},{"ruleId":"170","severity":2,"message":"171","line":14,"column":9,"nodeType":"172","endLine":14,"endColumn":146},{"ruleId":"180","severity":2,"message":"185","line":25,"column":12,"nodeType":"178","messageId":"182","endLine":25,"endColumn":20},{"ruleId":"176","severity":2,"message":"177","line":61,"column":27,"nodeType":"178","messageId":"179","endLine":61,"endColumn":31},{"ruleId":"176","severity":2,"message":"177","line":62,"column":25,"nodeType":"178","messageId":"179","endLine":62,"endColumn":29},{"ruleId":"176","severity":2,"message":"177","line":64,"column":23,"nodeType":"178","messageId":"179","endLine":64,"endColumn":27},{"ruleId":"176","severity":2,"message":"177","line":97,"column":24,"nodeType":"178","messageId":"179","endLine":97,"endColumn":28},{"ruleId":"176","severity":2,"message":"177","line":211,"column":24,"nodeType":"178","messageId":"179","endLine":211,"endColumn":28},{"ruleId":"176","severity":2,"message":"177","line":232,"column":27,"nodeType":"178","messageId":"179","endLine":232,"endColumn":31},{"ruleId":"176","severity":2,"message":"177","line":233,"column":25,"nodeType":"178","messageId":"179","endLine":233,"endColumn":29},{"ruleId":"176","severity":2,"message":"177","line":235,"column":23,"nodeType":"178","messageId":"179","endLine":235,"endColumn":27},{"ruleId":"176","severity":2,"message":"177","line":246,"column":31,"nodeType":"178","messageId":"179","endLine":246,"endColumn":35},{"ruleId":"176","severity":2,"message":"177","line":247,"column":25,"nodeType":"178","messageId":"179","endLine":247,"endColumn":29},{"ruleId":"176","severity":2,"message":"177","line":249,"column":23,"nodeType":"178","messageId":"179","endLine":249,"endColumn":27},{"ruleId":"186","severity":2,"message":"187","line":43,"column":11,"nodeType":"188","messageId":"189","endLine":43,"endColumn":19},{"ruleId":"176","severity":2,"message":"177","line":153,"column":24,"nodeType":"178","messageId":"179","endLine":153,"endColumn":28},{"ruleId":"176","severity":2,"message":"177","line":163,"column":22,"nodeType":"178","messageId":"179","endLine":163,"endColumn":26},{"ruleId":"176","severity":2,"message":"177","line":164,"column":25,"nodeType":"178","messageId":"179","endLine":164,"endColumn":29},{"ruleId":"176","severity":2,"message":"177","line":166,"column":23,"nodeType":"178","messageId":"179","endLine":166,"endColumn":27},{"ruleId":"176","severity":2,"message":"177","line":196,"column":29,"nodeType":"178","messageId":"179","endLine":196,"endColumn":33},{"ruleId":"170","severity":2,"message":"171","line":5,"column":7,"nodeType":"172","endLine":5,"endColumn":95},{"ruleId":"186","severity":2,"message":"190","line":68,"column":11,"nodeType":"188","messageId":"189","endLine":68,"endColumn":17},{"ruleId":"176","severity":2,"message":"177","line":131,"column":27,"nodeType":"178","messageId":"179","endLine":131,"endColumn":31},{"ruleId":"176","severity":2,"message":"177","line":132,"column":25,"nodeType":"178","messageId":"179","endLine":132,"endColumn":29},{"ruleId":"176","severity":2,"message":"177","line":134,"column":23,"nodeType":"178","messageId":"179","endLine":134,"endColumn":27},{"ruleId":"176","severity":2,"message":"177","line":144,"column":31,"nodeType":"178","messageId":"179","endLine":144,"endColumn":35},{"ruleId":"176","severity":2,"message":"177","line":145,"column":25,"nodeType":"178","messageId":"179","endLine":145,"endColumn":29},{"ruleId":"176","severity":2,"message":"177","line":147,"column":23,"nodeType":"178","messageId":"179","endLine":147,"endColumn":27},{"ruleId":"176","severity":2,"message":"177","line":255,"column":24,"nodeType":"178","messageId":"179","endLine":255,"endColumn":28},{"ruleId":"180","severity":2,"message":"191","line":298,"column":29,"nodeType":"178","messageId":"182","endLine":298,"endColumn":34},{"ruleId":"176","severity":2,"message":"177","line":62,"column":24,"nodeType":"178","messageId":"179","endLine":62,"endColumn":28},"vue/require-v-for-key","Elements in iteration expect to have 'v-bind:key' directives.","VStartTag","vue/require-valid-default-prop","Type of the default value for 'serverList' prop must be a function.","ArrayExpression","no-undef","'AMap' is not defined.","Identifier","undef","no-unused-vars","'reject' is defined but never used.","unusedVar","'drawRoute' is defined but never used.","'parseRouteToPath' is not defined.","'leftCopy' is defined but never used.","vue/multi-word-component-names","Component name \"Search\" should always be multi-word.","Literal","unexpected","Component name \"Home\" should always be multi-word.","'index' is defined but never used."]