{"version":3,"sources":["webpack:///./src/views/DetailReportDmtEp.vue?fc59","webpack:///./src/components/Charts/GreenOil/DirectedTree.vue?dbf8","webpack:///./src/views/DetailReportDmtEp.vue?0a26","webpack:///src/views/DetailReportDmtEp.vue","webpack:///./src/views/DetailReportDmtEp.vue?b263","webpack:///./src/views/DetailReportDmtEp.vue","webpack:///./src/components/Charts/GreenOil/DirectedTree.vue?a62d","webpack:///src/components/Charts/GreenOil/DirectedTree.vue","webpack:///./src/components/Charts/GreenOil/DirectedTree.vue?900c","webpack:///./src/components/Charts/GreenOil/DirectedTree.vue","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"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticClass","on","$event","print","_v","_s","config","oilType_name","station_id","station_name","displayDate","startDate","endDate","$t","formatNumber","getOilVolumeRefinery","Number","totalOilType","toFixed","REFINERY_NAME","IRPC","SPRC","TOP","PTTGC","ESSO","BCP","REFINERY_ID","report","scopedSlots","_u","key","fn","ref","data","_l","tr","indextr","id","vessel","mmsi","name","oil_type","volume","volumes","getVolume","departed_at_formatted_be","slot","staticRenderFns","components","DirectTree","RadarBar","SunBurst","StackedColumnChart","HighlightingChart","OilTypeStackedColumnChart","computed","watch","getReports","mounted","JSON","parse","localStorage","getItem","created","methods","getOilPrice","console","log","locale","newDate","date","getCapacity","undefined","capacity","hide","setTimeout","window","component","props","type","String","defaultData","value","colors","dafaultRefienyData","treeData","refMMSI","forwardTankerId","tankerId","vesselId","$store","dispatch","refineryName","setAllData","init","chart","width","height","legend","maxHeight","networkSeries","nodes","template","expandAll","flag","networkData","dataFields","linkWith","children","isVessel","tooltipText","fillOpacity","label","text","fontSize","maxLevels","maxRadius","minRadius","manyBodyStrength","hideOversized","truncate","links","distance","color","events","vm","onClickRefinery","onClickOil","onClickTanker","onClickVessel","dataContext","transfer_date","preloader","disabled","changeRefname","event","changeRadarName","changeData","val","changeRefID","setRefineryData","arr","tree","dataStack","Array","default","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"],"mappings":"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","file":"js/chunk-3700f2c1.204ca36d.js","sourcesContent":["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!./DetailReportDmtEp.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!./DetailReportDmtEp.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!./DirectedTree.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!./DirectedTree.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('br'),_c('vs-row',{staticStyle:{\"margin-bottom\":\"10px\"},attrs:{\"vsW\":\"12\"}},[_c('vs-col',{attrs:{\"vsType\":\"flex\",\"vsJustify\":\"center\",\"vsAlign\":\"center\",\"vsLg\":\"2\",\"vsSm\":\"4\",\"vsXs\":\"12\"}}),_c('vs-col',{attrs:{\"vsType\":\"flex\",\"vsJustify\":\"center\",\"vsAlign\":\"center\",\"vsLg\":\"2\",\"vsSm\":\"2\",\"vsXs\":\"12\"}}),_c('vs-col',{attrs:{\"vsType\":\"flex\",\"vsJustify\":\"center\",\"vsAlign\":\"center\",\"vsLg\":\"2\",\"vsSm\":\"2\",\"vsXs\":\"12\"}}),_c('vs-col',{attrs:{\"vsType\":\"flex\",\"vsJustify\":\"center\",\"vsAlign\":\"center\",\"vsLg\":\"2\",\"vsSm\":\"2\",\"vsXs\":\"12\"}}),_c('vs-col',{attrs:{\"vsType\":\"flex\",\"vsJustify\":\"flex-end\",\"vsAlign\":\"flex-end\",\"vsLg\":\"4\",\"vsSm\":\"4\",\"vsXs\":\"12\"}},[_c('vs-button',{staticClass:\"mt-3 w-1/3\",attrs:{\"id\":\"selecttime\",\"icon-pack\":\"feather\",\"icon\":\"icon-printer\"},on:{\"click\":function($event){return _vm.print()}}},[_vm._v(\"Print\")])],1)],1),_c('div',{staticClass:\"testtest\",attrs:{\"id\":\"printMe\"}},[_c('center',[_c('table',[_c('tbody',[_c('tr',[_c('td',{staticClass:\"pr-5\"},[_c('img',{attrs:{\"src\":\"https://upload.wikimedia.org/wikipedia/th/0/01/%E0%B8%95%E0%B8%A3%E0%B8%B2%E0%B8%81%E0%B8%A3%E0%B8%A1%E0%B8%AA%E0%B8%A3%E0%B8%A3%E0%B8%9E%E0%B8%AA%E0%B8%B2%E0%B8%A1%E0%B8%B4%E0%B8%95.png\",\"alt\":\"\",\"width\":\"100px\",\"height\":\"110px\"}})]),_c('td',[_c('center',[_c('h2',[_vm._v(\"รายงานระบบตรวจสอบเฝ้าระวังการจำหน่ายน้ำมัน\")]),_c('h3',[_vm._v(\"สำหรับชาวประมงในเขตต่อเนื่องของราชอาณาจักร\")])])],1)])])]),_c('br'),_c('table',{staticStyle:{\"margin-top\":\"10px\",\"width\":\"900px\"}},[_c('thead',[_c('tr',[_c('td',{attrs:{\"colspan\":\"1\"}},[_vm._v(\"ข้อมูล \"+_vm._s(_vm.config.oilType_name))]),(_vm.config.station_id == '')?_c('td',{attrs:{\"colspan\":\"2\"}},[_vm._v(\"\\n              จากตันทางโรงกลั่น ทั้งหมด ( IRPC, SPRC, TOP, PTTGC, ESSO, BCP )\\n            \")]):_c('td',{attrs:{\"colspan\":\"3\"}},[_vm._v(\"\\n              จากตันทางโรงกลั่น \"+_vm._s(_vm.config.station_name)+\"\\n            \")])]),_c('tr',[_c('td',{attrs:{\"colspan\":\"4\"}},[_vm._v(\"\\n              ประจำวันที่ \"+_vm._s(_vm.displayDate(_vm.config.startDate))+\" - \"+_vm._s(_vm.displayDate(_vm.config.endDate))+\"\\n            \")])]),_c('tr',[_c('td',{staticStyle:{\"width\":\"225px\"}},[_vm._v(\"\\n               \"+_vm._s(_vm.$t(\"totalOil\"))+\" \"),_c('br'),_vm._v(_vm._s(_vm.formatNumber(_vm.getOilVolumeRefinery(\"\")))+\"\\n              ลิตร\\n            \")]),_c('td',{staticStyle:{\"width\":\"225px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"TotalIsExciseRate\"))),_c('br'),_vm._v(_vm._s(_vm.formatNumber((Number(_vm.totalOilType)).toFixed(2)))+\"\\n              บาท\\n            \")]),_c('td',{staticStyle:{\"width\":\"225px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"PercentOfLost\"))+\" \"),_c('br'),_vm._v(_vm._s(_vm.formatNumber((Number(_vm.totalOilType) * 0.01).toFixed(2)))+\"\\n              บาท\\n            \")])])])]),_c('hr',{staticStyle:{\"margin\":\"20px\",\"width\":\"900px\"}}),_c('table',{staticStyle:{\"margin-top\":\"10px\",\"width\":\"900px\"}},[_c('thead',[(_vm.config.station_id == '')?_c('tr',[_c('td',{staticStyle:{\"width\":\"50px\"}},[_vm._v(\"\\n              โรงกลั่น\"),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br')]),_c('td',{staticStyle:{\"width\":\"60px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.REFINERY_NAME.IRPC)),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.REFINERY_NAME.SPRC)),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.REFINERY_NAME.TOP)),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.REFINERY_NAME.PTTGC)),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.REFINERY_NAME.ESSO)),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.REFINERY_NAME.BCP)),_c('br')]),_c('td',[_vm._v(\"\\n              \"+_vm._s(_vm.formatNumber(_vm.getOilVolumeRefinery(_vm.REFINERY_ID.IRPC)))+\" ลิตร\\n              \"),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.formatNumber(_vm.getOilVolumeRefinery(_vm.REFINERY_ID.SPRC)))+\" ลิตร\\n              \"),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.formatNumber(_vm.getOilVolumeRefinery(_vm.REFINERY_ID.TOP)))+\" ลิตร\\n              \"),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.formatNumber(_vm.getOilVolumeRefinery(_vm.REFINERY_ID.PTTGC)))+\" ลิตร\\n              \"),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.formatNumber(_vm.getOilVolumeRefinery(_vm.REFINERY_ID.ESSO)))+\" ลิตร\\n              \"),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.formatNumber(_vm.getOilVolumeRefinery(_vm.REFINERY_ID.BCP)))+\" ลิตร\\n              \"),_c('br')])]):_c('tr',[_c('td',{staticStyle:{\"width\":\"110px\"}},[_vm._v(\"\\n              โรงกลั่น \"+_vm._s(_vm.config.station_name)),_c('br')]),_c('td',[_vm._v(\"\\n              \"+_vm._s(_vm.formatNumber(_vm.getOilVolumeRefinery(_vm.config.station_id)))+\" ลิตร\\n              \"),_c('br')])]),_c('tr',[_c('td',{attrs:{\"colspan\":\"4\"}},[_c('div',{staticClass:\"m-5\"})])]),_c('tr',{staticStyle:{\"margin-top\":\"0px\"}},[_c('td',{staticStyle:{\"border\":\"1px solid\"},attrs:{\"colspan\":\"4\"}},[_c('DirectTree',{staticStyle:{\"height\":\"700px\",\"width\":\"900px\"}})],1)])])]),_c('br'),_c('br'),_c('br'),_c('table',{staticStyle:{\"width\":\"900px\"}},[_c('thead',[_c('tr',[_c('td',{staticStyle:{\"border\":\"1px solid\"},attrs:{\"colspan\":\"2\"}},[_c('h6',{staticClass:\"m-2 active\"},[_vm._v(\"กราฟวงกลม\")]),_c('br'),_c('RadarBar',{staticStyle:{\"height\":\"350px\",\"width\":\"450px\"}})],1),_c('td',{staticStyle:{\"border\":\"1px solid\"},attrs:{\"colspan\":\"2\"}},[_c('h6',{staticClass:\"m-2 active\"},[_vm._v(\"กราฟดวงอาทิตย์\")]),_c('br'),_c('SunBurst',{staticStyle:{\"height\":\"350px\",\"width\":\"450px\",\"padding\":\"20px\"}})],1)])])]),_c('table',[_c('thead',[_c('tr',[_c('td',{staticStyle:{\"border\":\"1px solid\"},attrs:{\"colspan\":\"4\"}},[_c('h6',{staticClass:\"m-2 active\"},[_vm._v(\"แผนภูมิยอดรวมน้ำมัน\")]),_c('br'),_c('StackedColumnChart',{staticStyle:{\"height\":\"330px\",\"width\":\"904px\"},attrs:{\"dataStack\":_vm.report}})],1)]),_c('tr',[_c('td',{staticStyle:{\"border\":\"1px solid\"},attrs:{\"colspan\":\"4\"}},[_c('h6',{staticClass:\"m-2 active\"},[_vm._v(\"กราฟเส้น\")]),_c('br'),_c('HighlightingChart',{staticStyle:{\"height\":\"330px\",\"width\":\"904px\"},attrs:{\"dataLine\":_vm.report}})],1)]),_c('tr',[_c('td',{staticStyle:{\"border\":\"1px solid\"},attrs:{\"colspan\":\"4\"}},[_c('h6',{staticClass:\"m-2 active\"},[_vm._v(\"แผนภูมิประเภทน้ำมัน\")]),_c('br'),_c('OilTypeStackedColumnChart',{staticStyle:{\"height\":\"330px\",\"width\":\"904px\"},attrs:{\"dataStack\":_vm.report}})],1)])])]),_c('vs-table',{staticStyle:{\"margin-top\":\"50px\",\"width\":\"900px\"},attrs:{\"data\":_vm.report},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\":data[indextr].vessel.mmsi}},[_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',[_vm._v(\"\\n              \"+_vm._s(data[indextr].departed_at_formatted_be)+\"\\n            \")])],1)})}}])},[_c('template',{slot:\"header\"},[_c('h6',{staticClass:\"m-2 active\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"ShipmentTable.Shipment\"))+\"\\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)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <br />\n    <vs-row vsW=\"12\" style=\"margin-bottom: 10px\">\n      <vs-col\n        vsType=\"flex\"\n        vsJustify=\"center\"\n        vsAlign=\"center\"\n        vsLg=\"2\"\n        vsSm=\"4\"\n        vsXs=\"12\"\n      ></vs-col>\n      <vs-col\n        vsType=\"flex\"\n        vsJustify=\"center\"\n        vsAlign=\"center\"\n        vsLg=\"2\"\n        vsSm=\"2\"\n        vsXs=\"12\"\n      ></vs-col>\n      <vs-col\n        vsType=\"flex\"\n        vsJustify=\"center\"\n        vsAlign=\"center\"\n        vsLg=\"2\"\n        vsSm=\"2\"\n        vsXs=\"12\"\n      ></vs-col>\n      <vs-col\n        vsType=\"flex\"\n        vsJustify=\"center\"\n        vsAlign=\"center\"\n        vsLg=\"2\"\n        vsSm=\"2\"\n        vsXs=\"12\"\n      ></vs-col>\n      <vs-col\n        vsType=\"flex\"\n        vsJustify=\"flex-end\"\n        vsAlign=\"flex-end\"\n        vsLg=\"4\"\n        vsSm=\"4\"\n        vsXs=\"12\"\n      >\n        <vs-button\n          id=\"selecttime\"\n          class=\"mt-3 w-1/3\"\n          icon-pack=\"feather\"\n          icon=\"icon-printer\"\n          @click=\"print()\"\n          >Print</vs-button\n        >\n      </vs-col>\n    </vs-row>\n    <div id=\"printMe\" class=\"testtest\">\n      <center>\n        <table>\n          <tbody>\n            <tr>\n              <td class=\"pr-5\">\n                <img\n                  src=\"https://upload.wikimedia.org/wikipedia/th/0/01/%E0%B8%95%E0%B8%A3%E0%B8%B2%E0%B8%81%E0%B8%A3%E0%B8%A1%E0%B8%AA%E0%B8%A3%E0%B8%A3%E0%B8%9E%E0%B8%AA%E0%B8%B2%E0%B8%A1%E0%B8%B4%E0%B8%95.png\"\n                  alt\n                  width=\"100px\"\n                  height=\"110px\"\n                />\n              </td>\n              <td>\n                <center>\n                  <h2>รายงานระบบตรวจสอบเฝ้าระวังการจำหน่ายน้ำมัน</h2>\n                  <h3>สำหรับชาวประมงในเขตต่อเนื่องของราชอาณาจักร</h3>\n                </center>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        <br />\n        <table style=\"margin-top: 10px; width: 900px\">\n          <thead>\n            <tr>\n              <td colspan=\"1\">ข้อมูล {{ config.oilType_name }}</td>\n              <td v-if=\"config.station_id == ''\" colspan=\"2\">\n                จากตันทางโรงกลั่น ทั้งหมด ( IRPC, SPRC, TOP, PTTGC, ESSO, BCP )\n              </td>\n              <td v-else colspan=\"3\">\n                จากตันทางโรงกลั่น {{ config.station_name }}\n              </td>\n            </tr>\n            <tr>\n              <td colspan=\"4\">\n                ประจำวันที่ {{ displayDate(config.startDate) }} - {{ displayDate(config.endDate) }}\n              </td>\n            </tr>\n            <tr>\n              <td style=\"width: 225px\">\n                 {{ $t(\"totalOil\") }} <br />{{ formatNumber(getOilVolumeRefinery(\"\")) }}\n                ลิตร\n              </td>\n              <td style=\"width: 225px\">\n                {{ $t(\"TotalIsExciseRate\") }}<br />{{\n                  formatNumber((Number(totalOilType)).toFixed(2))\n                }}\n                บาท\n              </td>\n              <td style=\"width: 225px\">\n                {{ $t(\"PercentOfLost\") }} <br />{{\n                  formatNumber((Number(totalOilType) * 0.01).toFixed(2))\n                }}\n                บาท\n              </td>\n            </tr>\n          </thead>\n        </table>\n        <hr style=\"margin: 20px; width: 900px\" />\n        <table style=\"margin-top: 10px; width: 900px\">\n          <thead>\n            <tr v-if=\"config.station_id == ''\">\n              <td style=\"width: 50px\">\n                โรงกลั่น<br /><br /><br /><br /><br /><br />\n              </td>\n              <td style=\"width: 60px\">\n                {{ REFINERY_NAME.IRPC }}<br />\n                {{ REFINERY_NAME.SPRC }}<br />\n                {{ REFINERY_NAME.TOP }}<br />\n                {{ REFINERY_NAME.PTTGC }}<br />\n                {{ REFINERY_NAME.ESSO }}<br />\n                {{ REFINERY_NAME.BCP }}<br />\n              </td>\n              <td>\n                {{ formatNumber(getOilVolumeRefinery(REFINERY_ID.IRPC)) }} ลิตร\n                <br />\n                {{ formatNumber(getOilVolumeRefinery(REFINERY_ID.SPRC)) }} ลิตร\n                <br />\n                {{ formatNumber(getOilVolumeRefinery(REFINERY_ID.TOP)) }} ลิตร\n                <br />\n                {{ formatNumber(getOilVolumeRefinery(REFINERY_ID.PTTGC)) }} ลิตร\n                <br />\n                {{ formatNumber(getOilVolumeRefinery(REFINERY_ID.ESSO)) }} ลิตร\n                <br />\n                {{ formatNumber(getOilVolumeRefinery(REFINERY_ID.BCP)) }} ลิตร\n                <br />\n              </td>\n            </tr>\n            <tr v-else>\n              <td style=\"width: 110px\">\n                โรงกลั่น {{ config.station_name }}<br />\n              </td>\n              <td>\n                {{ formatNumber(getOilVolumeRefinery(config.station_id)) }} ลิตร\n                <br />\n              </td>\n            </tr>\n            <tr>\n              <td colspan=\"4\"><div class=\"m-5\"></div></td>\n            </tr>\n            <tr style=\"margin-top: 0px\">\n              <td colspan=\"4\" style=\"border: 1px solid\">\n                <DirectTree style=\"height: 700px; width: 900px\" />\n              </td>\n            </tr>\n          </thead>\n        </table>\n        <br /><br /><br />\n        <table style=\"width: 900px\">\n          <thead>\n            <tr>\n              <td colspan=\"2\" style=\"border: 1px solid\">\n                <h6 class=\"m-2 active\">กราฟวงกลม</h6>\n                <br />\n                <RadarBar style=\"height: 350px; width: 450px\" />\n              </td>\n              <td colspan=\"2\" style=\"border: 1px solid\">\n                <h6 class=\"m-2 active\">กราฟดวงอาทิตย์</h6>\n                <br />\n                <SunBurst style=\"height: 350px; width: 450px; padding: 20px\" />\n              </td>\n            </tr>\n          </thead>\n        </table>\n        <table>\n          <thead>\n            <tr>\n              <td colspan=\"4\" style=\"border: 1px solid\">\n                <h6 class=\"m-2 active\">แผนภูมิยอดรวมน้ำมัน</h6>\n                <br />\n                <StackedColumnChart\n                  :dataStack=\"report\"\n                  style=\"height: 330px; width: 904px\"\n                />\n              </td>\n            </tr>\n            <tr>\n              <td colspan=\"4\" style=\"border: 1px solid\">\n                <h6 class=\"m-2 active\">กราฟเส้น</h6>\n                <br />\n                <HighlightingChart\n                  :dataLine=\"report\"\n                  style=\"height: 330px; width: 904px\"\n                />\n              </td>\n            </tr>\n            <tr>\n              <td colspan=\"4\" style=\"border: 1px solid\">\n                <h6 class=\"m-2 active\">แผนภูมิประเภทน้ำมัน</h6>\n                <br />\n                <OilTypeStackedColumnChart\n                  :dataStack=\"report\"\n                  style=\"height: 330px; width: 904px\"\n                />\n              </td>\n            </tr>\n          </thead>\n        </table>\n\n        <vs-table style=\"margin-top: 50px; width: 900px\" :data=\"report\">\n          <template slot=\"header\">\n            <h6 class=\"m-2 active\">\n              {{ $t(\"ShipmentTable.Shipment\") }}\n            </h6>\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=\"data[indextr].vessel.mmsi\">\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>\n                {{ data[indextr].departed_at_formatted_be }}\n              </vs-td>\n            </vs-tr>\n          </template>\n        </vs-table>\n      </center>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapState } from \"vuex\";\nimport DirectTree from \"@/components/Charts/GreenOil/DirectedTree.vue\";\nimport RadarBar from \"@/components/Charts/RadarChart.vue\";\nimport SunBurst from \"@/components/Charts/SunBurstChart.vue\";\nimport StackedColumnChart from \"@/components/Charts/StackedColumnChart.vue\";\nimport HighlightingChart from \"@/components/Charts/HighlightingChart.vue\";\nimport OilTypeStackedColumnChart from \"@/components/Charts/DomisticExport/OilTypeStackedColumnChart.vue\";\nimport { formatNumber } from \"@/utils/index\";\nimport { REFINERY_NAME, REFINERY_ID } from \"../constant/index\";\nimport _ from \"lodash\";\nimport moment from \"moment\"\nimport { OIL_PRICE } from \"@/constant\";\n\nexport default {\n  components: {\n    DirectTree,\n    RadarBar,\n    SunBurst,\n    StackedColumnChart,\n    HighlightingChart,\n    OilTypeStackedColumnChart,\n  },\n  data() {\n    return {\n      totalOilType: \"\",\n      config: \"\",\n      formatNumber,\n      REFINERY_NAME,\n      REFINERY_ID,\n    };\n  },\n  computed: {\n    ...mapState({\n      oilType: (state) => state.vesselTrip.oilType,\n      report: (state) => state.vesselTrip.data,\n    }),\n  },\n  watch: {\n    report(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) {\n        this.getReports();\n      }\n    },\n  },\n  mounted() {\n    // this.$store.dispatch(\"getOilType\");\n    this.config = JSON.parse(localStorage.getItem(\"config\"));\n    this.getReports();\n  },\n  created() {},\n  methods: {\n    getOilPrice() {\n      console.log(this.report);\n      let totalOilPrice = _.chain(this.report)\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                  // console.log(oilCategory);\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          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\n          let totalPrice = _.sumBy(sumOilType, \"sumPrice\");\n          this.totalOilType = totalPrice;\n          console.log(this.totalOilType); \n        })\n        .value();\n    },\n    async getReports() {\n      this.$store.dispatch(\"getOilType\");\n      await this.$store.dispatch(\"getVesselTrip\", this.config);\n      this.getOilPrice();\n      this.$vs.loading({});\n      setTimeout(() => {\n        this.$vs.loading.close();\n      }, 5000);\n    },\n    displayDate(date) {\n      const locale = this.$i18n.locale;\n      if (locale == 'th') {\n        const newDate = moment(date, 'DD/MM/YYYY').add(543, 'years').format('DD/MM/YYYY');\n        return newDate\n      }\n      return date\n    },\n    getOilVolumeRefinery(stationId) {\n      return this.report\n        .filter((value) => {\n          if (stationId == \"\") {\n            return true;\n          } else if (value.station_id == stationId) {\n            return true;\n          }\n        })\n        .reduce((previous, current) => {\n          let volumes = _.get(current, \"volumes\").map((a) => {\n            return Number(a);\n          });\n          return previous + _.sum(volumes);\n        }, 0);\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    print() {\n      this.hide = true;\n      setTimeout(() => {\n        this.hide = false;\n        window.print();\n      }, 150);\n    },\n  },\n};\n</script>\n<style>\n.scroll-area--customizer-report {\n  height: calc(100% - 6rem);\n  width: 950px;\n}\n\n@media print {\n  #selecttime {\n    display: none;\n  }\n}\n.active {\n  font-weight: bold;\n}\n</style>","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!./DetailReportDmtEp.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!./DetailReportDmtEp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailReportDmtEp.vue?vue&type=template&id=f9ed1bc2&\"\nimport script from \"./DetailReportDmtEp.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailReportDmtEp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailReportDmtEp.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\";\nimport moment from \"moment\";\n\nexport default {\n  name: \"directTree\",\n  props: {\n    startDate: {\n      type: String,\n    },\n    endDate: {\n      type: String,\n    },\n  },\n  data() {\n    return {\n      defaultData: {\n        name: \"ยอดรวมน้ำมัน\",\n        value: 0,\n        type: \"oil\",\n        colors: REFINERY_COLORS.ALL,\n      },\n      dafaultRefienyData: {},\n      treeData: null,\n      refMMSI: null,\n      config: {\n        startDate: this.startDate,\n        endDate: this.endDate,\n        forwardTankerId: \"\",\n        tankerId: \"\",\n        vesselId: \"\",\n      },\n    };\n  },\n  mounted() {\n    this.$store.dispatch(\"getMpTankerAll\");\n  },\n  computed: {\n    ...mapState({\n      refineryName: (state) => state.vesselTrip.currentRefineryName,\n      currentRefID: (state) => state.vesselTrip.currentRefineryID,\n      data: (state) => state.vesselTrip.data,\n      tankers: (state) => state.mpTankerData.mpTankerAll,\n      transferLogsByConfig: (state) => state.mpVesselData.transferLogsByConfig,\n    }),\n    ...mapGetters({\n      getterAllDirectData: \"getterAllDirectData\",\n      getMpTankerName: \"getMpTankerName\",\n      getMpVesselName: \"getMpVesselName\",\n      getTankerbyMMSI: \"getTankerbyMMSI\",\n      getTransferLogs: \"getTransferLogs\",\n    }),\n  },\n  watch: {\n    async refineryName(val) {\n      if (val == \"ALL\") {\n        await this.setAllData();\n      } else await 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    startDate(val, oldval) {\n      if (!_.isEqual(val, oldval)) {\n        this.config.startDate = this.startDate;\n        this.config.endDate = this.endDate;\n      }\n    },\n    endDate(val, oldval) {\n      if (!_.isEqual(val, oldval)) {\n        this.config.startDate = this.startDate;\n        this.config.endDate = this.endDate;\n      }\n    },\n  },\n  methods: {\n    init(networkData, flag = false) {\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      networkSeries.nodes.template.expandAll = flag;\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      // if (!flag) {\n      //   networkSeries.maxLevels = 3;\n      // }\n      networkSeries.maxLevels = 3;\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        const transfer_date = _.get(dataContext, \"transfer_date\");\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, dataContext.id, name, transfer_date);\n            break;\n          default:\n            break;\n        }\n      });\n      chart.preloader.disabled = true;\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    async onClickTanker(vm, name, mmsi) {\n      vm.$store.dispatch(\"panTo\", mmsi);\n      vm.$store.dispatch(\"setType\", \"vessel\");\n      vm.$store.dispatch(\"setTankerName\", name);\n      const tankerByMMSI = vm.getTankerbyMMSI(mmsi);\n      if (_.isUndefined(tankerByMMSI)) {\n        this.$fire({\n          type: \"error\",\n          title: \"mmsi ไม่ถูกต้อง\",\n          text: mmsi + \" ไม่ถูกต้อง!\",\n        });\n      } else {\n        vm.config.forwardTankerId = tankerByMMSI.id;\n        vm.config.tankerId = \"\";\n        await vm.$store.dispatch(\"getMpTranferLogs\", vm.config);\n        // console.log(\"tanker: \",mmsi,name,vm.config);\n      }\n    },\n    async onClickVessel(vm, id, name, transfer_date) {\n      vm.config.forwardTankerId = \"\";\n      vm.config.tankerId = id;\n      await vm.$store.dispatch(\"getMpTranferLogsByVessel\", vm.config);\n\n      const tanker = _.find(vm.tankers, { id });\n      vm.$store.dispatch(\"panTo\", tanker.mmsi);\n      vm.$store.dispatch(\"setType\", \"transfer\");\n      vm.$store.dispatch(\"setTankerName\", name);\n      // console.log(\"vessel: \",id,tanker.mmsi,name,vm.config);\n    },\n    setAllData() {\n      let tree = this.$store.getters.getterNewData;\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\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                  const mmsi = _.get(_.find(a, \"vessel.mmsi\"), \"vessel.mmsi\");\n                  const vm = this; \n                  const mpLogs = this.getTankerbyMMSI(mmsi);\n                  let children = [];\n                  if (!_.isUndefined(mpLogs)) {\n                    const mpData = vm.getTransferLogs(mpLogs.id);\n                    children = _.map(mpData, (c) => {\n                      return {\n                        id: c.tanker_id,\n                        name: c.tanker_name,\n                        value: c.volume,\n                        mmsi: c.mmsi,\n                        type: DIRECT_TREE_TYPE.VESSEL,\n                        transfer_date: c.transfer_date,\n                      };\n                    });\n                  }\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                    children,\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!./DirectedTree.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!./DirectedTree.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DirectedTree.vue?vue&type=template&id=50b48fba&\"\nimport script from \"./DirectedTree.vue?vue&type=script&lang=js&\"\nexport * from \"./DirectedTree.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DirectedTree.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!./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"],"sourceRoot":""}