{"version":3,"sources":["webpack:///./src/components/charts/Behavior/Vessel/DirectedTreeMonthlyOccurrence.vue?93b5","webpack:///./src/views/behavior/print/PrintVessel.vue?0633","webpack:///src/views/behavior/print/PrintVessel.vue","webpack:///./src/views/behavior/print/PrintVessel.vue?d11c","webpack:///./src/views/behavior/print/PrintVessel.vue","webpack:///./src/components/charts/Behavior/Vessel/DirectedTreeMonthlyOccurrence.vue?9587","webpack:///src/components/charts/Behavior/Vessel/DirectedTreeMonthlyOccurrence.vue","webpack:///./src/components/charts/Behavior/Vessel/DirectedTreeMonthlyOccurrence.vue?b488","webpack:///./src/components/charts/Behavior/Vessel/DirectedTreeMonthlyOccurrence.vue","webpack:///./src/views/behavior/print/PrintVessel.vue?4a71"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","on","$event","print","_v","_s","config","selectedVessel","name","setDateFormatTh","startDate","endDate","transfers","length","type","style","tanker","name_en","mmsi","imo","member_code","capacity","formatNumber","owner","personType","certificateOperateName","certificatePhoneNumber","phoneNumber","_e","class","scopedSlots","_u","key","fn","ref","data","_l","tr","indextr","index","start_at","forwardTanker","tankerInfo","getVolume","vessel","vesselInfo","isActiveNotification","latitude","longitude","station","volume","checkCapacityAndVolume","slot","staticRenderFns","components","DirectTree","watch","newVal","oldVal","_","isEqual","_iteratorNormalCompletion","_didIteratorError","_iteratorError","undefined","_step","_iterator","entries","Symbol","iterator","next","done","_step$value","_slicedToArray","value","oilDistribution","err","return","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","JSON","parse","localStorage","getItem","console","log","stop","apply","arguments","methods","Number","setDateFormat","date","moment","format","locale","$i18n","newDate","add","setDateFormatRecordTime","newTime","_tankerInfo","_callee2","_context2","$store","dispatch","registerNumber","vesselInPetrol","imo_number","vesselInFisferies","registration","createdBy","_x","window","component","height","props","Object","transferDataForDirectTree","Array","isActive","Boolean","dataForDirecTree","children","isActiveChart","transferData","root","selectedNode","setDataForRender","computed","_objectSpread","mapState","_transferDataForDirectTree","_x2","_station","_callee3","_context3","_x3","_x4","disposeRoot","divId","am5","each","rootElements","dom","id","dispose","init","_init","_callee4","_this","_context4","new","setThemes","am5themes_Animated","container","push","width","layout","verticalLayout","series","am5hierarchy","singleBranchOnly","downDepth","initialDepth","valueField","categoryField","childDataField","centerStrength","minRadius","maxRadius","nodes","template","set","setup","target","events","ev","dataItem","dataContext","setAll","dataItems","appear","_x5","_setDataForRender","_callee5","count","filterData","_context5","countBy","uniqBy","o","get","concat","tanker_id"],"mappings":"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","file":"js/chunk-147e0b77.e93c6a74.js","sourcesContent":["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!./DirectedTreeMonthlyOccurrence.vue?vue&type=style&index=0&id=da4b5562&prod&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('center',[_c('vx-card',{staticClass:\"min-h-screen\"},[_c('div',{staticClass:\"px-5 pb-5 relative\",staticStyle:{\"width\":\"900px\"}},[_c('div',{staticClass:\"flex justify-between\"},[_c('div'),_c('div',[_c('vs-button',{staticClass:\"ml-16 mb-5\",attrs:{\"id\":\"printPageButton\",\"color\":\"primary\",\"type\":\"gradient\",\"icon-pack\":\"feather\",\"icon\":\"icon-printer\"},on:{\"click\":function($event){return _vm.print()}}},[_vm._v(\"\\n              พิมพ์\\n            \")])],1)]),_c('div',[_c('vx-card',[_c('table',[_c('tbody',[_c('tr',[_c('td',[_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\":\"80px\",\"height\":\"90px\"}})]),_c('td',[_c('center',[_c('h3',[_vm._v(\"\\n                        โครงการเพิ่มประสิทธิภาพระบบควบคุม ตรวจสอบ\\n                        และติดตามการจำหน่ายน้ำมันดีเซล\\n                      \")]),_c('h3',[_vm._v(\"สำหรับชาวประมงในเขตต่อเนื่องของราชอาณาจักร\")])])],1)])])]),_c('h4',{staticClass:\"my-2\"},[_vm._v(\"ความถี่การเข้ารับน้ำมัน เเละจำหน่ายน้ำมันของเรือประมง \"+_vm._s(_vm.config.selectedVessel.name))]),_c('p',[_vm._v(\"วันที่ \"+_vm._s(_vm.setDateFormatTh(_vm.config.startDate))+\" ถึง \"+_vm._s(_vm.setDateFormatTh(_vm.config.endDate)))])])],1),(_vm.transfers && _vm.transfers.length != 0)?_c('div',{staticClass:\"vx-row mt-5 z-50\"},[(_vm.config.type != 'all')?_c('div',{staticClass:\"vx-col w-1/3\"},[_c('vx-card',{staticClass:\"text-left\",style:(_vm.config.type != 'all' ? 'height: 300px' : 'height: 380px')},[_c('p',[_vm._v(\"ชื่อ : \"+_vm._s(_vm.tanker.name))]),_c('p',[_vm._v(\"ชื่อภาษาอังกฤษ : \"+_vm._s(_vm.tanker.name_en))]),_c('p',[_vm._v(\"MMSI : \"+_vm._s(_vm.tanker.mmsi))]),_c('p',[_vm._v(\"IMO : \"+_vm._s(_vm.tanker.imo ? _vm.tanker.imo : null))]),_c('p',[_vm._v(\"รหัสสมาชิก : \"+_vm._s(_vm.tanker.member_code))]),_c('p',[_vm._v(\"ความจุถัง : \"+_vm._s(_vm.tanker.capacity ? _vm.formatNumber(_vm.tanker.capacity) : 0))]),_c('p',[_vm._v(\"ประเภทเรือ : \"+_vm._s(_vm.tanker.type == 'tanker' ? 'สถานีบริการน้ำมัน' : 'เรือบรรทุกน้ำมัน'))]),(_vm.tanker.owner)?_c('div',[_c('vs-divider',{attrs:{\"border-style\":\"dashed\",\"position\":\"left\"}},[_c('b',[_vm._v(\"ข้อมูลเจ้าของเรือ\")])]),_c('p',[_vm._v(\"ชื่อ :  \"+_vm._s(_vm.tanker.owner.personType == 'นิติบุคคล'\n                    ? _vm.tanker.owner.certificateOperateName\n                    : (\"\" + (_vm.tanker.owner.title) + (_vm.tanker.owner.firstName) + \" \" + (_vm.tanker.owner.lastName)))+\" \\n                \")]),_c('p',[_vm._v(\"โทรศัพท์ : \"+_vm._s(_vm.tanker.owner.personType == 'นิติบุคคล'\n                      ? _vm.tanker.owner.certificatePhoneNumber\n                      : _vm.tanker.owner.phoneNumber)+\"\\n                  \")]),_c('p',[_vm._v(\"ประเภทบุคคล : \"+_vm._s(_vm.tanker.owner.personType)+\"\\n                \")])],1):_vm._e()])],1):_vm._e(),_c('div',{class:_vm.config.type != 'all' ? 'vx-col w-2/3' : 'vx-col w-full'},[_c('vx-card',{style:(_vm.config.type != 'all' ? 'height: 300px' : 'height: 390px')},[_c('DirectTree',{attrs:{\"vessel\":_vm.config.selectedVessel,\"transferDataForDirectTree\":_vm.transfers,\"config\":_vm.config,\"height\":_vm.config.type != 'all' ? 280 : 370}})],1)],1)]):_vm._e(),_c('div',{staticClass:\"mt-5 z-0\"},[_c('vx-card',[_c('vs-table',{staticClass:\"static text-center mt-3\",attrs:{\"minHeight\":\"500px\",\"data\":_vm.transfers},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                      var data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr},[_c('vs-td',{staticClass:\"tableInfo\"},[_vm._v(\"\\n                    \"+_vm._s(tr.index + 1)+\"\\n                  \")]),_c('vs-td',{staticClass:\"tableInfo\",attrs:{\"data\":data[indextr].start_at}},[_vm._v(\"\\n                    \"+_vm._s(data[indextr].start_at)+\"\\n                  \")]),_c('vs-td',{staticClass:\"tableInfo\",attrs:{\"data\":data[indextr].forwardTanker && data[indextr].forwardTanker.name}},[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.tankerInfo(data[indextr].forwardTanker)}}},[_vm._v(\"\\n                      \"+_vm._s(data[indextr].forwardTanker && data[indextr].forwardTanker.name)+\"\\n                    \")])]),_c('vs-td',{staticClass:\"tableInfo\",attrs:{\"data\":data[indextr].tanker && data[indextr].tanker.name}},[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.tankerInfo(data[indextr].tanker)}}},[_vm._v(\"\\n                      \"+_vm._s(data[indextr].tanker && data[indextr].tanker.name)+\"\\n                    \")])]),_c('vs-td',{staticClass:\"tableInfo\",attrs:{\"data\":data[indextr].tanker && data[indextr].tanker.capacity}},[_vm._v(\"\\n                    \"+_vm._s(data[indextr].tanker && _vm.getVolume(data[indextr].tanker.capacity))+\"\\n                  \")]),_c('vs-td',{staticClass:\"tableInfo\",attrs:{\"data\":data[indextr].vessel && data[indextr].vessel.name}},[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.vesselInfo(data[indextr].vessel)}}},[_vm._v(\"\\n                      \"+_vm._s(data[indextr].vessel && data[indextr].vessel.name)+\"\\n                    \")])]),_c('vs-td',{staticClass:\"tableInfo\",attrs:{\"data\":data[indextr].vessel && data[indextr].vessel.capacity}},[_vm._v(\"\\n                    \"+_vm._s(data[indextr].vessel && _vm.getVolume(data[indextr].vessel.capacity))+\"\\n                  \")]),_c('vs-td',{staticClass:\"tableInfo\",attrs:{\"data\":data[indextr]}},[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.isActiveNotification(data[indextr])}}},[_vm._v(_vm._s(data[indextr].latitude)+\" , \"+_vm._s(data[indextr].longitude))])]),(data[indextr].station && !data[indextr].tanker )?_c('vs-td',{staticClass:\"tableInfo\",attrs:{\"data\":data[indextr].volume}},[_vm._v(\"\\n                      \"+_vm._s(_vm.getVolume(data[indextr].volume))+\"\\n                  \")]):(data[indextr].forwardTanker && data[indextr].tanker )?_c('vs-td',{staticClass:\"tableInfo\",attrs:{\"data\":data[indextr].volume}},[_c('p',{style:(_vm.checkCapacityAndVolume(data[indextr].tanker.capacity,data[indextr].volume) ? 'color: red' : 'color: green')},[_vm._v(\"\\n                      \"+_vm._s(_vm.getVolume(data[indextr].volume))+\"\\n                    \")])]):(data[indextr].tanker && data[indextr].vessel )?_c('vs-td',{staticClass:\"tableInfo\",attrs:{\"data\":data[indextr].volume}},[_c('p',{style:(_vm.checkCapacityAndVolume(data[indextr].vessel.capacity,data[indextr].volume) ? 'color: red' : 'color: green')},[_vm._v(\"\\n                      \"+_vm._s(_vm.getVolume(data[indextr].volume))+\"\\n                    \")])]):_vm._e()],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',{staticClass:\"tableInfo\"},[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\" ลำดับ \")])]),_c('vs-th',{staticClass:\"tableInfo\",attrs:{\"sort-key\":\"start_at\"}},[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\" วันที่เริ่ม \")])]),_c('vs-th',{staticClass:\"tableInfo\"},[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\" ชื่อเรือบรรทุกน้ำมัน \")])]),_c('vs-th',{staticClass:\"tableInfo\"},[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\" เรือสถานีบริการน้ำมัน \")])]),_c('vs-th',{staticClass:\"tableInfo\"},[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\" ความจุถังน้ำมันเรือสถานีบริการน้ำมัน \")])]),_c('vs-th',{staticClass:\"tableInfo\"},[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\" เรือประมง \")])]),_c('vs-th',{staticClass:\"tableInfo\"},[_c('p',{staticClass:\"text-center\"},[_vm._v(\" ความจุถังน้ำมันเรือประมง \")])]),_c('vs-th',{staticClass:\"tableInfo\"},[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\" ตำแหน่ง(Lat,Lon) \")])]),_c('vs-th',{staticClass:\"tableInfo\",attrs:{\"sort-key\":\"volume\"}},[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\" ปริมาณน้ำมัน (ล.) \")])])],1)],2)],1)],1)])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <center>\n      <vx-card class=\"min-h-screen\">\n        <div class=\"px-5 pb-5 relative\" style=\"width: 900px\">\n          <div class=\"flex justify-between\">\n            <div></div>\n            <div>\n              <vs-button\n                id=\"printPageButton\"\n                color=\"primary\"\n                type=\"gradient\"\n                icon-pack=\"feather\"\n                icon=\"icon-printer\"\n                @click=\"print()\"\n                class=\"ml-16 mb-5\"\n              >\n                พิมพ์\n              </vs-button>\n            </div>\n          </div>\n\n          <div>\n            <vx-card>\n              <table>\n                <tbody>\n                  <tr>\n                    <td>\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=\"80px\"\n                        height=\"90px\"\n                      />\n                    </td>\n                    <td>\n                      <center>\n                        <h3>\n                          โครงการเพิ่มประสิทธิภาพระบบควบคุม ตรวจสอบ\n                          และติดตามการจำหน่ายน้ำมันดีเซล\n                        </h3>\n                        <h3>สำหรับชาวประมงในเขตต่อเนื่องของราชอาณาจักร</h3>\n                      </center>\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n              <h4 class=\"my-2\">ความถี่การเข้ารับน้ำมัน เเละจำหน่ายน้ำมันของเรือประมง {{config.selectedVessel.name}}</h4>\n              <p>วันที่ {{setDateFormatTh(config.startDate)}} ถึง {{setDateFormatTh(config.endDate)}}</p>\n            </vx-card>\n          </div>\n\n          <div\n            class=\"vx-row mt-5 z-50\"\n            v-if=\"transfers && transfers.length != 0\"\n          >\n            <div class=\"vx-col w-1/3\" v-if=\"config.type != 'all'\">\n              <vx-card :style=\"config.type != 'all' ? 'height: 300px' : 'height: 380px'\" class=\"text-left\">\n                <p>ชื่อ : {{tanker.name}}</p>\n                <p>ชื่อภาษาอังกฤษ : {{tanker.name_en}}</p>\n                <p>MMSI : {{tanker.mmsi}}</p>\n                <p>IMO : {{tanker.imo ? tanker.imo : null}}</p>\n                <p>รหัสสมาชิก : {{tanker.member_code}}</p>\n                <p>ความจุถัง : {{tanker.capacity ? formatNumber(tanker.capacity) : 0}}</p>\n                <p>ประเภทเรือ : {{tanker.type == 'tanker' ? 'สถานีบริการน้ำมัน' : 'เรือบรรทุกน้ำมัน'}}</p>\n\n                <div v-if=\"tanker.owner\">\n                  <vs-divider border-style=\"dashed\" position=\"left\"><b>ข้อมูลเจ้าของเรือ</b></vs-divider>\n                  <p>ชื่อ :  {{\n                    tanker.owner.personType == 'นิติบุคคล'\n                      ? tanker.owner.certificateOperateName\n                      : `${tanker.owner.title}${tanker.owner.firstName} ${tanker.owner.lastName}`\n                  }} \n                  </p>\n                  <p>โทรศัพท์ : {{\n                      tanker.owner.personType == 'นิติบุคคล'\n                        ? tanker.owner.certificatePhoneNumber\n                        : tanker.owner.phoneNumber\n                    }}\n                    <p>ประเภทบุคคล : {{tanker.owner.personType}}\n                  </p>\n                </div>\n              </vx-card>\n            </div>\n            <div :class=\"config.type != 'all' ? 'vx-col w-2/3' : 'vx-col w-full'\">\n              <vx-card :style=\"config.type != 'all' ? 'height: 300px' : 'height: 390px'\">\n                <!-- directree chart -->\n                <DirectTree\n                  :vessel=\"config.selectedVessel\"\n                  :transferDataForDirectTree=\"transfers\"\n                  :config=\"config\"\n                  :height=\"config.type != 'all' ? 280 : 370\"\n                />\n              </vx-card>\n            </div>\n          </div>\n\n          <div class=\"mt-5 z-0\">\n            <vx-card>\n              <vs-table\n                minHeight=\"500px\"\n                class=\"static text-center mt-3\"\n                :data=\"transfers\"\n              >\n                <template slot=\"thead\">\n                  <vs-th class=\"tableInfo\"><p class=\"mx-auto text-center\"> ลำดับ </p></vs-th>\n                  <vs-th class=\"tableInfo\" sort-key=\"start_at\"><p class=\"mx-auto text-center\"> วันที่เริ่ม </p></vs-th>\n                  <!-- <vs-th><p class=\"mx-auto text-center\"> โรงกลั่น </p></vs-th> -->\n                  <vs-th class=\"tableInfo\"><p class=\"mx-auto text-center\"> ชื่อเรือบรรทุกน้ำมัน </p></vs-th>\n                  <vs-th class=\"tableInfo\"><p class=\"mx-auto text-center\"> เรือสถานีบริการน้ำมัน </p></vs-th>\n                  <vs-th class=\"tableInfo\"><p class=\"mx-auto text-center\"> ความจุถังน้ำมันเรือสถานีบริการน้ำมัน </p></vs-th>\n                  <vs-th class=\"tableInfo\"><p class=\"mx-auto text-center\"> เรือประมง </p></vs-th>\n                  <vs-th class=\"tableInfo\"><p class=\"text-center\"> ความจุถังน้ำมันเรือประมง </p></vs-th>\n                  <vs-th class=\"tableInfo\"><p class=\"mx-auto text-center\"> ตำแหน่ง(Lat,Lon) </p></vs-th>\n                  <vs-th class=\"tableInfo\" sort-key=\"volume\"><p class=\"mx-auto text-center\"> ปริมาณน้ำมัน (ล.) </p></vs-th>\n                </template>\n                <template slot-scope=\"{ data }\">\n                  <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n                    <vs-td class=\"tableInfo\">\n                      {{ tr.index + 1 }}\n                    </vs-td>\n\n                    <vs-td class=\"tableInfo\" :data=\"data[indextr].start_at\">\n                      {{data[indextr].start_at}}\n                    </vs-td>\n\n                    <!-- <vs-td :data=\"data[indextr].station && data[indextr].station.name\">\n                      <a\n                        href=\"#\"\n                        @click=\"activeRefinary(data[indextr].station)\"\n                        >\n                        {{ data[indextr].station && data[indextr].station.name }}\n                        </a\n                      >\n                    </vs-td> -->\n\n                    <vs-td class=\"tableInfo\" :data=\"data[indextr].forwardTanker && data[indextr].forwardTanker.name\">\n                      <a href=\"#\" @click=\"tankerInfo(data[indextr].forwardTanker)\">\n                        {{ data[indextr].forwardTanker && data[indextr].forwardTanker.name }}\n                      </a>\n                    </vs-td>\n\n                    <vs-td class=\"tableInfo\" :data=\"data[indextr].tanker && data[indextr].tanker.name\">\n                      <a href=\"#\" @click=\"tankerInfo(data[indextr].tanker)\">\n                        {{ data[indextr].tanker && data[indextr].tanker.name }}\n                      </a>\n                    </vs-td>\n\n                    <vs-td class=\"tableInfo\" :data=\"data[indextr].tanker && data[indextr].tanker.capacity\">\n                      {{ data[indextr].tanker && getVolume(data[indextr].tanker.capacity) }}\n                    </vs-td>\n\n                    <vs-td class=\"tableInfo\" :data=\"data[indextr].vessel && data[indextr].vessel.name\">\n                      <a href=\"#\" @click=\"vesselInfo(data[indextr].vessel)\">\n                        {{ data[indextr].vessel && data[indextr].vessel.name }}\n                      </a>\n                    </vs-td>\n\n                    <vs-td class=\"tableInfo\" :data=\"data[indextr].vessel && data[indextr].vessel.capacity\">\n                      {{ data[indextr].vessel && getVolume(data[indextr].vessel.capacity) }}\n                    </vs-td>\n\n                    <vs-td class=\"tableInfo\" :data=\"data[indextr]\">\n                      <a href=\"#\" @click=\"isActiveNotification(data[indextr])\">{{ data[indextr].latitude }} , {{ data[indextr].longitude }}</a>\n                    </vs-td>\n\n                    <vs-td class=\"tableInfo\" :data=\"data[indextr].volume\" v-if=\"data[indextr].station && !data[indextr].tanker \">\n                        {{ getVolume(data[indextr].volume) }}\n                    </vs-td>\n                    <vs-td class=\"tableInfo\" :data=\"data[indextr].volume\" v-else-if=\"data[indextr].forwardTanker && data[indextr].tanker \">\n                      <p :style=\"checkCapacityAndVolume(data[indextr].tanker.capacity,data[indextr].volume) ? 'color: red' : 'color: green'\">\n                        {{ getVolume(data[indextr].volume) }}\n                      </p>\n                    </vs-td>\n                    <vs-td class=\"tableInfo\" :data=\"data[indextr].volume\" v-else-if=\"data[indextr].tanker && data[indextr].vessel \">\n                      <p :style=\"checkCapacityAndVolume(data[indextr].vessel.capacity,data[indextr].volume) ? 'color: red' : 'color: green'\">\n                        {{ getVolume(data[indextr].volume) }}\n                      </p>\n                    </vs-td>\n                  </vs-tr>\n                </template>\n              </vs-table>\n            </vx-card>\n          </div>\n        </div>\n      </vx-card>\n    </center>\n  </div>\n</template>\n\n<script>\nimport Swal from \"sweetalert2\";\nimport moment from \"moment\";\nimport { mapState } from \"vuex\";\nimport { REFINERY_NAME, REFINERY_ID } from \"@/constants\";\nimport { formatNumber } from \"@/utils/index\";\nimport DirectTree from \"@/components/charts/Behavior/Vessel/DirectedTreeMonthlyOccurrence.vue\";\n\nexport default {\n  components: {\n    DirectTree,\n  },\n  data() {\n    return {\n      formatNumber,\n\n      config: null,\n      vesselInfo: null,\n      transfers: [],\n      tanker: {}\n    };\n  },\n  watch: {\n    transfers(newVal, oldVal) {\n      if (!_.isEqual(newVal, oldVal)) {\n        for (const [index, oilDistribution] of newVal.entries()) {\n          oilDistribution.index = index;\n        }\n      }\n    },\n  },\n  async mounted() {\n    this.config = JSON.parse(\n      localStorage.getItem(\"configSearchBehaviorVessel\")\n    );\n    this.transfers = JSON.parse(\n      localStorage.getItem(\"transfers\")\n    );\n    console.log(\"this.transfers >>>> \", this.transfers);\n    // this.vesselInfo = this.transfers[0].tanker;\n    this.tankerInfo(this.transfers[0].tanker)\n\n    console.log(\"this.config >> \", this.config);\n  },\n  methods: {\n    getVolume(data) {\n      return formatNumber(Number(data));\n    },\n    checkCapacityAndVolume(capacity,volume){\n      return Number(volume) >= Number(capacity) ? true : false\n    },\n    setDateFormat(date) {\n      return moment(date).format(\"DD/MM/YYYY\");\n    },\n    setDateFormatTh(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      } else {\n        const newDate = moment(date).format(\"DD/MM/YYYY\");\n        return newDate;\n      }\n    },\n    setDateFormatRecordTime(date, type) {\n      moment.locale(\"th\"); // th\n      if (type == \"date\") {\n        const newDate = moment(date).add(543, \"years\").format(\"DD/MM/YYYY\");\n        return newDate;\n      } else {\n        const newTime = moment(date).format(\"LTS\");\n        return newTime;\n      }\n    },\n    async tankerInfo(data){\n      this.tanker = data\n      \n      if (data.member_code) {//หา tanker(mp) by registerNumber(fishries)\n        await this.$store.dispatch(`vessels/setVessels`, { registerNumber: data.member_code });\n      }else{\n        await this.$store.dispatch(`vessels/clearVessels`);\n      }\n      await this.$store.dispatch(`petrol/getVesselsByMmsi`, { mmsi: data.mmsi });\n\n      if (this.vesselInPetrol.length != 0) {\n        this.tanker.imo = this.vesselInPetrol[0].imo_number\n      }\n      if (this.vesselInFisferies.length != 0) {\n        this.tanker.owner = this.vesselInFisferies[0].registration.createdBy\n      }\n    },\n    print() {\n      window.print();\n    },\n  },\n};\n</script>\n\n<style lang=\"css\" scoped>\n@page {\n  /* size: landscape; */\n  size: auto;\n  margin: 0mm;\n  background: white;\n}\n@media print {\n  #printPageButton {\n    display: none;\n  }\n}\n.tableInfo {\n  border: 1px solid rgb(194, 194, 194);\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!./PrintVessel.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!./PrintVessel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PrintVessel.vue?vue&type=template&id=45c7c860&scoped=true\"\nimport script from \"./PrintVessel.vue?vue&type=script&lang=js\"\nexport * from \"./PrintVessel.vue?vue&type=script&lang=js\"\nimport style0 from \"./PrintVessel.vue?vue&type=style&index=0&id=45c7c860&prod&lang=css&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"45c7c860\",\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',{style:((\"height: \" + _vm.height + \"px\")),attrs:{\"id\":\"chartdiv\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- <div class=\"directTree\" ref=\"chartdiv\"></div> -->\n  <div id=\"chartdiv\" :style=\"`height: ${height}px`\"></div>\n</template>\n\n<script>\nimport _ from \"lodash\";\nimport { mapState, mapGetters } from \"vuex\";\n\nimport * as am5 from '@amcharts/amcharts5';\nimport * as am5xy from '@amcharts/amcharts5/xy';\nimport am5themes_Animated from '@amcharts/amcharts5/themes/Animated';\nimport * as am5hierarchy from \"@amcharts/amcharts5/hierarchy\";\n\nimport { REFINERY_COLORS } from \"@/constants/colors\";\nimport { DIRECT_TREE_TYPE, REFINERY_ID } from \"@/constants\";\nimport moment from \"moment\";\n\nexport default {\n  name: \"directTree\",   \n  props: {\n    config: {type : Object},\n    vessel: {type : Object},\n    transferDataForDirectTree: {type : Array},\n    isActive: {type : Boolean},\n    height: {type : Number}\n  },\n  data() {\n    return {\n      dataForDirecTree : {\n        name: this.vessel.name,\n        children: []\n      },\n      isActiveChart: true,\n      transferData: [],\n      root: null,\n      selectedNode: null\n    };\n  },\n  async mounted() {   \n    console.log(\"vessel \", this.vessel); \n    await this.setDataForRender()\n  },\n  computed: {\n    ...mapState({\n      // transfers: (state) => state.oilTransfer.oilTransfers,\n    }),\n  },\n  watch: {\n    async transferDataForDirectTree(newVal, oldVal) {\n      if (!_.isEqual(newVal, oldVal)) {\n        await this.setDataForRender()\n      }\n    },\n    async station(newVal, oldVal) {\n      this.selectedNode = newVal\n    },\n  },\n  methods: {\n    disposeRoot(divId) {\n      am5.array.each(am5.registry.rootElements, function(root) {\n        if (root && root.dom.id == divId) {\n          root.dispose();\n        }\n      });\n    },\n    async init(data) {\n     await am5.ready(() => {\n        // Create root element\n        this.disposeRoot(\"chartdiv\");\n        this.root = am5.Root.new(\"chartdiv\");\n\n        // Set themes\n        this.root.setThemes([\n          am5themes_Animated.new(this.root)\n        ]);\n        // console.log(\"data ::::: \", data);\n\n        // Create wrapper container\n        var container = this.root.container.children.push(am5.Container.new(this.root, {\n          width: am5.percent(100),\n          height: am5.percent(100),\n          layout: this.root.verticalLayout\n        }));\n\n        // Create series\n        var series = container.children.push(am5hierarchy.ForceDirected.new(this.root, {\n          singleBranchOnly: false,\n          downDepth: 2,\n          initialDepth: 2,\n          valueField: \"value\",\n          categoryField: \"name\",\n          childDataField: \"children\",\n          centerStrength: 0.5,\n          minRadius: 30,\n          maxRadius: 50,\n        }));\n        series.nodes.template.set(\"tooltipText\", \"{name} : {value} ครั้ง\");\n        series.nodes.template.setup = (target) => {\n          target.events.on(\"click\", (ev) => {\n            this.selectedNode = ev.target.dataItem.dataContext\n          });\n        }\n        series.data.setAll([data]);\n        series.set(\"selectedDataItem\", series.dataItems[0]);\n        \n        // Make stuff animate on load\n        series.appear(1000, 100);\n      }); // end am5.ready()\n    },\n    async setDataForRender(){\n      console.log(\"transferDataForDirectTree >>> \", this.transferDataForDirectTree);\n      let dataForDirecTree = this.vessel\n      dataForDirecTree.value = this.transferDataForDirectTree.length\n\n      const count = _.countBy(this.transferDataForDirectTree, \"tanker_id\")\n      const filterData = _.uniqBy(this.transferDataForDirectTree, ((o)=>{\n        o.name = o.tanker.name\n        o.value = _.get(count, `${o.tanker_id}`)\n        return o.tanker_id\n      }))\n      // console.log(\"filterData >>>> \", filterData);\n      dataForDirecTree.children = filterData\n      console.log(\"dataForDirecTree >>>> \", dataForDirecTree);\n      await this.init(dataForDirecTree)\n    },\n\n  },\n};\n</script>\n\n<style>\n.directTree {\n  /* width: 120%; */\n  height: 380px;\n  font-family: \"Prompt\", sans-serif;\n}\n#chartdiv {\n  width: 100%;\n  /* height: 300px; */\n  max-width: 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!./DirectedTreeMonthlyOccurrence.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!./DirectedTreeMonthlyOccurrence.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DirectedTreeMonthlyOccurrence.vue?vue&type=template&id=da4b5562\"\nimport script from \"./DirectedTreeMonthlyOccurrence.vue?vue&type=script&lang=js\"\nexport * from \"./DirectedTreeMonthlyOccurrence.vue?vue&type=script&lang=js\"\nimport style0 from \"./DirectedTreeMonthlyOccurrence.vue?vue&type=style&index=0&id=da4b5562&prod&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","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!./PrintVessel.vue?vue&type=style&index=0&id=45c7c860&prod&lang=css&scoped=true\""],"sourceRoot":""}