{"version":3,"sources":["webpack:///./src/router/views/analytics/components/PurchaseType.vue?fbe9","webpack:///src/router/views/analytics/components/PurchaseType.vue","webpack:///./src/router/views/analytics/components/PurchaseType.vue?c72a","webpack:///./src/router/views/analytics/components/PurchaseType.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","attrs","hide","isEmptyData","default-value","defaultValue","chart-data","chartData","options","height","on","update","fetchReportByProductCategory","staticRenderFns","PurchaseTypevue_type_script_lang_js_","components","AnalyticsBlock","Object","lazyload_component","__webpack_require__","e","then","bind","data","loading","fetchData","defaultDateRange","startDate","format_date","Date","getTime","endDate","blockTitle","chartType","computed","tooltips","callbacks","title","tooltipItem","label","afterLabel","console","log","dataset","total","reduce","acc","next","percent","Math","round","titleFontSize","displayColors","keys","length","countAll","created","methods","_fetchReportByProductCategory","asyncToGenerator","regeneratorRuntime","mark","_callee","dateRange","wrap","_context","prev","$store","dispatch","undefined","sent","updateChart","stop","_x","apply","arguments","convertToChartData","rawData","assign","labels","countActivity","countService","countCourse","countGuide","countReservation","datasets","backgroundColor","components_PurchaseTypevue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__"],"mappings":"uHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,kBAA4BE,WAAA,EAAaC,KAAA,UAAAC,QAAA,YAAAC,MAAAT,EAAA,QAAAU,WAAA,YAA4EC,MAAA,CAASC,KAAAZ,EAAAa,YAAAC,gBAAAd,EAAAe,aAAAC,aAAAhB,EAAAiB,UAAAC,QAAAlB,EAAAkB,QAAAC,OAAAnB,EAAAe,aAAAI,QAA0IC,GAAA,CAAKC,OAAArB,EAAAsB,iCACtWC,EAAA,6FCGAC,EAAA,CACAC,WAAA,CACAC,eAAA,kBACAC,OAAAC,EAAA,KAAAD,CAAAE,EAAAC,EAAA,kBAAAC,KAAAF,EAAAG,KAAA,iBAEAC,KALA,WAMA,OACAC,SAAA,EACAC,UAAA,GACAC,iBAAA,CACAC,UAAAV,OAAAW,EAAA,KAAAX,EACA,IAAAY,MAAAC,UAAA,QAEAC,QAAAd,OAAAW,EAAA,KAAAX,CAAA,IAAAY,OAEAxB,aAAA,CACA2B,WAAA,SACAvB,OAAA,IACAwB,UAAA,OAEA1B,UAAA,KAGA2B,SAAA,CACA1B,QADA,WAEA,IAAAA,EAAA,CACA2B,SAAA,CACAC,UAAA,CACAC,MAAA,SAAAC,EAAAf,GACA,OAAAA,EAAA,UAAAe,EAAA,cAEAC,MAAA,SAAAD,EAAAf,GACA,MACA,QAAAA,EAAA,uBAAAe,EAAA,WAGAE,WAAA,SAAAF,EAAAf,GACAkB,QAAAC,IAAA,UAAAJ,cAAAf,SACA,IAAAoB,EAAApB,EAAA,eACAqB,EAAAD,EAAApB,KAAAsB,OAAA,SAAAC,EAAAC,GAAA,OAAAD,EAAAC,GAAA,GACAC,EAAAC,KAAAC,MACAP,EAAA,QAAAL,EAAA,UAAAM,EAAA,KAEA,UAAAI,EAAA,OAIAG,cAAA,GAIAC,eAAA,IAGA,OAAA5C,GAEAL,YAjCA,WAkCA,OACA,IAAAc,OAAAoC,KAAA9D,KAAAkC,WAAA6B,QACA,IAAA/D,KAAAkC,UAAA8B,WASAC,QApEA,WAqEAjE,KAAAqB,gCAEA6C,QAAA,CACA7C,6BADA,eAAA8C,EAAAzC,OAAA0C,EAAA,KAAA1C,CAAA2C,mBAAAC,KAAA,SAAAC,EACAC,GADA,OAAAH,mBAAAI,KAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAlB,MAAA,cAEAxD,KAAAiC,SAAA,EAFAyC,EAAAlB,KAAA,EAGAxD,KAAA4E,OAAAC,SACA,8CACAC,IAAAN,EAAAxE,KAAAmC,iBAAAqC,GALA,OAGAxE,KAAAkC,UAHAwC,EAAAK,KAOA/E,KAAAgF,cACAhF,KAAAiC,SAAA,EARA,wBAAAyC,EAAAO,SAAAV,EAAAvE,SAAA,gBAAAkF,GAAA,OAAAf,EAAAgB,MAAAnF,KAAAoF,YAAA,GAUAJ,YAVA,WAWAhF,KAAAgB,UAAAhB,KAAAqF,sBAEAA,mBAbA,WAcA,IAAAC,EAAA5D,OAAA6D,OAAA,GAAAvF,KAAAkC,WACAsD,EAAA,2BACAxD,EAAA,CACAsD,EAAAG,cACAH,EAAAI,aACAJ,EAAAK,YACAL,EAAAM,WACAN,EAAAO,kBAEA,OACAL,SACAM,SAAA,CACA,CACA9D,OACA+D,gBAAA,CACA,UACA,UACA,UACA,UACA,sBAEA/C,MAAA,YC9GmYgD,EAAA,cCOnYC,EAAgBvE,OAAAwE,EAAA,KAAAxE,CACdsE,EACAlG,EACAwB,GACF,EACA,KACA,KACA,MAIe6E,EAAA,WAAAF","file":"admin/js/chunk-2d225282.0c3a810a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('AnalyticsBlock',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],attrs:{\"hide\":_vm.isEmptyData,\"default-value\":_vm.defaultValue,\"chart-data\":_vm.chartData,\"options\":_vm.options,\"height\":_vm.defaultValue.height},on:{\"update\":_vm.fetchReportByProductCategory}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport lazyLoadComponent from '@router/lazyload-component'\nimport { formatRequestData } from '@utils/format-date'\n\nexport default {\n  components: {\n    AnalyticsBlock: () =>\n      lazyLoadComponent(import('@components/AnalyticsBlock')),\n  },\n  data() {\n    return {\n      loading: false,\n      fetchData: {},\n      defaultDateRange: {\n        startDate: formatRequestData(\n          new Date().getTime() - 3600 * 1000 * 24 * 30\n        ),\n        endDate: formatRequestData(new Date()),\n      },\n      defaultValue: {\n        blockTitle: '購買類別統計',\n        height: 200,\n        chartType: 'Pie',\n      },\n      chartData: {},\n    }\n  },\n  computed: {\n    options() {\n      const options = {\n        tooltips: {\n          callbacks: {\n            title: (tooltipItem, data) => {\n              return data['labels'][tooltipItem[0]['index']]\n            },\n            label: (tooltipItem, data) => {\n              return (\n                '訂單數量：' + data['datasets'][0]['data'][tooltipItem['index']]\n              )\n            },\n            afterLabel: (tooltipItem, data) => {\n              console.log('params', { tooltipItem, data })\n              const dataset = data['datasets'][0]\n              const total = dataset.data.reduce((acc, next) => acc + next, 0)\n              const percent = Math.round(\n                (dataset['data'][tooltipItem['index']] / total) * 100\n              )\n              return '(' + percent + '%)'\n            },\n          },\n          // backgroundColor: '#FFF',\n          titleFontSize: 16,\n          // titleFontColor: '#0066ff',\n          // bodyFontColor: '#000',\n          // bodyFontSize: 14,\n          displayColors: false,\n        },\n      }\n      return options\n    },\n    isEmptyData() {\n      return (\n        Object.keys(this.fetchData).length === 0 ||\n        this.fetchData.countAll === 0\n      )\n    },\n  },\n  // props: {\n  //   defaultValue: {\n  //     default: () => {},\n  //   },\n  // },\n  created() {\n    this.fetchReportByProductCategory()\n  },\n  methods: {\n    async fetchReportByProductCategory(dateRange) {\n      this.loading = true\n      this.fetchData = await this.$store.dispatch(\n        'analytics/fetchReportByProductCategory',\n        dateRange === undefined ? this.defaultDateRange : dateRange\n      )\n      this.updateChart()\n      this.loading = false\n    },\n    updateChart() {\n      this.chartData = this.convertToChartData()\n    },\n    convertToChartData() {\n      const rawData = Object.assign({}, this.fetchData)\n      const labels = ['活動', '服務', '課程', '導覽', '訂位']\n      const data = [\n        rawData.countActivity,\n        rawData.countService,\n        rawData.countCourse,\n        rawData.countGuide,\n        rawData.countReservation,\n      ]\n      return {\n        labels,\n        datasets: [\n          {\n            data,\n            backgroundColor: [\n              '#c80e0e',\n              '#E26928',\n              '#46BFBD',\n              '#FDB45C',\n              'rgb(153, 102, 255)',\n            ],\n            label: '銷售量',\n          },\n        ],\n      }\n    },\n  },\n}\n</script>\n<template>\n  <AnalyticsBlock\n    v-loading=\"loading\"\n    :hide=\"isEmptyData\"\n    :default-value=\"defaultValue\"\n    :chart-data=\"chartData\"\n    :options=\"options\"\n    :height=\"defaultValue.height\"\n    @update=\"fetchReportByProductCategory\"\n  ></AnalyticsBlock>\n</template>\n<style lang=\"scss\" module></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!./PurchaseType.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!./PurchaseType.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PurchaseType.vue?vue&type=template&id=3c575b03&\"\nimport script from \"./PurchaseType.vue?vue&type=script&lang=js&\"\nexport * from \"./PurchaseType.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}