{"version":3,"sources":["webpack:///./src/views/pdss/Fisheries.vue?50b8","webpack:///src/views/pdss/Fisheries.vue","webpack:///./src/views/pdss/Fisheries.vue?ab02","webpack:///./src/views/pdss/Fisheries.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticClass","$i18n","locale","Date","scopedSlots","_u","key","fn","ref","inputEvents","_g","selectedDate","start","setDateFormatTh","end","model","value","callback","$$v","expression","_e","selectedVessel","_l","item","index","name","on","$event","getOilTransfers","_v","_s","formatNumber","totalOilVolume","descriptionItems","oilTransfers","data","tr","indextr","start_at","vessel","capacity","getVolume","tanker","isActiveNotification","latitude","longitude","station","volume","forwardTanker","style","checkCapacityAndVolume","slot","staticRenderFns","components","vSelect","OilTypeCard","CardValue","config","startDate","moment","format","endDate","destinationType","optionsVessel","isActiveRefinary","selectedStation","isCheckCapacityAndVolume","receive","prorate","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee2","_this","wrap","_context2","prev","next","$store","dispatch","OIL_TYPE","FISHERIES","$","keydown","_ref","_callee","e","_context","target","console","log","mpVesselOption","stop","_x","apply","arguments","watch","transfers","_transfers","_callee3","newVal","oldVal","_context3","_","isEqual","setData","getOilVolume","_x2","_x3","i","length","computed","_objectSpread","mapState","state","oilTransfer","isAllCardActive","greenDieselCardActive","isIrpcCardActive","isSprcCardActive","isTopCardActive","isBcpCardActive","isPttgcCardActive","isEssoCardActive","mpTankerData","methods","_getOilTransfers","_callee4","_context4","setDateFormat","selectedRefinery","id","selectedForwardTanker","selectedTanker","localStorage","setItem","JSON","stringify","Swal","fire","icon","title","text","showConfirmButton","timer","getVessels","_getVessels","_callee5","_context5","getVessel","_getVessel","_callee6","_context6","_x4","date","newDate","add","Number","sumBy","o","undefined","_setData","_callee7","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","_step","a","dataTransfer","_context7","$vs","loading","Symbol","iterator","done","t0","station_id","t1","forward_tanker_id","t2","tanker_id","t3","vessel_id","mpStation","mpForWardTanker","mpTanker","mpVessel","push","t4","return","finish","close","_x5","_isActiveNotification","_callee8","_context8","to_s","concat","window","open","_x6","component"],"mappings":"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","file":"js/chunk-2d0daab9.c04beb9c.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('vx-card',[_c('vs-row',{staticClass:\"my-5\",attrs:{\"vs-w\":\"12\"}},[_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"3\",\"vs-sm\":\"3\",\"vs-xs\":\"12\"}},[(_vm.$i18n.locale == 'th')?_c('v-date-picker',{staticClass:\"cursor-pointer w-full\",attrs:{\"mode\":\"date\",\"is-range\":\"\",\"is24hr\":\"\",\"locale\":_vm.$i18n.locale,\"buddhist\":true,\"max-date\":new Date()},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar inputEvents = ref.inputEvents;\nreturn [_c('vs-input',_vm._g({staticClass:\"w-full\",attrs:{\"label\":\"วันที่เริ่ม\",\"value\":((_vm.selectedDate.start ? _vm.setDateFormatTh(_vm.selectedDate.start) : '') + \" - \" + (_vm.selectedDate.end ? _vm.setDateFormatTh(_vm.selectedDate.end) : '')),\"placeholder\":\"วัน/เดือน/ปี - วัน/เดือน/ปี\"}},inputEvents.start))]}}],null,false,1162344412),model:{value:(_vm.selectedDate),callback:function ($$v) {_vm.selectedDate=$$v},expression:\"selectedDate\"}}):_vm._e()],1),_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"4\",\"vs-sm\":\"4\",\"vs-xs\":\"12\"}},[_c('form',{staticClass:\"w-full\",attrs:{\"autocomplete\":\"off\"}},[_c('vs-select',{staticClass:\"w-full select-large\",attrs:{\"id\":\"searchVesselName\",\"label\":\"ชื่อเรือประมง\",\"autocomplete\":\"\",\"placeholder\":\"กรุณาเลือกเรือประมง\"},model:{value:(_vm.selectedVessel),callback:function ($$v) {_vm.selectedVessel=$$v},expression:\"selectedVessel\"}},_vm._l((_vm.optionsVessel),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item,\"text\":item.name}})}),1)],1)]),_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex justify-center\",\"vs-align\":\"center\",\"vs-lg\":\"4\",\"vs-sm\":\"4\",\"vs-xs\":\"12\"}},[_c('div',{staticClass:\"pt-2\"},[_c('vs-button',{staticClass:\"py-2 mt-5\",attrs:{\"color\":\"#0066cc\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-search\"},on:{\"click\":function($event){return _vm.getOilTransfers()}}},[_vm._v(\"ค้นหา\")])],1)])],1)],1),_c('vx-card',{staticClass:\"mt-5 z-0\"},[_c('div',{staticClass:\"px-5 pb-5 relative\"},[_c('div',{staticClass:\"flex justify-between\"},[_c('div',{staticClass:\"flex\"},[_c('h5',{staticClass:\"my-5\"},[_vm._v(\"ตารางการจัดส่งน้ำมัน\")]),_c('p',{staticClass:\"pr-4 border-0 md:border-r border-solid border-grey-light mr-5\"}),_c('div',{staticClass:\"mt-5\"},[_c('vs-chip',{attrs:{\"color\":\"#fdecb4\"}},[_c('p',{staticStyle:{\"color\":\"#000\"}},[_vm._v(\"\\n        ยอดรวมการรับน้ำมัน \"+_vm._s(_vm.formatNumber(_vm.totalOilVolume))+\" ลิตร\\n       \")])])],1)]),_c('div')]),_c('vs-table',{staticClass:\"static text-center mt-3\",attrs:{\"maxHeight\":\"460px\",\"max-items\":_vm.descriptionItems[0],\"description\":\"\",\"description-items\":_vm.descriptionItems,\"description-title\":\"ลำดับ\",\"description-connector\":\"จาก\",\"description-body\":\"จำนวนต่อหน้า\",\"pagination\":\"\",\"data\":_vm.oilTransfers},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',[_vm._v(\"\\n       \"+_vm._s(tr.index + 1)+\"\\n      \")]),_c('vs-td',{attrs:{\"data\":data[indextr].start_at}},[_vm._v(\"\\n       \"+_vm._s(data[indextr].start_at)+\"\\n      \")]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel && data[indextr].vessel.name}},[_vm._v(\"\\n       \"+_vm._s(data[indextr].vessel && data[indextr].vessel.name)+\"\\n      \")]),_c('vs-td',{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',{attrs:{\"data\":data[indextr].tanker && data[indextr].tanker.name}},[_vm._v(\"\\n       \"+_vm._s(data[indextr].tanker && data[indextr].tanker.name)+\"\\n      \")]),_c('vs-td',{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',{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',{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',{attrs:{\"data\":data[indextr].volume}},[_c('p',{style:(_vm.checkCapacityAndVolume(\n          data[indextr].tanker.capacity,\n          data[indextr].volume\n         )\n          ? 'color: red'\n          : 'color: green')},[_vm._v(\"\\n        \"+_vm._s(_vm.getVolume(data[indextr].volume))+\"\\n       \")])]):(data[indextr].tanker && data[indextr].vessel)?_c('vs-td',{attrs:{\"data\":data[indextr].volume}},[_c('p',{style:(_vm.checkCapacityAndVolume(\n          data[indextr].vessel.capacity,\n          data[indextr].volume\n         )\n          ? 'color: red'\n          : 'color: green')},[_vm._v(\"\\n        \"+_vm._s(_vm.getVolume(data[indextr].volume))+\"\\n       \")])]):_vm._e()],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"ลำดับ\")])]),_c('vs-th',{attrs:{\"sort-key\":\"start_at\"}},[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"วัน เดือน ปี / เวลา\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"เรือประมง\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"ความจุถังน้ำมันเรือประมง\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"เรือสถานีบริการน้ำมัน\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"\\n       ความจุถังน้ำมันเรือสถานีบริการน้ำมัน\\n      \")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"ตำแหน่ง(Lat,Lon)\")])]),_c('vs-th',{attrs:{\"sort-key\":\"volume\"}},[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"ปริมาณน้ำมัน (ล.)\")])])],1)],2)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div id=\"home\" style=\"height: auto\">\n  <OilTypeCard />\n\n  <vx-card>\n   <vs-row vs-w=\"12\" class=\"my-5\">\n    <vs-col\n     vs-type=\"flex\"\n     class=\"mb-1\"\n     vs-align=\"center\"\n     vs-lg=\"3\"\n     vs-sm=\"3\"\n     vs-xs=\"12\"\n    >\n     <v-date-picker\n      v-if=\"$i18n.locale == 'th'\"\n      class=\"cursor-pointer w-full\"\n      v-model=\"selectedDate\"\n      mode=\"date\"\n      is-range\n      is24hr\n      :locale=\"$i18n.locale\"\n      :buddhist=\"true\"\n      :max-date=\"new Date()\"\n     >\n      <template v-slot=\"{ inputEvents }\">\n       <vs-input\n        v-on=\"inputEvents.start\"\n        label=\"วันที่เริ่ม\"\n        :value=\"`${\n         selectedDate.start ? setDateFormatTh(selectedDate.start) : ''\n        } - ${selectedDate.end ? setDateFormatTh(selectedDate.end) : ''}`\"\n        class=\"w-full\"\n        placeholder=\"วัน/เดือน/ปี - วัน/เดือน/ปี\"\n       />\n      </template>\n     </v-date-picker>\n    </vs-col>\n    <vs-col\n     vs-type=\"flex\"\n     class=\"mb-1\"\n     vs-align=\"center\"\n     vs-lg=\"4\"\n     vs-sm=\"4\"\n     vs-xs=\"12\"\n    >\n      <form autocomplete=\"off\" class=\"w-full\">\n        <vs-select\n          id=\"searchVesselName\"\n          class=\"w-full select-large\"\n          label=\"ชื่อเรือประมง\"\n          v-model=\"selectedVessel\"\n          autocomplete\n          placeholder=\"กรุณาเลือกเรือประมง\"\n        >\n          <vs-select-item\n          :key=\"index\"\n          :value=\"item\"\n          :text=\"item.name\"\n          v-for=\"(item, index) in optionsVessel\"\n          class=\"w-full\"\n          />\n        </vs-select>\n      </form>\n    </vs-col>\n    <vs-col\n     vs-type=\"flex justify-center\"\n     class=\"mb-1\"\n     vs-align=\"center\"\n     vs-lg=\"4\"\n     vs-sm=\"4\"\n     vs-xs=\"12\"\n    >\n     <div class=\"pt-2\">\n      <vs-button\n       class=\"py-2 mt-5\"\n       color=\"#0066cc\"\n       type=\"border\"\n       icon-pack=\"feather\"\n       icon=\"icon-search\"\n       @click=\"getOilTransfers()\"\n       >ค้นหา</vs-button\n      >\n     </div>\n    </vs-col>\n   </vs-row>\n   <!-- <hr class=\"my-10\" /> -->\n  </vx-card>\n\n  <vx-card class=\"mt-5 z-0\">\n   <div class=\"px-5 pb-5 relative\">\n    <div class=\"flex justify-between\">\n     <div class=\"flex\">\n      <h5 class=\"my-5\">ตารางการจัดส่งน้ำมัน</h5>\n      <p\n       class=\"pr-4 border-0 md:border-r border-solid border-grey-light mr-5\"\n      ></p>\n      <div class=\"mt-5\">\n       <vs-chip color=\"#fdecb4\">\n        <p style=\"color: #000\">\n         ยอดรวมการรับน้ำมัน {{ formatNumber(totalOilVolume) }} ลิตร\n        </p>\n       </vs-chip>\n      </div>\n     </div>\n     <div>\n      <!-- <vs-button\n              color=\"primary\"\n              type=\"gradient\"\n              icon-pack=\"feather\"\n              icon=\"icon-printer\"\n              @click=\"print()\"\n            >\n              พิมพ์\n            </vs-button> -->\n     </div>\n    </div>\n    <vs-table\n     maxHeight=\"460px\"\n     class=\"static text-center mt-3\"\n     :max-items=\"descriptionItems[0]\"\n     description\n     :description-items=\"descriptionItems\"\n     description-title=\"ลำดับ\"\n     description-connector=\"จาก\"\n     description-body=\"จำนวนต่อหน้า\"\n     pagination\n     :data=\"oilTransfers\"\n    >\n     <template slot=\"thead\">\n      <vs-th><p class=\"mx-auto text-center\">ลำดับ</p></vs-th>\n      <vs-th sort-key=\"start_at\"\n       ><p class=\"mx-auto text-center\">วัน เดือน ปี / เวลา</p></vs-th\n      >\n      <!-- <vs-th><p class=\"mx-auto text-center\"> โรงกลั่น </p></vs-th>\n            <vs-th><p class=\"mx-auto text-center\"> ชื่อเรือบรรทุกน้ำมัน </p></vs-th> -->\n      <vs-th><p class=\"mx-auto text-center\">เรือประมง</p></vs-th>\n      <vs-th><p class=\"mx-auto text-center\">ความจุถังน้ำมันเรือประมง</p></vs-th>\n      <vs-th><p class=\"mx-auto text-center\">เรือสถานีบริการน้ำมัน</p></vs-th>\n      <vs-th\n       ><p class=\"mx-auto text-center\">\n        ความจุถังน้ำมันเรือสถานีบริการน้ำมัน\n       </p></vs-th\n      >\n      <vs-th><p class=\"mx-auto text-center\">ตำแหน่ง(Lat,Lon)</p></vs-th>\n      <vs-th sort-key=\"volume\"\n       ><p class=\"mx-auto text-center\">ปริมาณน้ำมัน (ล.)</p></vs-th\n      >\n     </template>\n     <template slot-scope=\"{ data }\">\n      <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n       <vs-td>\n        {{ tr.index + 1 }}\n       </vs-td>\n\n       <vs-td :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 :data=\"data[indextr].forwardTanker && data[indextr].forwardTanker.name\">\n                {{ data[indextr].forwardTanker && data[indextr].forwardTanker.name }}\n              </vs-td> -->\n\n       <vs-td :data=\"data[indextr].vessel && data[indextr].vessel.name\">\n        {{ data[indextr].vessel && data[indextr].vessel.name }}\n       </vs-td>\n\n       <vs-td :data=\"data[indextr].vessel && data[indextr].vessel.capacity\">\n        {{ data[indextr].vessel && getVolume(data[indextr].vessel.capacity) }}\n       </vs-td>\n\n       <vs-td :data=\"data[indextr].tanker && data[indextr].tanker.name\">\n        {{ data[indextr].tanker && data[indextr].tanker.name }}\n       </vs-td>\n\n       <vs-td :data=\"data[indextr].tanker && data[indextr].tanker.capacity\">\n        {{ data[indextr].tanker && getVolume(data[indextr].tanker.capacity) }}\n       </vs-td>\n\n       <vs-td :data=\"data[indextr]\">\n        <a href=\"#\" @click=\"isActiveNotification(data[indextr])\"\n         >{{ data[indextr].latitude }} , {{ data[indextr].longitude }}</a\n        >\n       </vs-td>\n\n       <vs-td\n        :data=\"data[indextr].volume\"\n        v-if=\"data[indextr].station && !data[indextr].tanker\"\n       >\n        {{ getVolume(data[indextr].volume) }}\n       </vs-td>\n       <vs-td\n        :data=\"data[indextr].volume\"\n        v-else-if=\"data[indextr].forwardTanker && data[indextr].tanker\"\n       >\n        <p\n         :style=\"\n          checkCapacityAndVolume(\n           data[indextr].tanker.capacity,\n           data[indextr].volume\n          )\n           ? 'color: red'\n           : 'color: green'\n         \"\n        >\n         {{ getVolume(data[indextr].volume) }}\n        </p>\n       </vs-td>\n       <vs-td\n        :data=\"data[indextr].volume\"\n        v-else-if=\"data[indextr].tanker && data[indextr].vessel\"\n       >\n        <p\n         :style=\"\n          checkCapacityAndVolume(\n           data[indextr].vessel.capacity,\n           data[indextr].volume\n          )\n           ? 'color: red'\n           : 'color: green'\n         \"\n        >\n         {{ getVolume(data[indextr].volume) }}\n        </p>\n       </vs-td>\n      </vs-tr>\n     </template>\n    </vs-table>\n   </div>\n  </vx-card>\n </div>\n</template>\n\n<script>\nimport OilTypeCard from '@/components/Card/OilTypeCard.vue'\nimport moment from 'moment'\nimport { mapState, mapGetters } from 'vuex'\nimport { formatNumber } from '@/utils/index'\nimport CardValue from '@/common/Card/CardValue'\nimport vSelect from 'vue-select'\n\nimport {\n OIL_TYPE,\n REFINERY_NAME,\n REFINERY_ID,\n TANKER_TYPE,\n} from '../../constants/index'\nimport _ from 'lodash'\n\nexport default {\n name: 'domestic',\n components: {\n  vSelect,\n  OilTypeCard,\n  CardValue,\n },\n data() {\n  return {\n   formatNumber,\n   config: {\n    startDate: moment().format('DD/MM/YYYY'),\n    endDate: moment().format('DD/MM/YYYY'),\n    station: '',\n    forwardTanker: '',\n    tanker: '',\n    vessel: '',\n   },\n   destinationType: 'transit',\n   selectedDate: {\n    start: new Date(),\n    end: new Date(),\n   },\n   optionsVessel: [],\n   selectedVessel: '',\n   descriptionItems: [10, 25, 50, 100],\n   oilTransfers: [],\n   isActiveRefinary: false,\n   selectedStation: null,\n   totalOilVolume: 0,\n   isCheckCapacityAndVolume: null,\n   receive: 0,\n   prorate: 0,\n  }\n },\n async mounted() {\n  await this.$store.dispatch('mpTankerData/getMpVesselByName')\n  await this.$store.dispatch('getOilType')\n  await this.$store.dispatch('activeOilCard', OIL_TYPE.FISHERIES)\n  // this.getVessels()\n  // this.getVesselData();\n\n  $('#searchVesselName').keydown(async (e) => {\n   await this.$store.dispatch('mpTankerData/getMpVesselByName', e.target.value)\n   console.log(\"e.target.value \", e.target.value, this.mpVesselOption);\n  //  await this.getVessel(e.target.value)\n  })\n },\n watch: {\n  async transfers(newVal, oldVal) {\n   if (!_.isEqual(newVal, oldVal)) {\n    await this.setData(newVal)\n    await this.getOilVolume()\n   }\n  },\n  oilTransfers(newVal, oldVal) {\n   for (let i = 0; i < newVal.length; i++) {\n    this.oilTransfers[i].index = i\n   }\n  },\n  selectedDate(newVal, oldVal) {\n   this.getOilTransfers()\n  },\n  mpVesselOption(newVal, oldVal) {\n    this.optionsVessel = newVal\n  },\n },\n computed: {\n  ...mapState({\n   transfers: (state) => state.oilTransfer.oilTransfers,\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) => state.greenDieselCardActive.isPttgcCardActive,\n   isEssoCardActive: (state) => state.greenDieselCardActive.isEssoCardActive,\n   mpVesselOption: (state) => state.mpTankerData.mpVesselOption,\n  }),\n },\n methods: {\n  async getOilTransfers() {\n   this.isActiveRefinary = false\n\n   if (this.selectedVessel) {\n    ;(this.config = {\n     startDate: this.setDateFormat(this.selectedDate.start),\n     endDate: this.setDateFormat(this.selectedDate.end),\n     station: this.selectedRefinery && this.selectedRefinery.id,\n     forwardTanker: this.selectedForwardTanker && this.selectedForwardTanker.id,\n     tanker: this.selectedTanker && this.selectedTanker.id,\n     vessel: this.selectedVessel && this.selectedVessel.id,\n    }),\n     // console.log(\"this.config ===> \", this.config);\n     localStorage.setItem('searchOilTransfer', JSON.stringify(this.config))\n    await this.$store.dispatch('oilTransfer/getOilTransfers', this.config)\n   } else {\n    Swal.fire({\n     icon: 'warning',\n     title: 'กรุณาเลือกเรือประมง',\n     text: 'สำหรับการค้นหาข้อมูลการรับน้ำมันของเรือประมง',\n     showConfirmButton: false,\n     timer: 2000,\n    })\n   }\n\n   console.log('this.oilTransfers ', this.oilTransfers)\n  },\n  async getVessels() {\n   await this.$store.dispatch('mpTankerData/getMpVesselByName')\n  },\n  async getVessel(data) {\n   await this.$store.dispatch('mpTankerData/getMpVesselByName', data)\n   console.log(\"vessels change >>> \", data, this.mpVesselOption);\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).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  getVolume(data) {\n   return formatNumber(Number(data))\n  },\n  getOilVolume() {\n   if (this.config.forwardTanker) {\n    this.totalOilVolume = _.sumBy(this.oilTransfers, (o) => {\n     if (o.tanker) {\n      return o.volume\n     }\n    })\n   } else if (this.config.tanker) {\n    this.totalOilVolume = _.sumBy(this.oilTransfers, (o) => {\n     if (o.vessel) {\n      return o.volume\n     }\n    })\n   } else {\n    this.totalOilVolume = _.sumBy(this.oilTransfers, 'volume')\n   }\n\n   if (this.totalOilVolume == undefined) {\n    this.totalOilVolume = _.sumBy(this.oilTransfers, 'volume')\n   }\n  },\n  checkCapacityAndVolume(capacity, volume) {\n   return Number(volume) >= Number(capacity) ? true : false\n  },\n  async setData(data) {\n   if (data.length != 0) {\n    this.$vs.loading()\n    this.oilTransfers = []\n    for (const a of data) {\n     a.station_id &&\n      (await this.$store.dispatch(\n       'mpTankerData/getMpStationById',\n       a.station_id\n      ))\n     a.forward_tanker_id &&\n      (await this.$store.dispatch(\n       'mpTankerData/getMpForWardTankerById',\n       a.forward_tanker_id\n      ))\n     a.tanker_id &&\n      (await this.$store.dispatch('mpTankerData/getMpTankerById', a.tanker_id))\n     a.vessel_id &&\n      (await this.$store.dispatch('mpTankerData/getMpVesselById', a.vessel_id))\n\n     const station = this.$store.state.mpTankerData.mpStation\n     const forwardTanker = this.$store.state.mpTankerData.mpForWardTanker\n     const tanker = this.$store.state.mpTankerData.mpTanker\n     const vessel = this.$store.state.mpTankerData.mpVessel\n\n     const dataTransfer = {\n      ...a,\n      station: a.station_id && station,\n      forwardTanker: a.forward_tanker_id && forwardTanker,\n      tanker: a.tanker_id && tanker,\n      vessel: a.vessel_id && vessel,\n     }\n\n     this.oilTransfers.push(dataTransfer)\n    }\n    // console.log(\"this.oilTransfer >>>>> \", this.oilTransfers);\n    this.$vs.loading.close()\n   }\n  },\n  async isActiveNotification(data) {\n   this.$vs.loading()\n   data.to_s = `<p>${data.vessel.name} <br/> \n        ความจุถัง: ${this.getVolume(data.vessel.capacity)} <br/>\n        <b style=\"color: green\">รับน้ำมัน</b>จาก ${data.tanker.name}<br/>\n        ปริมาณ ${this.getVolume(data.volume)} ลิตร <br/> วันที่ ${\n    data.start_at\n   }</p>`\n   // console.log(\"isActiveNotification >> \", data);\n\n   localStorage.setItem('setPositionEventNotification', JSON.stringify(data))\n   window.open(`/admin/monitoring`, '_blank')\n   await this.$store.dispatch('rts/setPositionEventNotification', data)\n   this.$vs.loading.close()\n   // this.$router.push(`/monitoring`);\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!./Fisheries.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!./Fisheries.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Fisheries.vue?vue&type=template&id=ffd480c4\"\nimport script from \"./Fisheries.vue?vue&type=script&lang=js\"\nexport * from \"./Fisheries.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}