{"version":3,"sources":["webpack:///./src/components/StatusBadge/index.vue?367e","webpack:///src/components/StatusBadge/index.vue","webpack:///./src/components/StatusBadge/index.vue?9abd","webpack:///./src/components/StatusBadge/index.vue","webpack:///./src/components/StatusBadge/index.vue?2a85","webpack:///./src/pages/oil-analysis/index.vue?e2a5","webpack:///src/pages/oil-analysis/index.vue","webpack:///./src/pages/oil-analysis/index.vue?a79c","webpack:///./src/pages/oil-analysis/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","getBackgroundColor","_v","_s","status","transformStatus","staticRenderFns","props","type","String","default","methods","toLowerCase","startCase","camelCase","component","directives","name","rawName","value","isUserCanAccess","$route","expression","scopedSlots","_u","key","fn","staticStyle","attrs","model","filter","callback","$$v","$set","proxy","itemsLocal","on","fetchOilAnalysisData","ref","data","_l","item","index","$event","downloadPdf","reportUrl","items","customerName","labNumber","sampleDate","moment","format","receiveDate","reportDate","unitNumber","serialNo","oilCHG","components","DatePicker","TableHeader","TableFooter","StatusBadge","mounted","computed","allFilter","siteId","companyCode","mapGetters","watch","handler","newItems","deep","$store","commit","date","add","$vs","loading","dispatch","filterDate","finally","close","window","open"],"mappings":"gHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,+CAA+CC,MAAMP,EAAIQ,sBAAsB,CAACR,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,OAASX,EAAIY,gBAAgBZ,EAAIW,QAAU,WAAW,UACxRE,EAAkB,G,YCUP,GACfC,MAAA,CACAH,OAAA,CACAI,KAAAC,OACAC,QAAA,OAGAC,QAAA,CACAV,qBACA,QAAAG,OACA,YAAAA,OAAAQ,eACA,aACA,uBACA,gBACA,0BACA,kBACA,4BACA,eACA,yBACA,QACA,wBAGA,yBAEAP,gBAAAD,GACA,OAAAS,uBAAAC,uBAAAV,OCrC8V,I,wBCQ1VW,EAAY,eACd,EACAvB,EACAc,GACA,EACA,KACA,WACA,MAIa,OAAAS,E,oECnBf,W,yCCAA,IAAIvB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACmB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAO1B,EAAI2B,gBAAgB3B,EAAI4B,OAAQ,QAASC,WAAW,qCAAqC,CAACzB,EAAG,UAAU,CAACE,YAAY,OAAOwB,YAAY9B,EAAI+B,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAAC7B,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIS,GAAG,YAAYL,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAAC8B,YAAY,CAAC,KAAO,MAAM,CAAC9B,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIS,GAAG,gBAAgBL,EAAG,aAAa,CAAC+B,MAAM,CAAC,MAAQ,GAAG,KAAO,QAAQ,UAAY,SAAS,YAAc,UAAU,OAAS,WAAWC,MAAM,CAACV,MAAO1B,EAAIqC,OAAW,KAAEC,SAAS,SAAUC,GAAMvC,EAAIwC,KAAKxC,EAAIqC,OAAQ,OAAQE,IAAMV,WAAW,kBAAkB,SAASY,OAAM,OAAUrC,EAAG,UAAU,CAACE,YAAY,OAAOwB,YAAY9B,EAAI+B,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAAC7B,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,UAAU,CAAC+B,MAAM,CAAC,OAAS,GAAG,IAAM,GAAG,KAAOnC,EAAI0C,YAAYZ,YAAY9B,EAAI+B,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAAC7B,EAAG,cAAc,CAAC+B,MAAM,CAAC,cAAc,IAAIQ,GAAG,CAAC,MAAQ3C,EAAI4C,0BAA0BH,OAAM,GAAM,CAACT,IAAI,QAAQC,GAAG,WAAW,MAAO,CAAC7B,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,YAAYL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,YAAYL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,mBAAmBL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,gBAAgBL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,iBAAiBL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,kBAAkBL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,iBAAiBL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,iBAAiBL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,eAAeL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,WAAWL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,mBAAmBL,EAAG,QAAQ,CAAC+B,MAAM,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,eAAegC,OAAM,GAAM,CAACT,IAAI,UAAUC,GAAG,SAASY,GACt6D,IAAIC,EAAOD,EAAIC,KACf,OAAO9C,EAAI+C,GAAG,GAAO,SAASC,EAAKC,GAAO,OAAO7C,EAAG,QAAQ,CAAC4B,IAAIiB,GAAO,CAAC7C,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOa,IAAO,CAAC5C,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,WAAW,CAACmB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAO1B,EAAI2B,gBAAgB3B,EAAI4B,OAAQ,YAAaC,WAAW,wCAAwCvB,YAAY,cAAc6B,MAAM,CAAC,KAAO,UAAU,KAAO,QAAQQ,GAAG,CAAC,MAAQ,SAASO,GAAQ,OAAOlD,EAAImD,YAAYH,EAAKI,gBAAgB,KAAKhD,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOa,EAAKrC,SAAS,CAACP,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,cAAc,CAACE,YAAY,cAAc6B,MAAM,CAAC,OAASa,EAAKrC,WAAW,KAAKP,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOnC,EAAIqD,MAAMC,eAAe,CAACtD,EAAIS,GAAGT,EAAIU,GAAGsC,EAAKM,iBAAiBlD,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOnC,EAAIqD,MAAME,YAAY,CAACvD,EAAIS,GAAGT,EAAIU,GAAGsC,EAAKO,cAAcnD,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOnC,EAAIqD,MAAMG,aAAa,CAACxD,EAAIS,GAAGT,EAAIU,GAAGV,EAAIyD,OAAOT,EAAKQ,YAAYE,OAAO,wBAAwBtD,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOnC,EAAIqD,MAAMM,cAAc,CAAC3D,EAAIS,GAAGT,EAAIU,GAAGV,EAAIyD,OAAOT,EAAKW,aAAaD,OAAO,wBAAwBtD,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOnC,EAAIqD,MAAMO,aAAa,CAAC5D,EAAIS,GAAGT,EAAIU,GAAGV,EAAIyD,OAAOT,EAAKY,YAAYF,OAAO,wBAAwBtD,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOnC,EAAIqD,MAAMQ,aAAa,CAAC7D,EAAIS,GAAGT,EAAIU,GAAGsC,EAAKa,eAAezD,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOnC,EAAIqD,MAAM/B,YAAY,CAACtB,EAAIS,GAAGT,EAAIU,GAAGsC,EAAK1B,cAAclB,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOnC,EAAIqD,MAAMjB,QAAQ,CAACpC,EAAIS,GAAGT,EAAIU,GAAGsC,EAAKZ,UAAUhC,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOnC,EAAIqD,MAAMS,WAAW,CAAC9D,EAAIS,GAAGT,EAAIU,GAAGsC,EAAKc,aAAa1D,EAAG,QAAQ,CAAC+B,MAAM,CAAC,KAAOnC,EAAIqD,MAAMU,SAAS,CAAC/D,EAAIS,GAAGT,EAAIU,GAAGsC,EAAKe,YAAY,YAAW3D,EAAG,cAAc,CAACuC,GAAG,CAAC,MAAQ3C,EAAI4C,yBAAyB,KAAKH,OAAM,QAAW,IACpoD5B,EAAkB,G,iFC+EP,GACfmD,WAAA,CACAC,kBACAC,mBACAC,mBACAC,oBAEAC,UACA,KAAAzB,wBAEA0B,SAAA,CACAC,YACA,UACA,KAAAlC,OACAmC,OAAA,KAAAA,OACAC,YAAA,KAAAA,iBAGAC,eAAA,CACArB,MAAA,oBACAmB,OAAA,gBACAC,YAAA,wBAGAE,MAAA,CACAtB,MAAA,CACAuB,QAAAC,GACA,KAAAnC,WAAAmC,IAGAN,UAAA,CACAO,MAAA,EACAF,UACA,KAAAG,OAAAC,OAAA,wBACA,KAAApC,0BAIAE,OACA,OACAT,OAAA,CACA4C,KAAA,CACAxB,MAAAC,OAAA,WACAD,MACAyB,IAAA,WACAxB,OAAA,aAGAhB,WAAA,KAGAxB,QAAA,CACAuC,WACAb,uBACA,KAAAuC,IAAAC,UACA,aAAAZ,EAAA,YAAAC,GAAA,KACA,KAAAM,OAAAM,SAAA,qCAAAC,WAAA,KAAAjD,OAAA4C,KAAAT,SAAAC,gBAAAc,QAAA,KACA,KAAAJ,IAAAC,QAAAI,WAGArC,YAAAC,GACAqC,OAAAC,KAAAtC,EAAA,aC/I8V,I,YCO1V9B,EAAY,eACd,EACAvB,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAS,E","file":"js/oil-analysis.a548d088.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"p-2 w-24 rounded-full text-white text-center\",class:_vm.getBackgroundColor()},[_vm._v(\" \"+_vm._s(_vm.status ? _vm.transformStatus(_vm.status) : 'Unknown')+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"p-2 w-24 rounded-full text-white text-center\" :class=\"getBackgroundColor()\">\n      {{ status ? transformStatus(status) : 'Unknown' }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport { camelCase, startCase } from 'lodash';\n\nexport default {\n  props: {\n    status: {\n      type: String,\n      default: null\n    }\n  },\n  methods: {\n    getBackgroundColor() {\n      if (this.status) {\n        switch (this.status.toLowerCase()) {\n          case 'urgent':\n            return 'pill-bg-urgent';\n          case 'attention':\n            return 'pill-bg-attention';\n          case 'in_progress':\n            return 'pill-bg-in-progress';\n          case 'approved':\n            return 'pill-bg-approved';\n          default:\n            return 'pill-bg-default';\n        }\n      }\n      return 'pill-bg-default';\n    },\n    transformStatus(status) {\n      return startCase(camelCase(status));\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\" scoped>\n.pill-bg-urgent\n  background-color: #DF2626\n\n.pill-bg-attention\n  background-color: #ECAC30\n\n.pill-bg-in-progress\n  background-color: #D47200\n\n.pill-bg-approved\n  background-color: #6DD400\n\n.pill-bg-default\n  background-color: #000000\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/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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=9bfffc4c&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=9bfffc4c&lang=sass&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  \"9bfffc4c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=9bfffc4c&lang=sass&scoped=true&\"","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('div',{staticClass:\"flex items-end\"},[_c('div',{staticStyle:{\"flex\":\"1\"}},[_c('div',{staticClass:\"font-semibold mb-2\"},[_vm._v(\"Range Date\")]),_c('DatePicker',{attrs:{\"range\":\"\",\"type\":\"month\",\"valueType\":\"format\",\"placeholder\":\"YYYY-MM\",\"format\":\"YYYY-MM\"},model:{value:(_vm.filter.date),callback:function ($$v) {_vm.$set(_vm.filter, \"date\", $$v)},expression:\"filter.date\"}})],1)])])]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-0 md:p-4\"},[_c('VsTable',{attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.itemsLocal},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('TableHeader',{attrs:{\"hide-search\":\"\"},on:{\"fetch\":_vm.fetchOilAnalysisData}})]},proxy:true},{key:\"thead\",fn:function(){return [_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Action\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Status\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Customer Name\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Lab Number\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Sample Date\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Receive Date\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Report Date\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Unit Number\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Component\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Model\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Serial Number\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Oil Chg\")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,index){return _c('vs-tr',{key:index},[_c('vs-td',{attrs:{\"data\":item}},[_c('div',{staticClass:\"flex flex-col justify-center\"},[_c('VsButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess(_vm.$route, 'download')),expression:\"isUserCanAccess($route, 'download')\"}],staticClass:\"self-center\",attrs:{\"icon\":\"get_app\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.downloadPdf(item.reportUrl)}}})],1)]),_c('vs-td',{attrs:{\"data\":item.status}},[_c('div',{staticClass:\"flex flex-col justify-center\"},[_c('StatusBadge',{staticClass:\"self-center\",attrs:{\"status\":item.status}})],1)]),_c('vs-td',{attrs:{\"data\":_vm.items.customerName}},[_vm._v(_vm._s(item.customerName))]),_c('vs-td',{attrs:{\"data\":_vm.items.labNumber}},[_vm._v(_vm._s(item.labNumber))]),_c('vs-td',{attrs:{\"data\":_vm.items.sampleDate}},[_vm._v(_vm._s(_vm.moment(item.sampleDate).format('DD-MM-YYYY HH:mm')))]),_c('vs-td',{attrs:{\"data\":_vm.items.receiveDate}},[_vm._v(_vm._s(_vm.moment(item.receiveDate).format('DD-MM-YYYY HH:mm')))]),_c('vs-td',{attrs:{\"data\":_vm.items.reportDate}},[_vm._v(_vm._s(_vm.moment(item.reportDate).format('DD-MM-YYYY HH:mm')))]),_c('vs-td',{attrs:{\"data\":_vm.items.unitNumber}},[_vm._v(_vm._s(item.unitNumber))]),_c('vs-td',{attrs:{\"data\":_vm.items.component}},[_vm._v(_vm._s(item.component))]),_c('vs-td',{attrs:{\"data\":_vm.items.model}},[_vm._v(_vm._s(item.model))]),_c('vs-td',{attrs:{\"data\":_vm.items.serialNo}},[_vm._v(_vm._s(item.serialNo))]),_c('vs-td',{attrs:{\"data\":_vm.items.oilCHG}},[_vm._v(_vm._s(item.oilCHG))])],1)})}}])}),_c('TableFooter',{on:{\"fetch\":_vm.fetchOilAnalysisData}})],1)]},proxy:true}])})],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          <div class=\"flex items-end\">\n            <div style=\"flex:1\">\n              <div class=\"font-semibold mb-2\">Range Date</div>\n              <DatePicker range type=\"month\" valueType=\"format\" v-model=\"filter.date\" placeholder=\"YYYY-MM\" format=\"YYYY-MM\" />\n            </div>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-0 md:p-4\">\n          <VsTable stripe sst :data=\"itemsLocal\">\n            <template #header>\n              <TableHeader hide-search @fetch=\"fetchOilAnalysisData\" />\n            </template>\n            <template #thead>\n              <vs-th width=\"100\">Action</vs-th>\n              <vs-th width=\"100\">Status</vs-th>\n              <vs-th width=\"100\">Customer Name</vs-th>\n              <vs-th width=\"100\">Lab Number</vs-th>\n              <vs-th width=\"100\">Sample Date</vs-th>\n              <vs-th width=\"100\">Receive Date</vs-th>\n              <vs-th width=\"100\">Report Date</vs-th>\n              <vs-th width=\"100\">Unit Number</vs-th>\n              <vs-th width=\"100\">Component</vs-th>\n              <vs-th width=\"100\">Model</vs-th>\n              <vs-th width=\"100\">Serial Number</vs-th>\n              <vs-th width=\"100\">Oil Chg</vs-th>\n            </template>\n            <template slot-scope=\"{ data }\">\n              <vs-tr v-for=\"(item, index) of data\" :key=\"index\">\n                <vs-td :data=\"item\">\n                  <div class=\"flex flex-col justify-center\">\n                    <VsButton\n                      icon=\"get_app\"\n                      type=\"flat\"\n                      v-show=\"isUserCanAccess($route, 'download')\"\n                      class=\"self-center\"\n                      @click=\"downloadPdf(item.reportUrl)\"\n                    />\n                  </div>\n                </vs-td>\n                <vs-td :data=\"item.status\">\n                  <div class=\"flex flex-col justify-center\">\n                    <StatusBadge :status=\"item.status\" class=\"self-center\" />\n                  </div>\n                </vs-td>\n                <vs-td :data=\"items.customerName\">{{ item.customerName }}</vs-td>\n                <vs-td :data=\"items.labNumber\">{{ item.labNumber }}</vs-td>\n                <vs-td :data=\"items.sampleDate\">{{ moment(item.sampleDate).format('DD-MM-YYYY HH:mm') }}</vs-td>\n                <vs-td :data=\"items.receiveDate\">{{ moment(item.receiveDate).format('DD-MM-YYYY HH:mm') }}</vs-td>\n                <vs-td :data=\"items.reportDate\">{{ moment(item.reportDate).format('DD-MM-YYYY HH:mm') }}</vs-td>\n                <vs-td :data=\"items.unitNumber\">{{ item.unitNumber }}</vs-td>\n                <vs-td :data=\"items.component\">{{ item.component }}</vs-td>\n                <vs-td :data=\"items.model\">{{ item.model }}</vs-td>\n                <vs-td :data=\"items.serialNo\">{{ item.serialNo }}</vs-td>\n                <vs-td :data=\"items.oilCHG\">{{ item.oilCHG }}</vs-td>\n              </vs-tr>\n            </template>\n          </VsTable>\n          <TableFooter @fetch=\"fetchOilAnalysisData\" />\n        </div>\n      </template>\n    </AppCard>\n  </div>\n</template>\n\n<script>\nimport DatePicker from 'vue2-datepicker';\nimport moment from 'moment';\nimport { mapGetters } from 'vuex';\nimport TableHeader from '@/components/Table/TableHeader';\nimport TableFooter from '@/components/Table/TableFooter';\nimport StatusBadge from '@/components/StatusBadge';\n\nexport default {\n  components: {\n    DatePicker,\n    TableHeader,\n    TableFooter,\n    StatusBadge\n  },\n  mounted() {\n    this.fetchOilAnalysisData();\n  },\n  computed: {\n    allFilter() {\n      return {\n        ...this.filter,\n        siteId: this.siteId,\n        companyCode: this.companyCode\n      };\n    },\n    ...mapGetters({\n      items: 'OilAnalysis/items',\n      siteId: 'Filter/siteId',\n      companyCode: 'Filter/companyCode'\n    })\n  },\n  watch: {\n    items: {\n      handler(newItems) {\n        this.itemsLocal = newItems;\n      }\n    },\n    allFilter: {\n      deep: true,\n      handler() {\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.fetchOilAnalysisData();\n      }\n    }\n  },\n  data() {\n    return {\n      filter: {\n        date: [\n          moment().format('YYYY-MM'),\n          moment()\n            .add(1, 'month')\n            .format('YYYY-MM')\n        ]\n      },\n      itemsLocal: []\n    };\n  },\n  methods: {\n    moment,\n    fetchOilAnalysisData() {\n      this.$vs.loading();\n      const { siteId, companyCode } = this;\n      this.$store.dispatch('OilAnalysis/fetchOilAnalysisItems', { filterDate: this.filter.date, siteId, companyCode }).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    downloadPdf(reportUrl) {\n      window.open(reportUrl, '_blank');\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\" scoped></style>\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=b0b89766&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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  \"b0b89766\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}