{"version":3,"sources":["webpack:///./src/views/registrationVessel/admin/print/RegisterPrintPDF.vue?55a0","webpack:///src/views/registrationVessel/admin/print/RegisterPrintPDF.vue","webpack:///./src/views/registrationVessel/admin/print/RegisterPrintPDF.vue?9f9d","webpack:///./src/views/registrationVessel/admin/print/RegisterPrintPDF.vue","webpack:///./src/views/registrationVessel/admin/print/RegisterPrintPDF.vue?d008"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","print","_v","vessels","scopedSlots","_u","key","fn","ref","data","_l","tr","indextr","staticStyle","_s","createdAt","formateDate","vessel","zone","province","name","branch","registration","createdBy","personType","mmsi","tonNet","tonGross","receiveOilCode","vesselType","usageType","capacity","formatNumber","status","accessoriesReceives","receiveDate","_e","slot","staticRenderFns","computed","_objectSpread","mapState","state","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","search","wrap","_context","prev","next","$vs","loading","localStorage","getItem","$store","dispatch","JSON","parse","console","log","close","stop","apply","arguments","methods","date","moment","add","format","window","component"],"mappings":"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","file":"js/chunk-0c4b0179.f475c3eb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"py-5 px-6 bg-white\"},[_c('vs-row',[_c('vs-col',{attrs:{\"vs-w\":\"10\"}}),_c('vs-col',{attrs:{\"vs-w\":\"2\"}},[_c('vs-button',{staticClass:\"ml-16 mb-5\",attrs:{\"id\":\"printPageButton\",\"type\":\"flat\",\"icon-pack\":\"feather\",\"icon\":\"icon-file\"},on:{\"click\":function($event){return _vm.print()}}},[_vm._v(\"\\n         Save PDF\\n       \")])],1)],1),_c('center',[_c('table',[_c('tbody',[_c('tr',[_c('td',[_c('center',[_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\":\"70px\",\"height\":\"80px\"}}),_c('h4',[_vm._v(\"รายชื่อเรือในโครงการเพิ่มประสิทธิภาพระบบควบคุม ตรวจสอบ และติดตามการจำหน่ายน้ำมันดีเซล \"),_c('br'),_vm._v(\"\\n               สำหรับชาวประมงในเขตต่อเนื่องของราชอาณาจักร\")]),_c('br')])],1)])])])]),_c('vs-table',{staticClass:\"text-center\",attrs:{\"data\":_vm.vessels},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,staticStyle:{\"font-size\":\"0.75rem\"},attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":indextr}},[_vm._v(\"\\n     \"+_vm._s(indextr + 1)+\"\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].createdAt}},[_vm._v(\"\\n     \"+_vm._s(_vm.formateDate(data[indextr].createdAt))+\"\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.zone.province}},[_vm._v(\"\\n     \"+_vm._s(data[indextr].vessel.zone.name)+\" (\"+_vm._s(data[indextr].vessel.zone.branch)+\")\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].registration.createdBy.personType}},[_vm._v(\"\\n     \"+_vm._s(data[indextr].registration.createdBy.personType == 'บุคคลทั่วไป'\n       ? (\"\" + (data[indextr].registration.createdBy.title) + (data[indextr].registration.createdBy.firstName) + \" \" + (data[indextr].registration.createdBy.lastName))\n       : (\"\" + (data[indextr].registration.createdBy.certificateOperateName)))+\"\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.mmsi}},[_vm._v(\"\\n     \"+_vm._s(data[indextr].vessel.mmsi)+\"\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.tonNet}},[_vm._v(\"\\n     \"+_vm._s(data[indextr].vessel.tonGross)+\"\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].registration.createdBy.personType}},[_vm._v(\"\\n     \"+_vm._s(data[indextr].registration.createdBy.personType)+\"\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].receiveOilCode}},[_vm._v(\"\\n     \"+_vm._s(data[indextr].receiveOilCode == 'null'\n       ? ''\n       : data[indextr].receiveOilCode)+\"\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.name}},[_vm._v(\"\\n     \"+_vm._s(data[indextr].vessel.name)+\"\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.vesselType}},[_vm._v(\"\\n     \"+_vm._s(data[indextr].vessel.vesselType)+\"\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.usageType}},[_vm._v(\"\\n     \"+_vm._s(data[indextr].vessel.usageType)+\"\\n    \")]),_c('vs-td',{attrs:{\"data\":data[indextr].vessel.capacity}},[_vm._v(\"\\n     \"+_vm._s(data[indextr].vessel.capacity &&\n      _vm.formatNumber(data[indextr].vessel.capacity))+\"\\n    \")]),_c('vs-td',{staticStyle:{\"width\":\"170px\"},attrs:{\"data\":data[indextr].status}},[_c('div',{staticClass:\"align-middle flex justify-center\"},[(data[indextr].status == 'รอยืนยันการลงทะเบียนเรือ')?_c('vs-chip',{attrs:{\"color\":\"#fdecb4\"}},[_c('p',{staticStyle:{\"color\":\"#000\"}},[_vm._v(\"รอยืนยันการลงทะเบียนเรือ\")])]):(data[indextr].status == 'ยืนยันการลงทะเบียนเรือ')?_c('vs-chip',{attrs:{\"color\":\"#dff1dc\"}},[_c('p',{staticStyle:{\"color\":\"#000\"}},[_vm._v(\"ยืนยันการลงทะเบียนเรือ\")])]):(data[indextr].status == 'แจ้งรับอุปกรณ์ติดตั้งเรือ')?_c('vs-chip',{attrs:{\"color\":\"#ffe1c5\"}},[_c('p',{staticStyle:{\"color\":\"#000\"}},[_vm._v(\"\\n        แจ้งรับอุปกรณ์ติดตั้งเรือ\\n        \"+_vm._s(_vm.formateDate(data[indextr].accessoriesReceives[0].receiveDate))+\"\\n       \")])]):(data[indextr].status == 'ยืนยันการรับอุปกรณ์ติดตั้งเรือ')?_c('vs-chip',[_vm._v(\"\\n       ยืนยันการรับอุปกรณ์ติดตั้งเรือ\\n      \")]):(data[indextr].status == 'รอการติดตั้งอุปกรณ์')?_c('vs-chip',{attrs:{\"color\":\"#fc7e2a\"}},[_c('p',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"รอการติดตั้งอุปกรณ์\")])]):(data[indextr].status == 'รอยืนยันการติดตั้งอุปกรณ์')?_c('vs-chip',[_c('p',{staticStyle:{\"color\":\"#000\"}},[_vm._v(\"รอยืนยันการติดตั้งอุปกรณ์\")])]):(data[indextr].status == 'ยืนยันการติดตั้งอุปกรณ์')?_c('vs-chip',{attrs:{\"color\":\"#188d09\"}},[_c('p',{staticStyle:{\"color\":\"#fff\"}},[_vm._v(\"ยืนยันการติดตั้งอุปกรณ์\")])]):_vm._e()],1)])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"id\"}},[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ลำดับ\")])]),_c('vs-th',{attrs:{\"sort-key\":\"id\"}},[_c('p',{staticClass:\"mx-auto\"},[_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',{attrs:{\"sort-key\":\"vessel.mmsi\"}},[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"MMSI\")])]),_c('vs-th',{attrs:{\"sort-key\":\"vessel.mmsi\"}},[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ตันกรอส\")])]),_c('vs-th',{attrs:{\"sort-key\":\"vessel.name\"}},[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ประเภทบุคคล\")])]),_c('vs-th',{attrs:{\"sort-key\":\"vessel.name\"}},[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"รหัสรับน้ำมัน\")])]),_c('vs-th',{attrs:{\"sort-key\":\"vessel.name\"}},[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ชื่อเรือ\")])]),_c('vs-th',{attrs:{\"sort-key\":\"type\"}},[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ประเภทเรือ\")])]),_c('vs-th',{attrs:{\"sort-key\":\"type\"}},[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ประเภทการใช้\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"ปริมาตรความจุถังน้ำมัน\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"สถานะ\")])])],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"py-5 px-6 bg-white\">\n    <vs-row>\n      <vs-col vs-w=\"10\"></vs-col>\n      <vs-col vs-w=\"2\">\n        <vs-button\n          id=\"printPageButton\"\n          type=\"flat\"\n          icon-pack=\"feather\"\n          icon=\"icon-file\"\n          @click=\"print()\"\n          class=\"ml-16 mb-5\"\n        >\n          Save PDF\n        </vs-button>\n      </vs-col>\n    </vs-row>\n    <center>\n      <table>\n        <tbody>\n          <tr>\n            <td>\n              <center>\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=\"70px\"\n                  height=\"80px\"\n                />\n                <h4>รายชื่อเรือในโครงการเพิ่มประสิทธิภาพระบบควบคุม ตรวจสอบ และติดตามการจำหน่ายน้ำมันดีเซล <br/>\n                สำหรับชาวประมงในเขตต่อเนื่องของราชอาณาจักร</h4>\n                <br />\n              </center>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </center>\n    <vs-table :data=\"vessels\" class=\"text-center\">\n      <template slot=\"thead\">\n        <vs-th sort-key=\"id\"><p class=\"mx-auto\">ลำดับ</p></vs-th>\n        <vs-th sort-key=\"id\"><p class=\"mx-auto\">วันที่ลงทะเบียน</p></vs-th>\n        <vs-th\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 sort-key=\"vessel.mmsi\"><p class=\"mx-auto\">MMSI</p></vs-th>\n        <vs-th sort-key=\"vessel.mmsi\"><p class=\"mx-auto\">ตันกรอส</p></vs-th>\n        <vs-th sort-key=\"vessel.name\"><p class=\"mx-auto\">ประเภทบุคคล</p></vs-th>\n        <vs-th sort-key=\"vessel.name\"\n          ><p class=\"mx-auto\">รหัสรับน้ำมัน</p></vs-th\n        >\n        <vs-th sort-key=\"vessel.name\"><p class=\"mx-auto\">ชื่อเรือ</p></vs-th>\n        <vs-th sort-key=\"type\"><p class=\"mx-auto\">ประเภทเรือ</p></vs-th>\n        <vs-th sort-key=\"type\"><p class=\"mx-auto\">ประเภทการใช้</p></vs-th>\n        <vs-th><p class=\"mx-auto text-center\">ปริมาตรความจุถังน้ำมัน</p></vs-th>\n        <vs-th><p class=\"mx-auto\">สถานะ</p></vs-th>\n      </template>\n\n   <template slot-scope=\"{ data }\">\n    <vs-tr\n     :data=\"tr\"\n     :key=\"indextr\"\n     v-for=\"(tr, indextr) in data\"\n     style=\"font-size: 0.75rem\"\n    >\n     <vs-td :data=\"indextr\">\n      {{ indextr + 1 }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].createdAt\">\n      {{ formateDate(data[indextr].createdAt) }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].vessel.zone.province\">\n      {{ data[indextr].vessel.zone.name }} ({{\n       data[indextr].vessel.zone.branch\n      }})\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].registration.createdBy.personType\">\n      {{\n       data[indextr].registration.createdBy.personType == 'บุคคลทั่วไป'\n        ? `${data[indextr].registration.createdBy.title}${data[indextr].registration.createdBy.firstName} ${data[indextr].registration.createdBy.lastName}`\n        : `${data[indextr].registration.createdBy.certificateOperateName}`\n      }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].vessel.mmsi\">\n      {{ data[indextr].vessel.mmsi }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].vessel.tonNet\">\n      {{ data[indextr].vessel.tonGross }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].registration.createdBy.personType\">\n      {{ data[indextr].registration.createdBy.personType }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].receiveOilCode\">\n      {{\n       data[indextr].receiveOilCode == 'null'\n        ? ''\n        : data[indextr].receiveOilCode\n      }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].vessel.name\">\n      {{ data[indextr].vessel.name }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].vessel.vesselType\">\n      {{ data[indextr].vessel.vesselType }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].vessel.usageType\">\n      {{ data[indextr].vessel.usageType }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].vessel.capacity\">\n      {{\n       data[indextr].vessel.capacity &&\n       formatNumber(data[indextr].vessel.capacity)\n      }}\n     </vs-td>\n\n     <vs-td :data=\"data[indextr].status\" style=\"width: 170px\">\n      <div class=\"align-middle flex justify-center\">\n       <vs-chip\n        v-if=\"data[indextr].status == 'รอยืนยันการลงทะเบียนเรือ'\"\n        color=\"#fdecb4\"\n       >\n        <p style=\"color: #000\">รอยืนยันการลงทะเบียนเรือ</p>\n       </vs-chip>\n       <vs-chip\n        v-else-if=\"data[indextr].status == 'ยืนยันการลงทะเบียนเรือ'\"\n        color=\"#dff1dc\"\n       >\n        <p style=\"color: #000\">ยืนยันการลงทะเบียนเรือ</p>\n       </vs-chip>\n       <vs-chip\n        v-else-if=\"data[indextr].status == 'แจ้งรับอุปกรณ์ติดตั้งเรือ'\"\n        color=\"#ffe1c5\"\n       >\n        <!-- TODO : get receiveDate last index -->\n        <p style=\"color: #000\">\n         แจ้งรับอุปกรณ์ติดตั้งเรือ\n         {{ formateDate(data[indextr].accessoriesReceives[0].receiveDate) }}\n        </p>\n       </vs-chip>\n       <vs-chip\n        v-else-if=\"data[indextr].status == 'ยืนยันการรับอุปกรณ์ติดตั้งเรือ'\"\n       >\n        ยืนยันการรับอุปกรณ์ติดตั้งเรือ\n       </vs-chip>\n       <vs-chip\n        v-else-if=\"data[indextr].status == 'รอการติดตั้งอุปกรณ์'\"\n        color=\"#fc7e2a\"\n       >\n        <p style=\"color: #fff\">รอการติดตั้งอุปกรณ์</p>\n       </vs-chip>\n       <vs-chip v-else-if=\"data[indextr].status == 'รอยืนยันการติดตั้งอุปกรณ์'\">\n        <p style=\"color: #000\">รอยืนยันการติดตั้งอุปกรณ์</p>\n       </vs-chip>\n       <vs-chip\n        v-else-if=\"data[indextr].status == 'ยืนยันการติดตั้งอุปกรณ์'\"\n        color=\"#188d09\"\n       >\n        <p style=\"color: #fff\">ยืนยันการติดตั้งอุปกรณ์</p>\n       </vs-chip>\n      </div>\n     </vs-td>\n    </vs-tr>\n   </template>\n  </vs-table>\n </div>\n</template>\n\n<script>\nimport moment from 'moment'\nimport { ENDPOINT } from '../../../../constants/endpoint'\nimport { mapState } from 'vuex'\nimport { formatNumber } from '@/utils/index'\n\nexport default {\n name: 'RegisterPrintPDF',\n data() {\n  return {\n   formatNumber,\n  }\n },\n computed: {\n  ...mapState({\n   vessels: (state) => state.vessels.vessels,\n  }),\n },\n async mounted() {\n  this.$vs.loading({})\n  const search = localStorage.getItem('search')\n  await this.$store.dispatch('vessels/setVessels', JSON.parse(search))\n  console.log('vessels ', this.vessels)\n  this.$vs.loading.close()\n },\n methods: {\n  formateDate(date) {\n   return date && moment(date).add(543, 'year').format('DD/MM/YYYY')\n  },\n  print() {\n   window.print()\n  },\n },\n}\n</script>\n\n<style lang=\"css\" scoped>\n.img-show {\n max-width: 370px;\n height: 225px;\n}\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</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!./RegisterPrintPDF.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!./RegisterPrintPDF.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RegisterPrintPDF.vue?vue&type=template&id=ff5b179c&scoped=true\"\nimport script from \"./RegisterPrintPDF.vue?vue&type=script&lang=js\"\nexport * from \"./RegisterPrintPDF.vue?vue&type=script&lang=js\"\nimport style0 from \"./RegisterPrintPDF.vue?vue&type=style&index=0&id=ff5b179c&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  \"ff5b179c\",\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!./RegisterPrintPDF.vue?vue&type=style&index=0&id=ff5b179c&prod&lang=css&scoped=true\""],"sourceRoot":""}