{"version":3,"sources":["webpack:///./src/pages/oee/detail.vue?875e","webpack:///src/pages/oee/detail.vue","webpack:///./src/pages/oee/detail.vue?0262","webpack:///./src/pages/oee/detail.vue","webpack:///./src/pages/oee/detail.vue?3094"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","scopedSlots","_u","key","fn","_v","_s","locales","content","oee","detail","breadcrumb","originalName","updatedAt","moment","format","updatedBy","proxy","directives","name","rawName","value","isDetailReportShown","expression","isUserCanAccess","on","$event","addCustomReport","attrs","itemsLocal","ref","data","_l","item","index","fetchSummaryReport","updateCustomReport","onDeleteDialogShown","reportTitle","sheet","range","customReportTitle","summaryLocal","transformColumnTableData","subItem","subIndex","model","callback","$$v","isAddReportDialogShown","isEdit","$set","sheetName","cellRange","onCancelDialog","postDetailCustomReport","isDeleteDialogShown","deleteCustomReport","staticRenderFns","components","Dialog","customReportId","mounted","fetchDetailReport","computed","mapGetters","customItems","summary","watch","newItems","newItem","methods","items","slice","dialogType","id","$vs","loading","$store","dispatch","finally","close","payload","title","split","component"],"mappings":"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","file":"js/oee-detail.654cf9ae.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 mx-24\",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.locales.content.oee.detail))]),_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(\"Category\")]),_c('p',{staticClass:\"font-bold mb-2\"},[_vm._v(\"File Name\")]),_c('p',{staticClass:\"font-bold mb-2\"},[_vm._v(\"Upload Date\")]),_c('p',{staticClass:\"font-bold mb-2\"},[_vm._v(\"Upload By\")])]),_c('div',{staticClass:\"flex flex-col ml-2\"},[_c('p',{staticClass:\"font-bold mb-2 text-color-value\"},[_vm._v(_vm._s(_vm.locales.content.oee.breadcrumb))]),_c('p',{staticClass:\"font-bold mb-2 text-color-value\"},[_vm._v(_vm._s(_vm.detail.originalName))]),_c('p',{staticClass:\"font-bold mb-2 text-color-value\"},[_vm._v(\" \"+_vm._s(_vm.detail.updatedAt ? _vm.moment(_vm.detail.updatedAt).format('DD MMMM YYYY HH:mm') : 'Unknown')+\" \")]),_c('p',{staticClass:\"font-bold mb-2 text-color-value\"},[_vm._v(_vm._s(_vm.detail.updatedBy ? _vm.detail.updatedBy : 'Unknown'))])])])])]},proxy:true}])}),_c('AppCard',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailReportShown),expression:\"!isDetailReportShown\"}],staticClass:\"mt-8 mx-24\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-5\"},[_c('p',{staticClass:\"text-2xl font-bold mb-5\"},[_vm._v(\"Custom Report\")]),_c('div',{staticClass:\"bottom-divider\"}),_c('div',{staticClass:\"flex flex-row my-5\"},[_c('VsButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess({ name: 'Oee' }, 'add')),expression:\"isUserCanAccess({ name: 'Oee' }, 'add')\"}],staticClass:\"px-5\",on:{\"click\":function($event){return _vm.addCustomReport()}}},[_vm._v(\"Add Report\")])],1),_c('VsTable',{attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.itemsLocal},scopedSlots:_vm._u([{key:\"thead\",fn:function(){return [_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Action\")]),_c('vs-th',{attrs:{\"width\":\"250\"}},[_vm._v(\"Report Title\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Sheet\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Range\")])]},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-row justify-center\"},[_c('VsButton',{attrs:{\"type\":\"flat\",\"icon\":\"visibility\"},on:{\"click\":function($event){return _vm.fetchSummaryReport(item)}}}),_c('VsButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess({ name: 'Oee' }, 'edit')),expression:\"isUserCanAccess({ name: 'Oee' }, 'edit')\"}],attrs:{\"type\":\"flat\",\"icon\":\"edit\"},on:{\"click\":function($event){return _vm.updateCustomReport(item)}}}),_c('VsButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess({ name: 'Oee' }, 'delete')),expression:\"isUserCanAccess({ name: 'Oee' }, 'delete')\"}],attrs:{\"type\":\"flat\",\"icon\":\"delete\",\"color\":\"danger\"},on:{\"click\":function($event){return _vm.onDeleteDialogShown(item)}}})],1)]),_c('vs-td',{attrs:{\"data\":item.reportTitle}},[_vm._v(_vm._s(item.reportTitle))]),_c('vs-td',{attrs:{\"data\":item.sheet}},[_vm._v(_vm._s(item.sheet))]),_c('vs-td',{attrs:{\"data\":item.range}},[_vm._v(_vm._s(item.range))])],1)})}}])})],1)]},proxy:true}])}),_c('AppCard',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailReportShown),expression:\"isDetailReportShown\"}],staticClass:\"mt-8 mx-24\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-5\"},[_c('div',{staticClass:\"flex flex-row justify-between mb-5\"},[_c('p',{staticClass:\"text-2xl font-bold\"},[_vm._v(_vm._s(_vm.customReportTitle))]),_c('VsButton',{staticClass:\"self-center align-middle px-5\",attrs:{\"icon\":\"arrow_back\"},on:{\"click\":function($event){_vm.isDetailReportShown = false}}},[_vm._v(\"Back\")])],1),_c('div',{staticClass:\"bottom-divider\"}),_c('div',{staticClass:\"p-5\"},[_c('p',{staticClass:\"text-2xl font-bold mb-5\"},[_vm._v(_vm._s(_vm.summaryLocal.reportTitle))]),_c('div',{staticClass:\"bottom-divider\"}),_c('VsTable',{attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.summaryLocal},scopedSlots:_vm._u([{key:\"thead\",fn:function(){return _vm._l((_vm.summaryLocal[0]),function(item,index){return _c('vs-th',{key:index,attrs:{\"width\":\"50\"}},[_vm._v(_vm._s(item))])})},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((_vm.transformColumnTableData(data)),function(item,index){return _c('vs-tr',{key:index},_vm._l((item),function(subItem,subIndex){return _c('vs-td',{key:subIndex,attrs:{\"data\":item[index]}},[_vm._v(_vm._s(subItem))])}),1)})}}])})],1)])]},proxy:true}])}),_c('Dialog',{attrs:{\"width\":\"1080px\"},model:{value:(_vm.isAddReportDialogShown),callback:function ($$v) {_vm.isAddReportDialogShown=$$v},expression:\"isAddReportDialogShown\"}},[[_c('AppCard',{attrs:{\"is-action-full\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"font-semibold\"},[_vm._v(_vm._s(_vm.isEdit ? 'Edit' : 'Add')+\" Custom Report\")])]},proxy:true},{key:\"action\",fn:function(){return [_c('div',{staticClass:\"flex flex-row pt-5\"},[_c('div',{staticClass:\"flex flex-col w-full\"},[_c('div',{staticClass:\"font-semibold mb-2\"},[_vm._v(\"File Name\")]),_c('VsInput',{staticClass:\"w-full input-disabled-bg\",attrs:{\"disabled\":\"\"},model:{value:(_vm.detail.originalName),callback:function ($$v) {_vm.$set(_vm.detail, \"originalName\", $$v)},expression:\"detail.originalName\"}}),_c('div',{staticClass:\"font-semibold my-2\"},[_vm._v(\"Report Title\")]),_c('VsInput',{staticClass:\"w-full input-custom-bg\",model:{value:(_vm.customReportTitle),callback:function ($$v) {_vm.customReportTitle=$$v},expression:\"customReportTitle\"}}),_c('div',{staticClass:\"font-semibold my-2\"},[_vm._v(\"Sheet\")]),_c('VsSelect',{staticClass:\"w-full input-custom-bg\",attrs:{\"icon\":\"arrow_drop_down\"},model:{value:(_vm.sheetName),callback:function ($$v) {_vm.sheetName=$$v},expression:\"sheetName\"}},_vm._l((_vm.detail.worksheets),function(item,index){return _c('VsSelectItem',{key:index,attrs:{\"value\":item,\"text\":(\"\" + item)}})}),1),_c('div',{staticClass:\"font-semibold my-2\"},[_vm._v(\"Range\")]),_c('div',{staticClass:\"flex flex-row\"},[_c('div',{staticClass:\"flex flex-col w-2/3\"},[_c('VsInput',{staticClass:\"w-full input-custom-bg\",model:{value:(_vm.cellRange[0]),callback:function ($$v) {_vm.$set(_vm.cellRange, 0, $$v)},expression:\"cellRange[0]\"}})],1),_c('div',{staticClass:\"flex flex-col justify-center items-center w-1/3\"},[_vm._v(\":\")]),_c('div',{staticClass:\"flex flex-col w-2/3\"},[_c('VsInput',{staticClass:\"w-full input-custom-bg\",model:{value:(_vm.cellRange[1]),callback:function ($$v) {_vm.$set(_vm.cellRange, 1, $$v)},expression:\"cellRange[1]\"}})],1)]),_c('div',{staticClass:\"flex flex-row w-full justify-center mt-10\"},[_c('VsButton',{staticClass:\"w-1/3 mr-2\",attrs:{\"type\":\"border\"},on:{\"click\":function($event){return _vm.onCancelDialog('customReport')}}},[_vm._v(\"Cancel\")]),_c('VsButton',{staticClass:\"w-1/3 ml-2\",on:{\"click\":_vm.postDetailCustomReport}},[_vm._v(_vm._s(_vm.isEdit ? 'Edit' : 'Submit')+\" Custom Report\")])],1)],1)])]},proxy:true}])})]],2),_c('Dialog',{model:{value:(_vm.isDeleteDialogShown),callback:function ($$v) {_vm.isDeleteDialogShown=$$v},expression:\"isDeleteDialogShown\"}},[[_c('AppCard',{attrs:{\"is-action-full\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"flex flex-col w-full justify-center mt-5\"},[_c('div',{staticClass:\"self-center\"},[_vm._v(\"Delete File\")]),_c('div',{staticClass:\"self-center\"},[_vm._v(\"\\\"\"+_vm._s(_vm.customReportTitle)+\"\\\" ?\")])])]},proxy:true},{key:\"action\",fn:function(){return [_c('div',{staticClass:\"flex flex-row w-full justify-center p-5\"},[_c('VsButton',{staticClass:\"w-1/3 mr-2\",attrs:{\"type\":\"border\"},on:{\"click\":function($event){return _vm.onCancelDialog('delete')}}},[_vm._v(\"Cancel\")]),_c('VsButton',{staticClass:\"w-1/3 ml-2\",attrs:{\"color\":\"danger\"},on:{\"click\":_vm.deleteCustomReport}},[_vm._v(\"Delete\")])],1)]},proxy:true}])})]],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <AppCard class=\"mt-8 mx-24\">\n      <template #content>\n        <div class=\"p-5\">\n          <p class=\"text-2xl font-bold mb-5\">{{ locales.content.oee.detail }}</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\">Category</p>\n              <p class=\"font-bold mb-2\">File Name</p>\n              <p class=\"font-bold mb-2\">Upload Date</p>\n              <p class=\"font-bold mb-2\">Upload By</p>\n            </div>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"font-bold mb-2 text-color-value\">{{ locales.content.oee.breadcrumb }}</p>\n              <p class=\"font-bold mb-2 text-color-value\">{{ detail.originalName }}</p>\n              <p class=\"font-bold mb-2 text-color-value\">\n                {{ detail.updatedAt ? moment(detail.updatedAt).format('DD MMMM YYYY HH:mm') : 'Unknown' }}\n              </p>\n              <p class=\"font-bold mb-2 text-color-value\">{{ detail.updatedBy ? detail.updatedBy : 'Unknown' }}</p>\n            </div>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n\n    <!-- List of report table -->\n    <AppCard class=\"mt-8 mx-24\" v-show=\"!isDetailReportShown\">\n      <template #content>\n        <div class=\"p-5\">\n          <p class=\"text-2xl font-bold mb-5\">Custom Report</p>\n          <div class=\"bottom-divider\" />\n          <div class=\"flex flex-row my-5\">\n            <VsButton class=\"px-5\" v-show=\"isUserCanAccess({ name: 'Oee' }, 'add')\" @click=\"addCustomReport()\">Add Report</VsButton>\n          </div>\n          <VsTable stripe sst :data=\"itemsLocal\">\n            <template #thead>\n              <vs-th width=\"100\">Action</vs-th>\n              <vs-th width=\"250\">Report Title</vs-th>\n              <vs-th width=\"100\">Sheet</vs-th>\n              <vs-th width=\"100\">Range</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-row justify-center\">\n                    <VsButton type=\"flat\" icon=\"visibility\" @click=\"fetchSummaryReport(item)\" />\n                    <VsButton type=\"flat\" icon=\"edit\" v-show=\"isUserCanAccess({ name: 'Oee' }, 'edit')\" @click=\"updateCustomReport(item)\" />\n                    <VsButton\n                      type=\"flat\"\n                      icon=\"delete\"\n                      v-show=\"isUserCanAccess({ name: 'Oee' }, 'delete')\"\n                      color=\"danger\"\n                      @click=\"onDeleteDialogShown(item)\"\n                    />\n                  </div>\n                </vs-td>\n                <vs-td :data=\"item.reportTitle\">{{ item.reportTitle }}</vs-td>\n                <vs-td :data=\"item.sheet\">{{ item.sheet }}</vs-td>\n                <vs-td :data=\"item.range\">{{ item.range }}</vs-td>\n              </vs-tr>\n            </template>\n          </VsTable>\n        </div>\n      </template>\n    </AppCard>\n\n    <!-- Custom Report Table -->\n    <AppCard class=\"mt-8 mx-24\" v-show=\"isDetailReportShown\">\n      <template #content>\n        <div class=\"p-5\">\n          <div class=\"flex flex-row justify-between mb-5\">\n            <p class=\"text-2xl font-bold\">{{ customReportTitle }}</p>\n            <VsButton class=\"self-center align-middle px-5\" icon=\"arrow_back\" @click=\"isDetailReportShown = false\">Back</VsButton>\n          </div>\n          <div class=\"bottom-divider\" />\n          <div class=\"p-5\">\n            <p class=\"text-2xl font-bold mb-5\">{{ summaryLocal.reportTitle }}</p>\n            <div class=\"bottom-divider\" />\n            <VsTable stripe sst :data=\"summaryLocal\">\n              <template #thead>\n                <vs-th width=\"50\" v-for=\"(item, index) of summaryLocal[0]\" :key=\"index\">{{ item }}</vs-th>\n              </template>\n              <template slot-scope=\"{ data }\">\n                <vs-tr v-for=\"(item, index) of transformColumnTableData(data)\" :key=\"index\">\n                  <vs-td v-for=\"(subItem, subIndex) of item\" :key=\"subIndex\" :data=\"item[index]\">{{ subItem }}</vs-td>\n                </vs-tr>\n              </template>\n            </VsTable>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n\n    <Dialog v-model=\"isAddReportDialogShown\" width=\"1080px\">\n      <template>\n        <AppCard is-action-full>\n          <template #title>\n            <div class=\"font-semibold\">{{ isEdit ? 'Edit' : 'Add' }} Custom Report</div>\n          </template>\n          <template #action>\n            <div class=\"flex flex-row pt-5\">\n              <div class=\"flex flex-col w-full\">\n                <div class=\"font-semibold mb-2\">File Name</div>\n                <VsInput disabled v-model=\"detail.originalName\" class=\"w-full input-disabled-bg\" />\n                <div class=\"font-semibold my-2\">Report Title</div>\n                <VsInput v-model=\"customReportTitle\" class=\"w-full input-custom-bg\" />\n                <div class=\"font-semibold my-2\">Sheet</div>\n                <VsSelect v-model=\"sheetName\" icon=\"arrow_drop_down\" class=\"w-full input-custom-bg\">\n                  <VsSelectItem v-for=\"(item, index) of detail.worksheets\" :key=\"index\" :value=\"item\" :text=\"`${item}`\" />\n                </VsSelect>\n                <div class=\"font-semibold my-2\">Range</div>\n                <div class=\"flex flex-row\">\n                  <div class=\"flex flex-col w-2/3\">\n                    <VsInput v-model=\"cellRange[0]\" class=\"w-full input-custom-bg\" />\n                  </div>\n                  <div class=\"flex flex-col justify-center items-center w-1/3\">:</div>\n                  <div class=\"flex flex-col w-2/3\">\n                    <VsInput v-model=\"cellRange[1]\" class=\"w-full input-custom-bg\" />\n                  </div>\n                </div>\n                <div class=\"flex flex-row w-full justify-center mt-10\">\n                  <VsButton type=\"border\" class=\"w-1/3 mr-2\" @click=\"onCancelDialog('customReport')\">Cancel</VsButton>\n                  <VsButton class=\"w-1/3 ml-2\" @click=\"postDetailCustomReport\">{{ isEdit ? 'Edit' : 'Submit' }} Custom Report</VsButton>\n                </div>\n              </div>\n            </div>\n          </template>\n        </AppCard>\n      </template>\n    </Dialog>\n\n    <Dialog v-model=\"isDeleteDialogShown\">\n      <template>\n        <AppCard is-action-full>\n          <template #title>\n            <div class=\"flex flex-col w-full justify-center mt-5\">\n              <div class=\"self-center\">Delete File</div>\n              <div class=\"self-center\">\"{{ customReportTitle }}\" ?</div>\n            </div>\n          </template>\n          <template #action>\n            <div class=\"flex flex-row w-full justify-center p-5\">\n              <VsButton type=\"border\" class=\"w-1/3 mr-2\" @click=\"onCancelDialog('delete')\">Cancel</VsButton>\n              <VsButton class=\"w-1/3 ml-2\" color=\"danger\" @click=\"deleteCustomReport\">Delete</VsButton>\n            </div>\n          </template>\n        </AppCard>\n      </template>\n    </Dialog>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport moment from 'moment';\nimport locales from '@/locales/en.json';\nimport Dialog from '@/components/Base/Dialog';\n\nexport default {\n  components: {\n    Dialog\n  },\n  data() {\n    return {\n      locales,\n      isEdit: false,\n      isDetailReportShown: false,\n      isAddReportDialogShown: false,\n      isDeleteDialogShown: false,\n      customReportId: null,\n      customReportTitle: null,\n      sheetName: null,\n      cellRange: [],\n      itemsLocal: [],\n      summaryLocal: []\n    };\n  },\n  mounted() {\n    this.fetchDetailReport();\n  },\n  computed: {\n    ...mapGetters({\n      customItems: 'Oee/customItems',\n      detail: 'Oee/detail',\n      summary: 'Oee/summary'\n    })\n  },\n  watch: {\n    customItems(newItems) {\n      this.itemsLocal = newItems;\n    },\n    summary(newItem) {\n      this.summaryLocal = newItem;\n    }\n  },\n  methods: {\n    moment,\n    transformColumnTableData(items) {\n      return items.slice(1);\n    },\n    onCancelDialog(dialogType) {\n      if (dialogType === 'customReport') {\n        this.isAddReportDialogShown = false;\n        return;\n      }\n\n      this.isDeleteDialogShown = false;\n      return;\n    },\n    onDeleteDialogShown(item) {\n      this.customReportTitle = item.reportTitle;\n      this.customReportId = item.id;\n      this.isDeleteDialogShown = true;\n    },\n    fetchDetailReport() {\n      this.$vs.loading();\n      this.$store.dispatch('Oee/fetchDetailReport', { id: this.detail.id }).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    fetchSummaryReport(item) {\n      this.$vs.loading();\n      this.$store.dispatch('Oee/fetchSummary', { id: item.id }).finally(() => {\n        this.$vs.loading.close();\n        this.customReportTitle = item.reportTitle;\n        this.isDetailReportShown = true;\n      });\n    },\n    postDetailCustomReport() {\n      this.$vs.loading();\n      if (this.isEdit) {\n        this.$store\n          .dispatch('Oee/updateCustomReport', {\n            id: this.customReportId,\n            payload: {\n              reportTitle: this.customReportTitle,\n              sheet: this.sheetName,\n              range: `${this.cellRange[0]}:${this.cellRange[1]}`\n            }\n          })\n          .finally(() => {\n            this.$vs.loading.close();\n            this.isAddReportDialogShown = false;\n            this.fetchDetailReport();\n          });\n        return;\n      }\n\n      this.$store\n        .dispatch('Oee/postDetailCustomReport', {\n          id: this.detail.id,\n          title: this.customReportTitle,\n          sheet: this.sheetName,\n          range: `${this.cellRange[0]}:${this.cellRange[1]}`\n        })\n        .finally(() => {\n          this.$vs.loading.close();\n          this.isAddReportDialogShown = false;\n          this.fetchDetailReport();\n        });\n    },\n    updateCustomReport(item) {\n      this.isEdit = true;\n      this.isAddReportDialogShown = true;\n      this.customReportId = item.id;\n      this.customReportTitle = item.reportTitle;\n      this.sheetName = item.sheet;\n\n      this.cellRange = [item.range.split(':')[0], item.range.split(':')[1]];\n    },\n    addCustomReport() {\n      this.isEdit = false;\n      this.isAddReportDialogShown = true;\n      this.customReportId = null;\n      this.customReportTitle = null;\n      this.sheetName = null;\n\n      this.cellRange = [];\n    },\n    deleteCustomReport() {\n      this.isDeleteDialogShown = false;\n      this.$vs.loading();\n      this.$store.dispatch('Oee/deleteCustomReport', { id: this.customReportId }).finally(() => {\n        this.$vs.loading.close();\n        this.fetchDetailReport();\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\n.input-custom-bg\n  background-color: #EBEDF8\n\n.input-disabled-bg\n  background-color: #dedede\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=33d9f0e6&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=33d9f0e6&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  \"33d9f0e6\",\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=33d9f0e6&lang=sass&scoped=true&\""],"sourceRoot":""}