{"version":3,"sources":["webpack:///./src/views/refuelReport/refuelEvent.vue?bae4","webpack:///src/views/refuelReport/refuelEvent.vue","webpack:///./src/views/refuelReport/refuelEvent.vue?f3fe","webpack:///./src/views/refuelReport/refuelEvent.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","attrs","_v","masks","$i18n","locale","Date","scopedSlots","_u","key","fn","ref","inputValue","inputEvents","_g","start","_s","setDateFormatTh","dataSearchVessel","selectedDate","end","model","value","callback","$$v","$set","expression","refuelEventOptions","on","$event","searchVessel","descriptionItems","refuelEvent","data","_l","tr","indextr","mmsi","vessel","name","latitude","isActiveNotification","longitude","transmit_time","setDateFormatRecordTime","record_time","refuel_event","staticStyle","slot","staticRenderFns","components","vSelect","Datepicker","Datasuccess","input","title","weekdays","navMonths","dayPopover","status","id","computed","mapState","state","rts","created","mounted","watch","methods","_searchVessel","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","$vs","loading","setDateFormat","$store","dispatch","console","log","close","stop","apply","arguments","date","moment","format","type","newDate","add","newTime","tz","maxSelectDate","getDate","_isActiveNotification","_callee2","_context2","to_s","concat","localStorage","setItem","JSON","stringify","window","open","_x","component"],"mappings":"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","file":"js/chunk-76fc193d.f839c430.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('vx-card',[_c('vs-row',{staticClass:\"my-5\",attrs:{\"vs-w\":\"12\"}},[_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-lg\":\"4\",\"vs-sm\":\"6\",\"vs-xs\":\"12\"}},[_c('div',{staticClass:\"h7 px-1\"},[_vm._v(\"วันที่เริ่ม:\")]),_c('v-date-picker',{attrs:{\"mode\":\"dateTime\",\"masks\":_vm.masks,\"is-range\":\"\",\"is24hr\":\"\",\"locale\":_vm.$i18n.locale,\"buddhist\":true,\"max-date\":new Date()},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar inputValue = ref.inputValue;\nvar inputEvents = ref.inputEvents;\nreturn [_c('vs-button',_vm._g({staticClass:\"w-full text-left\",attrs:{\"size\":\"small\",\"color\":\"#cccccc\",\"type\":\"border\"}},inputEvents.start),[_c('div',{staticClass:\"vx-row\"},[_c('vs-icon',{attrs:{\"size\":\"small\",\"icon\":\"today\",\"color\":\"dark\"}}),_c('h6',{staticClass:\"mt-1 mx-2\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.setDateFormatTh(_vm.dataSearchVessel.selectedDate.start))+\" -\\n                  \"+_vm._s(_vm.setDateFormatTh(_vm.dataSearchVessel.selectedDate.end))+\"\\n                \")]),_c('p',{attrs:{\"hidden\":\"\"}},[_vm._v(_vm._s(inputValue))])],1)])]}}]),model:{value:(_vm.dataSearchVessel.selectedDate),callback:function ($$v) {_vm.$set(_vm.dataSearchVessel, \"selectedDate\", $$v)},expression:\"dataSearchVessel.selectedDate\"}})],1),_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"3\",\"vs-sm\":\"2\",\"vs-xs\":\"12\"}},[_c('div',{staticClass:\"h7 px-1\"},[_vm._v(\"MMSI:\")]),_c('vs-input',{staticClass:\"w-full\",attrs:{\"id\":\"mmsi\"},model:{value:(_vm.dataSearchVessel.mmsi),callback:function ($$v) {_vm.$set(_vm.dataSearchVessel, \"mmsi\", $$v)},expression:\"dataSearchVessel.mmsi\"}}),_c('br')],1),_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"5\",\"vs-sm\":\"3\",\"vs-xs\":\"12\"}},[_c('div',{staticClass:\"h7 px-1\"},[_vm._v(\"สถานะการเข้ารับน้ำมัน : \")]),_c('v-select',{staticClass:\"w-1/2 p-1\",attrs:{\"id\":\"refuelEvent\",\"options\":_vm.refuelEventOptions,\"label\":\"name\"},model:{value:(_vm.dataSearchVessel.status),callback:function ($$v) {_vm.$set(_vm.dataSearchVessel, \"status\", $$v)},expression:\"dataSearchVessel.status\"}}),_c('br'),_c('vs-button',{staticClass:\"py-2 px-5 ml-2\",attrs:{\"color\":\"#0066cc\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-search\"},on:{\"click\":function($event){return _vm.searchVessel()}}},[_vm._v(\"ค้นหา\")])],1)],1)],1),_c('vx-card',{staticClass:\"mt-5 z-0\"},[_c('div',{staticClass:\"px-5 pb-5 relative\"},[_c('h4',{staticClass:\"my-3\"},[_vm._v(\"ผลการค้นหา\")]),_c('vs-table',{staticClass:\"static\",attrs:{\"max-items\":_vm.descriptionItems[0],\"description\":\"\",\"description-items\":_vm.descriptionItems,\"description-title\":\"Registries\",\"description-connector\":\"of\",\"description-body\":\"Pages\",\"pagination\":\"\",\"data\":_vm.refuelEvent},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn [_c('tbody',_vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,staticClass:\"text-center\"},[_c('vs-td',[_vm._v(_vm._s(indextr + 1))]),_c('vs-td',{attrs:{\"data\":data[indextr].mmsi}},[_vm._v(_vm._s(data[indextr].mmsi))]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.name}},[_vm._v(_vm._s(data[indextr].vessel.name))]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.latitude}},[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.isActiveNotification(data[indextr])}}},[_vm._v(\"\\n                  \"+_vm._s(data[indextr].latitude)+\" , \"+_vm._s(data[indextr].longitude)+\"\\n                \")])]),_c('vs-td',{attrs:{\"data\":data[indextr].transmit_time}},[_vm._v(_vm._s(data[indextr].transmit_time ? _vm.setDateFormatRecordTime(data[indextr].transmit_time, \"datetime\") : ''))]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.record_time}},[_vm._v(_vm._s(_vm.setDateFormatRecordTime(data[indextr].record_time, \"datetime\")))]),_c('vs-td',{attrs:{\"data\":data[indextr].refuel_event}},[_c('div',{staticClass:\"align-middle flex justify-center\"},[(data[indextr].refuel_event == 1)?_c('vs-chip',{attrs:{\"color\":\"#fdecb4\"}},[_c('p',{staticStyle:{\"color\":\"#000\"}},[_vm._v(\"เข้าเขตเรือรับน้ำมัน\")])]):(data[indextr].refuel_event == 2)?_c('vs-chip',{attrs:{\"color\":\"#188d09\"}},[_c('p',[_vm._v(\"เข้ารับน้ำมัน\")])]):(data[indextr].refuel_event == 3)?_c('vs-chip',{attrs:{\"color\":\"#ffe1c5\"}},[_c('p',{staticStyle:{\"color\":\"#000\"}},[_vm._v(\"ออกจากการเข้ารับน้ำมัน\")])]):(data[indextr].refuel_event == 4)?_c('vs-chip',{attrs:{\"color\":\"#fc7e2a\"}},[_c('p',[_vm._v(\"ออกนอกเขตเรือจ่ายน้ำมัน\")])]):_c('vs-chip',{attrs:{\"color\":\"gray\"}},[_c('p',[_vm._v(\"ปกติ\")])])],1)])],1)}),1)]}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ลำดับ\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"MMSI\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ชื่อเรือ\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ละติจูด , ลองจิจูด\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"วันที่สำรองข้อมูล\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"วันที่บันทึก\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"สถานะการเข้ารับน้ำมัน\")])])],1)],2)],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row mx-2\"},[_c('div',{staticClass:\"router-header flex flex-wrap items-center mb-6\"},[_c('div',{staticClass:\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"},[_c('h2',{staticClass:\"mb-1\"},[_vm._v(\"รายงานสถานะการติดตามเรือประมง\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"vx-row mx-2\">\n      <div class=\"router-header flex flex-wrap items-center mb-6\">\n        <div\n          class=\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"\n        >\n          <h2 class=\"mb-1\">รายงานสถานะการติดตามเรือประมง</h2>\n        </div>\n        <!-- <p class=\"mx-5 mt-2\">สถานะการเข้ารับน้ำมัน</p> -->\n      </div>\n    </div>\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-justify=\"center\"\n          vs-align=\"center\"\n          vs-lg=\"4\"\n          vs-sm=\"6\"\n          vs-xs=\"12\"\n        >\n          <div class=\"h7 px-1\">วันที่เริ่ม:</div>\n          <v-date-picker\n            v-model=\"dataSearchVessel.selectedDate\"\n            mode=\"dateTime\"\n            :masks=\"masks\"\n            is-range\n            is24hr \n            :locale=\"$i18n.locale\"\n            :buddhist=\"true\"\n            :max-date=\"new Date()\"\n          >\n            <template v-slot=\"{ inputValue, inputEvents }\">\n              <vs-button\n                v-on=\"inputEvents.start\"\n                size=\"small\"\n                color=\"#cccccc\"\n                type=\"border\"\n                class=\"w-full text-left\"\n              >\n                <div class=\"vx-row\">\n                  <vs-icon size=\"small\" icon=\"today\" color=\"dark\"></vs-icon>\n                  <h6 class=\"mt-1 mx-2\">\n                    {{setDateFormatTh(dataSearchVessel.selectedDate.start)}} -\n                    {{setDateFormatTh(dataSearchVessel.selectedDate.end)}}\n                  </h6>\n                  <p hidden>{{inputValue}}</p>\n                </div>\n              </vs-button>\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=\"3\"\n          vs-sm=\"2\"\n          vs-xs=\"12\"\n        >\n          <div class=\"h7 px-1\">MMSI:</div>\n          <vs-input\n            id=\"mmsi\"\n            v-model=\"dataSearchVessel.mmsi\"\n            class=\"w-full\"\n          /><br />\n        </vs-col>\n        <vs-col\n          vs-type=\"flex\"\n          class=\"mb-1\"\n          vs-align=\"center\"\n          vs-lg=\"5\"\n          vs-sm=\"3\"\n          vs-xs=\"12\"\n        >\n          <div class=\"h7 px-1\">สถานะการเข้ารับน้ำมัน : </div>\n          <v-select\n            id=\"refuelEvent\"\n            :options=\"refuelEventOptions\"\n            v-model=\"dataSearchVessel.status\"\n            class=\"w-1/2 p-1\"\n            label=\"name\"\n          /><br />\n          <vs-button\n            class=\"py-2 px-5 ml-2\"\n            color=\"#0066cc\"\n            type=\"border\"\n            icon-pack=\"feather\"\n            icon=\"icon-search\"\n            @click=\"searchVessel()\"\n            >ค้นหา</vs-button\n          >\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        <!-- <center>\n          <vs-alert\n            :active=\"statusLoadingVessel\"\n            color=\"primary\"\n            style=\"width: 90%\"\n            title=\"Loading....\"\n            >กำลังโหลดข้อมูลเรือ กรุณารอสักครู่...</vs-alert\n          >\n        </center> -->\n        <h4 class=\"my-3\">ผลการค้นหา</h4>\n        <vs-table\n          class=\"static\"\n          :max-items=\"descriptionItems[0]\"\n          description\n          :description-items=\"descriptionItems\"\n          description-title=\"Registries\"\n          description-connector=\"of\"\n          description-body=\"Pages\"\n          pagination\n          :data=\"refuelEvent\"\n        >\n          <template slot=\"thead\">\n            <vs-th><p class=\"mx-auto\">ลำดับ</p></vs-th>\n            <vs-th><p class=\"mx-auto\">MMSI</p></vs-th>\n            <vs-th><p class=\"mx-auto\">ชื่อเรือ</p></vs-th>\n            <vs-th><p class=\"mx-auto\">ละติจูด , ลองจิจูด</p></vs-th>\n            <vs-th><p class=\"mx-auto\">วันที่สำรองข้อมูล</p></vs-th>\n            <vs-th><p class=\"mx-auto\">วันที่บันทึก</p></vs-th>\n            <vs-th><p class=\"mx-auto\">สถานะการเข้ารับน้ำมัน</p></vs-th>\n          </template>\n          <template slot-scope=\"{ data }\">\n            <tbody>\n              <vs-tr\n                :key=\"indextr\"\n                v-for=\"(tr, indextr) in data\"\n                class=\"text-center\"\n              >\n                <vs-td>{{ indextr + 1 }}</vs-td>\n                <vs-td :data=\"data[indextr].mmsi\">{{\n                  data[indextr].mmsi\n                }}</vs-td>\n                <vs-td :data=\"data[indextr].vessel.name\">{{\n                  data[indextr].vessel.name\n                }}</vs-td>\n                <vs-td :data=\"data[indextr].vessel.latitude\">\n                  <a href=\"#\" @click=\"isActiveNotification(data[indextr])\">\n                    {{ data[indextr].latitude }} , {{ data[indextr].longitude }}\n                  </a>\n                </vs-td>\n                <vs-td :data=\"data[indextr].transmit_time\">{{\n                  data[indextr].transmit_time ? setDateFormatRecordTime(data[indextr].transmit_time, \"datetime\") : ''\n                }}</vs-td>\n                <vs-td :data=\"data[indextr].vessel.record_time\">{{\n                  setDateFormatRecordTime(data[indextr].record_time, \"datetime\")\n                }}</vs-td>\n                <vs-td :data=\"data[indextr].refuel_event\">\n                  <div class=\"align-middle flex justify-center\">\n                    <vs-chip v-if=\"data[indextr].refuel_event == 1\" color=\"#fdecb4\">\n                      <p style=\"color: #000\">เข้าเขตเรือรับน้ำมัน</p>\n                    </vs-chip>\n                    <vs-chip v-else-if=\"data[indextr].refuel_event == 2\" color=\"#188d09\">\n                      <p>เข้ารับน้ำมัน</p>\n                    </vs-chip>\n                    <vs-chip v-else-if=\"data[indextr].refuel_event == 3\" color=\"#ffe1c5\">\n                      <p style=\"color: #000\">ออกจากการเข้ารับน้ำมัน</p>\n                    </vs-chip>\n                    <vs-chip v-else-if=\"data[indextr].refuel_event == 4\" color=\"#fc7e2a\">\n                      <p>ออกนอกเขตเรือจ่ายน้ำมัน</p>\n                    </vs-chip>\n                    <vs-chip v-else color=\"gray\">\n                      <p>ปกติ</p>\n                    </vs-chip>\n                  </div>\n                </vs-td>\n              </vs-tr>\n            </tbody>\n          </template>\n        </vs-table>\n      </div>\n    </vx-card>\n  </div>\n</template>\n\n<script>\nimport vSelect from \"vue-select\";\nimport { mapState } from \"vuex\";\nimport Datepicker from \"vuejs-datepicker\";\nimport moment from \"moment-timezone\";\n\nexport default {\n  name: \"RefuelEvent\",\n  components: {\n    vSelect,\n    Datepicker,\n  },\n  data() {\n    return {\n      descriptionItems: [10, 25, 50, 100],\n      Datasuccess: [],\n      masks: {\n        input: 'YYYY-MM-DD H:mm',\n        title: 'MMMM YYYY',\n        weekdays: 'W',\n        navMonths: 'MMM',\n        dayPopover: 'WWW, MMM D, YYYY',\n        data: ['L', 'YYYY-MM-DD', 'YYYY/MM/DD'],\n      },\n      dataSearchVessel: {\n        mmsi: null,\n        selectedDate: {\n          start: new Date(),\n          end: new Date(),\n        },\n        status: {\n          id: 0,\n          name: \"ทั้งหมด\",\n          value: 0,\n        },\n      },\n      refuelEventOptions: [\n        {\n          id: 0,\n          name: \"ทั้งหมด\",\n          value: 0,\n        },\n        {\n          id: 1,\n          name: \"เข้าเขตเรือรับน้ำมัน\",\n          value: 1,\n        },\n        {\n          id: 2,\n          name: \"เข้ารับน้ำมัน\",\n          value: 2,\n        },\n        {\n          id: 3,\n          name: \"ออกจากการเข้ารับน้ำมัน\",\n          value: 3,\n        },\n        {\n          id: 4,\n          name: \"ออกนอกเขตเรือจ่ายน้ำมัน\",\n          value: 4,\n        },\n      ],\n    };\n  },\n  computed: mapState({\n    refuelEvent: (state) => state.rts.refuelEvent,\n  }),\n  created() {\n    this.searchVessel();\n  },\n  mounted() {},\n  watch: {\n  },\n  methods: {\n    async searchVessel() {\n      this.$vs.loading();\n      this.dataSearchVessel.selectedDate.start = this.setDateFormat(\n        this.dataSearchVessel.selectedDate.start\n      );\n      this.dataSearchVessel.selectedDate.end = this.setDateFormat(\n        this.dataSearchVessel.selectedDate.end\n      );\n      //   console.log(\"this.dataSearchVessel \", this.dataSearchVessel);\n      await this.$store.dispatch(\"rts/getRtsRefuelEvent\", this.dataSearchVessel);\n        console.log(\"refuelEvent \", this.refuelEvent);\n      this.$vs.loading.close();\n    },\n    setDateFormat(date) {\n      return moment(date).format(\"YYYY-MM-DD H:mm\");\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  if (type == \"datetime\"){\n        const newTime = moment(date).add(543, \"years\").format(\"DD/MM/YYYY H:mm:ss\");\n        return newTime;\n      } else {\n        const newTime = moment(date).format(\"LTS\");\n        return newTime;\n      }\n    },\n    setDateFormatTh(date) {\n      const locale = this.$i18n.locale;\n      if (locale == \"th\") {\n        const newDate = moment(date)\n          .tz(\"Asia/Bangkok\")\n          .add(543, \"years\")\n          .format(\"DD/MM/YYYY H:mm\");\n        return newDate;\n      } else {\n        const newDate = moment(date).format(\"DD/MM/YYYY\");\n        return newDate;\n      }\n    },\n    maxSelectDate(date) {\n      // disables the date if it is a multiple of 5\n      if (date.getDate() % 5 == 0) {\n        return true;\n      }\n\n      // <vs-chip v-if=\"data[indextr].refuel_event == 1\" color=\"#fdecb4\">\n      //   <p style=\"color: #000\">เข้าเขตเรือรับน้ำมัน</p>\n      // </vs-chip>\n      // <vs-chip v-else-if=\"data[indextr].refuel_event == 2\" color=\"#188d09\">\n      //   <p>เข้ารับน้ำมัน</p>\n      // </vs-chip>\n      // <vs-chip v-else-if=\"data[indextr].refuel_event == 3\" color=\"#ffe1c5\">\n      //   <p style=\"color: #000\">ออกจากการเข้ารับน้ำมัน</p>\n      // </vs-chip>\n      // <vs-chip v-else-if=\"data[indextr].refuel_event == 4\" color=\"#fc7e2a\">\n      //   <p>ออกนอกเขตเรือจ่ายน้ำมัน</p>\n      // </vs-chip>\n      // <vs-chip v-else color=\"gray\">\n      //   <p>ปกติ</p>\n      // </vs-chip>\n    },\n    async isActiveNotification(data) {\n      this.$vs.loading();\n\n      if (data.refuel_event == 1) {\n        data.to_s = `<p>ชื่อเรือ: ${data.vessel.name} <br/> \n          MMSI: ${data.vessel.mmsi}<br/>\n          วันที่: ${this.setDateFormatTh(data.record_time)}<br/>\n          เวลา: ${this.setDateFormatRecordTime(data.record_time)}</p>\n          สถานะ : <b style=\"color: #FDC200\"> เข้าเขตเรือรับน้ำมัน</b><br/>`\n      } else if (data.refuel_event == 2){\n        data.to_s = `<p>ชื่อเรือ: ${data.vessel.name} <br/> \n          MMSI: ${data.vessel.mmsi}<br/>\n          วันที่: ${this.setDateFormatTh(data.record_time)}<br/>\n          เวลา: ${this.setDateFormatRecordTime(data.record_time)}</p>\n          สถานะ : <b style=\"color: #188d09\"> เข้ารับน้ำมัน</b><br/>`\n      } else if (data.refuel_event == 3){\n        data.to_s = `<p>ชื่อเรือ: ${data.vessel.name} <br/> \n          MMSI: ${data.vessel.mmsi}<br/>\n          วันที่: ${this.setDateFormatTh(data.record_time)}<br/>\n          เวลา: ${this.setDateFormatRecordTime(data.record_time)}</p>\n          สถานะ : <b style=\"color: #FF7B00\"> ออกจากการเข้ารับน้ำมัน</b><br/>`\n      } else if (data.refuel_event == 4){\n        data.to_s = `<p>ชื่อเรือ: ${data.vessel.name} <br/> \n          MMSI: ${data.vessel.mmsi}<br/>\n          วันที่: ${this.setDateFormatTh(data.record_time)}<br/>\n          เวลา: ${this.setDateFormatRecordTime(data.record_time)}</p>\n          สถานะ : <b style=\"color: #B84A00\"> ออกนอกเขตเรือจ่ายน้ำมัน</b><br/>`\n      } else {\n        data.to_s = `<p>ชื่อเรือ: ${data.vessel.name} <br/> \n          MMSI: ${data.vessel.mmsi}<br/>\n          วันที่: ${this.setDateFormatTh(data.record_time)}<br/>\n          เวลา: ${this.setDateFormatRecordTime(data.record_time)}</p>\n          สถานะ : <b> ปกติ</b><br/>`\n      }\n\n      // this.$router.push(`/monitoring`);\n      // await this.$store.dispatch(\"rts/setPositionEventNotification\", data);\n      // this.$vs.loading.close();\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    },\n  },\n};\n</script>\n\n<style></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!./refuelEvent.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!./refuelEvent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./refuelEvent.vue?vue&type=template&id=118e314e\"\nimport script from \"./refuelEvent.vue?vue&type=script&lang=js\"\nexport * from \"./refuelEvent.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":""}