{"version":3,"sources":["webpack:///./src/views/OrderDetail/map.vue?142e","webpack:///./node_modules/core-js/modules/es.array.last-index-of.js","webpack:///./src/views/OrderDetail/map.vue?6022","webpack:///./src/views/OrderDetail/map.vue?6b35","webpack:///src/views/OrderDetail/map.vue","webpack:///./src/views/OrderDetail/map.vue","webpack:///./node_modules/core-js/internals/array-last-index-of.js"],"names":["$","lastIndexOf","target","proto","forced","name","components","SailingMapView","SailingMapMarker","props","mapData","Object","orderData","type","default","orderStatus","isH5","Boolean","serverApiTime","Number","data","mapReadyComplete","zoom","map","distance","customerIcon","url","scaledSize","width","height","shopsIcon","infoWindowOptions","disableAutoPan","multiple","position","countdownEl","recordTime","waitTime","riderInfoString","shopsInfoString","timer","bubbleCardEl","mapAlgo","computed","is99","this","country","rider","lat","lng","customer","shops","riderIcon","status","result","apiCountDown","watch","handler","clearIntervalFn","setMapInit","infoString","listenEl","newV","TimeDown","immediate","mounted","$once","t","$nextTick","methods","mapPointArr","push","mapInit","center","reset","ready","scrollIntoView","block","behavior","nowTime","Date","$emit","mapTipFn","$utils","warningToast","$t","listenBubbleCardEl","getRealDom","Promise","flag","setInterval","dom","clearInterval","resolve","count","getElDom","h5AirCardEl","countDown","statusDesc","subStatusDesc","pcAirCardEl","totalSeconds","computationTime","timeDifference","modulo","minutes","seconds","el","replace","timeEl","descEl","beforeDestroy","component","_vm","_h","$createElement","_c","_self","ref","staticClass","attrs","on","_e","staticRenderFns","toIndexedObject","toInteger","toLength","arrayMethodIsStrict","min","Math","$lastIndexOf","NEGATIVE_ZERO","STRICT_METHOD","FORCED","module","exports","searchElement","apply","arguments","O","length","index"],"mappings":"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","file":"js/chunk-3be24a86.84af6e69.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./map.vue?vue&type=style&index=0&lang=scss&\"","var $ = require('../internals/export');\nvar lastIndexOf = require('../internals/array-last-index-of');\n\n// `Array.prototype.lastIndexOf` method\n// https://tc39.es/ecma262/#sec-array.prototype.lastindexof\n// eslint-disable-next-line es/no-array-prototype-lastindexof -- required for testing\n$({ target: 'Array', proto: true, forced: lastIndexOf !== [].lastIndexOf }, {\n  lastIndexOf: lastIndexOf\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"map\",staticClass:\"maps\",attrs:{\"id\":\"map\"}},[_c('sailing-map-view',{attrs:{\"scaleControl\":true,\"zoomControl\":false,\"zoom\":_vm.zoom,\"center\":_vm.position,\"mapMode\":\"standard\",\"noBabelPillFile\":\"true\"},on:{\"ready\":_vm.ready}},[(_vm.rider)?_c('sailing-map-marker',{attrs:{\"infoWindow\":_vm.riderInfoString,\"infoWindowOptions\":_vm.infoWindowOptions,\"icon\":_vm.riderIcon,\"position\":_vm.rider}}):_vm._e(),(_vm.customer)?_c('sailing-map-marker',{attrs:{\"icon\":_vm.customerIcon,\"position\":_vm.customer}}):_vm._e(),(_vm.shops)?_c('sailing-map-marker',{attrs:{\"infoWindow\":_vm.shopsInfoString,\"icon\":_vm.shopsIcon,\"position\":_vm.shops,\"infoWindowOptions\":_vm.infoWindowOptions}}):_vm._e()],1),(_vm.mapReadyComplete)?_c('div',{staticClass:\"reset-map flex finger-style\",on:{\"click\":_vm.reset}},[_c('i',{staticClass:\"icon-outlined_refresh\"})]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./map.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./map.vue?vue&type=script&lang=js&\"","<template>\n  <div id=\"map\" class=\"maps\" ref=\"map\">\n    <sailing-map-view\n      :scaleControl=\"true\"\n      :zoomControl=\"false\"\n      :zoom=\"zoom\"\n      @ready=\"ready\"\n      :center=\"position\"\n      mapMode=\"standard\"\n      noBabelPillFile=\"true\"\n    >\n      <!-- 骑手 -->\n      <sailing-map-marker\n        v-if=\"rider\"\n        :infoWindow=\"riderInfoString\"\n        :infoWindowOptions=\"infoWindowOptions\"\n        :icon=\"riderIcon\"\n        :position=\"rider\"\n      ></sailing-map-marker>\n      <!--  顾客 -->\n      <sailing-map-marker\n        v-if=\"customer\"\n        :icon=\"customerIcon\"\n        :position=\"customer\"\n      ></sailing-map-marker>\n      <!--  商铺 -->\n      <sailing-map-marker\n        v-if=\"shops\"\n        :infoWindow=\"shopsInfoString\"\n        :icon=\"shopsIcon\"\n        :position=\"shops\"\n        :infoWindowOptions=\"infoWindowOptions\"\n      ></sailing-map-marker>\n    </sailing-map-view>\n    <div\n      @click=\"reset\"\n      v-if=\"mapReadyComplete\"\n      class=\"reset-map flex finger-style\"\n    >\n      <i class=\"icon-outlined_refresh\"></i>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapState } from 'vuex';\nimport { angle, angleName } from '@/utils/mapAngle';\nimport { SailingMapView, SailingMapMarker, MapAlgo } from '@didi/sailing-map';\nimport {debounce} from 'lodash-es';\nimport merchant from '@/assets/images/didi/map/merchant.png';\nimport customer from '@/assets/images/didi/map/customer.png';\n\nexport default {\n  name: 'Map',\n  components: {\n    SailingMapView,\n    SailingMapMarker,\n  },\n  props: {\n    mapData: Object,\n    orderData: {\n      type:Object,\n      default:() =>{}\n    },\n    orderStatus:Number,\n    isH5: Boolean,\n    serverApiTime: Number,\n  },\n  data() {\n    return {\n      // 地图\n      mapReadyComplete: false,\n      zoom: null,\n      map: null,\n      distance: 140,\n      customerIcon: {\n        url: customer,\n        scaledSize: {\n          width: 60,\n          height: 80,\n        },\n      },\n      shopsIcon: {\n        url: merchant,\n        scaledSize: {\n          width: 60,\n          height: 80,\n        },\n      },\n      infoWindowOptions: {\n        // 当前点是否在视口内\n        disableAutoPan: true,\n        multiple: true\n      },\n      position: null,\n      countdownEl: '00:00',\n      recordTime: 0,\n      waitTime: 10000,\n      riderInfoString: false, // 骑手气泡\n      shopsInfoString: false, // 商家气泡\n      timer: null,\n      bubbleCardEl: null,\n      mapAlgo: null,\n    };\n  },\n  computed: {\n    ...mapState({\n      country: ({ common }) => common.country,\n    }),\n    is99() {\n      return this.country === 'BR'\n    },\n    // 100，120，140，200气泡展示在商家上，\n    // 2：【自配送】商家自配送400，500展示在连线上\n    // 1：【滴滴】平台配送400、500展示在骑手\n\n    // 骑手\n    rider() {\n      if (this.mapData?.riderLat && this.mapData?.riderLng) {\n        return {\n          lat: this.mapData?.riderLat,\n          lng: this.mapData?.riderLng,\n        };\n      } else {\n        return false;\n      }\n    },\n    // 用户\n    customer() {\n      if (this.mapData?.userLat && this.mapData?.userLng) {\n        return {\n          lat: this.mapData?.userLat,\n          lng: this.mapData?.userLng,\n        };\n      } else {\n        return false;\n      }\n    },\n    // 商铺\n    shops() {\n      if (this.mapData?.shopLat && this.mapData?.shopLng) {\n        return {\n          lat: this.mapData?.shopLat,\n          lng: this.mapData?.shopLng,\n        };\n      } else {\n        return false;\n      }\n    },\n    riderIcon() {\n      let result = null;\n      const status = this.orderData?.status;\n      if (status === 200) {\n        // 200 骑手去商家\n        // result = angle(this.rider, this.shops);\n      } else if (status === 400 || status === 500) {\n        // 400骑手去用户 500已到达用户附近\n        result = angle(this.rider, this.customer);\n      }\n      // 该注释不要删除：这是为了能够然让我们搜索到这个路径，从而标识这个资源有被使用；@/assets/images/99/map/east_north_east.png  @/assets/images/didi/map/east_north_east.png\n      let url = result ? require(`@/assets/images/${this.is99 ? '99' : 'didi'}/map/${result.toLowerCase()}.png`) : ''\n      return {\n        url,\n        scaledSize: {\n          width: 60,\n          height: 60,\n        },\n      };\n    },\n    apiCountDown() {\n      const { countDown = 0 } = this.mapData?.tip || 0;\n      // 有倒计时\n      return countDown - this.serverApiTime;\n    },\n  },\n  watch: {\n    apiCountDown: {\n      handler: function(newV, oldV) {\n        this.clearIntervalFn();\n        this.setMapInit();\n        this.riderInfoString = this.infoString('rider');\n        this.shopsInfoString = this.infoString('shops');\n        this.listenEl();\n        if (newV > 0) {\n          this.TimeDown(newV);\n        }\n      },\n      immediate: true,\n    },\n  },\n  mounted() {\n    this.$once('hook:beforeDestroy', () => {\n      this.clearIntervalFn();\n    });\n    this.$nextTick(() => {\n      try {\n        this.mapAlgo = new MapAlgo(this.$refs?.map);\n      } catch{}\n        this.setMapInit();\n    })\n  },\n  methods: {\n    setMapInit() {\n      const mapPointArr = [];\n      if (this.rider) mapPointArr.push(this.rider);\n      if (this.customer) mapPointArr.push(this.customer);\n      if (this.shops) mapPointArr.push(this.shops);\n      try {\n        this.mapInit(mapPointArr);\n      } catch {}\n    },\n    mapInit(mapPointArr) {\n      const data = this.mapAlgo.getBestView(mapPointArr);\n      this.position = data.center;\n      this.zoom = data.zoom-1;\n      this.map.reset({\n        zoom: this.zoom,\n        center: this.position,\n      });\n    },\n    ready(map) {\n      this.listenEl();\n      this.map = map;\n      this.mapReadyComplete = true;\n    },\n    reset: function() {\n      // 30秒 提示\n      const nowTime = +new Date();\n      if(this.isH5) {\n        let deliverPosition = document.querySelector('.header');\n        deliverPosition.scrollIntoView({\n          block: 'start',\n          behavior: 'smooth',\n        });\n        // \n      }\n      if (nowTime - this.recordTime > this.waitTime) {\n        // 如果当前点击时间减去之前记录的时间小于等待时间 执行，否则提示消息\n        this.recordTime = +new Date(); // 点击的时候记录当前时间\n        this.$emit('initData');\n        this.setMapInit()\n      } else {\n        this.mapTipFn();\n      }\n    },\n    // 30秒复位\n    mapTipFn: debounce(function() {\n      this.$utils.warningToast(this.$t('操作太快啦，请稍后尝试'))\n    }, 300),\n\n    // 卡片气泡的逻辑\n    async listenEl() {\n      this.bubbleCardEl = await this.getRealDom('gm-style-iw-c');\n      this.bubbleCardEl?.addEventListener('click', this.listenBubbleCardEl);\n    },\n    listenBubbleCardEl() {\n      this.$emit('openprogress');\n    },\n    getRealDom(domName) {\n      return new Promise((resolve, reject) => {\n        let count = 0;\n        let flag = null;\n        flag = setInterval(() => {\n          let dom = document.getElementsByClassName(domName)?.[0];\n          if (dom) {\n            clearInterval(flag);\n            flag = null;\n            resolve(dom);\n          }\n          if (count > 60) {\n            clearInterval(flag);\n            flag = null;\n          }\n          count++;\n        }, 100);\n      });\n    },\n    getElDom() {\n      const { countDown, statusDesc, subStatusDesc } = this.mapData?.tip;\n      if (this.isH5) {\n        return this.h5AirCardEl(countDown, statusDesc, subStatusDesc);\n      } else {\n        return this.pcAirCardEl(countDown, statusDesc, subStatusDesc);\n      }\n    },\n    TimeDown(endDateStr) {\n      let totalSeconds = endDateStr;\n      this.timer = setInterval(() => {\n        this.listenEl();\n        this.computationTime(totalSeconds);\n        this.riderInfoString = this.infoString('rider');\n        this.shopsInfoString = this.infoString('shops');\n        totalSeconds--;\n        if (totalSeconds <= 0) {\n          // 如果时间为0清楚倒计时\n          this.$emit('initData');\n          this.clearIntervalFn();\n        }\n      }, 1000);\n    },\n    computationTime(timeDifference) {\n      if (timeDifference < 0) {\n        // 如果有倒计时小于了0，则给默认\n        this.countdownEl = `00:00`;\n        return;\n      }\n      // 取模（余数）\n      let modulo = timeDifference % (60 * 60 * 24);\n      //小时数\n      modulo = modulo % (60 * 60);\n      //分钟\n      let minutes = Math.floor(modulo / 60);\n      minutes < 10 ? (minutes = `0${minutes}`) : minutes;\n      //秒\n      let seconds = modulo % 60;\n      seconds < 10 ? (seconds = `0${seconds}`) : seconds;\n      this.countdownEl = `${minutes}:${seconds}`;\n    },\n    infoString(type) {\n      const { status, deliveryType } = this.orderData;\n      // deliveryType 1.商家 2.自配送\n      if (status == 100 || status == 120 || status == 140 || status == 200) {\n        if (type === 'shops') {\n          return this.getElDom();\n        } else {\n          return false;\n        }\n      } else if (deliveryType == 1 && (status == 400 || status == 500)) {\n        // 【滴滴】\n        if (type === 'rider') {\n          return this.getElDom();\n        } else {\n          return false;\n        }\n      } else if (deliveryType == 2 && (status == 400 || status == 500)) {\n        // 【自配送】 连线---待定\n        if (type === 'shops') {\n          return this.getElDom();\n        } else {\n          return false;\n        }\n      } else {\n        // 重复执行\n        return false;\n      }\n    },\n    //h5的卡片样式\n    h5AirCardEl(countDown, statusDesc, subStatusDesc) {\n      // 移动端div\n      const times = '{{time}}';\n      let el = subStatusDesc;\n      if (countDown) {\n        el = subStatusDesc.replace(\n          times,\n          `<span class=\"h5-time_desc\">${this.countdownEl}</span>`\n        );\n      }\n      return `\n        <div class=\"map-tip_content_h5\" id=\"sailingMap-info-window\">\n          <div class=\"finger-style map-tips_h5_title ellipsis\">\n            <div class=\"js-click ellipsis\">${statusDesc}</div>\n            <i class=\"icon-outline_entrance\"></i>\n          </div>\n          <div class=\"map-tips_h5_desc\">${el}</div>\n        </div>\n        `;\n    },\n    // pc的卡片样式\n    pcAirCardEl(countDown, statusDesc, subStatusDesc) {\n      const strStart = '{';\n      const strEnd = '}';\n      const str1 = subStatusDesc.indexOf(strStart); // 索引\n      const str2 = subStatusDesc.lastIndexOf(strEnd); // 索引\n      let timeEl = '';\n      let descEl = '';\n      if (countDown) {\n        timeEl = `<div class=\"map-tips_pc-time\">${this.countdownEl}</div>`;\n        descEl = `<div class=\"map-tips_pc-desc\">\n                      <div class=\"js-click\">${subStatusDesc.slice(\n                        0,\n                        str1\n                      )}</div>\n                      <div class=\"js-click\">${subStatusDesc.slice(\n                        str2 + 1\n                      )}</div>\n                    </div>`;\n      } else {\n        descEl = `<div class=\"map-tips_pc-desc\">\n                      <div class=\"js-click\">${statusDesc}</div>\n                      <div class=\"map-tips_pc-desc_sub\">${subStatusDesc}</div>\n                    </div>`;\n      }\n      return `\n        <div class=\"map-tip_content_pc\" id=\"sailingMap-info-window\">\n          <div class=\"finger-style map-tips_pc\">\n           ${timeEl}\n           ${descEl}\n            <i class=\"icon-outline_entrance\"></i>\n          </div>\n        </div>\n        `;\n    },\n    clearIntervalFn() {\n      clearInterval(this.timer);\n    },\n  },\n  beforeDestroy() {\n    this.bubbleCardEl?.removeEventListener('click', this.listenBubbleCardEl);\n    this.clearIntervalFn();\n  },\n};\n</script>\n<style lang=\"scss\">\n.gm-style-iw-c {\n  padding: 12px !important;\n  border: none !important;\n  outline: none;\n  background: #1bb17c !important;\n  border-radius: 4px !important;\n  div {\n    border: none !important;\n  }\n}\n.gm-style-iw-t::after {\n  background: green !important;\n}\n.gm-style-iw-d {\n  overflow: auto !important;\n}\n.infowindow {\n  color: #fff;\n}\n.reset-map {\n  position: absolute;\n  right: 40px;\n  bottom: 40px;\n  width: 40px;\n  height: 40px;\n  background: #ffffff;\n  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.12);\n  border-radius: 4px;\n  i {\n    font-size: 25px;\n  }\n}\n.maps {\n  position: relative;\n  height: 100%;\n  outline: none;\n  .map-view {\n    > div {\n      > div {\n        > div {\n          border: none !important;\n          outline: none;\n        }\n      }\n    }\n  }\n}\n\n.gm-style-iw-t::after {\n  background: #1bb17c !important;\n  border-radius: 0 0 0 4px;\n}\n.map-tip_content_pc {\n  box-shadow: 10px 8px 40px 0px rgba(0, 0, 0, 0.12);\n  display: flex;\n  align-items: center;\n  .icon-outline_entrance {\n    color: #fff;\n  }\n}\n\n.map-tips_pc {\n  display: flex;\n  align-items: center;\n  display: flex;\n}\n.map-tips_pc-time {\n  font-family: 'Aspira Medium';\n  font-size: 28px;\n  color: #ffffff;\n  font-weight: 500;\n  margin-right: 8px;\n}\n.map-tips_pc-desc {\n  font-family: 'Aspira Medium';\n  font-size: 14px;\n  color: #ffffff;\n  font-weight: 500;\n  flex: 1;\n  word-break: break-all;\n  // padding-right: 12px;\n}\n.map-tips_h5 {\n  display: flex;\n  align-items: center;\n}\n.map-tips_pc-desc_sub {\n  font-family: 'Aspira Light';\n  font-size: 12px;\n  color: #ffffff;\n  font-weight: 200;\n}\n.gm-ui-hover-effect {\n  display: none !important;\n}\n// h5样式\n@media screen and (max-width: 768px) {\n  .reset-map {\n    position: absolute;\n    right: rem(50);\n    bottom: rem(50);\n    width: rem(50);\n    height: rem(50);\n    background: #ffffff;\n    box-shadow: 0px rem(8) rem(40) 0px rgba(0, 0, 0, 0.12);\n    border-radius: rem(4);\n    i {\n      font-size: rem(25);\n    }\n  }\n  .map-tips_h5_title {\n    font-family: 'Aspira Medium';\n    font-size: rem(32);\n    color: #ffffff;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    .js-click{\n     max-width: rem(500);\n    }\n    .icon-outline_entrance{\n      font-size: rem(18);\n      margin-left: rem(4);\n    }\n  }\n  .map-tips_h5_desc {\n    font-family: 'Aspira Light';\n    font-size: rem(24);\n    color: #ffffff;\n    font-weight: 200;\n    display: flex;\n    align-items: center;\n  }\n  .h5-time_desc {\n    font-family: 'Aspira Medium';\n    font-size: rem(24);\n    color: #ffffff;\n    font-weight: 500;\n  }\n  .gm-style-iw-c {\n    padding: rem(24) rem(18) !important;\n    border-radius: rem(12) !important;\n    box-shadow: rem(20) rem(16) rem(80) rgba(0, 0, 0, 12%) !important;\n    max-width: rem(420) !important;\n  } \n  .gm-style-iw-t::after {\n    border-radius: 0 0 0 rem(8);\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./map.vue?vue&type=template&id=601ab321&\"\nimport script from \"./map.vue?vue&type=script&lang=js&\"\nexport * from \"./map.vue?vue&type=script&lang=js&\"\nimport style0 from \"./map.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","'use strict';\n/* eslint-disable es/no-array-prototype-lastindexof -- safe */\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar toInteger = require('../internals/to-integer');\nvar toLength = require('../internals/to-length');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar min = Math.min;\nvar $lastIndexOf = [].lastIndexOf;\nvar NEGATIVE_ZERO = !!$lastIndexOf && 1 / [1].lastIndexOf(1, -0) < 0;\nvar STRICT_METHOD = arrayMethodIsStrict('lastIndexOf');\nvar FORCED = NEGATIVE_ZERO || !STRICT_METHOD;\n\n// `Array.prototype.lastIndexOf` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.lastindexof\nmodule.exports = FORCED ? function lastIndexOf(searchElement /* , fromIndex = @[*-1] */) {\n  // convert -0 to +0\n  if (NEGATIVE_ZERO) return $lastIndexOf.apply(this, arguments) || 0;\n  var O = toIndexedObject(this);\n  var length = toLength(O.length);\n  var index = length - 1;\n  if (arguments.length > 1) index = min(index, toInteger(arguments[1]));\n  if (index < 0) index = length + index;\n  for (;index >= 0; index--) if (index in O && O[index] === searchElement) return index || 0;\n  return -1;\n} : $lastIndexOf;\n"],"sourceRoot":""}