{"version":3,"sources":["webpack:///./src/pages/equipment-replacement/detail.vue?6180","webpack:///src/pages/equipment-replacement/detail.vue","webpack:///./src/pages/equipment-replacement/detail.vue?5e51","webpack:///./src/pages/equipment-replacement/detail.vue","webpack:///./src/pages/equipment-replacement/detail.vue?f2b4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","scopedSlots","_u","key","fn","_v","_s","detail","name","sites","lastChange","moment","format","nextChange","proxy","attrs","itemsLocal","ref","data","_l","item","index","lastChangeDate","actualChangeDate","nextChangeDate","calculateUsedDays","productionTon","pic","profile","fullName","reason","remark","staticRenderFns","mounted","fetchEquipmentHistories","computed","mapGetters","histories","watch","handler","newItems","methods","startDate","endDate","startMoment","endMoment","yearDiff","diff","add","monthDiff","dayDiff","$vs","loading","$store","dispatch","id","finally","close","component"],"mappings":"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","file":"js/equipment-replacement-detail.4d44ab14.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-5\"},[_c('p',{staticClass:\"text-2xl font-bold mb-5\"},[_vm._v(_vm._s(_vm.detail.name))]),_c('div',{staticClass:\"bottom-divider\"}),_c('div',{staticClass:\"flex flex-row mt-5\"},[_c('div',{staticClass:\"flex flex-col mr-2\"},[_c('p',{staticClass:\"font-bold mb-2\"},[_vm._v(\"Site\")]),_c('p',{staticClass:\"font-bold mb-2\"},[_vm._v(\"Last Date\")]),_c('p',{staticClass:\"font-bold mb-2\"},[_vm._v(\"Next Date (Estimation)\")])]),_c('div',{staticClass:\"flex flex-col ml-2\"},[_c('p',{staticClass:\"font-bold mb-2 text-color-value\"},[_vm._v(_vm._s(_vm.detail.sites))]),_c('p',{staticClass:\"font-bold mb-2 text-color-value\"},[_vm._v(\" \"+_vm._s(_vm.detail.lastChange ? _vm.moment(_vm.detail.lastChange).format('DD MMMM YYYY HH:mm') : 'Unknown')+\" \")]),_c('p',{staticClass:\"font-bold mb-2 text-color-value\"},[_vm._v(\" \"+_vm._s(_vm.detail.nextChange ? _vm.moment(_vm.detail.nextChange).format('DD MMMM YYYY') : 'Unknown')+\" \")])])])])]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-5\"},[_c('p',{staticClass:\"text-2xl font-bold mb-5\"},[_vm._v(\"History Equipment Replacement\")]),_c('VsTable',{attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.itemsLocal},scopedSlots:_vm._u([{key:\"thead\",fn:function(){return [_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Start Date\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"End Date\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Plan Date\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Used Days\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Actual Production (Ton)\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"PIC\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Reason\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Notes\")])]},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.lastChangeDate}},[_vm._v(_vm._s(item.lastChangeDate ? _vm.moment(item.lastChangeDate).format('YYYY-MM-DD HH:mm') : 'Unknown'))]),_c('vs-td',{attrs:{\"data\":item.actualChangeDate}},[_vm._v(_vm._s(item.actualChangeDate ? _vm.moment(item.actualChangeDate).format('YYYY-MM-DD HH:mm') : 'Unknown'))]),_c('vs-td',{attrs:{\"data\":item.nextChangeDate}},[_vm._v(_vm._s(item.nextChangeDate ? _vm.moment(item.nextChangeDate).format('YYYY-MM-DD') : 'Unknown'))]),_c('vs-td',[_vm._v(_vm._s(_vm.calculateUsedDays(item.lastChangeDate, item.actualChangeDate)))]),_c('vs-td',[_vm._v(_vm._s(_vm.detail.productionTon))]),_c('vs-td',{attrs:{\"data\":item.pic.profile.fullName}},[_vm._v(_vm._s(item.pic.profile.fullName))]),_c('vs-td',{attrs:{\"data\":item.reason}},[_vm._v(_vm._s(item.reason))]),_c('vs-td',{attrs:{\"data\":item.remark}},[_vm._v(_vm._s(item.remark))])],1)})}}])})],1)]},proxy:true}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-5\">\n          <p class=\"text-2xl font-bold mb-5\">{{ detail.name }}</p>\n          <div class=\"bottom-divider\" />\n          <div class=\"flex flex-row mt-5\">\n            <div class=\"flex flex-col mr-2\">\n              <p class=\"font-bold mb-2\">Site</p>\n              <p class=\"font-bold mb-2\">Last Date</p>\n              <p class=\"font-bold mb-2\">Next Date (Estimation)</p>\n            </div>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"font-bold mb-2 text-color-value\">{{ detail.sites }}</p>\n              <p class=\"font-bold mb-2 text-color-value\">\n                {{ detail.lastChange ? moment(detail.lastChange).format('DD MMMM YYYY HH:mm') : 'Unknown' }}\n              </p>\n              <p class=\"font-bold mb-2 text-color-value\">\n                {{ detail.nextChange ? moment(detail.nextChange).format('DD MMMM YYYY') : 'Unknown' }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-5\">\n          <p class=\"text-2xl font-bold mb-5\">History Equipment Replacement</p>\n          <VsTable stripe sst :data=\"itemsLocal\">\n            <template #thead>\n              <vs-th width=\"100\">Start Date</vs-th>\n              <vs-th width=\"100\">End Date</vs-th>\n              <vs-th width=\"100\">Plan Date</vs-th>\n              <vs-th width=\"100\">Used Days</vs-th>\n              <vs-th width=\"100\">Actual Production (Ton)</vs-th>\n              <vs-th width=\"100\">PIC</vs-th>\n              <vs-th width=\"100\">Reason</vs-th>\n              <vs-th width=\"100\">Notes</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.lastChangeDate\">{{\n                  item.lastChangeDate ? moment(item.lastChangeDate).format('YYYY-MM-DD HH:mm') : 'Unknown'\n                }}</vs-td>\n                <vs-td :data=\"item.actualChangeDate\">{{\n                  item.actualChangeDate ? moment(item.actualChangeDate).format('YYYY-MM-DD HH:mm') : 'Unknown'\n                }}</vs-td>\n                <vs-td :data=\"item.nextChangeDate\">{{ item.nextChangeDate ? moment(item.nextChangeDate).format('YYYY-MM-DD') : 'Unknown' }}</vs-td>\n                <vs-td>{{ calculateUsedDays(item.lastChangeDate, item.actualChangeDate) }}</vs-td>\n                <vs-td>{{ detail.productionTon }}</vs-td>\n                <vs-td :data=\"item.pic.profile.fullName\">{{ item.pic.profile.fullName }}</vs-td>\n                <vs-td :data=\"item.reason\">{{ item.reason }}</vs-td>\n                <vs-td :data=\"item.remark\">{{ item.remark }}</vs-td>\n              </vs-tr>\n            </template>\n          </VsTable>\n        </div>\n      </template>\n    </AppCard>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport moment from 'moment';\n\nexport default {\n  mounted() {\n    this.fetchEquipmentHistories();\n  },\n  computed: {\n    ...mapGetters({\n      histories: 'EquipmentReplacement/histories',\n      detail: 'EquipmentReplacement/detail'\n    })\n  },\n  watch: {\n    histories: {\n      handler(newItems) {\n        this.itemsLocal = newItems;\n      }\n    }\n  },\n  data() {\n    return {\n      itemsLocal: []\n    };\n  },\n  methods: {\n    moment,\n    calculateUsedDays(startDate, endDate) {\n      const startMoment = moment(startDate);\n      const endMoment = moment(endDate);\n\n      const yearDiff = endMoment.diff(startMoment, 'year');\n      startMoment.add(yearDiff, 'years');\n\n      const monthDiff = endMoment.diff(startMoment, 'months');\n      startMoment.add(monthDiff, 'months');\n\n      const dayDiff = endMoment.diff(startMoment, 'days');\n      return `${yearDiff} years ${monthDiff} months ${dayDiff} days`;\n    },\n    fetchEquipmentHistories() {\n      this.$vs.loading();\n      this.$store.dispatch('EquipmentReplacement/fetchHistories', { id: this.detail.id }).finally(() => {\n        this.$vs.loading.close();\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\" scoped>\n.bottom-divider\n  border-bottom: solid 1px #dedede\n\n.text-color-value\n  color: #C83492\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!./detail.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!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=6c7d5b5a&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&id=6c7d5b5a&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  \"6c7d5b5a\",\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!./detail.vue?vue&type=style&index=0&id=6c7d5b5a&lang=sass&scoped=true&\""],"sourceRoot":""}