{"version":3,"sources":["webpack:///./src/views/Location/index.vue?7e0e","webpack:///./src/views/Location/index.vue?09c9","webpack:///./src/json/location.js","webpack:///src/views/Location/index.vue","webpack:///./src/views/Location/index.vue?662f","webpack:///./src/views/Location/index.vue?d806"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","on","findLocation","recentLocation","_e","_l","area","areaDetail","index","$event","changeTab","key","selectedIndex","AreaName","location","_m","staticRenderFns","staticStyle","getArea","request","url","method","getLocation","name","components","tab","Tab","Map","data","tempLocationList","showRecentLocation","created","methods","AreaID","push","error","alert","success","distance","tempDistance","tempLocation","temp","navigator","geolocation","getCurrentPosition","getDistance","radLat1","radLat2","a","b","s","Math","round","component"],"mappings":"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","file":"js/chunk-a1107514.e60dc9ac.js","sourcesContent":["import mod 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-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-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=4afa3490&lang=scss&scoped=true&\"; export default mod; 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-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-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=4afa3490&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"location\"}},[_c('div',{staticClass:\"main_title text-center\"},[_vm._v(\"服務據點\")]),_c('img',{staticClass:\"search_img\",attrs:{\"src\":\"/IMAGE/Location/Location_Image.png\"}}),_c('div',{staticClass:\"search_bar d-flex justify-content-center\"}),_c('div',{staticClass:\"auto_search text-center i_mt_4\",on:{\"click\":_vm.findLocation}},[_c('svg-icon',{staticClass:\"i_mr_4\",attrs:{\"iconClass\":\"chevron-circle-down-solid\",\"className\":\"chevron-circle-down-solid\",\"data-toggle\":\"tooltip\",\"data-placement\":\"left\"}}),_vm._v(\"自動尋找最近服務據點(行動裝置定位適用)\")],1),_c('div',{staticClass:\"neibouring_location\"},[_c('div',{staticClass:\"container\"},[_c('transition',{attrs:{\"name\":\"page\",\"mode\":\"out-in\"}},[(_vm.showRecentLocation)?_c('map-item',{staticClass:\"i_mt_10 i_mb_20\",attrs:{\"location\":_vm.recentLocation}}):_vm._e()],1)],1),_c('nav',{staticClass:\"i_mt_6 i_m_auto\"},[_c('div',{staticClass:\"tabs flex_h justify-content-center\"},_vm._l((_vm.area.AreaList),function(areaDetail,index){return _c('div',{staticClass:\"tab_ flex-grow-1\",on:{\"click\":function($event){return _vm.changeTab(index, areaDetail)}}},[_c('tab',{key:index,attrs:{\"selected\":index == _vm.selectedIndex,\"tab\":areaDetail.AreaName}})],1)}),0)])]),_c('div',{staticClass:\"container i_mb_10\"},_vm._l((_vm.tempLocationList),function(location,index){return _c('map-item',{key:index,attrs:{\"location\":location}})}),1),_c('custom-footer'),_vm._m(0)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('noscript',[_c('iframe',{staticStyle:{\"display\":\"none\",\"visibility\":\"hidden\"},attrs:{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-MK9D2SM3\",\"height\":\"0\",\"width\":\"0\"}})])}]\n\nexport { render, staticRenderFns }","import request from \"@/utils/requestJSON\";\n\nexport function getArea() {\n  return request({\n    url: \"/storage/RetailStore/Area.json\",\n    method: \"get\",\n  });\n}\n\nexport function getLocation() {\n  return request({\n    url: \"/storage/RetailStore/Location.json\",\n    method: \"get\",\n  });\n}\n","<template lang=\"pug\">\n#location\n  .main_title.text-center 服務據點\n  img.search_img(src=\"/IMAGE/Location/Location_Image.png\")\n  .search_bar.d-flex.justify-content-center\n  .auto_search.text-center.i_mt_4(@click=\"findLocation\")\n    svg-icon.i_mr_4(\n      iconClass=\"chevron-circle-down-solid\",\n      className=\"chevron-circle-down-solid\",\n      data-toggle=\"tooltip\",\n      data-placement=\"left\"\n    )\n    | 自動尋找最近服務據點(行動裝置定位適用)\n  .neibouring_location\n    .container\n      transition(name=\"page\", mode=\"out-in\")\n        map-item.i_mt_10.i_mb_20(\n          v-if=\"showRecentLocation\",\n          :location=\"recentLocation\"\n        )\n\n    nav.i_mt_6.i_m_auto\n      .tabs.flex_h.justify-content-center\n        .tab_.flex-grow-1(\n          v-for=\"(areaDetail, index) in area.AreaList\",\n          @click=\"changeTab(index, areaDetail)\"\n        )\n          tab(\n            :key=\"index\",\n            :selected=\"index == selectedIndex\",\n            :tab=\"areaDetail.AreaName\"\n          )\n  .container.i_mb_10\n    map-item(\n      v-for=\"(location, index) in tempLocationList\",\n      :key=\"index\",\n      :location=\"location\"\n    )\n  custom-footer\n  // Google Tag Manager (noscript)\n  noscript\n    iframe(src=\"https://www.googletagmanager.com/ns.html?id=GTM-MK9D2SM3\"\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\")\n  // End Google Tag Manager (noscript)\n</template>\n\n<script>\nimport CustomFooter from \"@/components/common/Footer\";\nimport Tab from \"@/components/location/Tab\";\nimport MapItem from \"@/components/location/Map\";\nimport { getArea } from \"@/json/location\";\nimport { getLocation } from \"@/json/location\";\n\nexport default {\n  name: \"Location\",\n  components: {\n    \"custom-footer\": CustomFooter,\n    tab: Tab,\n    \"map-item\": MapItem,\n  },\n  // head: {\n  //   script: [\n  //     {\n  //       inner: `\n  //         <!-- Google Tag Manager -->\n  //         (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n  //         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n  //         j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n  //         'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n  //         })(window,document,'script','dataLayer','GTM-MK9D2SM3');\n  //         <!-- End Google Tag Manager -->\n  //       `,\n  //     },\n  //   ],\n  // },\n  data() {\n    return {\n      area: {},\n      location: {},\n      tempLocationList: [],\n      selectedIndex: 0,\n      recentLocation: {},\n      showRecentLocation: false,\n    };\n  },\n  created() {\n    this.getArea();\n  },\n  methods: {\n    changeTab(index, areaDetail) {\n      this.selectedIndex = index;\n      this.tempLocationList = [];\n      for (let index in this.location.LocationList) {\n        let location = this.location.LocationList[index];\n        if (areaDetail.AreaID == location.AreaID) {\n          this.tempLocationList.push(location);\n        }\n      }\n    },\n    getArea() {\n      getArea().then((response) => {\n        this.area = response.data;\n        this.getLocation();\n      });\n    },\n    getLocation() {\n      getLocation().then((response) => {\n        this.location = response.data;\n        if (this.area.AreaList.length > 0) {\n          this.changeTab(0, this.area.AreaList[0]);\n        }\n      });\n    },\n    // 使用者不提供權限，或是發生其它錯誤\n    error() {\n      alert(\"無法取得你的位置\");\n    },\n    // 使用者允許抓目前位置，回傳經緯度\n    success(position) {\n      let distance = null;\n      let tempLocation = null;\n      for (let x in this.location.LocationList) {\n        let temp = this.location.LocationList[x];\n        let tempLat = temp.Locationlatlng.split(\",\")[1];\n        let tempLng = temp.Locationlatlng.split(\",\")[0];\n        let tempDistance = this.getDistance(\n          position.coords.latitude,\n          position.coords.longitude,\n          tempLat,\n          tempLng\n        );\n        if (distance == null) {\n          distance = tempDistance;\n          tempLocation = temp;\n        } else {\n          if (tempDistance < distance) {\n            distance = tempDistance;\n            tempLocation = temp;\n          }\n        }\n      }\n      this.recentLocation = tempLocation;\n      this.showRecentLocation = true;\n    },\n    findLocation() {\n      if (navigator.geolocation) {\n        navigator.geolocation.getCurrentPosition(this.success, this.error);\n      } else {\n        alert(\"Sorry, 你的裝置不支援地理位置功能。\");\n      }\n    },\n    getDistance(lat1, lng1, lat2, lng2) {\n      var radLat1 = (lat1 * Math.PI) / 180.0;\n      var radLat2 = (lat2 * Math.PI) / 180.0;\n      var a = radLat1 - radLat2;\n      var b = (lng1 * Math.PI) / 180.0 - (lng2 * Math.PI) / 180.0;\n      var s =\n        2 *\n        Math.asin(\n          Math.sqrt(\n            Math.pow(Math.sin(a / 2), 2) +\n              Math.cos(radLat1) *\n                Math.cos(radLat2) *\n                Math.pow(Math.sin(b / 2), 2)\n          )\n        );\n      s = s * 6378.137; // EARTH_RADIUS;\n      s = Math.round(s * 10000) / 10000;\n      return s;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/style/common/search_bar\";\n@import \"@/assets/style/location/location\";\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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-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/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-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=4afa3490&scoped=true&lang=pug&\"\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=4afa3490&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4afa3490\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}