{"version":3,"sources":["webpack:///./src/views/Domestic.vue?38f2","webpack:///src/views/Domestic.vue","webpack:///./src/views/Domestic.vue?383c","webpack:///./src/views/Domestic.vue","webpack:///./src/views/Domestic.vue?be89"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticClass","$i18n","locale","Date","placement","visibility","model","value","callback","$$v","selectedDate","expression","_v","_s","setFormat","start","end","setRefineryCard","REFINERY_NAME","ALL","$t","isAllCardActive","getVolume","isVesselTripLoading","IRPC","REFINERY_ID","isIrpcCardActive","SPRC","isSprcCardActive","TOP","isTopCardActive","BCP","isBcpCardActive","PTTGC","isPttgcCardActive","ESSO","isEssoCardActive","currentRefName","formatNumber","Number","totalOilType","toFixed","on","$event","popupDirectTree","popupChart","vesselTrip","popupTable","typeTanker","TANKER_TYPE","TANKER","staticRenderFns","name","components","BarValueDmtEp","StackedColumnChart","OilTypeStackedColumnChart","HighlightingChart","RadarBar","TankerTableDmtEp","RefineryTableDmtEp","DirectedtreeDmtEp","OilTypeCard","SunBurst","CardValue","data","config","startDate","endDate","destination_type","isDomestic","fullscreen","isDisable","chart","mounted","$store","dispatch","getVesselData","watch","newStartDate","newEndDate","currentRefID","station_id","computed","methods","getOilPrice","length","setDateFormat","newDate","refineryID","refineryName","beforeDestroy","dispose","component"],"mappings":"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","file":"js/chunk-63b0603c.8dfb121c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"auto\"},attrs:{\"id\":\"home\"}},[_c('OilTypeCard'),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"flex-1 mx-1\"},[(_vm.$i18n.locale == 'th')?_c('v-date-picker',{staticClass:\"cursor-pointer\",attrs:{\"buddhist\":true,\"mode\":\"range\",\"locale\":_vm.$i18n.locale,\"max-date\":new Date(),\"popover\":{ placement: 'bottom-start', visibility: 'click' }},model:{value:(_vm.selectedDate),callback:function ($$v) {_vm.selectedDate=$$v},expression:\"selectedDate\"}},[_c('vs-card',{staticClass:\"text-center cardDate\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col text-center mt-2 pl-5 sm:w-1/3 lg:w-1/3 xl:w-1/3\"},[_c('vs-icon',{attrs:{\"size\":\"medium\",\"icon\":\"today\"}})],1),_c('div',{staticClass:\"vx-col center sm:w-2/3 lg:w-2/3 xl:w-2/3\"},[_c('h6',[_vm._v(_vm._s(_vm.setFormat(_vm.selectedDate.start)))]),_c('hr',{staticClass:\"mx-2 my-1\"}),_c('h6',[_vm._v(_vm._s(_vm.setFormat(_vm.selectedDate.end)))])])])])],1):_c('v-date-picker',{staticClass:\"cursor-pointer\",attrs:{\"buddhist\":false,\"mode\":\"range\",\"locale\":_vm.$i18n.locale,\"max-date\":new Date(),\"popover\":{ placement: 'bottom-start', visibility: 'click' }},model:{value:(_vm.selectedDate),callback:function ($$v) {_vm.selectedDate=$$v},expression:\"selectedDate\"}},[_c('vs-card',{staticClass:\"text-center cardDate\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col text-center mt-2 pl-5 sm:w-1/3 lg:w-1/3 xl:w-1/3\"},[_c('vs-icon',{attrs:{\"size\":\"medium\",\"icon\":\"today\"}})],1),_c('div',{staticClass:\"vx-col center sm:w-2/3 lg:w-2/3 xl:w-2/3\"},[_c('h6',[_vm._v(_vm._s(_vm.setFormat(_vm.selectedDate.start)))]),_c('hr',{staticClass:\"mx-2 my-1\"}),_c('h6',[_vm._v(_vm._s(_vm.setFormat(_vm.selectedDate.end)))])])])])],1)],1),_c('card-value',{staticClass:\"flex-1 mx-1\",attrs:{\"callback\":_vm.setRefineryCard,\"refineryName\":_vm.REFINERY_NAME.ALL,\"name\":_vm.$t('totalOil'),\"isActive\":_vm.isAllCardActive,\"unit\":_vm.$t('Liter'),\"volume\":this.getVolume(),\"isLoading\":_vm.isVesselTripLoading}}),_c('card-value',{staticClass:\"flex-1 mx-1\",attrs:{\"callback\":_vm.setRefineryCard,\"refineryName\":_vm.REFINERY_NAME.IRPC,\"refineryID\":_vm.REFINERY_ID.IRPC,\"name\":_vm.$t('RefineryIRPC'),\"isActive\":_vm.isIrpcCardActive,\"unit\":_vm.$t('Liter'),\"volume\":this.getVolume(_vm.REFINERY_NAME.IRPC),\"isLoading\":_vm.isVesselTripLoading}}),_c('card-value',{staticClass:\"flex-1 mx-1\",attrs:{\"callback\":_vm.setRefineryCard,\"refineryName\":_vm.REFINERY_NAME.SPRC,\"refineryID\":_vm.REFINERY_ID.SPRC,\"name\":_vm.$t('RefinerySPRC'),\"isActive\":_vm.isSprcCardActive,\"unit\":_vm.$t('Liter'),\"volume\":this.getVolume(_vm.REFINERY_NAME.SPRC),\"isLoading\":_vm.isVesselTripLoading}}),_c('card-value',{staticClass:\"flex-1 mx-1\",attrs:{\"callback\":_vm.setRefineryCard,\"refineryName\":_vm.REFINERY_NAME.TOP,\"refineryID\":_vm.REFINERY_ID.TOP,\"name\":_vm.$t('RefineryTOP'),\"isActive\":_vm.isTopCardActive,\"unit\":_vm.$t('Liter'),\"volume\":this.getVolume(_vm.REFINERY_NAME.TOP),\"isLoading\":_vm.isVesselTripLoading}}),_c('card-value',{staticClass:\"flex-1 mx-1\",attrs:{\"callback\":_vm.setRefineryCard,\"refineryName\":_vm.REFINERY_NAME.BCP,\"refineryID\":_vm.REFINERY_ID.BCP,\"name\":_vm.$t('RefineryBCP'),\"isActive\":_vm.isBcpCardActive,\"unit\":_vm.$t('Liter'),\"volume\":this.getVolume(_vm.REFINERY_NAME.BCP),\"isLoading\":_vm.isVesselTripLoading}}),_c('card-value',{staticClass:\"flex-1 mx-1\",attrs:{\"callback\":_vm.setRefineryCard,\"refineryName\":_vm.REFINERY_NAME.PTTGC,\"refineryID\":_vm.REFINERY_ID.PTTGC,\"name\":_vm.$t('RefineryPTTGC'),\"isActive\":_vm.isPttgcCardActive,\"unit\":_vm.$t('Liter'),\"volume\":this.getVolume(_vm.REFINERY_NAME.PTTGC),\"isLoading\":_vm.isVesselTripLoading}}),_c('card-value',{staticClass:\"flex-1 mx-1\",attrs:{\"callback\":_vm.setRefineryCard,\"refineryName\":_vm.REFINERY_NAME.ESSO,\"refineryID\":_vm.REFINERY_ID.ESSO,\"name\":_vm.$t('RefineryESSO'),\"isActive\":_vm.isEssoCardActive,\"unit\":_vm.$t('Liter'),\"volume\":this.getVolume(_vm.REFINERY_NAME.ESSO),\"isLoading\":_vm.isVesselTripLoading}})],1),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full pl-5 pt-1 sm:w-5/5 lg:w-3/5 xl:w-3/5\"},[_c('div',{staticClass:\"vx-row\"},[_c('vx-card',{staticClass:\"w-full\"},[_c('DirectedtreeDmtEp'),_c('bar-value-dmt-ep',{attrs:{\"enableTax\":false,\"id\":\"barChartdiv\",\"data\":[\n              (\"\" + (_vm.getVolume(_vm.currentRefName))),\n              (\"\" + (_vm.formatNumber(Number(_vm.totalOilType).toFixed(2)))),\n              \"0.00\",\n              (\"\" + (_vm.formatNumber(Number(_vm.totalOilType * 0.01).toFixed(2)))) ]}}),_c('vs-button',{staticClass:\"fullScreenButton px-4 py-3\",attrs:{\"color\":\"dark\",\"type\":\"flat\"},on:{\"click\":function($event){_vm.popupDirectTree = true}}},[_c('vs-icon',{attrs:{\"icon\":\"crop_free\"}})],1)],1),_c('vs-popup',{attrs:{\"fullscreen\":\"\",\"title\":\"\",\"active\":_vm.popupDirectTree},on:{\"update:active\":function($event){_vm.popupDirectTree=$event}}},[_c('vx-card',{staticClass:\"vx-col w-full\",staticStyle:{\"height\":\"100%\"}},[_c('DirectedtreeDmtEp',{staticStyle:{\"height\":\"500px\"}}),_c('bar-value-dmt-ep',{attrs:{\"enableTax\":false,\"id\":\"barChartdiv\",\"data\":[\n                (\"\" + (_vm.getVolume(_vm.currentRefName))),\n                (\"\" + (_vm.formatNumber(Number(_vm.totalOilType).toFixed(2)))),\n                \"0.00\",\n                (\"\" + (_vm.formatNumber(Number(_vm.totalOilType * 0.01).toFixed(2)))) ]}})],1)],1)],1),_c('div',{staticClass:\"vx-row pt-2\"},[_c('div',{staticClass:\"w-full\"},[_c('vx-card',{staticClass:\"h-full\"},[_c('vs-button',{staticClass:\"fullScreenButton px-4 py-3\",attrs:{\"color\":\"dark\",\"type\":\"flat\"},on:{\"click\":function($event){_vm.popupChart = true}}},[_c('vs-icon',{attrs:{\"icon\":\"crop_free\"}})],1),_c('h5',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.$t(\"Graphics\")))]),_c('vs-tabs',{attrs:{\"alignment\":\"fixed\"}},[_c('vs-tab',{attrs:{\"label\":_vm.$t('No') + ' 1'}},[_c('RadarBar')],1),_c('vs-tab',{attrs:{\"label\":_vm.$t('No') + ' 2'}},[_c('SunBurst')],1),_c('vs-tab',{attrs:{\"label\":_vm.$t('No') + ' 3'}},[_c('StackedColumnChart',{staticStyle:{\"height\":\"400px\"},attrs:{\"dataStack\":_vm.vesselTrip}})],1),_c('vs-tab',{attrs:{\"label\":_vm.$t('No') + ' 4'}},[_c('HighlightingChart',{attrs:{\"dataLine\":_vm.vesselTrip}})],1),_c('vs-tab',{attrs:{\"label\":_vm.$t('No') + ' 5'}},[_c('OilTypeStackedColumnChart',{staticStyle:{\"height\":\"400px\"},attrs:{\"dataStack\":_vm.vesselTrip}})],1)],1)],1),_c('vs-popup',{attrs:{\"fullscreen\":\"\",\"title\":\"\",\"active\":_vm.popupChart},on:{\"update:active\":function($event){_vm.popupChart=$event}}},[_c('vx-card',{staticClass:\"mt-2\"},[_c('h5',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.$t(\"Graphics\")))]),_c('vs-tabs',{attrs:{\"alignment\":\"fixed\"}},[_c('vs-tab',{attrs:{\"label\":_vm.$t('No') + ' 1'}},[_c('RadarBar',{staticStyle:{\"height\":\"480px\"}})],1),_c('vs-tab',{attrs:{\"label\":_vm.$t('No') + ' 2'}},[_c('SunBurst',{staticStyle:{\"height\":\"530px\"}})],1),_c('vs-tab',{attrs:{\"label\":_vm.$t('No') + ' 3'}},[_c('StackedColumnChart',{staticStyle:{\"height\":\"480px\"},attrs:{\"dataStack\":_vm.vesselTrip}})],1),_c('vs-tab',{attrs:{\"label\":_vm.$t('No') + ' 4'}},[_c('HighlightingChart',{staticStyle:{\"height\":\"480px\"},attrs:{\"dataLine\":_vm.vesselTrip}})],1),_c('vs-tab',{attrs:{\"label\":_vm.$t('No') + ' 5'}},[_c('OilTypeStackedColumnChart',{staticStyle:{\"height\":\"480px\"},attrs:{\"dataStack\":_vm.vesselTrip}})],1)],1)],1)],1)],1)])]),_c('div',{staticClass:\"vx-col w-full pl-5 pt-1 sm:w-5/5 lg:w-2/5 xl:w-2/5\"},[_c('vx-card',{staticClass:\"h-full\"},[_c('vs-button',{staticClass:\"fullScreenButton px-4 py-3\",attrs:{\"color\":\"dark\",\"type\":\"flat\"},on:{\"click\":function($event){_vm.popupTable = true}}},[_c('vs-icon',{attrs:{\"icon\":\"crop_free\"}})],1),(_vm.typeTanker == _vm.TANKER_TYPE.TANKER)?_c('div',[_c('TankerTableDmtEp')],1):_c('div',[_c('RefineryTableDmtEp')],1)],1),_c('vs-popup',{staticClass:\"holamundo\",attrs:{\"fullscreen\":\"\",\"title\":\"\",\"active\":_vm.popupTable},on:{\"update:active\":function($event){_vm.popupTable=$event}}},[_c('vx-card',{staticClass:\"mt-2\",staticStyle:{\"height\":\"50%\"}},[(_vm.typeTanker == _vm.TANKER_TYPE.TANKER)?_c('div',[_c('TankerTableDmtEp')],1):_c('div',[_c('RefineryTableDmtEp')],1)])],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"home\" style=\"height: auto\">\n    <OilTypeCard />\n    <div class=\"vx-row\">\n      <div class=\"flex-1 mx-1\">\n        <v-date-picker\n          v-if=\"$i18n.locale == 'th'\"\n          :buddhist=\"true\"\n          class=\"cursor-pointer\"\n          mode=\"range\"\n          v-model=\"selectedDate\"\n          :locale=\"$i18n.locale\"\n          :max-date=\"new Date()\"\n          :popover=\"{ placement: 'bottom-start', visibility: 'click' }\"\n        >\n          <vs-card class=\"text-center cardDate\">\n            <div class=\"vx-row\">\n              <div\n                class=\"vx-col text-center mt-2 pl-5 sm:w-1/3 lg:w-1/3 xl:w-1/3\"\n              >\n                <vs-icon size=\"medium\" icon=\"today\"></vs-icon>\n              </div>\n              <div class=\"vx-col center sm:w-2/3 lg:w-2/3 xl:w-2/3\">\n                <h6>{{ setFormat(selectedDate.start) }}</h6>\n                <hr class=\"mx-2 my-1\" />\n                <h6>{{ setFormat(selectedDate.end) }}</h6>\n              </div>\n            </div>\n          </vs-card>\n        </v-date-picker>\n        <v-date-picker\n          v-else\n          :buddhist=\"false\"\n          class=\"cursor-pointer\"\n          mode=\"range\"\n          v-model=\"selectedDate\"\n          :locale=\"$i18n.locale\"\n          :max-date=\"new Date()\"\n          :popover=\"{ placement: 'bottom-start', visibility: 'click' }\"\n        >\n          <vs-card class=\"text-center cardDate\">\n            <div class=\"vx-row\">\n              <div\n                class=\"vx-col text-center mt-2 pl-5 sm:w-1/3 lg:w-1/3 xl:w-1/3\"\n              >\n                <vs-icon size=\"medium\" icon=\"today\"></vs-icon>\n              </div>\n              <div class=\"vx-col center sm:w-2/3 lg:w-2/3 xl:w-2/3\">\n                <h6>{{ setFormat(selectedDate.start) }}</h6>\n                <hr class=\"mx-2 my-1\" />\n                <h6>{{ setFormat(selectedDate.end) }}</h6>\n              </div>\n            </div>\n          </vs-card>\n        </v-date-picker>\n      </div>\n      <card-value\n        class=\"flex-1 mx-1\"\n        :callback=\"setRefineryCard\"\n        :refineryName=\"REFINERY_NAME.ALL\"\n        :name=\"$t('totalOil')\"\n        :isActive=\"isAllCardActive\"\n        :unit=\"$t('Liter')\"\n        :volume=\"this.getVolume()\"\n        :isLoading=\"isVesselTripLoading\"\n      />\n      <card-value\n        class=\"flex-1 mx-1\"\n        :callback=\"setRefineryCard\"\n        :refineryName=\"REFINERY_NAME.IRPC\"\n        :refineryID=\"REFINERY_ID.IRPC\"\n        :name=\"$t('RefineryIRPC')\"\n        :isActive=\"isIrpcCardActive\"\n        :unit=\"$t('Liter')\"\n        :volume=\"this.getVolume(REFINERY_NAME.IRPC)\"\n        :isLoading=\"isVesselTripLoading\"\n      />\n      <card-value\n        class=\"flex-1 mx-1\"\n        :callback=\"setRefineryCard\"\n        :refineryName=\"REFINERY_NAME.SPRC\"\n        :refineryID=\"REFINERY_ID.SPRC\"\n        :name=\"$t('RefinerySPRC')\"\n        :isActive=\"isSprcCardActive\"\n        :unit=\"$t('Liter')\"\n        :volume=\"this.getVolume(REFINERY_NAME.SPRC)\"\n        :isLoading=\"isVesselTripLoading\"\n      />\n      <card-value\n        class=\"flex-1 mx-1\"\n        :callback=\"setRefineryCard\"\n        :refineryName=\"REFINERY_NAME.TOP\"\n        :refineryID=\"REFINERY_ID.TOP\"\n        :name=\"$t('RefineryTOP')\"\n        :isActive=\"isTopCardActive\"\n        :unit=\"$t('Liter')\"\n        :volume=\"this.getVolume(REFINERY_NAME.TOP)\"\n        :isLoading=\"isVesselTripLoading\"\n      />\n      <card-value\n        class=\"flex-1 mx-1\"\n        :callback=\"setRefineryCard\"\n        :refineryName=\"REFINERY_NAME.BCP\"\n        :refineryID=\"REFINERY_ID.BCP\"\n        :name=\"$t('RefineryBCP')\"\n        :isActive=\"isBcpCardActive\"\n        :unit=\"$t('Liter')\"\n        :volume=\"this.getVolume(REFINERY_NAME.BCP)\"\n        :isLoading=\"isVesselTripLoading\"\n      />\n      <card-value\n        class=\"flex-1 mx-1\"\n        :callback=\"setRefineryCard\"\n        :refineryName=\"REFINERY_NAME.PTTGC\"\n        :refineryID=\"REFINERY_ID.PTTGC\"\n        :name=\"$t('RefineryPTTGC')\"\n        :isActive=\"isPttgcCardActive\"\n        :unit=\"$t('Liter')\"\n        :volume=\"this.getVolume(REFINERY_NAME.PTTGC)\"\n        :isLoading=\"isVesselTripLoading\"\n      />\n      <card-value\n        class=\"flex-1 mx-1\"\n        :callback=\"setRefineryCard\"\n        :refineryName=\"REFINERY_NAME.ESSO\"\n        :refineryID=\"REFINERY_ID.ESSO\"\n        :name=\"$t('RefineryESSO')\"\n        :isActive=\"isEssoCardActive\"\n        :unit=\"$t('Liter')\"\n        :volume=\"this.getVolume(REFINERY_NAME.ESSO)\"\n        :isLoading=\"isVesselTripLoading\"\n      />\n    </div>\n\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-full pl-5 pt-1 sm:w-5/5 lg:w-3/5 xl:w-3/5\">\n        <div class=\"vx-row\">\n          <vx-card class=\"w-full\">\n            <DirectedtreeDmtEp />\n            <bar-value-dmt-ep\n              :enableTax=\"false\"\n              id=\"barChartdiv\"\n              :data=\"[\n                `${getVolume(currentRefName)}`,\n                `${formatNumber(Number(totalOilType).toFixed(2))}`,\n                `0.00`,\n                `${formatNumber(Number(totalOilType * 0.01).toFixed(2))}`,\n              ]\"\n            />\n\n            <vs-button\n              color=\"dark\"\n              type=\"flat\"\n              class=\"fullScreenButton px-4 py-3\"\n              @click=\"popupDirectTree = true\"\n            >\n              <vs-icon icon=\"crop_free\"></vs-icon>\n            </vs-button>\n          </vx-card>\n          <vs-popup fullscreen title :active.sync=\"popupDirectTree\">\n            <vx-card class=\"vx-col w-full\" style=\"height: 100%\">\n              <DirectedtreeDmtEp style=\"height: 500px\" />\n              <bar-value-dmt-ep\n                :enableTax=\"false\"\n                id=\"barChartdiv\"\n                :data=\"[\n                  `${getVolume(currentRefName)}`,\n                  `${formatNumber(Number(totalOilType).toFixed(2))}`,\n                  `0.00`,\n                  `${formatNumber(Number(totalOilType * 0.01).toFixed(2))}`,\n                ]\"\n              />\n            </vx-card>\n          </vs-popup>\n        </div>\n        <div class=\"vx-row pt-2\">\n          <div class=\"w-full\">\n            <vx-card class=\"h-full\">\n              <vs-button\n                color=\"dark\"\n                type=\"flat\"\n                class=\"fullScreenButton px-4 py-3\"\n                @click=\"popupChart = true\"\n              >\n                <vs-icon icon=\"crop_free\"></vs-icon>\n              </vs-button>\n              <h5 class=\"text-center\">{{ $t(\"Graphics\") }}</h5>\n              <vs-tabs alignment=\"fixed\">\n                <vs-tab :label=\"$t('No') + ' 1'\">\n                  <RadarBar />\n                </vs-tab>\n                <vs-tab :label=\"$t('No') + ' 2'\">\n                  <SunBurst />\n                </vs-tab>\n                <vs-tab :label=\"$t('No') + ' 3'\">\n                  <StackedColumnChart\n                    :dataStack=\"vesselTrip\"\n                    style=\"height: 400px\"\n                  />\n                </vs-tab>\n                <vs-tab :label=\"$t('No') + ' 4'\">\n                  <HighlightingChart :dataLine=\"vesselTrip\" />\n                </vs-tab>\n                <vs-tab :label=\"$t('No') + ' 5'\">\n                  <OilTypeStackedColumnChart\n                    :dataStack=\"vesselTrip\"\n                    style=\"height: 400px\"\n                  />\n                </vs-tab>\n              </vs-tabs>\n            </vx-card>\n            <vs-popup fullscreen title :active.sync=\"popupChart\">\n              <vx-card class=\"mt-2\">\n                <h5 class=\"text-center\">{{ $t(\"Graphics\") }}</h5>\n                <vs-tabs alignment=\"fixed\">\n                  <vs-tab :label=\"$t('No') + ' 1'\">\n                    <RadarBar style=\"height: 480px\" />\n                  </vs-tab>\n                  <vs-tab :label=\"$t('No') + ' 2'\">\n                    <SunBurst style=\"height: 530px\" />\n                  </vs-tab>\n                  <vs-tab :label=\"$t('No') + ' 3'\">\n                    <StackedColumnChart\n                      :dataStack=\"vesselTrip\"\n                      style=\"height: 480px\"\n                    />\n                  </vs-tab>\n                  <vs-tab :label=\"$t('No') + ' 4'\">\n                    <HighlightingChart\n                      :dataLine=\"vesselTrip\"\n                      style=\"height: 480px\"\n                    />\n                  </vs-tab>\n                  <vs-tab :label=\"$t('No') + ' 5'\">\n                    <OilTypeStackedColumnChart\n                      :dataStack=\"vesselTrip\"\n                      style=\"height: 480px\"\n                    />\n                  </vs-tab>\n                </vs-tabs>\n              </vx-card>\n            </vs-popup>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"vx-col w-full pl-5 pt-1 sm:w-5/5 lg:w-2/5 xl:w-2/5\">\n        <vx-card class=\"h-full\">\n          <vs-button\n            color=\"dark\"\n            type=\"flat\"\n            class=\"fullScreenButton px-4 py-3\"\n            @click=\"popupTable = true\"\n          >\n            <vs-icon icon=\"crop_free\"></vs-icon>\n          </vs-button>\n\n          <div v-if=\"typeTanker == TANKER_TYPE.TANKER\">\n            <TankerTableDmtEp />\n          </div>\n          <div v-else >\n            <RefineryTableDmtEp />\n          </div>\n\n        </vx-card>\n        <vs-popup fullscreen class=\"holamundo\" title :active.sync=\"popupTable\">\n          <vx-card class=\"mt-2\" style=\"height: 50%\">\n            <div v-if=\"typeTanker == TANKER_TYPE.TANKER\">\n              <TankerTableDmtEp />\n            </div>\n            <div v-else >\n              <RefineryTableDmtEp />\n            </div>\n          </vx-card>\n        </vs-popup>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport OilTypeCard from \"@/components/Card/OilTypeCard.vue\";\nimport moment from \"moment\";\nimport { mapState, mapGetters } from \"vuex\";\nimport StackedColumnChart from \"@/components/Charts/StackedColumnChart.vue\";\nimport OilTypeStackedColumnChart from \"@/components/Charts/DomisticExport/OilTypeStackedColumnChart.vue\";\nimport BarValueDmtEp from \"@/common/BarValueDmtEx.vue\";\nimport HighlightingChart from \"@/components/Charts/HighlightingChart.vue\";\nimport RadarBar from \"@/components/Charts/RadarChart.vue\";\nimport TankerTableDmtEp from \"@/components/Table/DomisticExport/TankerTableDmtEp.vue\";\nimport RefineryTableDmtEp from \"@/components/Table/DomisticExport/RefineryTableDmtEp.vue\";\nimport DirectedtreeDmtEp from \"@/components/Charts/DomisticExport/DirectedtreeDmtEp.vue\";\nimport SunBurst from \"@/components/Charts/SunBurstChart.vue\";\nimport { formatNumber } from \"@/utils/index\";\nimport CardValue from \"@/common/Card/CardValue\";\n\nimport {\n  OIL_TYPE,\n  REFINERY_NAME,\n  REFINERY_ID,\n  TANKER_TYPE,\n} from \"../constant/index\";\nimport _ from \"lodash\";\n\nexport default {\n  name: \"domestic\",\n  components: {\n    BarValueDmtEp,\n    StackedColumnChart,\n    OilTypeStackedColumnChart,\n    HighlightingChart,\n    RadarBar,\n    TankerTableDmtEp,\n    RefineryTableDmtEp,\n    DirectedtreeDmtEp,\n    OilTypeCard,\n    SunBurst,\n    CardValue,\n  },\n  data() {\n    return {\n      totalOilType: \"\",\n      REFINERY_NAME,\n      REFINERY_ID,\n      TANKER_TYPE,\n      formatNumber,\n      selectedDate: {\n        start: new Date(),\n        end: new Date(),\n      },\n      config: {\n        startDate: moment().format(\"DD/MM/YYYY\"),\n        endDate: moment().format(\"DD/MM/YYYY\"),\n        destination_type: \"\",\n        isDomestic: \"true\",\n      },\n      popupDirectTree: false,\n      popupChart: false,\n      popupTable: false,\n      fullscreen: false,\n      isDisable: false,\n      chart: null,\n    };\n  },\n  mounted() {\n    this.$store.dispatch(\"getOilType\");\n    this.$store.dispatch(\"activeOilCard\", OIL_TYPE.DOMESTIC_OIL);\n    this.getVesselData();\n  },\n  watch: {\n    typeTanker(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) {\n      }\n    },\n    vesselTrip(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) {\n        this.getVesselData();\n      }\n    },\n    selectedDate(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) {\n        let newStartDate = this.setDateFormat(newValue.start);\n        let newEndDate = this.setDateFormat(newValue.end);\n        this.config.startDate = newStartDate;\n        this.config.endDate = newEndDate;\n        this.getVesselData();\n      }\n    },\n    currentRefID(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) {\n        let newStartDate = this.setDateFormat(this.selectedDate.start);\n        let newEndDate = this.setDateFormat(this.selectedDate.end);\n        this.config.startDate = newStartDate;\n        this.config.endDate = newEndDate;\n        this.config.station_id = this.currentRefID;\n      }\n    },\n  },\n  computed: {\n    ...mapState({\n      typeTanker: (state) => state.type,\n      isAllCardActive: (state) => state.greenDieselCardActive.isAllCardActive,\n      isIrpcCardActive: (state) => state.greenDieselCardActive.isIrpcCardActive,\n      isSprcCardActive: (state) => state.greenDieselCardActive.isSprcCardActive,\n      isTopCardActive: (state) => state.greenDieselCardActive.isTopCardActive,\n      isBcpCardActive: (state) => state.greenDieselCardActive.isBcpCardActive,\n      isPttgcCardActive: (state) =>\n        state.greenDieselCardActive.isPttgcCardActive,\n      isEssoCardActive: (state) => state.greenDieselCardActive.isEssoCardActive,\n      currentRefID: (state) => state.vesselTrip.currentRefineryID,\n      currentRefName: (state) => state.vesselTrip.currentRefineryName,\n      vesselTrip: (state) => state.vesselTrip.data,\n      isVesselTripLoading: (state) => state.vesselTrip.loading,\n      oilType: (state) => state.vesselTrip.oilType,\n      lastPriceOilType: (state) => state.priceOilType.lastPriceOilType,\n    }),\n    ...mapGetters({\n      getStationValues: \"getStationValues\",\n      getStationData: \"getStationData\",\n      getterLastPriceOilType: \"getterLastPriceOilType\",\n    }),\n  },\n  methods: {\n    getOilPrice() {\n      let totalOilPrice = _.chain(this.vesselTrip)\n        .groupBy(\"vessel_loads.oil_type_id\")\n        .map((o, i) => {\n          let id = \"\";\n          let volume = 0;\n          let totalPrice = 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                    if (oilCategory.oil_category_id == \"\") {\n                      return \"HQ0000000004\";\n                    }\n                    return oilCategory.oil_category_id;\n                  } else {\n                    return \"HQ0000000004\";\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          let sumOilType = _.chain(data)\n            .groupBy(\"id\")\n            .map(async(o, i) => {\n              let id = i;\n\n              let price = await this.getPrice(id);\n\n              let sumPrice = _.reduce(\n                o,\n                (sum, a) => {\n                  let volumes = Number(_.get(a, \"volume\"));\n                  return sum + (volumes * price);\n                },\n                0\n              );\n              totalPrice = totalPrice + sumPrice;\n              this.totalOilType = totalPrice;\n              return { id, sumPrice };\n            })\n            .value();\n        })\n        .value();\n      if (this.vesselTrip.length == 0) {\n        this.totalOilType = 0;\n      }\n    },\n    async getPrice(id) {\n      await this.$store.dispatch(\"findPriceOilTypeLogByOilId\", id);\n      return this.getterLastPriceOilType;\n    },\n    setDateFormat(date) {\n      return moment(date).format(\"DD/MM/YYYY\");\n    },\n    setFormat(date) {\n      const locale = this.$i18n.locale;\n      if (locale == \"th\") {\n        const newDate = moment(date)\n          .add(543, \"years\")\n          .format(\"DD/MM/YYYY\");\n        return newDate;\n      } else {\n        const newDate = moment(date).format(\"DD/MM/YYYY\");\n        return newDate;\n      }\n    },\n    setRefineryCard(refineryName, refineryID) {\n      let newStartDate = this.setDateFormat(this.selectedDate.start);\n      let newEndDate = this.setDateFormat(this.selectedDate.end);\n      this.config.startDate = newStartDate;\n      this.config.endDate = newEndDate;\n      this.config.station_id = refineryID;\n      this.getVesselData();\n      this.$store.dispatch(\"activeRefineryCard\", refineryName);\n      // this.$store.dispatch(\"setRadar\", refineryName);\n      this.$store.dispatch(\"setCurrentRefName\", refineryName);\n      this.$store.dispatch(\"setCurrentRefID\", refineryID);\n\n      if (refineryName == REFINERY_NAME.ALL) {\n        this.$store.dispatch(\"setType\", \"oil\");\n      } else {\n        this.$store.dispatch(\"setType\", \"tanker\");\n        this.$store.dispatch(\"setTankerName\", refineryName);\n      }\n    },\n    getVolume(key) {\n      const stationId = REFINERY_ID[key];\n      const volume = this.getStationValues(stationId);\n      return formatNumber(volume);\n    },\n    async getVesselData() {\n      this.$vs.loading({});\n      await this.$store.dispatch(\"getVesselVolume\", this.config);\n      await this.$store.dispatch(\"getVesselTrip\", this.config);\n      await this.getOilPrice();\n      this.$vs.loading.close();\n    },\n  },\n  beforeDestroy() {\n    if (this.chart) {\n      this.chart.dispose();\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\">\n#home {\n  .greet-user {\n    position: relative;\n    .decore-left {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n    .decore-right {\n      position: absolute;\n      right: 0;\n      top: 0;\n    }\n  }\n\n  @media (max-width: 576px) {\n    .decore-left,\n    .decore-right {\n      width: 140px;\n    }\n  }\n}\n#barChartdiv {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  margin: 8px;\n}\n#nopad {\n  padding: 0 !important;\n}\n.chart {\n  // width: 120%;\n  height: 365px;\n  font-family: \"Prompt\", sans-serif;\n}\n.hello2 {\n  height: 500px;\n}\n.center {\n  // width: 200px;\n  margin: auto;\n}\n.red {\n  background-color: red;\n}\n.green {\n  background-color: green;\n}\n@keyframes stretch {\n  from {\n    transform: rotate(0deg) translateX(15px) rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg) translateX(15px) rotate(-360deg);\n  }\n}\n\n/* The element to apply the animation to */\n.Animatio {\n  position: relative;\n  animation-duration: 10s;\n  animation: stretch 2s ease-out 0s infinite none running;\n}\n.setHeight {\n  height: 100%;\n}\n.fullScreenButton {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n}\n.cardDate {\n  height: 62px;\n}\n.boldText {\n  font-weight: bold;\n}\n.active {\n  background-color: #cccccc;\n}\n.green {\n  background-color: red;\n}\n.lighten-1 {\n  background-color: red;\n}\n.v-btn .v-btn--active {\n  background-color: red;\n}\n.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {\n  background-color: red;\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!./Domestic.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!./Domestic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Domestic.vue?vue&type=template&id=7537c2e9&\"\nimport script from \"./Domestic.vue?vue&type=script&lang=js&\"\nexport * from \"./Domestic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Domestic.vue?vue&type=style&index=0&lang=scss&\"\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--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/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!./Domestic.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/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!./Domestic.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}