{"version":3,"sources":["webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeletonPc.vue?f400","webpack:///./src/views/OrderDetail/index.vue?1ee6","webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeleton.vue?f435","webpack:///./src/views/OrderDetail/map.vue?142e","webpack:///./node_modules/lodash-es/isEmpty.js","webpack:///./src/views/OrderDetail/index.vue?ae53","webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeletonH5.vue?0b73","webpack:///src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeletonH5.vue","webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeletonH5.vue","webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeletonH5.vue?d655","webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeletonPc.vue?4031","webpack:///src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeletonPc.vue","webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeleton.vue?c33d","webpack:///src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeleton.vue","webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeletonPc.vue","webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeletonPc.vue?b3d4","webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeleton.vue","webpack:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeleton.vue?512a","webpack:///./src/views/OrderDetail/index.vue?0ca7","webpack:///src/views/OrderDetail/index.vue","webpack:///./src/views/OrderDetail/index.vue","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:///./src/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeletonH5.vue?0d96","webpack:///./node_modules/core-js/internals/array-last-index-of.js"],"names":["i","hasOwnProperty","Object","prototype","value","splice","length","tag","size","key","call","name","components","SkeletonAnimation","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","PartItem","data","block1","width","height","block2","margin","block3","block4","block5","block6","block7","block8","block9","block10","block11","block12","block13","OrderDetailSkeletonH5","OrderDetailSkeletonPc","style","EmptyState","Cards","Map","OrderDetailSkeleton","beforeRouteEnter","to","next","path","orderId","progressShow","requestTime","skeletonLoading","timerName","isOrderComplete","status","firstEnterOrderStatus","computed","methods","orderdetailTrack","$trackEvent","eventId","eventLabel","attrs","order_id","order_status","abnormalData","$router","replace","goIconUrl","getReplaceUrl","val","window","open","url","openProgress","loopOrderData","setInterval","clearIntervalFn","clearInterval","beforeDestroy","eventBus","isH5","_e","orderData","mapData","serverApiTime","on","_initData","errno","layoutCards","$event","confrimCard","confrimPay","staticRenderFns","$","lastIndexOf","target","proto","forced","SailingMapView","SailingMapMarker","props","type","default","orderStatus","Boolean","Number","mapReadyComplete","zoom","map","distance","customerIcon","scaledSize","shopsIcon","infoWindowOptions","disableAutoPan","multiple","position","countdownEl","recordTime","waitTime","riderInfoString","shopsInfoString","timer","bubbleCardEl","mapAlgo","is99","country","rider","lat","lng","customer","shops","riderIcon","result","apiCountDown","watch","handler","setMapInit","infoString","listenEl","newV","TimeDown","immediate","mounted","$once","t","$nextTick","mapPointArr","push","mapInit","center","reset","ready","scrollIntoView","block","behavior","nowTime","Date","$emit","mapTipFn","$utils","warningToast","$t","listenBubbleCardEl","getRealDom","Promise","flag","dom","resolve","count","getElDom","h5AirCardEl","countDown","statusDesc","subStatusDesc","pcAirCardEl","totalSeconds","computationTime","timeDifference","modulo","minutes","seconds","el","timeEl","descEl","component","ref","toIndexedObject","toInteger","toLength","arrayMethodIsStrict","min","Math","$lastIndexOf","NEGATIVE_ZERO","STRICT_METHOD","FORCED","module","exports","searchElement","apply","arguments","O","index"],"mappings":"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","file":"js/chunk-653937bf.5d4f1a34.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!./orderDetailSkeletonPc.vue?vue&type=style&index=0&id=7c477533&lang=scss&scoped=true&\"","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!./index.vue?vue&type=style&index=0&id=24bb5369&lang=scss&scoped=true&\"","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!./orderDetailSkeleton.vue?vue&type=style&index=0&id=a28b1102&lang=scss&scoped=true&\"","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&\"","import baseKeys from './_baseKeys.js';\nimport getTag from './_getTag.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isArrayLike from './isArrayLike.js';\nimport isBuffer from './isBuffer.js';\nimport isPrototype from './_isPrototype.js';\nimport isTypedArray from './isTypedArray.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n    setTag = '[object Set]';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if `value` is an empty object, collection, map, or set.\n *\n * Objects are considered empty if they have no own enumerable string keyed\n * properties.\n *\n * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n * jQuery-like collections are considered empty if they have a `length` of `0`.\n * Similarly, maps and sets are considered empty if they have a `size` of `0`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is empty, else `false`.\n * @example\n *\n * _.isEmpty(null);\n * // => true\n *\n * _.isEmpty(true);\n * // => true\n *\n * _.isEmpty(1);\n * // => true\n *\n * _.isEmpty([1, 2, 3]);\n * // => false\n *\n * _.isEmpty({ 'a': 1 });\n * // => false\n */\nfunction isEmpty(value) {\n  if (value == null) {\n    return true;\n  }\n  if (isArrayLike(value) &&\n      (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||\n        isBuffer(value) || isTypedArray(value) || isArguments(value))) {\n    return !value.length;\n  }\n  var tag = getTag(value);\n  if (tag == mapTag || tag == setTag) {\n    return !value.size;\n  }\n  if (isPrototype(value)) {\n    return !baseKeys(value).length;\n  }\n  for (var key in value) {\n    if (hasOwnProperty.call(value, key)) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport default isEmpty;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"order-box\"},[(_vm.skeletonLoading)?[_c('OrderDetailSkeleton')]:[_c('div',{staticClass:\"order-container\"},[(!(_vm.isOrderComplete && _vm.isH5))?_c('div',{staticClass:\"order-map\"},[_c('Map',{attrs:{\"mapData\":_vm.orderData.mapData,\"orderData\":_vm.orderData,\"isH5\":_vm.isH5,\"orderStatus\":_vm.orderData.status,\"serverApiTime\":_vm.serverApiTime},on:{\"openprogress\":_vm.openProgress,\"initData\":_vm._initData}})],1):_vm._e(),_c('div',{staticClass:\"order-card__deatil\"},[(_vm.errno == -1)?[_c('EmptyState',{attrs:{\"emptyType\":\"netNotResultData\"},on:{\"tryAgain\":_vm._initData}})]:(_vm.errno == 0)?[_c('Cards',{attrs:{\"layoutCards\":_vm.layoutCards,\"orderId\":_vm.orderId,\"orderData\":_vm.orderData,\"progressShow\":_vm.progressShow},on:{\"update:progressShow\":function($event){_vm.progressShow=$event},\"update:progress-show\":function($event){_vm.progressShow=$event},\"confrimCard\":_vm.confrimCard,\"confrimPay\":_vm.confrimPay,\"goIconUrl\":_vm.goIconUrl,\"handleEvaSuccess\":_vm._initData}})]:_vm._e()],2)])]],2)}\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!./orderDetailSkeletonH5.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!./orderDetailSkeletonH5.vue?vue&type=script&lang=js&\"","<template>\n  <SkeletonAnimation>\n    <div class=\"order-detail-skeleton\">\n      <div class=\"order-map\">\n        <div class=\"block1\"></div>\n        <div class=\"reset-map flex finger-style\">\n          <i class=\"icon-outlined_refresh\"></i>\n        </div>\n      </div>\n      <div class=\"order-card__deatil\">\n        <div class=\"expected mb_10\">\n          <div class=\"left-line1\"></div>\n          <div class=\"title-content\">\n            <div class=\"title-status\"></div>\n            <div class=\"title-text\"></div>\n          </div>\n          <div class=\"left-line2_content\">\n            <div class=\"left-line2\"></div>\n            <div class=\"block3\"></div>\n          </div>\n          <div class=\"user-infos\">\n            <div class=\"user-list-content\">\n              <div v-for=\"item in 2\" :key=\"item\" class=\"user-list\">\n                <div class=\"block4\"></div>\n                <div class=\"user-right\">\n                  <div class=\"block5\"></div>\n                  <div class=\"block6\"></div>\n                </div>\n                <i class=\"icon-outline_phone\"></i>\n                <i class=\"red-point\"></i>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"help common-flex mb_10\">\n          <div class=\"title-text title-text_long \"></div>\n        </div>\n        <div class=\"food-info mb_10\">\n          <div class=\"title-text title-text_long block7\"></div>\n          <div class=\"food-info_explame common-flex\">\n            <div class=\"block8\"></div>\n            <div class=\"food-infos_right\">\n              <div class=\"block9\"></div>\n              <div class=\"block10\"></div>\n            </div>\n          </div>\n          <div class=\"block11\"></div>\n          <div class=\"block11\"></div>\n          <div class=\"block11\"></div>\n          <div class=\"lines\"></div>\n          <div class=\"total common-flex\">\n            <div class=\"total-text\"></div>\n            <div class=\"block12\"></div>\n          </div>\n          <div class=\"btn\"></div>\n        </div>\n        <div class=\"order-detail mb_10\">\n          <div class=\"title-text title-text_long mb_20\"></div>\n          <div class=\"detail-list common-flex mb_4\">\n            <div class=\"list-text\"></div>\n            <div class=\"block13\"></div>\n          </div>\n          <div class=\"detail-list common-flex\">\n            <div class=\"list-text_empty\"></div>\n            <div class=\"block13\"></div>\n          </div>\n          <div class=\"detail-list common-flex\">\n            <div class=\"list-text\"></div>\n            <div class=\"block13\"></div>\n          </div>\n          <div class=\"lines\"></div>\n          <div class=\"detail-list common-flex\">\n            <div class=\"list-text\"></div>\n            <div class=\"block13\"></div>\n          </div>\n          <div class=\"detail-list common-flex\">\n            <div class=\"list-text\"></div>\n            <div class=\"block13\"></div>\n          </div>\n          <div class=\"lines\"></div>\n          <div class=\"detail-list common-flex mb_4\">\n            <div class=\"list-text\"></div>\n            <div class=\"block13\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </SkeletonAnimation>\n</template>\n<script>\nimport SkeletonAnimation from '../../SkeletonAnimation';\n\nexport default {\n  name: 'OrderDetailSkeletonH5',\n  components: {\n    SkeletonAnimation,\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.order-detail-skeleton {\n  width: rem(750);\n  margin: 0 auto;\n  display: block;\n  background: #e5e5eb;\n}\n.order-map {\n  height: rem(914);\n  position: relative;\n}\n.reset-map {\n  position: absolute;\n  right: rem(24);\n  bottom: rem(24);\n  width: rem(72);\n  border-radius: rem(12);\n  height: rem(72);\n  background: #ffffff;\n  box-shadow: 0px rem(8) rem(40) 0px rgba(0, 0, 0, 0.12);\n\n  i {\n    font-size: rem(40);\n  }\n}\n.order-card__deatil {\n  max-height: initial;\n  overflow: inherit;\n  margin: 0 rem(24);\n}\n.expected {\n  background: #ffffff;\n  border-radius: rem(12);\n  padding: 0 rem(24) rem(40);\n  .left-line1 {\n    width: rem(4);\n    height: rem(36);\n    margin-left: rem(8);\n    background-image: linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0) 50%,\n      #e6e6e6 100%\n    );\n    border-radius: rem(8);\n  }\n  .title-content {\n    display: flex;\n    align-items: center;\n    .title-status {\n      width: rem(24);\n      height: rem(24);\n      background: #1bb17c;\n      border-radius: 50%;\n      margin-right: rem(16);\n    }\n    .title-text {\n      height: rem(32);\n      width: rem(280);\n      background: #e5e5eb;\n      border-radius: rem(8);\n    }\n  }\n  .left-line2_content {\n    display: flex;\n    align-items: center;\n    .left-line2 {\n      width: rem(4);\n      height: rem(160);\n      margin-left: rem(8);\n      background-image: linear-gradient(\n        180deg,\n        #e6e6e6 44%,\n        rgba(244, 244, 244, 0) 100%\n      );\n      border-radius: rem(8);\n    }\n  }\n  .user-infos {\n    overflow: auto;\n    .user-list-content {\n      width: rem(1200);\n    }\n    .user-list {\n      width: rem(564);\n      height: rem(128);\n      background: #f8f8f8;\n      border-radius: rem(8);\n      padding: rem(24) rem(20);\n      display: flex;\n      align-items: center;\n      float: left;\n      margin-right: rem(18);\n    }\n    .user-right {\n      margin-left: rem(20);\n      flex: 1;\n    }\n  }\n}\n.mb_10 {\n  margin-bottom: rem(30);\n}\n.common-flex {\n  display: flex;\n}\n.help {\n  height: rem(112);\n  background: #ffffff;\n  border-radius: rem(12);\n  align-items: center;\n  padding: 0 rem(20);\n  justify-content: space-between;\n}\n.title-text {\n  height: rem(32);\n  width: rem(200);\n  background: #e5e5eb;\n  border-radius: rem(8);\n}\n.food-info {\n  width: rem(702);\n  background: #ffffff;\n  border-radius: rem(12);\n  padding: rem(40) rem(20);\n}\n.food-infos_right {\n  flex: 1;\n}\n.food-info_explame {\n  align-items: center;\n  margin-bottom: rem(40);\n}\n.lines {\n  height: rem(2);\n  background: #e5e5e5;\n  margin-bottom: rem(40);\n}\n.total {\n  justify-content: space-between;\n  margin-bottom: rem(40);\n}\n.order-detail {\n  background: #ffffff;\n  border-radius: rem(12);\n  padding: rem(40) rem(20);\n}\n.detail-list {\n  justify-content: space-between;\n  margin-bottom: rem(40);\n}\n.mb_20 {\n  margin-bottom: rem(40);\n}\n.list-text {\n  height: rem(36);\n  background: #e5e5e5;\n  width: rem(200);\n  border-radius: rem(4);\n}\n.block13{\n  height: rem(36);\n  background: #e5e5e5;\n  width: rem(360);\n  border-radius: rem(4);\n}\n.mb_4 {\n  margin-bottom: rem(8);\n}\n.icon-outline_phone {\n  font-size: rem(42);\n}\n.red-point {\n  width: rem(12);\n  height: rem(12);\n  background: #ff5757;\n  border-radius: rem(6);\n  position: relative;\n  top: rem(-12);\n  left: rem(-12);\n}\n.icon-outline_entrance {\n  font-size: rem(24);\n}\n.btn {\n  width: rem(666);\n  margin: 0 auto;\n  height: rem(92);\n  border-radius: rem(8);\n  background: #e5e5e5;\n}\n.title-text_long {\n  width: rem(400);\n  border-radius: rem(4);\n}\n.block3 {\n  height: rem(88);\n  width: rem(200);\n  margin-left: rem(30);\n  border-radius: rem(4);\n  background: #e5e5e5;\n}\n.block4 {\n  width: rem(88);\n  height: rem(88);\n  background: #e5e5eb;\n  border-radius: rem(44);\n  margin-right: rem(20);\n}\n.block5 {\n  width: rem(260);\n  height: rem(30);\n  background: #e5e5eb;\n  margin-right: rem(20);\n  border-radius: rem(4);\n  margin-bottom: rem(8);\n}\n.block6 {\n  width: rem(100);\n  height: rem(36);\n  border-radius: rem(4);\n  background: #e5e5eb;\n  margin-right: rem(20);\n}\n.block7{\n  margin-bottom: rem(40);\n}\n.block8{\nwidth: rem(88);\nheight: rem(88);\nbackground: #E5E5EB;\nborder-radius: rem(6);\nmargin-right: rem(20);\n}\n.block9{\n  width: 100%;\nborder-radius: rem(4);\n  margin-bottom: rem(8);\n  height: rem(36);\nbackground: #E5E5EB;\n\n}\n.block10 {\n  width: rem(200);\nborder-radius: rem(4);\n  height: rem(34);\nbackground: #E5E5EB;\n}\n.block11{\n    width: 100%;\nborder-radius: rem(4);\n  margin-bottom: rem(40);\n  height: rem(36);\nbackground: #E5E5EB;\n}\n.total-text{\n   height: rem(40);\n  width: rem(230);\nbackground: #E5E5EB;\nborder-radius: rem(4);\n}\n.block12{\n  height: rem(60);\n  width: rem(230);\nbackground: #E5E5EB;\nborder-radius: rem(4);\n\n}\n</style>\n","import { render, staticRenderFns } from \"./orderDetailSkeletonH5.vue?vue&type=template&id=25239f02&scoped=true&\"\nimport script from \"./orderDetailSkeletonH5.vue?vue&type=script&lang=js&\"\nexport * from \"./orderDetailSkeletonH5.vue?vue&type=script&lang=js&\"\nimport style0 from \"./orderDetailSkeletonH5.vue?vue&type=style&index=0&id=25239f02&lang=scss&scoped=true&\"\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  \"25239f02\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('SkeletonAnimation',[_c('div',{staticClass:\"order-detail-skeleton\"},[_c('div',{staticClass:\"order-map\"},[_c('div',{staticClass:\"block1\"}),_c('div',{staticClass:\"reset-map flex finger-style\"},[_c('i',{staticClass:\"icon-outlined_refresh\"})])]),_c('div',{staticClass:\"order-card__deatil\"},[_c('div',{staticClass:\"expected mb_10\"},[_c('div',{staticClass:\"left-line1\"}),_c('div',{staticClass:\"title-content\"},[_c('div',{staticClass:\"title-status\"}),_c('div',{staticClass:\"title-text\"})]),_c('div',{staticClass:\"left-line2_content\"},[_c('div',{staticClass:\"left-line2\"}),_c('div',{staticClass:\"block3\"})]),_c('div',{staticClass:\"user-infos\"},[_c('div',{staticClass:\"user-list-content\"},_vm._l((2),function(item){return _c('div',{key:item,staticClass:\"user-list\"},[_c('div',{staticClass:\"block4\"}),_c('div',{staticClass:\"user-right\"},[_c('div',{staticClass:\"block5\"}),_c('div',{staticClass:\"block6\"})]),_c('i',{staticClass:\"icon-outline_phone\"}),_c('i',{staticClass:\"red-point\"})])}),0)])]),_c('div',{staticClass:\"help common-flex mb_10\"},[_c('div',{staticClass:\"title-text title-text_long \"})]),_c('div',{staticClass:\"food-info mb_10\"},[_c('div',{staticClass:\"title-text title-text_long block7\"}),_c('div',{staticClass:\"food-info_explame common-flex\"},[_c('div',{staticClass:\"block8\"}),_c('div',{staticClass:\"food-infos_right\"},[_c('div',{staticClass:\"block9\"}),_c('div',{staticClass:\"block10\"})])]),_c('div',{staticClass:\"block11\"}),_c('div',{staticClass:\"block11\"}),_c('div',{staticClass:\"block11\"}),_c('div',{staticClass:\"lines\"}),_c('div',{staticClass:\"total common-flex\"},[_c('div',{staticClass:\"total-text\"}),_c('div',{staticClass:\"block12\"})]),_c('div',{staticClass:\"btn\"})]),_c('div',{staticClass:\"order-detail mb_10\"},[_c('div',{staticClass:\"title-text title-text_long mb_20\"}),_c('div',{staticClass:\"detail-list common-flex mb_4\"},[_c('div',{staticClass:\"list-text\"}),_c('div',{staticClass:\"block13\"})]),_c('div',{staticClass:\"detail-list common-flex\"},[_c('div',{staticClass:\"list-text_empty\"}),_c('div',{staticClass:\"block13\"})]),_c('div',{staticClass:\"detail-list common-flex\"},[_c('div',{staticClass:\"list-text\"}),_c('div',{staticClass:\"block13\"})]),_c('div',{staticClass:\"lines\"}),_c('div',{staticClass:\"detail-list common-flex\"},[_c('div',{staticClass:\"list-text\"}),_c('div',{staticClass:\"block13\"})]),_c('div',{staticClass:\"detail-list common-flex\"},[_c('div',{staticClass:\"list-text\"}),_c('div',{staticClass:\"block13\"})]),_c('div',{staticClass:\"lines\"}),_c('div',{staticClass:\"detail-list common-flex mb_4\"},[_c('div',{staticClass:\"list-text\"}),_c('div',{staticClass:\"block13\"})])])])])])}\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!./orderDetailSkeletonPc.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!./orderDetailSkeletonPc.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"order-detail-skeleton\">\n    <SkeletonAnimation>\n      <div class=\"order-content\">\n        <div class=\"order-map\">\n          <PartItem :style=\"block1\" />\n          <div class=\"reset-map flex finger-style\">\n            <i class=\"icon-outlined_refresh\"></i>\n          </div>\n        </div>\n        <div class=\"order-card__deatil\">\n          <PartItem :style=\"block2\" />\n          <div class=\"expected mb_10\">\n            <div class=\"left-line1\"></div>\n            <div class=\"title-content\">\n              <div class=\"title-status\"></div>\n              <div class=\"title-text\"></div>\n            </div>\n            <div class=\"left-line2_content\">\n              <div class=\"left-line2\"></div>\n              <PartItem :style=\"block3\" />\n            </div>\n            <div class=\"user-infos\">\n              <div v-for=\"item in 2\" :key=\"item\" class=\"user-list\">\n                <PartItem :style=\"block4\" />\n                <div class=\"user-right\">\n                  <PartItem :style=\"block5\" />\n                  <PartItem :style=\"block6\" />\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"help common-flex mb_10\">\n            <div class=\"title-text title-text_long\"></div>\n            <!-- <i class=\"icon-outline_entrance\"></i> -->\n          </div>\n          <div class=\"food-info mb_10\">\n            <PartItem :style=\"block7\" />\n            <div class=\"food-info_explame common-flex\">\n              <PartItem :style=\"block8\" />\n              <div class=\"food-infos_right\">\n                <PartItem :style=\"block9\" />\n                <PartItem :style=\"block10\" />\n              </div>\n            </div>\n            <PartItem :style=\"block11\" />\n            <PartItem :style=\"block11\" />\n            <PartItem :style=\"block11\" />\n            <div class=\"lines\"></div>\n            <div class=\"total common-flex\">\n              <div class=\"title-text\"></div>\n              <PartItem :style=\"block12\" />\n            </div>\n          </div>\n          <div class=\"order-detail mb_10\">\n            <div class=\"title-text mb_20\"></div>\n            <div class=\"detail-list common-flex mb_4\">\n              <div class=\"list-text\"></div>\n              <!-- <PartItem :style=\"block13\" /> -->\n            </div>\n            <div class=\"detail-list common-flex\">\n              <!-- <div class=\"list-text_empty\"></div>\n              <PartItem :style=\"block13\" /> -->\n            </div>\n            <div class=\"detail-list common-flex\">\n              <div class=\"list-text\"></div>\n              <!-- <PartItem :style=\"block13\" /> -->\n            </div>\n            <div class=\"lines\"></div>\n            <div class=\"detail-list common-flex\">\n              <div class=\"list-text\"></div>\n              <!-- <PartItem :style=\"block13\" /> -->\n            </div>\n            <div class=\"detail-list common-flex\">\n              <div class=\"list-text\"></div>\n              <!-- <PartItem :style=\"block13\" /> -->\n            </div>\n            <div class=\"lines\"></div>\n            <div class=\"detail-list common-flex mb_4\">\n              <div class=\"list-text\"></div>\n              <!-- <PartItem :style=\"block13\" /> -->\n            </div>\n          </div>\n        </div>\n      </div>\n    </SkeletonAnimation>\n  </div>\n</template>\n<script>\nimport SkeletonAnimation from '../../SkeletonAnimation';\nimport PartItem from '../partItem.vue';\n\nexport default {\n  name: 'OrderDetailSkeletonPc',\n  components: {\n    SkeletonAnimation,\n    PartItem,\n  },\n  data() {\n    return {\n      block1: {\n        width: '100%',\n        height: '100%',\n        'border-radius': 0,\n      },\n      block2: {\n        width: '255px',\n        height: '20px',\n        'border-radius': '4px',\n        margin: '20px 0 ',\n      },\n      block3: {\n        width: '100px',\n        height: '45px',\n        'border-radius': '4px',\n        'margin-left': '13px ',\n      },\n      block4: {\n        width: '40px',\n        height: '40px',\n        'border-radius': '50%',\n      },\n      block5: {\n        width: '80px',\n        height: '16px',\n        'border-radius': '4px',\n        'margin-bottom': '6px',\n      },\n      block6: {\n        width: '55px',\n        height: '18px',\n        'border-radius': '4px',\n      },\n      block7: {\n        width: '207px',\n        height: '16px',\n        'border-radius': '4px',\n        'margin-bottom': '20px',\n      },\n      block8: {\n        width: '44px',\n        height: '44px',\n        'border-radius': '4px',\n        'margin-right': '8px',\n      },\n      block9: {\n        width: '100%',\n        height: '16px',\n        'border-radius': '4px',\n        'margin-bottom': '6px',\n      },\n      block10: {\n        width: '155px',\n        height: '14px',\n        'border-radius': '4px',\n      },\n      block11: {\n        width: '100%',\n        height: '16px',\n        'border-radius': '4px',\n        'margin-bottom': '20px',\n      },\n      block12: {\n        width: '104.5px',\n        height: '30px',\n        'border-radius': '4px',\n      },\n      block13: {\n        width: '155px',\n        height: '16px',\n        'border-radius': '4px',\n      },\n    };\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.order-content {\n  // min-height: 80vh;\n  height: calc(100vh - 60px);\n  display: flex;\n}\n\n.order-map {\n  flex: 1;\n  position: relative;\n}\n\n.order-card__deatil {\n  width: 394px;\n  overflow: auto;\n  height: calc(100vh - 60px);\n  padding: 0 12px;\n}\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\n  border-radius: 4px;\n\n  i {\n    font-size: 25px;\n  }\n}\n\n.expected {\n  // width: 351px;\n  height: 202px;\n  background: #ffffff;\n  border-radius: 8px;\n  padding: 0 20px 20px;\n\n  .left-line1 {\n    width: 2px;\n    height: 18px;\n    margin-left: 5px;\n    background-image: linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0) 50%,\n      #e6e6e6 100%\n    );\n    border-radius: 4px;\n  }\n\n  .title-content {\n    display: flex;\n    align-items: center;\n\n    .title-status {\n      width: 12px;\n      height: 12px;\n      background: #1bb17c;\n      border-radius: 50%;\n      margin-right: 8px;\n    }\n\n    .title-text {\n      height: 16px;\n      width: 150px;\n      border-radius: 4px;\n      background: #e5e5eb;\n    }\n  }\n\n  .left-line2_content {\n    display: flex;\n    align-items: center;\n\n    .left-line2 {\n      width: 2px;\n      height: 79px;\n      margin-left: 5px;\n      background-image: linear-gradient(\n        180deg,\n        #e6e6e6 44%,\n        rgba(244, 244, 244, 0) 100%\n      );\n      border-radius: 4px;\n    }\n  }\n\n  .user-infos {\n    display: flex;\n    justify-content: space-between;\n\n    .user-list {\n      width: 155px;\n      height: 64px;\n      background: #f8f8f8;\n      border-radius: 4px;\n      padding: 12px 10px;\n      display: flex;\n      align-items: center;\n    }\n\n    .user-right {\n      margin-left: 10px;\n      flex: 1;\n    }\n  }\n}\n\n.mb_10 {\n  margin-bottom: 20px;\n}\n\n.common-flex {\n  display: flex;\n}\n\n.help {\n  height: 56px;\n  background: #ffffff;\n  border-radius: 6px;\n  align-items: center;\n  padding: 0 20px;\n  justify-content: space-between;\n}\n\n.title-text {\n  height: 16px;\n  width: 120px;\n  border-radius: 4px;\n  background: #e5e5eb;\n}\n.title-text_long {\n  width: 200px;\n}\n.food-info {\n  // width: 351px;\n  background: #ffffff;\n  border-radius: 6px;\n  padding: 20px ;\n}\n\n.food-infos_right {\n  flex: 1;\n}\n\n.food-info_explame {\n  align-items: center;\n  margin-bottom: 20px;\n}\n\n.lines {\n  height: 1px;\n  background: #e5e5e5;\n  margin-bottom: 20px;\n}\n\n.total {\n  justify-content: space-between;\n}\n\n.order-detail {\n  background: #ffffff;\n  border-radius: 6px;\n  padding: 20px ;\n}\n\n.detail-list {\n  justify-content: space-between;\n  margin-bottom: 20px;\n}\n\n.mb_20 {\n  margin-bottom: 20px;\n}\n\n.list-text {\n  width: 100%;\n  border-radius: 4px;\n  background: #e5e5eb;\n  height: 16px;\n}\n\n.mb_4 {\n  margin-bottom: 4px;\n}\n</style>\n","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!./orderDetailSkeleton.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!./orderDetailSkeleton.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"order-detail-skeleton-component\">\n    <div class=\"h5\"><OrderDetailSkeletonH5 /></div>\n    <div class=\"pc\"><OrderDetailSkeletonPc /></div>\n  </div>\n</template>\n<script>\nimport OrderDetailSkeletonH5 from './orderDetailSkeletonH5';\nimport OrderDetailSkeletonPc from './orderDetailSkeletonPc';\n\nexport default {\n  name: 'OrderDetailSkeleton',\n  components: {\n    OrderDetailSkeletonH5,\n    OrderDetailSkeletonPc,\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.order-detail-skeleton-component {\n  .h5 {\n    display: none;\n  }\n}\n@media screen and (max-width: 768px) {\n  .order-detail-skeleton-component {\n    .h5 {\n      display: block;\n    }\n    .pc {\n      display: none;\n    }\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./orderDetailSkeletonPc.vue?vue&type=template&id=7c477533&scoped=true&\"\nimport script from \"./orderDetailSkeletonPc.vue?vue&type=script&lang=js&\"\nexport * from \"./orderDetailSkeletonPc.vue?vue&type=script&lang=js&\"\nimport style0 from \"./orderDetailSkeletonPc.vue?vue&type=style&index=0&id=7c477533&lang=scss&scoped=true&\"\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  \"7c477533\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"order-detail-skeleton\"},[_c('SkeletonAnimation',[_c('div',{staticClass:\"order-content\"},[_c('div',{staticClass:\"order-map\"},[_c('PartItem',{style:(_vm.block1)}),_c('div',{staticClass:\"reset-map flex finger-style\"},[_c('i',{staticClass:\"icon-outlined_refresh\"})])],1),_c('div',{staticClass:\"order-card__deatil\"},[_c('PartItem',{style:(_vm.block2)}),_c('div',{staticClass:\"expected mb_10\"},[_c('div',{staticClass:\"left-line1\"}),_c('div',{staticClass:\"title-content\"},[_c('div',{staticClass:\"title-status\"}),_c('div',{staticClass:\"title-text\"})]),_c('div',{staticClass:\"left-line2_content\"},[_c('div',{staticClass:\"left-line2\"}),_c('PartItem',{style:(_vm.block3)})],1),_c('div',{staticClass:\"user-infos\"},_vm._l((2),function(item){return _c('div',{key:item,staticClass:\"user-list\"},[_c('PartItem',{style:(_vm.block4)}),_c('div',{staticClass:\"user-right\"},[_c('PartItem',{style:(_vm.block5)}),_c('PartItem',{style:(_vm.block6)})],1)],1)}),0)]),_c('div',{staticClass:\"help common-flex mb_10\"},[_c('div',{staticClass:\"title-text title-text_long\"})]),_c('div',{staticClass:\"food-info mb_10\"},[_c('PartItem',{style:(_vm.block7)}),_c('div',{staticClass:\"food-info_explame common-flex\"},[_c('PartItem',{style:(_vm.block8)}),_c('div',{staticClass:\"food-infos_right\"},[_c('PartItem',{style:(_vm.block9)}),_c('PartItem',{style:(_vm.block10)})],1)],1),_c('PartItem',{style:(_vm.block11)}),_c('PartItem',{style:(_vm.block11)}),_c('PartItem',{style:(_vm.block11)}),_c('div',{staticClass:\"lines\"}),_c('div',{staticClass:\"total common-flex\"},[_c('div',{staticClass:\"title-text\"}),_c('PartItem',{style:(_vm.block12)})],1)],1),_c('div',{staticClass:\"order-detail mb_10\"},[_c('div',{staticClass:\"title-text mb_20\"}),_c('div',{staticClass:\"detail-list common-flex mb_4\"},[_c('div',{staticClass:\"list-text\"})]),_c('div',{staticClass:\"detail-list common-flex\"}),_c('div',{staticClass:\"detail-list common-flex\"},[_c('div',{staticClass:\"list-text\"})]),_c('div',{staticClass:\"lines\"}),_c('div',{staticClass:\"detail-list common-flex\"},[_c('div',{staticClass:\"list-text\"})]),_c('div',{staticClass:\"detail-list common-flex\"},[_c('div',{staticClass:\"list-text\"})]),_c('div',{staticClass:\"lines\"}),_c('div',{staticClass:\"detail-list common-flex mb_4\"},[_c('div',{staticClass:\"list-text\"})])])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./orderDetailSkeleton.vue?vue&type=template&id=a28b1102&scoped=true&\"\nimport script from \"./orderDetailSkeleton.vue?vue&type=script&lang=js&\"\nexport * from \"./orderDetailSkeleton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./orderDetailSkeleton.vue?vue&type=style&index=0&id=a28b1102&lang=scss&scoped=true&\"\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  \"a28b1102\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"order-detail-skeleton-component\"},[_c('div',{staticClass:\"h5\"},[_c('OrderDetailSkeletonH5')],1),_c('div',{staticClass:\"pc\"},[_c('OrderDetailSkeletonPc')],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!./index.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!./index.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"order-box\">\n    <template v-if=\"skeletonLoading\">\n      <OrderDetailSkeleton />\n    </template>\n    <template v-else>\n      <div class=\"order-container\">\n        <div class=\"order-map\" v-if=\"!(isOrderComplete && isH5)\">\n          <Map\n            :mapData=\"orderData.mapData\"\n            :orderData=\"orderData\"\n            :isH5=\"isH5\"\n            :orderStatus=\"orderData.status\"\n            :serverApiTime=\"serverApiTime\"\n            @openprogress=\"openProgress\"\n            @initData=\"_initData\"\n          />\n        </div>\n        <div class=\"order-card__deatil\">\n          <template v-if=\"errno == -1\">\n            <EmptyState emptyType=\"netNotResultData\" @tryAgain=\"_initData\" />\n          </template>\n          <template v-else-if=\"errno == 0\">\n            <Cards\n              :layoutCards=\"layoutCards\"\n              :orderId=\"orderId\"\n              :orderData=\"orderData\"\n              :progressShow.sync=\"progressShow\"\n              @confrimCard=\"confrimCard\"\n              @confrimPay=\"confrimPay\"\n              @goIconUrl=\"goIconUrl\"\n              @handleEvaSuccess=\"_initData\"\n            />\n          </template>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script>\n// 订单状态机 http://wiki.intra.xiaojukeji.com/pages/viewpage.action?pageId=146772660\nimport { mapActions, mapMutations, mapState } from 'vuex';\nimport { requestCommonParams } from '@/lib/request/requestCommonParams';\nimport { getLocalStorage } from '@/utils/localStorage';\nimport EmptyState from '@/components/EmptyState';\nimport Cards from '@/components/OrderDetailPopup/cards.vue';\nimport Map from './map.vue';\nimport OrderDetailSkeleton from '@/components/SkeletonComponents/orderDetailSkeleton/orderDetailSkeleton.vue';\nimport api from '@/api';\nimport stopper from '@/utils/stopper';\nimport { ORDER_DETAIL_REFRESH, eventBus } from '@/utils/eventBus';\nimport { isEmpty } from 'lodash-es';\nexport default {\n  name: 'OrderDetail',\n  components: {\n    EmptyState,\n    Cards,\n    Map,\n    OrderDetailSkeleton,\n  },\n  beforeRouteEnter(to, from, next) {\n    if (to?.query?.orderId) {\n      next();\n    } else {\n      next({\n        path: '/feed',\n      });\n    }\n  },\n  data() {\n    return {\n      orderId: '',\n      progressShow: false,\n      requestTime: 10000, // 10秒轮训一次\n      skeletonLoading: false,\n      timerName: null,\n      isOrderComplete: false, // 订单是完成了\n      status: 0,\n      firstEnterOrderStatus: null, // 订单第一次进入的时候，订单状态\n    };\n  },\n  computed: {\n    ...mapState({\n      isH5: ({ common }) => common.isH5,\n      errno: ({ order }) => order.errno,\n      ordersInfos: ({ order }) => order.ordersInfos,\n      layoutCards: ({ order }) => order.layoutCards,\n      orderData: ({ order }) => order.orderData,\n      serverApiTime: ({ order }) => order.serverApiTime,\n    }),\n  },\n  async mounted() {\n    this.skeletonLoading = true;\n    const { orderId } = this.$route.query;\n    this.orderId = orderId;\n    await this._initData();\n    this.loopOrderData();\n    // 进入页面的时候记录一下订单状态，如果订单状态从一开始的变成了600则跳转详情页面并打开评价弹出层\n    this.firstEnterOrderStatus = this.status;\n    if (this.skeletonLoading) this.skeletonLoading = false;\n    this.orderdetailTrack();\n  },\n\n  methods: {\n    ...mapActions('order', ['getPageBatchInfo', 'getConfirmMeal']),\n    ...mapActions('common', ['getToken']),\n    ...mapMutations('order', ['setOrderLoading']),\n    orderdetailTrack() {\n      this.$trackEvent({\n        eventId: 'sailing_c_x_orderdetail_common_sw',\n        eventLabel: '订单页主页面曝光',\n        attrs: {\n          order_id: this.orderId,\n          order_status: this.status,\n        },\n      });\n    },\n    async _initData() {\n      const res = await this.getPageBatchInfo({\n        orderIds: this.orderId,\n      });\n      // 没有数据的时候去首页\n      if (isEmpty(res)) {\n        this.$router.replace({\n          path: '/feed',\n        });\n      }\n      const status = this.orderData?.status;\n      this.status = status;\n      if (status < 600) {\n        this.isOrderComplete = false;\n      } else if (status === 600) {\n        // 每次轮训之后订单状态发生变化，大于了首次进入记录的订单状态则去评价\n        // pc订单完成了之后去列表页面评价\n        this.isOrderComplete = true;\n        if (this.isH5) {\n          // 每次轮训之后订单状态发生变化，大于了首次进入记录的订单状态则去评价\n          if (this.firstEnterOrderStatus === null)\n            this.firstEnterOrderStatus = status;\n          if (status > this.firstEnterOrderStatus) {\n            // pc订单完成了之后去列表页面评价\n            this.$router.replace({\n              path: '/order',\n              query: {\n                orderId: this.orderId,\n                type: 'evaluation',\n              },\n            });\n          }\n        } else {\n          // 判断是否有\n          this.$router.replace({\n            path: '/order',\n            query: {\n              orderId: this.orderId,\n              type: 'evaluation',\n            },\n          });\n        }\n        // 订单完成未评价\n      } else {\n        this.isOrderComplete = true;\n        if (!this.isH5) {\n          // pc的时候进入到订单列表页面\n          this.$router.replace({\n            path: '/order',\n            query: {\n              orderId: this.orderId,\n            },\n          });\n        }\n      }\n      eventBus.$emit(ORDER_DETAIL_REFRESH);\n    },\n    // 如果没有数据直接跳转到首页去\n    abnormalData() {\n      this.$router.replace('/feed');\n    },\n    async confrimCard() {\n      // 调用完成取订单接口\n      await this.getConfirmMeal({\n        orderId: this.orderId,\n      });\n      this.$router.replace({\n        path: '/order',\n        query: {\n          orderId: this.orderId,\n          type: 'evaluation',\n        },\n      });\n    },\n    async confrimPay(val) {\n      // 调用支付的接口，重新请求数据\n      const { debtId, orderId } =\n        this.layoutCards?.OrderAbnormalInfo?.data?.orderAbnormalInfo?.debtInfo;\n      const payChannel = {\n        channelId: val?.channelID,\n        cardPrefix: val?.card_prefix,\n        clientPayType: 0, // clientPayType 端上发起支付方式。0-不走端上支付，1-三方支付（目前仅paypay）\n        cardOrg: val?.card_org,\n        alias: val?.alias,\n        cardSuffix: val?.card_suffix,\n        cardIndex: val?.card_index,\n        channelName: val?.channelName,\n        balance: val?.balance,\n        cardType: 0,\n      };\n\n      this.setOrderLoading(true);\n      stopper.start();\n      let success = await api.getDebtRepay({\n        debtId,\n        orderId,\n        payChannel: JSON.stringify(payChannel),\n      });\n      stopper.end();\n      this.setOrderLoading(false);\n      if (success) {\n        this.$router.replace({\n          path: '/order',\n        });\n      } else {\n        // 刷新当前页\n        this._initData();\n      }\n    },\n    goIconUrl(val) {\n      if (val?.type == 'helpCard') {\n        // 帮助中心去往客服中心 ，需要解析参数\n        this.$trackEvent({\n          eventId: 'sailing_c_x_orderpage_faq_button_ck',\n          eventLabel: 'FAQ模块按钮点击',\n          attrs: {\n            order_id: this.orderId,\n            order_status: this.status,\n          },\n        });\n        this.getReplaceUrl(val?.url).then((url) => {\n          window.open(url);\n        });\n      } else {\n        const { locale } = requestCommonParams();\n        let url = val?.url.replace('${locale}', locale);\n        window.open(url);\n      }\n    },\n    async getReplaceUrl(url) {\n      if (!this.isH5) {\n        await this.getToken();\n      }\n      const offset = new Date().getTimezoneOffset();\n      const { appVersion, lang, locale, osType } = requestCommonParams();\n\n      const paramsObj = {\n        '${utcOffset}': offset,\n        '${appVersion}': appVersion,\n        '${token}': getLocalStorage('ticket'),\n        '${lang}': lang,\n        '${locale}': locale,\n        '${sodaType}': 'c',\n        '${appPlatform}': osType,\n        '${source}': 'soda_global_c_xcz',\n      };\n      let paramsUrl = url;\n      Object.keys(paramsObj).forEach((key) => {\n        paramsUrl = paramsUrl.replace(key, paramsObj[key]);\n      });\n      return paramsUrl;\n    },\n    // 打开订单流程的弹窗\n    openProgress() {\n      this.progressShow = true;\n    },\n    //数据轮训\n    loopOrderData() {\n      this.timerName = setInterval(async () => {\n        await this._initData();\n        const status = this.orderData?.status;\n        if (status >= 600) {\n          this.clearIntervalFn();\n        }\n      }, this.requestTime);\n    },\n    clearIntervalFn() {\n      clearInterval(this.timerName);\n      this.timerName = null;\n    },\n  },\n  beforeDestroy() {\n    eventBus.$off(ORDER_DETAIL_REFRESH);\n    this.clearIntervalFn();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// PC样式\n.order-box {\n  height: calc(100vh - 60px);\n}\n.order-container {\n  height: calc(100vh - 60px);\n  display: flex;\n}\n.order-map {\n  flex: 1;\n}\n.order-card__deatil {\n  width: 394px;\n  overflow: auto;\n  max-height: calc(100vh - 60px);\n  // padding: 0 16px;\n}\n// h5样式\n@media screen and (max-width: 768px) {\n  .order-container {\n    width: auto;\n    display: block;\n    height: auto;\n  }\n  .order-map {\n    height: rem(914);\n  }\n  .order-box {\n    height: auto;\n  }\n  .order-card__deatil {\n    width: auto;\n    max-height: none;\n    height: auto;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=24bb5369&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=24bb5369&lang=scss&scoped=true&\"\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  \"24bb5369\",\n  null\n  \n)\n\nexport default component.exports","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","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!./orderDetailSkeletonH5.vue?vue&type=style&index=0&id=25239f02&lang=scss&scoped=true&\"","'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":""}