{"version":3,"sources":["webpack:///./src/common/BarValueDmtEx.vue?755c","webpack:///src/common/BarValueDmtEx.vue","webpack:///./src/common/BarValueDmtEx.vue?6fef","webpack:///./src/common/BarValueDmtEx.vue","webpack:///./src/components/Table/DomisticExport/TankerTableDmtEp.vue?f4be","webpack:///src/components/Table/DomisticExport/TankerTableDmtEp.vue","webpack:///./src/components/Table/DomisticExport/TankerTableDmtEp.vue?b059","webpack:///./src/components/Table/DomisticExport/TankerTableDmtEp.vue","webpack:///./src/components/Charts/DomisticExport/DirectedtreeDmtEp.vue?0988","webpack:///src/components/Charts/DomisticExport/DirectedtreeDmtEp.vue","webpack:///./src/components/Charts/DomisticExport/DirectedtreeDmtEp.vue?17b3","webpack:///./src/components/Charts/DomisticExport/DirectedtreeDmtEp.vue","webpack:///./src/components/Table/DomisticExport/RefineryTableDmtEp.vue?e0cf","webpack:///./src/components/Charts/DomisticExport/DirectedtreeDmtEp.vue?2ff7","webpack:///./src/common/BarValueDmtEx.vue?9ede","webpack:///./src/components/Charts/DomisticExport/OilTypeStackedColumnChart.vue?e71c","webpack:///./src/components/Charts/DomisticExport/OilTypeStackedColumnChart.vue?5fd8","webpack:///src/components/Charts/DomisticExport/OilTypeStackedColumnChart.vue","webpack:///./src/components/Charts/DomisticExport/OilTypeStackedColumnChart.vue?d4b6","webpack:///./src/components/Charts/DomisticExport/OilTypeStackedColumnChart.vue","webpack:///./src/components/Table/DomisticExport/TankerTableDmtEp.vue?8217","webpack:///./src/components/Table/DomisticExport/RefineryTableDmtEp.vue?ab54","webpack:///src/components/Table/DomisticExport/RefineryTableDmtEp.vue","webpack:///./src/components/Table/DomisticExport/RefineryTableDmtEp.vue?b194","webpack:///./src/components/Table/DomisticExport/RefineryTableDmtEp.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","class","getClassName","_v","_s","$t","data","_e","staticRenderFns","name","props","type","Array","default","enableTax","Boolean","formatNumber","maxWidth","base","methods","component","tankerInRefinery","scopedSlots","_u","key","fn","ref","_l","tr","indextr","id","getDataByKey","oil_type","volume","volumes","getVolume","departed_at_formatted_be","slot","tableName","mounted","changeData","$store","dispatch","computed","watch","changeName","val","refineryId","dataTanker","dataByDate","changeDataByDate","flag","arr","getCapacity","undefined","capacity","defaultData","value","colors","dafaultRefienyData","setAllData","refineryName","init","chart","width","height","legend","maxHeight","networkSeries","networkData","dataFields","linkWith","children","isVessel","nodes","template","tooltipText","fillOpacity","label","text","fontSize","maxLevels","maxRadius","minRadius","manyBodyStrength","hideOversized","truncate","links","distance","color","events","on","ev","vm","onClickRefinery","onClickOil","onClickTanker","mmsi","onClickVessel","preloader","disabled","changeRefname","event","changeRadarName","changeRefID","console","log","treeData","setRefineryData","tree","dataStack","length","renderStackedChart","oilType","beforeDestroy","dispose","stack","i","keyDataStack","voloumeStack","list","categoryAxis","category","renderer","grid","location","minGridDistance","valueAxis","inside","labels","min","title","push","keyValue","uniqKey","index","createSeries","scrollable","series","valueY","field","categoryX","sequencedInterpolation","columns","strokeOpacity","stacked","target","dataItem","cursorOverStyle","labelBullet","locationY","dataRefinery","station","code","vessel"],"mappings":"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","file":"js/chunk-73f09de0.bded01ec.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\",attrs:{\"id\":\"bar-value\"}},[_c('div',{class:_vm.getClassName()},[_c('div',{staticClass:\"card\"},[_c('small',[_vm._v(\" \"+_vm._s(_vm.$t(\"totalOil\")))]),_c('div',[_c('p',{staticClass:\"h7\"},[_c('vs-icon',{attrs:{\"icon\":\"invert_colors\"}}),_vm._v(\" \"+_vm._s(_vm.data[0])+\"\\n          \"+_vm._s(_vm.$t(\"Liter\"))+\"\\n        \")],1)])])]),_c('div',{class:_vm.getClassName()},[_c('vx-tooltip',{attrs:{\"text\":\"ยอดรวมน้ำมัน * ราคาน้ำมัน\",\"position\":\"top\"}},[_c('div',{staticClass:\"card\"},[_c('small',[_vm._v(\" \"+_vm._s(_vm.$t(\"TotalIsExciseRate\")))]),_c('div',[_c('p',{staticClass:\"h7\"},[_c('vs-icon',{attrs:{\"icon\":\"invert_colors\"}}),_vm._v(\" \"+_vm._s(_vm.data[1])+\"\\n            \"+_vm._s(_vm.$t(\"Baht\"))+\"\\n          \")],1)])])])],1),(_vm.enableTax)?_c('div',{class:_vm.getClassName()},[_c('div',{staticClass:\"card\"},[_c('small',[_vm._v(\" \"+_vm._s(_vm.$t(\"TotalIsExciseExemption\")))]),_c('div',[_c('p',{staticClass:\"h7\"},[_c('vs-icon',{attrs:{\"icon\":\"invert_colors\"}}),_vm._v(\" \"+_vm._s(_vm.data[2])+\"\\n          \"+_vm._s(_vm.$t(\"Baht\"))+\"\\n        \")],1)])])]):_vm._e(),_c('div',{class:_vm.getClassName()},[_c('div',{staticClass:\"card\"},[_c('small',[_vm._v(\" \"+_vm._s(_vm.$t(\"PercentOfLost\")))]),_c('div',[_c('p',{staticClass:\"h7\"},[_c('vs-icon',{attrs:{\"icon\":\"invert_colors\"}}),_vm._v(\" \"+_vm._s(_vm.data[3])+\"\\n          \"+_vm._s(_vm.$t(\"Baht\"))+\"\\n        \")],1)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"bar-value\" class=\"vx-row\">\n    <div :class=\"getClassName()\">\n      <div class=\"card\">\n        <small> {{ $t(\"totalOil\") }}</small>\n        <div>\n          <p class=\"h7\">\n            <vs-icon icon=\"invert_colors\"></vs-icon> {{ data[0] }}\n            {{ $t(\"Liter\") }}\n          </p>\n        </div>\n      </div>\n    </div>\n    <div :class=\"getClassName()\">\n      <vx-tooltip text=\"ยอดรวมน้ำมัน * ราคาน้ำมัน\" position=\"top\">\n        <div class=\"card\">\n          <small> {{ $t(\"TotalIsExciseRate\") }}</small>\n          <div>\n            <p class=\"h7\">\n              <vs-icon icon=\"invert_colors\"></vs-icon> {{ data[1] }}\n              {{ $t(\"Baht\") }}\n            </p>\n          </div>\n        </div>\n      </vx-tooltip>\n    </div>\n    <div v-if=\"enableTax\" :class=\"getClassName()\">\n      <div class=\"card\">\n        <small> {{ $t(\"TotalIsExciseExemption\") }}</small>\n        <div>\n          <p class=\"h7\">\n            <vs-icon icon=\"invert_colors\"></vs-icon> {{ data[2] }}\n            {{ $t(\"Baht\") }}\n          </p>\n        </div>\n      </div>\n    </div>\n    <div :class=\"getClassName()\">\n      <div class=\"card\">\n        <small> {{ $t(\"PercentOfLost\") }}</small>\n        <div>\n          <p class=\"h7\">\n            <vs-icon icon=\"invert_colors\"></vs-icon> {{ data[3] }}\n            {{ $t(\"Baht\") }}\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { formatNumber } from \"@/utils/index\";\n\nexport default {\n  name: \"barValue\",\n  props: {\n    data: {\n      type: Array,\n      default: () => [],\n    },\n    enableTax: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      formatNumber,\n      maxWidth: 250,\n      base: 0,\n    };\n  },\n  methods: {\n    getClassName() {\n      const cols = this.enableTax ? 4 : 3\n      return `vx-col w-full sm:w-1/${cols} lg:w-1/${cols} xl:w-1/${cols}`;\n    },\n  },\n};\n</script>\n<style scoped>\n.card {\n  max-width: 300px;\n  min-width: 137px;\n  background-color: #f7f7f7;\n  border-radius: 5px;\n  padding: 2px;\n}\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/@vue/cli-plugin-babel/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!./BarValueDmtEx.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/@vue/cli-plugin-babel/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!./BarValueDmtEx.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BarValueDmtEx.vue?vue&type=template&id=de1f83e2&scoped=true&\"\nimport script from \"./BarValueDmtEx.vue?vue&type=script&lang=js&\"\nexport * from \"./BarValueDmtEx.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BarValueDmtEx.vue?vue&type=style&index=0&id=de1f83e2&scoped=true&lang=css&\"\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  \"de1f83e2\",\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',[_c('vs-table',{attrs:{\"maxHeight\":\"815px\",\"search\":\"\",\"data\":_vm.tankerInRefinery},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr},[_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n          \"+_vm._s(indextr + 1)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":_vm.getDataByKey(data[indextr], 'vessel.name')}},[_vm._v(\"\\n          \"+_vm._s(_vm.getDataByKey(data[indextr], \"vessel.name\"))+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[indextr].oil_type}},[_vm._v(\"\\n          \"+_vm._s(_vm.getDataByKey(data[indextr], \"oil_type\"))+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[indextr].volume}},[_vm._v(\"\\n          \"+_vm._s(_vm.getDataByKey(data[indextr], \"volume\"))+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[indextr].volumes}},[_vm._v(\"\\n          \"+_vm._s(_vm.getVolume(data[indextr].volumes))+\"\\n        \")]),_c('vs-td',[_vm._v(\"\\n          \"+_vm._s(data[indextr].departed_at_formatted_be)+\"\\n        \")])],1)})}}])},[_c('template',{slot:\"header\"},[_c('h5',{staticClass:\"mt-2 mb-5\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"ShipmentTable.Shipment\"))+\" : \"+_vm._s(_vm.tableName)+\"\\n      \")])]),_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"TankerTable.Id\"))+\"\\n      \")]),_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"TankerTable.TankerName\"))+\"\\n      \")]),_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"TankerTable.OilType\"))+\"\\n      \")]),_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"TankerTable.TransferVolume\"))+\"\\n      \")]),_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"TankerTable.TransferTotalVolume\"))+\"\\n      \")]),_c('vs-th',{attrs:{\"sort-key\":\"departed_at_formatted_be\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"TankerTable.TransferStart\"))+\"\\n      \")])],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <vs-table maxHeight=\"815px\" search :data=\"tankerInRefinery\">\n      <template slot=\"header\">\n        <h5 class=\"mt-2 mb-5\">\n          {{ $t(\"ShipmentTable.Shipment\") }} : {{ tableName }}\n        </h5>\n      </template>\n      <template slot=\"thead\">\n        <vs-th>\n          {{ $t(\"TankerTable.Id\") }}\n        </vs-th>\n        <vs-th>\n          {{ $t(\"TankerTable.TankerName\") }}\n        </vs-th>\n        <vs-th>\n          {{ $t(\"TankerTable.OilType\") }}\n        </vs-th>\n        <vs-th>\n          {{ $t(\"TankerTable.TransferVolume\") }}\n        </vs-th>\n        <vs-th>\n          {{ $t(\"TankerTable.TransferTotalVolume\") }}\n        </vs-th>\n        <vs-th sort-key=\"departed_at_formatted_be\">\n          {{ $t(\"TankerTable.TransferStart\") }}\n        </vs-th>\n      </template>\n\n      <template slot-scope=\"{ data }\">\n        <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n          <vs-td :data=\"data[indextr].id\">\n            {{ indextr + 1 }}\n          </vs-td>\n\n          <vs-td :data=\"getDataByKey(data[indextr], 'vessel.name')\">\n            {{ getDataByKey(data[indextr], \"vessel.name\") }}\n          </vs-td>\n\n          <vs-td :data=\"data[indextr].oil_type\">\n            {{ getDataByKey(data[indextr], \"oil_type\") }}\n          </vs-td>\n\n          <vs-td :data=\"data[indextr].volume\">\n            {{ getDataByKey(data[indextr], \"volume\") }}\n          </vs-td>\n\n          <vs-td :data=\"data[indextr].volumes\">\n            {{ getVolume(data[indextr].volumes) }}\n          </vs-td>\n\n          <vs-td>\n            {{ data[indextr].departed_at_formatted_be }}\n          </vs-td>\n        </vs-tr>\n      </template>\n    </vs-table>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport { REFINERY_ID } from \"@/constant\";\nimport _ from \"lodash\";\nimport { formatNumber } from \"@/utils/index\";\n\nexport default {\n  name: \"TankerTableDmtEp\",\n  data() {\n    return {\n      tankerInRefinery: [],\n      formatNumber,\n    };\n  },\n  mounted() {\n    this.changeData(REFINERY_ID[this.tableName]);\n    // this.changeDataByDate(REFINERY_ID[this.tableName]);\n    this.$store.dispatch(\"getMpTankerAll\");\n  },\n  computed: {\n    ...mapState({\n      tableName: (state) => state.tankerData.tankerName,\n      dataTanker: (state) => state.vesselTrip.data,\n      dataByDate: (state) => state.vesselTrip.dataByDate,\n      mpTankerData: (state) => state.mpTankerData.mpTankerAll,\n    }),\n  },\n  watch: {\n    tableName(val, oldval) {\n      if (!_.isEqual(val, oldval)) {\n        this.changeName(val);\n        const refineryId = REFINERY_ID[val] || val;\n        this.changeData(refineryId, Boolean(REFINERY_ID[val]));\n        // console.log(this.tankerInRefinery);\n        // this.changeDataByDate(REFINERY_ID[val]);\n      }\n    },\n    dataTanker(val, oldval) {\n      if (!_.isEqual(val, oldval)) {\n        this.changeData(REFINERY_ID[this.tableName]);\n      }\n    },\n    dataByDate(val, oldval) {\n      if (!_.isEqual(val, oldval)) {\n        this.changeDataByDate(REFINERY_ID[this.tableName]);\n      }\n    },\n  },\n  methods: {\n    getDataByKey(data, key, value = \"-\") {\n      return _.get(data, key) || value;\n    },\n    changeName(val) {\n      this.$store.dispatch(\"setTankerName\", val);\n    },\n    changeData(refineryID, flag = true) {\n      let arr = _.filter(this.dataTanker, { station_id: refineryID });\n      if (!flag) {\n        arr = _.filter(this.dataTanker, { vessel: { name: refineryID } });\n      }\n      if (arr != 0) {\n        this.tankerInRefinery = arr;\n      } else this.tankerInRefinery = [];\n    },\n    changeDataByDate(refineryID) {\n      let arr = _.filter(this.dataByDate, { station_id: refineryID });\n      if (arr != 0) {\n        this.tankerInRefinery = arr;\n      } else this.tankerInRefinery = [];\n    },\n    getVolume(data) {\n      let value = _.chain(data)\n        .map((a) => {\n          return Number(a);\n        })\n        .sum();\n      return formatNumber(value);\n    },\n    getCapacity(mmsi) {\n      const data = _.find(this.mpTankerData, { mmsi });\n      if (data == undefined || data.capacity == null) {\n        return 0;\n      } else {\n        return data.capacity;\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.tableship {\n  height: 100%;\n}\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/@vue/cli-plugin-babel/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!./TankerTableDmtEp.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/@vue/cli-plugin-babel/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!./TankerTableDmtEp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TankerTableDmtEp.vue?vue&type=template&id=6a017f7b&\"\nimport script from \"./TankerTableDmtEp.vue?vue&type=script&lang=js&\"\nexport * from \"./TankerTableDmtEp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TankerTableDmtEp.vue?vue&type=style&index=0&lang=css&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"chartdiv\",staticClass:\"directTree\"})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"directTree\" ref=\"chartdiv\"></div>\n</template>\n\n<script>\nimport _ from \"lodash\";\nimport { mapState, mapGetters } from \"vuex\";\nimport * as am4core from \"@amcharts/amcharts4/core\";\nimport * as am4charts from \"@amcharts/amcharts4/charts\";\nimport * as am4plugins_forceDirected from \"@amcharts/amcharts4/plugins/forceDirected\";\nimport { REFINERY_COLORS } from \"@/constant/colors\";\nimport { DIRECT_TREE_TYPE, REFINERY_ID } from \"@/constant\";\n\nexport default {\n  name: \"directedtreeDmtEp\",\n  props: {},\n  data() {\n    return {\n      defaultData: {\n        name: \"ยอดรวมน้ำมัน\",\n        value: 0,\n        type: \"oil\",\n        colors: REFINERY_COLORS.ALL,\n      },\n      dafaultRefienyData: {},\n    };\n  },\n  mounted() {\n    this.setAllData();\n  },\n  computed: {\n    ...mapState({\n      refineryName: (state) => state.vesselTrip.currentRefineryName,\n      currentRefID: (state) => state.vesselTrip.currentRefineryID,\n      data: (state) => state.vesselTrip.data,\n    }),\n    ...mapGetters({\n      getterVesselDemExp: \"getterVesselDemExp\",\n    }),\n  },\n  watch: {\n    refineryName(val) {\n      if (val == \"ALL\") {\n        this.setAllData();\n      } else this.setRefineryData(REFINERY_ID[val]);\n    },\n    data(val, oldval) {\n      if (!_.isEqual(val, oldval)) {\n        if (this.refineryName == \"ALL\") {\n          this.setAllData();\n        } else this.setRefineryData(REFINERY_ID[this.refineryName]);\n      }\n    },\n  },\n  methods: {\n    init(networkData) {\n      const chartdiv = this.$refs.chartdiv;\n      const chart = am4core.create(\n        chartdiv,\n        am4plugins_forceDirected.ForceDirectedTree\n      );\n      chart.width = am4core.percent(100);\n      chart.height = am4core.percent(100);\n      chart.legend = new am4charts.Legend();\n      chart.legend.maxHeight = 50;\n      // chart.legend.scrollable = true;\n      // chart.preloader.disabled = true;\n      const networkSeries = chart.series.push(\n        new am4plugins_forceDirected.ForceDirectedSeries()\n      );\n\n      // set default data when networkData is null or undefined\n      networkSeries.data = networkData || [];\n\n      networkSeries.dataFields.linkWith = \"linkWith\";\n      networkSeries.dataFields.name = \"name\";\n      networkSeries.dataFields.id = \"id\";\n      networkSeries.dataFields.value = \"value\";\n      networkSeries.dataFields.children = \"children\";\n      networkSeries.dataFields.isVessel = \"isVessel\";\n      networkSeries.dataFields.type = \"type\";\n      networkSeries.nodes.template.tooltipText = \"{name} : {value} ล.\";\n      networkSeries.nodes.template.fillOpacity = 1;\n\n      networkSeries.nodes.template.label.text = \"{name}\";\n      networkSeries.fontSize = 16;\n      networkSeries.maxLevels = 2;\n      networkSeries.maxRadius = 50;\n      networkSeries.minRadius = 30;\n      networkSeries.manyBodyStrength = -25;\n      networkSeries.nodes.template.label.hideOversized = true;\n      networkSeries.nodes.template.label.truncate = true;\n      networkSeries.links.distance = 2;\n      networkSeries.dataFields.color = \"colors\";\n      const vm = this;\n      networkSeries.nodes.template.events.on(\"hit\", function (ev) {\n        const currentItem = ev.target.dataItem;\n        const name = currentItem.name;\n        const id = currentItem.id;\n        const type = currentItem.type;\n        const dataContext = currentItem.dataContext;\n        const mmsi = _.get(dataContext, \"vessel.mmsi\");\n\n        switch (type) {\n          case DIRECT_TREE_TYPE.REFINERY:\n            vm.onClickRefinery(vm, id, name);\n            break;\n          case DIRECT_TREE_TYPE.OIL:\n            vm.onClickOil(vm, type);\n            break;\n          case DIRECT_TREE_TYPE.TANKER:\n            vm.onClickTanker(vm, name, mmsi);\n            break;\n          case DIRECT_TREE_TYPE.VESSEL:\n            vm.onClickVessel(vm, name);\n            break;\n          default:\n            break;\n        }\n      });\n      chart.preloader.disabled = true;\n\n      // var indicator;\n      // var indicatorInterval;\n\n      // function is not used??\n      // function showIndicator() {\n      //   if (!indicator) {\n      //     indicator = chart.tooltipContainer.createChild(am4core.Container);\n      //     indicator.background.fill = am4core.color(\"#fff\");\n      //     indicator.background.fillOpacity = 0.8;\n      //     indicator.width = am4core.percent(100);\n      //     indicator.height = am4core.percent(100);\n\n      //     var indicatorLabel = indicator.createChild(am4core.Label);\n      //     indicatorLabel.text = \"Loading stuff...\";\n      //     indicatorLabel.align = \"center\";\n      //     indicatorLabel.valign = \"middle\";\n      //     indicatorLabel.fontSize = 20;\n      //     indicatorLabel.dy = 50;\n\n      //     var hourglass = indicator.createChild(am4core.Image);\n      //     hourglass.href =\n      //       \"https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-160/hourglass.svg\";\n      //     hourglass.align = \"center\";\n      //     hourglass.valign = \"middle\";\n      //     hourglass.horizontalCenter = \"middle\";\n      //     hourglass.verticalCenter = \"middle\";\n      //     hourglass.scale = 0.7;\n      //   }\n\n      //   indicator.hide(0);\n      //   indicator.show();\n\n      //   clearInterval(indicatorInterval);\n      //   indicatorInterval = setInterval(function () {\n      //     hourglass.animate(\n      //       [\n      //         {\n      //           from: 0,\n      //           to: 360,\n      //           property: \"rotation\",\n      //         },\n      //       ],\n      //       2000\n      //     );\n      //   }, 3000);\n      // }\n\n      // function is not used??\n      // function hideIndicator() {\n      //   indicator.hide();\n      //   clearInterval(indicatorInterval);\n      // }\n\n      // showIndicator();\n      // setTimeout(hideIndicator, 3000);\n    },\n    changeRefname(event) {\n      this.$store.dispatch(\"fetchRefName\", event);\n    },\n    changeRadarName(event) {\n      this.$store.dispatch(\"setRadarName\", event);\n    },\n    changeData(val) {\n      this.$store.dispatch(\"setRefineryData\", val);\n    },\n    changeRefID(id) {\n      this.$store.dispatch(\"setCurrentRefID\", id);\n    },\n    onClickRefinery(vm, id, name) {\n      vm.changeRefID(id);\n      vm.changeRefname(name);\n      vm.changeRadarName(name);\n      vm.$store.dispatch(\"setType\", \"tanker\");\n      vm.$store.dispatch(\"setTankerName\", name);\n    },\n    onClickOil(vm, type) {\n      // vm.changeRefname(DIRECT_TREE_TYPE.OIL);\n      vm.$store.dispatch(\"setType\", type);\n      vm.changeRadarName(\"ALL\");\n      // vm.$store.dispatch(\"setRadar\", \"ALL\");\n    },\n    onClickTanker(vm, name, mmsi) {\n      vm.$store.dispatch(\"panTo\", mmsi);\n      // vm.$store.dispatch(\"setRadar\", name);\n      vm.$store.dispatch(\"setType\", \"tanker\");\n      vm.$store.dispatch(\"setTankerName\", name);\n    },\n    onClickVessel(vm, name) {\n      // random panto station??\n      const id = Math.round(Math.random() * 20) + 1;\n      vm.$store.dispatch(\"panTo\", id);\n      vm.$store.dispatch(\"setType\", \"vessel\");\n      vm.$store.dispatch(\"setTankerName\", name);\n      console.log(\"vessel : \",id,name);\n    },\n    setAllData() {\n      let tree = this.$store.getters.getterVesselDemExp;\n      const network = [\n        {\n          ...this.defaultData,\n          value: _.reduce(tree, (sum, a) => (sum += a.value), 0),\n          children: [...tree],\n        },\n      ];\n      let networkData = this.data.length ? network : [this.defaultData];\n      this.treeData = networkData;\n      this.init(networkData);\n    },\n    setRefineryData(refineryID) {\n      let arr = _.filter(this.data, { station_id: refineryID });\n      if (arr != 0) {\n        const tree = _.chain(arr)\n          .groupBy(\"station_id\")\n          .map((o, i) => {\n            const name = this.refineryName;\n            const colors = REFINERY_COLORS[name] || \"OTHER\";\n            return {\n              id: i,\n              name,\n              colors,\n              type: \"Refinery\",\n              value: _.reduce(\n                o,\n                (sum, a) => {\n                  let volumes = _.get(a, \"volumes\").map((a) => {\n                    return Number(a);\n                  });\n                  return sum + _.sum(volumes);\n                },\n                0\n              ),\n              children: _.chain(arr)\n                .groupBy(\"vessel_id\")\n                .map((a, i) => {\n                  return {\n                    id: i,\n                    name: _.get(_.find(a, \"vessel.name\"), \"vessel.name\"),\n                    vessel: _.get(_.find(a, \"vessel\"), \"vessel\"),\n                    type: \"Tanker\",\n                    value: _.reduce(\n                      a,\n                      (sum, value) => {\n                        let volumes = _.get(value, \"volumes\").map((val) => {\n                          return Number(val);\n                        });\n                        return sum + _.sum(volumes);\n                      },\n                      0\n                    ),\n                  };\n                })\n                .value(),\n            };\n          })\n          .value();\n        this.init(tree);\n      } else this.init(this.defaultData);\n    },\n  },\n};\n</script>\n\n<style>\n.directTree {\n  /* width: 120%; */\n  height: 380px;\n  font-family: \"Prompt\", sans-serif;\n}\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/@vue/cli-plugin-babel/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!./DirectedtreeDmtEp.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/@vue/cli-plugin-babel/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!./DirectedtreeDmtEp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DirectedtreeDmtEp.vue?vue&type=template&id=06733498&\"\nimport script from \"./DirectedtreeDmtEp.vue?vue&type=script&lang=js&\"\nexport * from \"./DirectedtreeDmtEp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DirectedtreeDmtEp.vue?vue&type=style&index=0&lang=css&\"\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","import mod from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RefineryTableDmtEp.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RefineryTableDmtEp.vue?vue&type=style&index=0&lang=css&\"","import mod from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DirectedtreeDmtEp.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DirectedtreeDmtEp.vue?vue&type=style&index=0&lang=css&\"","import mod from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarValueDmtEx.vue?vue&type=style&index=0&id=de1f83e2&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarValueDmtEx.vue?vue&type=style&index=0&id=de1f83e2&scoped=true&lang=css&\"","import mod from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OilTypeStackedColumnChart.vue?vue&type=style&index=0&id=77928a87&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OilTypeStackedColumnChart.vue?vue&type=style&index=0&id=77928a87&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"stacked-column-chart\"}},[_c('div',{ref:\"chartdiv\",staticClass:\"chart\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"stacked-column-chart\">\n    <div class=\"chart\" ref=\"chartdiv\"></div>\n  </div>\n</template>\n<script>\nimport * as am4core from \"@amcharts/amcharts4/core\";\nimport * as am4charts from \"@amcharts/amcharts4/charts\";\nimport _ from \"lodash\";\nimport { REFINERY_ID, OIL_PRICE } from \"@/constant\";\nimport { mapState } from \"vuex\";\n\nexport default {\n  name: \"OilTypeStackedColumnChart\",\n  props: {\n    dataStack: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  data() {\n    return {\n      chart: null,\n    };\n  },\n  watch: {\n    dataStack(val) {\n      if (val.length > 0) {\n        this.renderStackedChart();\n      }\n    },\n    oilType(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) {\n        this.$store.dispatch(\"getOilType\");\n      }\n    },\n  },\n  mounted() {\n    this.$store.dispatch(\"getOilType\");\n    this.renderStackedChart();\n  },\n  computed: {\n    ...mapState({\n      oilType: (state) => state.vesselTrip.oilType,\n    }),\n  },\n  beforeDestroy() {\n    if (this.chart) {\n      this.chart.dispose();\n    }\n  },\n  methods: {\n    renderStackedChart() {\n      let chart = am4core.create(this.$refs.chartdiv, am4charts.XYChart);\n      let stack = [];\n      let oilType = {};\n      let totailOilType = [];\n\n      stack = _.chain(this.dataStack)\n        .groupBy(\"station_id\")\n        .map((o, i) => {\n          let Refinery = _.findKey(REFINERY_ID, (val) => val == i);\n          let vesselLoads = _.chain(o)\n            .map((o) => {\n              let vesselLoad = _.get(o, \"vessel_loads\");\n              let oilTypeId = _.chain(vesselLoad)\n                .map((o) => {\n                  let id = _.get(o, \"oil_type_id\");\n                  let oilCategory = _.find(this.oilType, { id: id });\n                  if (oilCategory != undefined) {\n                    return oilCategory.oil_category_id;\n                  } else {\n                    return \"\";\n                  }\n                })\n                .value();\n\n              let oilTypevolume = _.chain(vesselLoad)\n                .map((o) => {\n                  let volume = _.get(o, \"volume\");\n                  return volume;\n                })\n                .value();\n              return { oilTypeId, oilTypevolume };\n            })\n            .value();\n\n          let id = \"\";\n          let volume = 0;\n          let data = [];\n\n          _.chain(vesselLoads)\n            .map((o) => {\n              for (let i = 0; i < o.oilTypeId.length; i++) {\n                id = o.oilTypeId[i];\n                volume = o.oilTypevolume[i];\n                data.push({ id, volume });\n              }\n            })\n            .value();\n\n          oilType = _.chain(data)\n            .groupBy(\"id\")\n            .map((o) => {\n              let oilTypeName = _.reduce(\n                o,\n                (vessel, a) => {\n                  let id = _.get(a, \"id\");\n                  if (id == \"\") {\n                    oilTypeName = \"อื่นๆ\";\n                  } else {\n                    const findOilTypeName = _.find(this.oilType, {\n                      oil_category_id: id,\n                    });\n                    oilTypeName = findOilTypeName.oil_category.name;\n                  }\n                  return oilTypeName;\n                },\n                0\n              );\n              let sumVolume = _.reduce(\n                o,\n                (sum, a) => {\n                  let volumes = _.get(a, \"volume\");\n                  return sum + Number(volumes);\n                },\n                0\n              );\n              return { [oilTypeName]: sumVolume };\n            })\n            .value();\n\n          return {\n            Refinery,\n            oilType,\n          };\n        })\n        .value();\n\n      totailOilType = _.chain(this.dataStack)\n        .groupBy(\"vessel_loads.oil_type_id\")\n        .map((o, i) => {\n          let id = \"\";\n          let volume = 0;\n          let data = [];\n          let vesselLoads = _.chain(o)\n            .map((o) => {\n              let vesselLoad = _.get(o, \"vessel_loads\");\n              let oilTypeId = _.chain(vesselLoad)\n                .map((o) => {\n                  let id = _.get(o, \"oil_type_id\");\n                  let oilCategory = _.find(this.oilType, { id: id });\n                  if (oilCategory != undefined) {\n                    return oilCategory.oil_category_id;\n                  } else {\n                    return \"\";\n                  }\n                })\n                .value();\n\n              let oilTypevolume = _.chain(vesselLoad)\n                .map((o) => {\n                  let volume = _.get(o, \"volume\");\n                  return volume;\n                })\n                .value();\n              return { oilTypeId, oilTypevolume };\n            })\n            .value();\n\n          _.chain(vesselLoads)\n            .map((o) => {\n              for (let i = 0; i < o.oilTypeId.length; i++) {\n                id = o.oilTypeId[i];\n                volume = o.oilTypevolume[i];\n                data.push({ id, volume });\n              }\n            })\n            .value();\n\n          oilType = _.chain(data)\n            .groupBy(\"id\")\n            .map((o) => {\n              let oilTypeName = _.reduce(\n                o,\n                (vessel, a) => {\n                  let id = _.get(a, \"id\");\n                  if (id == \"\") {\n                    oilTypeName = \"อื่นๆ\";\n                  } else {\n                    const findOilTypeName = _.find(this.oilType, {\n                      oil_category_id: id,\n                    });\n                    oilTypeName = findOilTypeName.oil_category.name;\n                  }\n                  return oilTypeName;\n                },\n                0\n              );\n              let sumVolume = _.reduce(\n                o,\n                (sum, a) => {\n                  let volumes = _.get(a, \"volume\");\n                  return sum + Number(volumes);\n                },\n                0\n              );\n              return { [oilTypeName]: sumVolume };\n            })\n            .value();\n\n          // console.log(vesselLoads);\n          // console.log(data);\n          // console.log(oilType);\n\n          let sumOilType = _.chain(data)\n            .groupBy(\"id\")\n            .map((o) => {\n              let id = _.reduce(\n                o,\n                (vessel, a) => {\n                  return _.get(a, \"id\");\n                },\n                0\n              );\n              const price = OIL_PRICE[id] || 1;\n              let sumPrice = _.reduce(\n                o,\n                (sum, a) => {\n                  let volumes = _.get(a, \"volume\");\n                  return (sum + Number(volumes)) * price ;\n                },\n                0\n              );\n\n              return { id, sumPrice};\n            })\n            .value();\n          // console.log(sumOilType);\n\n          let totalPrice = _.sumBy(sumOilType, 'sumPrice');\n          // console.log(totalPrice);\n        })\n        .value();\n\n      for (let i = 0; i < stack.length; i++) {\n        for (let j = 0; j < stack[i].oilType.length; j++) {\n          const dataStack = stack[i].oilType[j];\n          let keyDataStack = Object.keys(dataStack);\n          const voloumeStack = stack[i].oilType[j][keyDataStack];\n          stack[i][keyDataStack] = voloumeStack;\n        }\n      }\n\n      chart.data = stack;\n      chart.fontSize = 13;\n      chart.colors.list = [\n        am4core.color(\"#f7cec7\"),\n        am4core.color(\"#e79797\"),\n        am4core.color(\"#efb484\"),\n        am4core.color(\"#efc989\"),\n        am4core.color(\"#c6c69c\"),\n      ];\n\n      let categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());\n      categoryAxis.dataFields.category = \"Refinery\";\n      categoryAxis.renderer.grid.template.location = 0;\n      categoryAxis.renderer.minGridDistance = 20;\n\n      let valueAxis = chart.yAxes.push(new am4charts.ValueAxis());\n      valueAxis.renderer.inside = false;\n      valueAxis.renderer.labels.template.disabled = false;\n      valueAxis.min = 0;\n      valueAxis.title.text = \"ปริมาณน้ำมัน (ลิตร)\";\n\n      let key = [];\n      for (let i = 0; i < chart.data.length; i++) {\n        for (let j = 1; j < _.size(chart.data[i]); j++) {\n          let value = chart.data[i];\n          let keyValue = Object.keys(value);\n          key.push(keyValue[j]);\n        }\n      }\n      let uniqKey = _.uniq(key);\n      for (let index = 0; index < uniqKey.length; index++) {\n        if (uniqKey[index] != \"oilType\") {\n          this.createSeries(chart, uniqKey[index], uniqKey[index]);\n        }\n      }\n      chart.legend = new am4charts.Legend();\n      chart.legend.maxHeight = 50;\n      chart.legend.scrollable = true;\n    },\n    createSeries(chart, field, name) {\n      let series = chart.series.push(new am4charts.ColumnSeries());\n      series.name = name;\n      series.dataFields.valueY = field;\n      series.dataFields.categoryX = \"Refinery\";\n      series.sequencedInterpolation = true;\n      // series.columns.template.fillOpacity = 0.8;\n      series.columns.template.strokeOpacity = 0;\n      // series.fill = am4core.color(color);\n\n      // Make it stacked\n      series.stacked = true;\n\n      // Configure columns\n      series.columns.template.width = am4core.percent(45);\n      series.columns.template.tooltipText =\n        \"[bold]{name}[/]\\n[font-size:14px] ปริมาณ : {valueY}\";\n\n      series.columns.template.events.on(\"over\", function (event) {\n        if (event.target.dataItem) {\n          event.target.cursorOverStyle = am4core.MouseCursorStyle.pointer;\n        }\n      });\n      const vm = this;\n      series.columns.template.events.on(\"hit\", function (event) {\n        let dataItem = event.target.dataItem.categoryX;\n        let type = \"tanker\";\n        vm.$store.dispatch(\"setTankerName\", dataItem);\n        vm.$store.dispatch(\"setType\", type);\n      });\n      // Add label\n      let labelBullet = series.bullets.push(new am4charts.LabelBullet());\n      labelBullet.label.text = \"{valueY}\";\n      labelBullet.locationY = 0.5;\n      labelBullet.label.hideOversized = true;\n\n      return series;\n    },\n  },\n};\n</script>\n<style scoped>\n.chart {\n  height: 100%;\n}\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/@vue/cli-plugin-babel/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!./OilTypeStackedColumnChart.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/@vue/cli-plugin-babel/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!./OilTypeStackedColumnChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OilTypeStackedColumnChart.vue?vue&type=template&id=77928a87&scoped=true&\"\nimport script from \"./OilTypeStackedColumnChart.vue?vue&type=script&lang=js&\"\nexport * from \"./OilTypeStackedColumnChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OilTypeStackedColumnChart.vue?vue&type=style&index=0&id=77928a87&scoped=true&lang=css&\"\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  \"77928a87\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TankerTableDmtEp.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TankerTableDmtEp.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('vs-table',{attrs:{\"maxHeight\":\"815px\",\"maxItems\":\"100\",\"search\":\"\",\"data\":_vm.dataRefinery},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr},[_c('vs-td',[_vm._v(\"\\n          \"+_vm._s(indextr+1)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[indextr].station.code}},[_vm._v(\"\\n          \"+_vm._s(data[indextr].station.code)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.name}},[_vm._v(\"\\n          \"+_vm._s(data[indextr].vessel.name)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[indextr].oil_type}},[_vm._v(\"\\n          \"+_vm._s(data[indextr].oil_type)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[indextr].volume}},[_vm._v(\"\\n          \"+_vm._s(data[indextr].volume)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[indextr].volumes}},[_vm._v(\"\\n          \"+_vm._s(_vm.getVolume(data[indextr].volumes))+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[indextr].departed_at_formatted_be}},[_vm._v(\"\\n          \"+_vm._s(data[indextr].departed_at_formatted_be)+\"\\n        \")])],1)})}}])},[_c('template',{slot:\"header\"},[_c('h5',{staticClass:\"mt-2 mb-5\"},[_vm._v(\"\\n         \"+_vm._s(_vm.$t(\"ShipmentTable.Shipment\"))+\"\\n      \")])]),_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"RefineryTable.Id\"))+\"\\n      \")]),_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"RefineryTable.RefineryName\"))+\"\\n      \")]),_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"RefineryTable.TankerName\"))+\"\\n      \")]),_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"TankerTable.OilType\"))+\"\\n      \")]),_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"RefineryTable.TransferVolume\"))+\"\\n      \")]),_c('vs-th',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"TankerTable.TransferTotalVolume\"))+\"\\n      \")]),_c('vs-th',{attrs:{\"sort-key\":\"departed_at_formatted_be\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"RefineryTable.TransferStart\"))+\"\\n      \")])],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <vs-table maxHeight=\"815px\" maxItems=\"100\" search :data=\"dataRefinery\">\n      <template slot=\"header\">\n        <h5 class=\"mt-2 mb-5\">\n           {{ $t(\"ShipmentTable.Shipment\") }}\n        </h5>\n      </template>\n      <template slot=\"thead\">\n        <vs-th>\n          {{ $t(\"RefineryTable.Id\") }}\n        </vs-th>\n        <vs-th>\n          {{ $t(\"RefineryTable.RefineryName\") }}\n        </vs-th>\n        <vs-th>\n          {{ $t(\"RefineryTable.TankerName\") }}\n        </vs-th>\n        <vs-th>\n          {{ $t(\"TankerTable.OilType\") }}\n        </vs-th>\n        <vs-th>\n          {{ $t(\"RefineryTable.TransferVolume\") }}\n        </vs-th>\n        <vs-th>\n          {{ $t(\"TankerTable.TransferTotalVolume\") }}\n        </vs-th>\n        <vs-th sort-key=\"departed_at_formatted_be\">\n          {{ $t(\"RefineryTable.TransferStart\") }}\n        </vs-th>\n      </template>\n\n      <template slot-scope=\"{ data }\">\n        <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n          <vs-td>\n            {{ indextr+1 }}\n          </vs-td>\n\n          <vs-td :data=\"data[indextr].station.code\">\n            {{ data[indextr].station.code }}\n          </vs-td>\n\n          <vs-td :data=\"data[indextr].vessel.name\">\n            {{ data[indextr].vessel.name }}\n          </vs-td>\n\n          <vs-td :data=\"data[indextr].oil_type\">\n            {{ data[indextr].oil_type }}\n          </vs-td>\n\n          <vs-td :data=\"data[indextr].volume\">\n            {{ data[indextr].volume }}\n          </vs-td>\n\n          <vs-td :data=\"data[indextr].volumes\">\n            {{ getVolume(data[indextr].volumes) }}\n          </vs-td>\n\n          <vs-td :data=\"data[indextr].departed_at_formatted_be\">\n            {{ data[indextr].departed_at_formatted_be }}\n          </vs-td>\n\n        </vs-tr>\n      </template>\n    </vs-table>\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex';\nimport _ from 'lodash'\nimport { formatNumber } from \"@/utils/index\";\n\nexport default {\n  name: \"RefineryTableDmtEp\",\n  data(){\n    return{\n      formatNumber,\n    }\n  },\n  computed: {\n    ...mapState({\n      dataRefinery: (state) => state.vesselTrip.data\n    }),\n  },\n  methods:{\n    getVolume(data){\n        let value = _.chain(data)\n          .map((a)=>{\n            return Number(a);\n          }              \n        ).sum()\n      return formatNumber(value);\n    },\n  }\n};\n</script>\n\n<style>\n.tableship{\n    height: 100%;\n}\n\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/@vue/cli-plugin-babel/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!./RefineryTableDmtEp.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/@vue/cli-plugin-babel/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!./RefineryTableDmtEp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RefineryTableDmtEp.vue?vue&type=template&id=0ed344f5&\"\nimport script from \"./RefineryTableDmtEp.vue?vue&type=script&lang=js&\"\nexport * from \"./RefineryTableDmtEp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RefineryTableDmtEp.vue?vue&type=style&index=0&lang=css&\"\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":""}