{"version":3,"sources":["webpack:///./src/views/Entrega/OrderShare/map.vue?0bb2","webpack:///./src/views/Entrega/OrderShare/map.vue?a2e7","webpack:///./src/views/Entrega/OrderShare/map.vue?d802","webpack:///src/views/Entrega/OrderShare/map.vue","webpack:///./src/views/Entrega/OrderShare/map.vue"],"names":["name","components","SailingMapView","SailingMapMarker","SailingMapPolyline","props","mapData","Object","orderData","type","default","orderStatus","isH5","Boolean","serverApiTime","Number","data","mapReadyComplete","zoom","map","distance","infoWindowOptions","disableAutoPan","multiple","position","countdownEl","recordTime","waitTime","riderInfoString","customerOneInfoString","timer","bubbleCardEl","mapAlgo","computed","is99","this","country","rider","lat","lng","customerOne","customerTwo","polylinePath","status","path","push","length","customerOneIcon","url","scaledSize","width","height","anchor","x","y","customerTwoIcon","riderIcon","result","apiCountDown","watch","handler","clearIntervalFn","setMapInit","newV","TimeDown","infoString","listenEl","immediate","mounted","$once","t","$nextTick","methods","mapPointArr","mapInit","center","reset","ready","Date","$emit","mapTipFn","$utils","warningToast","$t","getRealDom","Promise","flag","setInterval","dom","clearInterval","resolve","count","getElDom","h5AirCardEl","countDown","statusDesc","subStatusDesc","textContent","totalSeconds","computationTime","timeDifference","modulo","minutes","seconds","h5CountDown","beforeDestroy","component","_vm","_h","$createElement","_c","_self","ref","staticClass","class","attrs","on","_e","staticRenderFns"],"mappings":"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","file":"js/chunk-4d2c0be4.c283eaa1.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 render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"map\",staticClass:\"maps\",class:{'sailing-map-marker-rider-entrega': _vm.orderData.status >= 1400},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.customerOne)?_c('sailing-map-marker',{attrs:{\"infoWindow\":_vm.customerOneInfoString,\"icon\":_vm.customerOneIcon,\"position\":_vm.customerOne,\"infoWindowOptions\":_vm.infoWindowOptions}}):_vm._e(),(_vm.customerTwo)?_c('sailing-map-marker',{attrs:{\"infoWindow\":_vm.customerOneInfoString,\"icon\":_vm.customerTwoIcon,\"position\":_vm.customerTwo}}):_vm._e(),(_vm.polylinePath)?_c('sailing-map-polyline',{attrs:{\"showDir\":true,\"path\":_vm.polylinePath,\"strokeWeight\":4,\"strokeOpacity\":0.15,\"strokeColor\":\"#272C2D\"}}):_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\n    id=\"map\"\n    class=\"maps\"\n    ref=\"map\"\n    :class=\"{'sailing-map-marker-rider-entrega': orderData.status >= 1400}\"\n  >\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      <!--  顾客 C1 -->\n      <sailing-map-marker\n        v-if=\"customerOne\"\n        :infoWindow=\"customerOneInfoString\"\n        :icon=\"customerOneIcon\"\n        :position=\"customerOne\"\n        :infoWindowOptions=\"infoWindowOptions\"\n      ></sailing-map-marker>\n      <!--  顾客 C2 -->\n      <sailing-map-marker\n        v-if=\"customerTwo\"\n        :infoWindow=\"customerOneInfoString\"\n        :icon=\"customerTwoIcon\"\n        :position=\"customerTwo\"\n      ></sailing-map-marker>\n      <sailing-map-polyline\n        v-if=\"polylinePath\"\n        :showDir=\"true\"\n        :path=\"polylinePath\"\n        :strokeWeight=\"4\"\n        :strokeOpacity=\"0.15\"\n        strokeColor=\"#272C2D\"\n      ></sailing-map-polyline>\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, SailingMapPolyline, MapAlgo } from '@didi/sailing-map';\nimport {debounce} from 'lodash-es';\nimport entrega_c1 from '@/assets/images/didi/map/entrega-c1.png'\nimport entrega_c2 from '@/assets/images/didi/map/entrega-c2.png'\nimport entrega_c2_99 from '@/assets/images/didi/map/entrega-c2-99.png'\n\n// C1 一般来说是寄件人 ，当然也可能不是；C2 一般为收件人\nexport default {\n  name: 'Map',\n  components: {\n    SailingMapView,\n    SailingMapMarker,\n    SailingMapPolyline,\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      infoWindowOptions: {\n        // 当前点是否在视口内\n        disableAutoPan: true,\n        multiple: true\n      },\n      position: null,\n      countdownEl: '00:00',\n      recordTime: 0,\n      waitTime: 30000,\n      riderInfoString: false, // 骑手气泡\n      customerOneInfoString: false, // C1气泡\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    // 骑手\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    customerOne() {\n      if (this.orderData?.status < 1400 && this.mapData?.senderLat && this.mapData?.senderLng) {\n        return {\n          lat: this.mapData?.senderLat,\n          lng: this.mapData?.senderLng,\n        };\n      } else {\n        return false;\n      }\n    },\n    customerTwo() {\n      if (this.orderData?.status >= 1400 && this.mapData?.receiverLat && this.mapData?.receiverLng) {\n        return {\n          lat: this.mapData?.receiverLat,\n          lng: this.mapData?.receiverLng,\n        };\n      } else {\n        return false;\n      }\n    },\n    // 路线\n    polylinePath() {\n      let path = []\n      let status = this.orderData?.status\n      if (status >= 1200 && status < 1400) {\n        path.push({\n          lat: this.mapData?.riderLat,\n          lng: this.mapData?.riderLng,\n        }, {\n          lat: this.mapData?.senderLat,\n          lng: this.mapData?.senderLng,\n        })\n      } else if(status >= 1400) {\n        path.push({\n          lat: this.mapData?.riderLat,\n          lng: this.mapData?.riderLng,\n        }, {\n          lat: this.mapData?.receiverLat,\n          lng: this.mapData?.receiverLng,\n        })\n      }\n      return path.length ? path : false\n    },\n    // icon\n    customerOneIcon() {\n      const status = this.orderData?.status;\n      let y = status === 1100 ? 50 : 14\n      return {\n        url: entrega_c1,\n        scaledSize: {\n          width: 28,\n          height: 28,\n        },\n        anchor: {\n          x: 14,\n          y: y\n        }\n      }\n    },\n    customerTwoIcon() {\n      let url = this.is99 ? entrega_c2_99 : entrega_c2\n      return {\n      url: url,\n      scaledSize: {\n        width: 28,\n        height: 28,\n      },\n      anchor: {\n        x: 14,\n        y: 14\n      }\n    }\n    },\n    riderIcon() {\n      let result = null;\n      const status = this.orderData?.status;\n      if (status === 1200) {\n        // 200 骑手去商家\n        result = angle(this.rider, this.customerOne);\n      } else if (status === 1400 || status === 1500) {\n        // 400骑手去用户 500已到达用户附近\n        result = angle(this.rider, this.customerTwo);\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        anchor: {\n          x: 30,\n          y: 45\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        if (newV > 0) {\n          this.TimeDown(newV);\n        }\n        this.riderInfoString = this.infoString('rider');\n        this.customerOneInfoString = this.infoString('customerOne');\n        this.listenEl();\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.customerTwo) mapPointArr.push(this.customerTwo);\n      if (this.customerOne) mapPointArr.push(this.customerOne);\n      if (mapPointArr.length === 1) {\n        mapPointArr.push(mapPointArr[0])\n      }\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 (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    },\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      return this.h5AirCardEl(countDown, statusDesc, subStatusDesc);\n    },\n    TimeDown(endDateStr) {\n      let totalSeconds = endDateStr;\n      this.timer = setInterval(() => {\n        let dom = document.querySelector('#countdown-el-id-only')\n        this.listenEl();\n        this.computationTime(totalSeconds);\n        dom && (dom.textContent = this.countdownEl)\n        // this.riderInfoString = this.infoString('rider');\n        // this.customerOneInfoString = this.infoString('customerOne');\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 } = this.orderData;\n      if (status == 1100 || status == 1200) {\n        if (type === 'customerOne') {\n          return this.getElDom();\n        } else {\n          return false;\n        }\n      } else if (status == 1300 || status == 1400 || status == 1500) {\n        if (type === 'rider') {\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      if (countDown) {\n        return this.h5CountDown(statusDesc, subStatusDesc);\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          </div>\n          <div class=\"map-tips_h5_desc\">${subStatusDesc}</div>\n        </div>\n        `;\n    },\n    // 倒计时\n    h5CountDown(statusDesc, subStatusDesc) {\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          </div>\n          <div class=\"map-tips_h5_desc\">${subStatusDesc}</div>\n        </div>\n        <div class=\"map_count_down_box\">\n          <span id=\"countdown-el-id-only\">${this.countdownEl}</span>\n          <span class=\"map_count_down_box_shadow\"></span>\n        </div>\n      `;\n    },\n    clearIntervalFn() {\n      clearInterval(this.timer);\n    },\n  },\n  beforeDestroy() {\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  overflow: unset !important;\n  div {\n    border: none !important;\n  }\n}\n.gm-style-iw-t::after {\n  background: green !important;\n}\n.sailing-map-marker-rider-entrega {\n  .gm-style-iw-c,\n  .gm-style-iw-t::after,\n  .map-tip_content_h5 {\n    @include themeBackgroundColorImportant();\n  }\n}\n.gm-style-iw-d {\n  overflow: unset !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\n\n.map-tips_h5 {\n  display: flex;\n  align-items: center;\n}\n.gm-ui-hover-effect {\n  display: none !important;\n}\n\n.map_count_down_box {\n  position: absolute;\n  bottom: -75px;\n  left: 50%;\n  margin-left: -30px;\n  padding: 18px 0 0;\n  width: 61px;\n  height: 61px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 16px;\n  font-family: 'Aspira Medium';\n  font-weight: 500;\n  color: #ffffff;\n  border-radius: 50%;\n  // background: #272C2D;\n  background: url('~@/assets/images/didi/map/entrega-bubble.png') no-repeat center center;\n  background-size: 100%;\n}\n.map_count_down_box_shadow {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  z-index: -1;\n  margin-left: -117px;\n  margin-top: -114px;\n  width: 234px;\n  height: 234px;\n  &::after {\n    content: ' ';\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    z-index: -1;\n    margin-left: -117px;\n    margin-top: -114px;\n    width: 234px;\n    height: 234px;\n    opacity: 0.5;\n    border-radius: 50%;\n    transform: scale(0.1, 0.1);\n    background-image: radial-gradient(#FFFFFF 0%, #EDF7FF 50%, #6ABDFA 100%);\n    animation: scaleRound 2s ease-in-out infinite;\n  }\n  &::before {\n    content: ' ';\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    z-index: -1;\n    margin-left: -117px;\n    margin-top: -114px;\n    width: 234px;\n    height: 234px;\n    opacity: 0.5;\n    border-radius: 50%;\n    transform: scale(0.1, 0.1);\n    background-image: radial-gradient(#FFFFFF 0%, #EDF7FF 50%, #6ABDFA 100%);\n    animation: scaleRound 2s .8s ease-in-out infinite;\n  }\n}\n@keyframes scaleRound {\n  0% {\n    opacity: 0.5;\n    transform: scale(0.1, 0.1);\n    background-image: radial-gradient(#FFFFFF 0%, #EDF7FF 50%, #6ABDFA 100%);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(2.5, 2.5);\n    background-image: radial-gradient(#FFFFFF 0%, #EDF7FF 50%, #6ABDFA 100%);\n  }\n}\n// h5样式\n@media screen and (max-width: 768px) {\n  .map-tip_content_h5 {\n    position: relative;\n    padding: rem(24) rem(18);\n    border-radius: 4px !important;\n    background: #1bb17c !important;\n    z-index: 1;\n  }\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    line-height: 1;\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: 0 !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=26a8a88f&\"\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"],"sourceRoot":""}