{"version":3,"sources":["webpack:///./src/pages/electric/record-genset.vue?454f","webpack:///src/pages/electric/record-genset.vue","webpack:///./src/pages/electric/record-genset.vue?e4c3","webpack:///./src/pages/electric/record-genset.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","isUserCanAccess","$route","expression","staticClass","scopedSlots","_u","key","fn","_v","staticStyle","attrs","locations","ref","code","model","filter","callback","$$v","$set","proxy","units","_l","unit","u","class","currentActive","on","$event","changeUnit","_s","_e","exportExcelPopup","item","date","row","idx","id","rows","length","_f","time","col","totalKwh","dialogDownload","closeExportExcelPopup","filterDownload","exportExcel","staticRenderFns","components","DatePicker","Dialog","computed","allFilter","siteId","companyCode","mapGetters","items","watch","immediate","handler","$store","commit","getData","deep","data","currentUrl","locationCode","methods","$vs","loading","dispatch","finally","close","fetchLocations","debounce","isActive","fetchUnits","component"],"mappings":"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","file":"js/record-genset-index.eb4c6fc3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess(_vm.$route, 'view')),expression:\"isUserCanAccess($route, 'view')\"}]},[_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-4\"},[_c('div',{staticClass:\"font-semibold mb-4\"},[_vm._v(\"Filter\")]),_c('VsRow',{staticClass:\"-mx-2 items-end\",staticStyle:{\"width\":\"auto\"}},[_c('VsCol',{staticClass:\"px-2\",attrs:{\"vs-lg\":\"3\"}},[_c('div',{staticClass:\"font-semibold mb-2\"},[_vm._v(\"Area\")]),_c('VSelect',{attrs:{\"placeholder\":\"Select area\",\"label\":\"name\",\"options\":_vm.locations,\"reduce\":function (ref) {\n          var code = ref.code;\n\n          return code;\n},\"searchable\":false,\"deselect-from-dropdown\":\"\"},model:{value:(_vm.filter.locationCode),callback:function ($$v) {_vm.$set(_vm.filter, \"locationCode\", $$v)},expression:\"filter.locationCode\"}})],1)],1)],1)]},proxy:true}])}),(_vm.units.length)?_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"flex overflow-x-auto whitespace-no-wrap\"},_vm._l((_vm.units),function(unit,u){return _c('div',{key:u,staticClass:\"rounded px-2 py-1 hover:bg-gray-200 cursor-pointer\",class:{\n            'bg-gray-200 text-primary': unit.code === _vm.currentActive,\n            'ml-2': u !== 0\n          },on:{\"click\":function($event){return _vm.changeUnit(unit)}}},[_vm._v(\" \"+_vm._s(unit.name)+\" \")])}),0)]},proxy:true}],null,false,3791023535)}):_vm._e(),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-0 md:p-4\"},[_c('div',{staticClass:\"flex flex-wrap\"},[_c('DatePicker',{staticClass:\"mb-8 w-full lg:w-1/5\",attrs:{\"placeholder\":\"DD-MM-YYYY\",\"format\":\"DD-MM-YYYY\",\"type\":\"date\"},model:{value:(_vm.filter.date),callback:function ($$v) {_vm.$set(_vm.filter, \"date\", $$v)},expression:\"filter.date\"}}),_c('div',{staticClass:\"w-full lg:w-3/5\"}),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess(_vm.$route, 'download')),expression:\"isUserCanAccess($route, 'download')\"}],staticClass:\"btn btn-primary flex-none w-full lg:w-1/5\",staticStyle:{\"height\":\"2.5rem\"},on:{\"click\":_vm.exportExcelPopup}},[_vm._v(\" Download \")])],1),_c('div',{staticStyle:{\"overflow-x\":\"auto\"}},[_c('table',{staticClass:\"table-custom\"},[_c('thead',[_c('tr',[_c('th',{attrs:{\"rowspan\":\"3\",\"width\":\"200\"}},[_vm._v(\"Date\")]),_c('th',{attrs:{\"rowspan\":\"3\"}},[_vm._v(\"Time\")]),_c('th',{attrs:{\"colspan\":\"6\"}},[_vm._v(\"ELECTRICAL SYSTEM\")]),_c('th',{attrs:{\"colspan\":\"3\"}},[_vm._v(\"MECHANIC SYSTEM\")]),_c('th',{attrs:{\"rowspan\":\"3\"}},[_vm._v(\"HOUR METER\")]),_c('th',{attrs:{\"rowspan\":\"2\",\"colspan\":\"2\"}},[_vm._v(\"FUEL CONSUMPTION\")]),_c('th',{attrs:{\"rowspan\":\"3\"}},[_vm._v(\"Total KWH\")])]),_c('tr',[_c('th',[_vm._v(\"Voltage (V)\")]),_c('th',[_vm._v(\"Current (A)\")]),_c('th',{attrs:{\"rowspan\":\"2\"}},[_vm._v(\"POWER (kw)\")]),_c('th',{attrs:{\"rowspan\":\"2\"}},[_vm._v(\"PF\")]),_c('th',{attrs:{\"rowspan\":\"2\"}},[_vm._v(\"KWH\")]),_c('th',{attrs:{\"rowspan\":\"2\"}},[_vm._v(\"Freq (Hz)\")]),_c('th',{attrs:{\"colspan\":\"2\"}},[_vm._v(\"LUBRICATION OIL\")]),_c('th',[_vm._v(\"COOL TEMP (C)\")])]),_c('tr',[_c('th',[_vm._v(\"V 1-2\")]),_c('th',[_vm._v(\"L1/L2/L3\")]),_c('th',[_vm._v(\"PRESS (KPA)\")]),_c('th',[_vm._v(\"TEMP (C)\")]),_c('th',[_vm._v(\"LEFT/RIGHT\")]),_c('th',[_vm._v(\"INLET\")]),_c('th',[_vm._v(\"OUTLET\")])])]),_vm._l((_vm.items),function(item){return _c('tbody',{key:item.date},_vm._l((item.rows),function(row,idx){return _c('tr',{key:row.id},[(idx == 0)?[_c('td',{attrs:{\"rowspan\":item.rows.length + 1}},[_vm._v(_vm._s(_vm._f(\"moment\")(item.date,'DD-MMM-YYYY')))])]:_vm._e(),_c('td',[_vm._v(_vm._s(_vm._f(\"moment\")(row.time,'HH:mm')))]),_vm._l((row.row),function(col){return _c('td',{key:((row.id) + \"_\" + (col.code))},[_vm._v(\" \"+_vm._s(col.value)+\" \")])}),(idx == 0)?[_c('td',{attrs:{\"rowspan\":item.rows.length + 1}},[_vm._v(_vm._s(item.totalKwh))])]:_vm._e()],2)}),0)})],2)])])]},proxy:true}])}),_c('Dialog',{model:{value:(_vm.dialogDownload),callback:function ($$v) {_vm.dialogDownload=$$v},expression:\"dialogDownload\"}},[[_c('AppCard',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"tm-title flex-1\"},[_vm._v(\" Download Option \")])]},proxy:true},{key:\"action\",fn:function(){return [_c('div',{staticClass:\"ml-auto\"},[_c('vs-button',{staticClass:\"btn\",attrs:{\"color\":\"danger\",\"icon\":\"close\"},on:{\"click\":_vm.closeExportExcelPopup}})],1)]},proxy:true},{key:\"content\",fn:function(){return [_c('div',[_c('DatePicker',{attrs:{\"type\":\"date\",\"placeholder\":\"DD-MM-YYYY\",\"range\":\"\",\"format\":\"DD-MM-YYYY\"},model:{value:(_vm.filterDownload.date),callback:function ($$v) {_vm.$set(_vm.filterDownload, \"date\", $$v)},expression:\"filterDownload.date\"}})],1),_c('div',{staticStyle:{\"margin-top\":\"1rem\"}},[_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.exportExcel}},[_vm._v(\"Download Now\")])])]},proxy:true}])})]],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"isUserCanAccess($route, 'view')\">\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-4\">\n          <div class=\"font-semibold mb-4\">Filter</div>\n          <VsRow class=\"-mx-2 items-end\" style=\"width: auto\">\n            <VsCol class=\"px-2\" vs-lg=\"3\">\n              <div class=\"font-semibold mb-2\">Area</div>\n              <VSelect\n                placeholder=\"Select area\"\n                v-model=\"filter.locationCode\"\n                label=\"name\"\n                :options=\"locations\"\n                :reduce=\"({ code }) => code\"\n                :searchable=\"false\"\n                deselect-from-dropdown\n              />\n            </VsCol>\n          </VsRow>\n        </div>\n      </template>\n    </AppCard>\n\n    <AppCard class=\"mt-8\" v-if=\"units.length\">\n      <template #content>\n        <div class=\"flex overflow-x-auto whitespace-no-wrap\">\n          <div\n            class=\"rounded px-2 py-1 hover:bg-gray-200 cursor-pointer\"\n            :class=\"{\n              'bg-gray-200 text-primary': unit.code === currentActive,\n              'ml-2': u !== 0\n            }\"\n            v-for=\"(unit, u) in units\"\n            :key=\"u\"\n            @click=\"changeUnit(unit)\"\n          >\n            {{ unit.name }}\n          </div>\n        </div>\n      </template>\n    </AppCard>\n\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-0 md:p-4\">\n          <div class=\"flex flex-wrap\">\n            <DatePicker v-model=\"filter.date\" placeholder=\"DD-MM-YYYY\" format=\"DD-MM-YYYY\" type=\"date\" class=\"mb-8 w-full lg:w-1/5\" />\n            <div class=\"w-full lg:w-3/5\"></div>\n            <button\n              class=\"btn btn-primary flex-none w-full lg:w-1/5\"\n              v-show=\"isUserCanAccess($route, 'download')\"\n              style=\"height:2.5rem\"\n              @click=\"exportExcelPopup\"\n            >\n              Download\n            </button>\n          </div>\n          <div style=\"overflow-x:auto;\">\n            <table class=\"table-custom\">\n              <thead>\n                <tr>\n                  <th rowspan=\"3\" width=\"200\">Date</th>\n                  <th rowspan=\"3\">Time</th>\n                  <th colspan=\"6\">ELECTRICAL SYSTEM</th>\n                  <th colspan=\"3\">MECHANIC SYSTEM</th>\n                  <th rowspan=\"3\">HOUR METER</th>\n                  <th rowspan=\"2\" colspan=\"2\">FUEL CONSUMPTION</th>\n                  <th rowspan=\"3\">Total KWH</th>\n                </tr>\n                <tr>\n                  <th>Voltage (V)</th>\n                  <th>Current (A)</th>\n                  <th rowspan=\"2\">POWER (kw)</th>\n                  <th rowspan=\"2\">PF</th>\n                  <th rowspan=\"2\">KWH</th>\n                  <th rowspan=\"2\">Freq (Hz)</th>\n                  <th colspan=\"2\">LUBRICATION OIL</th>\n                  <th>COOL TEMP (C)</th>\n                </tr>\n                <tr>\n                  <th>V 1-2</th>\n                  <th>L1/L2/L3</th>\n                  <th>PRESS (KPA)</th>\n                  <th>TEMP (C)</th>\n                  <th>LEFT/RIGHT</th>\n                  <th>INLET</th>\n                  <th>OUTLET</th>\n                </tr>\n              </thead>\n              <tbody v-for=\"item in items\" :key=\"item.date\">\n                <tr v-for=\"(row, idx) in item.rows\" :key=\"row.id\">\n                  <template v-if=\"idx == 0\">\n                    <td :rowspan=\"item.rows.length + 1\">{{ item.date | moment('DD-MMM-YYYY') }}</td>\n                  </template>\n                  <td>{{ row.time | moment('HH:mm') }}</td>\n                  <td v-for=\"col in row.row\" :key=\"`${row.id}_${col.code}`\">\n                    {{ col.value }}\n                  </td>\n                  <template v-if=\"idx == 0\">\n                    <td :rowspan=\"item.rows.length + 1\">{{ item.totalKwh }}</td>\n                  </template>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n\n    <!-- Pop up Download -->\n    <Dialog v-model=\"dialogDownload\">\n      <template>\n        <AppCard>\n          <template #title>\n            <div class=\"tm-title flex-1\">\n              Download Option\n            </div>\n          </template>\n          <template #action>\n            <div class=\"ml-auto\">\n              <!-- <button class=\"btn btn-primary outline\" @click=\"closeExportExcelPopup\">X</button> -->\n              <vs-button class=\"btn\" color=\"danger\" icon=\"close\" @click=\"closeExportExcelPopup\" />\n            </div>\n          </template>\n          <template #content>\n            <div>\n              <DatePicker type=\"date\" v-model=\"filterDownload.date\" placeholder=\"DD-MM-YYYY\" range format=\"DD-MM-YYYY\" />\n            </div>\n            <div style=\"margin-top:1rem\">\n              <button class=\"btn btn-primary\" @click=\"exportExcel\">Download Now</button>\n            </div>\n          </template>\n        </AppCard>\n      </template>\n    </Dialog>\n  </div>\n</template>\n\n<script>\nimport { debounce } from 'lodash';\nimport { mapGetters } from 'vuex';\nimport DatePicker from 'vue2-datepicker';\nimport 'vue2-datepicker/index.css';\nimport Dialog from '@/components/Base/Dialog';\n\nexport default {\n  name: 'ElectriRecordGensetReport',\n  components: {\n    DatePicker,\n    Dialog\n  },\n  computed: {\n    allFilter() {\n      return {\n        ...this.filter,\n        siteId: this.siteId,\n        companyCode: this.companyCode\n      };\n    },\n    ...mapGetters({\n      items: 'ElectricRecordGenset/items',\n      units: 'ElectricRecordGenset/units',\n      siteId: 'Filter/siteId',\n      companyCode: 'Filter/companyCode',\n      locations: 'Location/items'\n    })\n  },\n  watch: {\n    currentActive: {\n      immediate: true,\n      handler() {\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.getData();\n      }\n    },\n    allFilter: {\n      deep: true,\n      handler() {\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.getData();\n      }\n    },\n    siteId: 'fetchLocations',\n    companyCode: {\n      immediate: true,\n      handler: 'fetchLocations'\n    },\n    'filter.locationCode': 'fetchUnits'\n  },\n  data: () => ({\n    currentActive: null,\n    currentUrl: null,\n    filter: {\n      date: null,\n      locationCode: null\n    },\n    filterDownload: {\n      date: null\n    },\n    dialogDownload: false\n  }),\n  methods: {\n    getData() {\n      if (!this.currentActive) return;\n      this.$vs.loading();\n      this.$store.dispatch('ElectricRecordGenset/fetchData', { ...this.allFilter, unit: this.currentActive }).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    fetchLocations: debounce(function() {\n      const { siteId, companyCode } = this;\n      this.$store.dispatch('Location/fetch', { siteId, companyCode, isActive: true });\n    }, 500),\n    fetchUnits() {\n      const { siteId, companyCode } = this;\n      const { locationCode } = this.filter;\n      this.$store.dispatch('ElectricRecordGenset/fetchUnits', { siteId, companyCode, locationCode });\n    },\n    changeUnit(unit) {\n      this.currentActive = unit.code;\n    },\n    exportExcelPopup() {\n      this.dialogDownload = true;\n    },\n    closeExportExcelPopup() {\n      this.dialogDownload = false;\n    },\n    exportExcel() {\n      this.$vs.loading();\n      this.$store.dispatch('ElectricRecordGenset/exportExcel', { date: this.filterDownload.date }).finally(() => {\n        this.$vs.loading.close();\n      });\n    }\n  }\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./record-genset.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/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!./record-genset.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./record-genset.vue?vue&type=template&id=e50bb532&\"\nimport script from \"./record-genset.vue?vue&type=script&lang=js&\"\nexport * from \"./record-genset.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":""}