{"version":3,"sources":["webpack:///./src/views/OilPriceLog.vue?0a9e","webpack:///src/views/OilPriceLog.vue","webpack:///./src/views/OilPriceLog.vue?c801","webpack:///./src/views/OilPriceLog.vue","webpack:///./src/views/OilPriceLog.vue?37b6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","attrs","descriptionItems","oilPrices","scopedSlots","_u","key","fn","ref","data","_l","tr","indextr","setDateFormat","createAt","price","slot","on","$event","popupAddOilPriceActive","priceOilTypes","name_th","popupAddPriceOilPriceActive","model","value","callback","$$v","time","expression","addOilPrice","optionsOilType","$vs","rtl","selectedOilType","addPriceByOilType","staticRenderFns","name","components","vSelect","watch","_","isEqual","newValue","oldValue","addPrice","addPriceOilType","computed","mounted","$store","dispatch","getOilpriceLog","getPriceOilType","methods","locale","newDate","component"],"mappings":"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","file":"js/chunk-1112bca4.19243530.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"vx-row m-2\"},[_c('div',{staticClass:\"router-header flex flex-wrap items-center mb-6 mt-5\"},[_c('div',{staticClass:\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"},[_c('h2',{staticClass:\"mb-1\"},[_vm._v(_vm._s(_vm.$t(\"oilPriceLog\")))])])])]),_c('vs-card',{staticClass:\"px-10 py-5\"},[_c('div',[_c('vs-tabs',[_c('vs-tab',{attrs:{\"label\":_vm.$t('greenDiesel')}},[_c('div',{staticClass:\"tab-text\"},[_c('vs-table',{staticClass:\"static\",attrs:{\"maxHeight\":\"460px\",\"max-items\":_vm.descriptionItems[0],\"description\":\"\",\"description-items\":_vm.descriptionItems,\"description-title\":\"Registries\",\"description-connector\":\"of\",\"description-body\":\"Pages\",\"pagination\":\"\",\"data\":_vm.oilPrices},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},[_c('vs-td',[_vm._v(\"\\n                    \"+_vm._s(indextr + 1)+\"\\n                  \")]),_c('vs-td',[_vm._v(\"\\n                    \"+_vm._s(_vm.setDateFormat(data[indextr].createAt))+\"\\n                  \")]),_c('vs-td',[_vm._v(\"\\n                    \"+_vm._s(data[indextr].price)+\"\\n                  \")])],1)})}}])},[_c('template',{slot:\"header\"},[_c('h4',{staticClass:\"mb-1\"},[_vm._v(_vm._s(_vm.$t(\"oilPriceLog\")))]),_c('vs-button',{staticClass:\"py-2 px-5 h7 mb-5\",attrs:{\"color\":\"#0066cc\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-user-plus\"},on:{\"click\":function($event){_vm.popupAddOilPriceActive = true}}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"addOilPrice\")))])],1),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"id\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"RefineryTable.Id\"))+\"\\n                \")]),_c('vs-th',{attrs:{\"sort-key\":\"username\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"ShipmentTable.TransferStart\"))+\"\\n                \")]),_c('vs-th',[_vm._v(\" \"+_vm._s(_vm.$t(\"OilPrice\"))+\" ( \"+_vm._s(_vm.$t(\"Baht\"))+\" ) \")])],1)],2)],1)]),_c('vs-tab',{attrs:{\"label\":_vm.$t('TankerTable.OilType')}},[_c('div',{staticClass:\"tab-text\"},[_c('vs-table',{staticClass:\"static\",attrs:{\"maxHeight\":\"460px\",\"max-items\":_vm.descriptionItems[0],\"description\":\"\",\"description-items\":_vm.descriptionItems,\"description-title\":\"Registries\",\"description-connector\":\"of\",\"description-body\":\"Pages\",\"pagination\":\"\",\"data\":_vm.priceOilTypes},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},[_c('vs-td',[_vm._v(\"\\n                    \"+_vm._s(indextr + 1)+\"\\n                  \")]),_c('vs-td',[_vm._v(\"\\n                    \"+_vm._s(_vm.setDateFormat(data[indextr].createAt))+\"\\n                  \")]),_c('vs-td',[_vm._v(\"\\n                    \"+_vm._s(data[indextr].name_th)+\"\\n                  \")]),_c('vs-td',[_vm._v(\"\\n                    \"+_vm._s(data[indextr].price)+\"\\n                  \")])],1)})}}])},[_c('template',{slot:\"header\"},[_c('h4',{staticClass:\"mb-1\"},[_vm._v(_vm._s(_vm.$t(\"oilPriceLog\")))]),_c('vs-button',{staticClass:\"py-2 px-5 h7 mb-5\",attrs:{\"color\":\"#0066cc\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-user-plus\"},on:{\"click\":function($event){_vm.popupAddPriceOilPriceActive = true}}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"addOilPrice\")))])],1),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"id\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"RefineryTable.Id\"))+\"\\n                \")]),_c('vs-th',{attrs:{\"sort-key\":\"username\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"ShipmentTable.TransferStart\"))+\"\\n                \")]),_c('vs-th',[_vm._v(\" \"+_vm._s(_vm.$t(\"TankerTable.OilType\"))+\" \")]),_c('vs-th',[_vm._v(\" \"+_vm._s(_vm.$t(\"OilPrice\"))+\" ( \"+_vm._s(_vm.$t(\"Baht\"))+\" ) \")])],1)],2)],1)])],1)],1),_c('vs-popup',{attrs:{\"classContent\":\"popup-example\",\"title\":_vm.$t('addOilPrice'),\"active\":_vm.popupAddOilPriceActive},on:{\"update:active\":function($event){_vm.popupAddOilPriceActive=$event}}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full text-right\"},[_c('span',{},[_vm._v(_vm._s(_vm.$t(\"ShipmentTable.TransferStart\"))+\" : \")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"inputx mb-3\",attrs:{\"disabled\":\"\"},model:{value:(_vm.time),callback:function ($$v) {_vm.time=$$v},expression:\"time\"}})],1)]),_c('div',{staticClass:\"vx-row mb-3\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full text-right\"},[_c('span',{},[_vm._v(_vm._s(_vm.$t(\"OilPrice\"))+\" ( \"+_vm._s(_vm.$t(\"Baht\"))+\" ) : \")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"inputx mb-3\",model:{value:(_vm.price),callback:function ($$v) {_vm.price=$$v},expression:\"price\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full text-center\"},[_c('vs-button',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.addOilPrice()}}},[_vm._v(\"บันทึก\")])],1)])]),_c('vs-popup',{attrs:{\"classContent\":\"popup-example\",\"title\":_vm.$t('addOilPrice'),\"active\":_vm.popupAddPriceOilPriceActive},on:{\"update:active\":function($event){_vm.popupAddPriceOilPriceActive=$event}}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full text-right\"},[_c('span',{},[_vm._v(_vm._s(_vm.$t(\"ShipmentTable.TransferStart\"))+\" : \")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"inputx mb-3\",attrs:{\"disabled\":\"\"},model:{value:(_vm.time),callback:function ($$v) {_vm.time=$$v},expression:\"time\"}})],1)]),_c('div',{staticClass:\"vx-row mb-3\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full text-right\"},[_c('span',{},[_vm._v(_vm._s(_vm.$t(\"TankerTable.OilType\"))+\" : \")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('v-select',{staticClass:\"w-2/3\",attrs:{\"options\":_vm.optionsOilType,\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr'},model:{value:(_vm.selectedOilType),callback:function ($$v) {_vm.selectedOilType=$$v},expression:\"selectedOilType\"}})],1)]),_c('div',{staticClass:\"vx-row mb-3\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full text-right\"},[_c('span',{},[_vm._v(_vm._s(_vm.$t(\"OilPrice\"))+\" ( \"+_vm._s(_vm.$t(\"Baht\"))+\" ) : \")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"inputx mb-3\",model:{value:(_vm.price),callback:function ($$v) {_vm.price=$$v},expression:\"price\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full text-center\"},[_c('vs-button',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.addPriceByOilType()}}},[_vm._v(\"บันทึก\")])],1)])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"vx-row m-2\">\n      <div class=\"router-header flex flex-wrap items-center mb-6 mt-5\">\n        <div\n          class=\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"\n        >\n          <h2 class=\"mb-1\">{{ $t(\"oilPriceLog\") }}</h2>\n        </div>\n      </div>\n    </div>\n    <vs-card class=\"px-10 py-5\">\n      <div>\n        <vs-tabs>\n          <vs-tab :label=\"$t('greenDiesel')\">\n            <div class=\"tab-text\">\n              <vs-table\n                maxHeight=\"460px\"\n                class=\"static\"\n                :max-items=\"descriptionItems[0]\"\n                description\n                :description-items=\"descriptionItems\"\n                description-title=\"Registries\"\n                description-connector=\"of\"\n                description-body=\"Pages\"\n                pagination\n                :data=\"oilPrices\"\n              >\n                <template slot=\"header\">\n                  <h4 class=\"mb-1\">{{ $t(\"oilPriceLog\") }}</h4>\n                  <vs-button\n                    class=\"py-2 px-5 h7 mb-5\"\n                    color=\"#0066cc\"\n                    type=\"filled\"\n                    icon-pack=\"feather\"\n                    icon=\"icon-user-plus\"\n                    @click=\"popupAddOilPriceActive = true\"\n                  >\n                    {{ $t(\"addOilPrice\") }}</vs-button\n                  >\n                </template>\n                <template slot=\"thead\">\n                  <vs-th sort-key=\"id\">\n                    {{ $t(\"RefineryTable.Id\") }}\n                  </vs-th>\n                  <vs-th sort-key=\"username\">\n                    {{ $t(\"ShipmentTable.TransferStart\") }}\n                  </vs-th>\n                  <vs-th> {{ $t(\"OilPrice\") }} ( {{ $t(\"Baht\") }} ) </vs-th>\n                </template>\n                <template slot-scope=\"{ data }\">\n                  <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n                    <vs-td>\n                      {{ indextr + 1 }}\n                    </vs-td>\n                    <vs-td>\n                      {{ setDateFormat(data[indextr].createAt) }}\n                    </vs-td>\n                    <vs-td>\n                      {{ data[indextr].price }}\n                    </vs-td>\n                  </vs-tr>\n                </template>\n              </vs-table>\n            </div>\n          </vs-tab>\n\n          <vs-tab :label=\"$t('TankerTable.OilType')\">\n            <div class=\"tab-text\">\n              <vs-table\n                maxHeight=\"460px\"\n                class=\"static\"\n                :max-items=\"descriptionItems[0]\"\n                description\n                :description-items=\"descriptionItems\"\n                description-title=\"Registries\"\n                description-connector=\"of\"\n                description-body=\"Pages\"\n                pagination\n                :data=\"priceOilTypes\"\n              >\n                <template slot=\"header\">\n                  <h4 class=\"mb-1\">{{ $t(\"oilPriceLog\") }}</h4>\n                  <vs-button\n                    class=\"py-2 px-5 h7 mb-5\"\n                    color=\"#0066cc\"\n                    type=\"filled\"\n                    icon-pack=\"feather\"\n                    icon=\"icon-user-plus\"\n                    @click=\"popupAddPriceOilPriceActive = true\"\n                  >\n                    {{ $t(\"addOilPrice\") }}</vs-button\n                  >\n                </template>\n                <template slot=\"thead\">\n                  <vs-th sort-key=\"id\">\n                    {{ $t(\"RefineryTable.Id\") }}\n                  </vs-th>\n                  <vs-th sort-key=\"username\">\n                    {{ $t(\"ShipmentTable.TransferStart\") }}\n                  </vs-th>\n                  <vs-th> {{ $t(\"TankerTable.OilType\") }} </vs-th>\n                  <vs-th> {{ $t(\"OilPrice\") }} ( {{ $t(\"Baht\") }} ) </vs-th>\n                </template>\n                <template slot-scope=\"{ data }\">\n                  <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n                    <vs-td>\n                      {{ indextr + 1 }}\n                    </vs-td>\n                    <vs-td>\n                      {{ setDateFormat(data[indextr].createAt) }}\n                    </vs-td>\n                    <vs-td>\n                      {{ data[indextr].name_th }}\n                    </vs-td>\n                    <vs-td>\n                      {{ data[indextr].price }}\n                    </vs-td>\n                  </vs-tr>\n                </template>\n              </vs-table>\n            </div>\n          </vs-tab>\n        </vs-tabs>\n      </div>\n\n      <vs-popup\n        classContent=\"popup-example\"\n        :title=\"$t('addOilPrice')\"\n        :active.sync=\"popupAddOilPriceActive\"\n      >\n        <div class=\"vx-row\">\n          <div class=\"vx-col sm:w-1/3 w-full text-right\">\n            <span class=\"\">{{ $t(\"ShipmentTable.TransferStart\") }} : </span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input disabled class=\"inputx mb-3\" v-model=\"time\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-3\">\n          <div class=\"vx-col sm:w-1/3 w-full text-right\">\n            <span class=\"\">{{ $t(\"OilPrice\") }} ( {{ $t(\"Baht\") }} ) : </span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input class=\"inputx mb-3\" v-model=\"price\" />\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full text-center\">\n            <vs-button color=\"primary\" @click=\"addOilPrice()\">บันทึก</vs-button>\n          </div>\n        </div>\n      </vs-popup>\n\n      <vs-popup\n        classContent=\"popup-example\"\n        :title=\"$t('addOilPrice')\"\n        :active.sync=\"popupAddPriceOilPriceActive\"\n      >\n        <div class=\"vx-row\">\n          <div class=\"vx-col sm:w-1/3 w-full text-right\">\n            <span class=\"\">{{ $t(\"ShipmentTable.TransferStart\") }} : </span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input disabled class=\"inputx mb-3\" v-model=\"time\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-3\">\n          <div class=\"vx-col sm:w-1/3 w-full text-right\">\n            <span class=\"\">{{ $t(\"TankerTable.OilType\") }} : </span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <v-select\n              class=\"w-2/3\"\n              v-model=\"selectedOilType\"\n              :options=\"optionsOilType\"\n              :dir=\"$vs.rtl ? 'rtl' : 'ltr'\"\n            />\n          </div>\n        </div>\n        <div class=\"vx-row mb-3\">\n          <div class=\"vx-col sm:w-1/3 w-full text-right\">\n            <span class=\"\">{{ $t(\"OilPrice\") }} ( {{ $t(\"Baht\") }} ) : </span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input class=\"inputx mb-3\" v-model=\"price\" />\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full text-center\">\n            <vs-button color=\"primary\" @click=\"addPriceByOilType()\"\n              >บันทึก</vs-button\n            >\n          </div>\n        </div>\n      </vs-popup>\n    </vs-card>\n  </div>\n</template>\n\n<script>\nimport moment from \"moment\";\nimport { mapState, mapGetters } from \"vuex\";\nimport { isEmpty } from \"lodash\";\nimport { OIL_TYPE,OIL_PRICE } from \"../constant/index\";\nimport vSelect from 'vue-select';\n\nexport default {\n  name: \"OilPrice\",\n  components: {\n    vSelect,\n  },\n  data() {\n    return {\n      descriptionItems: [10, 25, 50, 100],\n      popupAddOilPriceActive: false,\n      popupAddPriceOilPriceActive: false,\n      time: moment().format(\"DD/MM/YYYY HH:mm\"),\n      price: \"\",\n      selectedOilType: { id: \"HQ0000000001\", label: \"น้ำมันเบนซิล\" },\n      optionsOilType: [\n        { id: \"HQ0000000001\", label: \"น้ำมันเบนซิล\" },\n        { id: \"HQ0000000002\", label: \"น้ำมันดีเซล\" },\n        { id: \"HQ0000000003\", label: \"น้ำมันเตา\" },\n        { id: \"HQ0000000005\", label: \"น้ำมันหล่อลื่นและน้ำมันที่คล้ายกัน\" },\n        { id: \"HQ0000000006\", label: \"น้ำมันก๊าด\" },\n        { id: \"HQ0000000007\", label: \"JET\" },\n        { id: \"HQ0000000008\", label: \"ก๊าซปิโตรเลียมเหลว(LPG)\" },\n        { id: \"HQ0000000009\", label: \"TOPSol BF\" },\n        { id: \"SCS-BK0000000001\", label: \"ฮโดรคาร์บอนโซเว้นท์\" },\n        { id: \"HQ0000000004\", label: \"อื่นๆ\" },\n      ],\n    };\n  },\n  watch: {\n    oilPrices(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) {\n        // console.log(newValue);\n      }\n    },\n    addPrice(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) { }\n    },\n    priceOilTypes(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) { }\n    },\n    addPriceOilType(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) { }\n    },\n  },\n  computed: {\n    ...mapState({\n      oilPrices: (state) => state.oilPrice.oilPrice,\n      addPrice: (state) => state.oilPrice.addOilPrice,\n      priceOilTypes: (state) => state.priceOilType.priceOilType,\n      addPriceOilType: (state) => state.priceOilType.addPriceOilType,\n    }),\n    ...mapGetters({\n      getErrorStatus: \"getterError\",\n    }),\n  },\n  mounted() {\n    this.$store.dispatch(\"activeOilCard\", OIL_TYPE.ALL);\n    this.getOilpriceLog();\n    this.getPriceOilType();\n  },\n  methods: {\n    async getOilpriceLog() {\n      await this.$store.dispatch(\"getOilPrice\");\n    },\n    setDateFormat(date) {\n      const locale = this.$i18n.locale;\n      if (locale == \"th\") {\n        const newDate = moment(date)\n          .add(543, \"years\")\n          .format(\"DD/MM/YYYY HH:mm\");\n        return newDate;\n      }\n      return moment(date).format(\"DD/MM/YYYY HH:mm\");\n    },\n    async addOilPrice() {\n      await this.$store.dispatch(\"setOilPrice\", this.price);\n      this.popupAddOilPriceActive = false;\n\n      if (this.addPrice.status == 201) {\n        this.$fire({\n          type: \"success\",\n          title: \"เพิ่มราคาน้ำมันสำเร็จ\",\n          showConfirmButton: false,\n          timer: 1500,\n        });\n        location.reload();\n      } else {\n        this.$fire({\n          type: \"error\",\n          title: \"เพิ่มราคาน้ำมันไม่สำเร็จ\",\n          text: \"กรุณาตรวจสอบข้อมูล\",\n        });\n      }\n    },\n    async getPriceOilType() {\n      await this.$store.dispatch(\"findAllPriceOilTypeLog\");\n    },\n    async addPriceByOilType() {\n      console.log(this.selectedOilType.id,this.selectedOilType.label,this.price);\n      await this.$store.dispatch(\"addPriceOilTypeLog\", {\n        price: this.price,\n        oil_id: this.selectedOilType.id,\n        name_th: this.selectedOilType.label,\n      });\n      this.popupAddPriceOilPriceActive = false;\n      console.log(this.addPriceOilType);\n\n      if (this.addPriceOilType.status == 201) {\n        this.$fire({\n          type: \"success\",\n          title: \"เพิ่มราคาน้ำมันสำเร็จ\",\n          showConfirmButton: false,\n          timer: 2000,\n        });\n        location.reload();\n      } else {\n        this.$fire({\n          type: \"error\",\n          title: \"เพิ่มราคาน้ำมันไม่สำเร็จ\",\n          text: \"กรุณาตรวจสอบข้อมูล\",\n        });\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.tableship {\n  height: 100%;\n}\n@media print {\n  #selecttime {\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!./OilPriceLog.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!./OilPriceLog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OilPriceLog.vue?vue&type=template&id=4c5cd8e0&\"\nimport script from \"./OilPriceLog.vue?vue&type=script&lang=js&\"\nexport * from \"./OilPriceLog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OilPriceLog.vue?vue&type=style&index=0&lang=css&\"\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","import mod 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!./OilPriceLog.vue?vue&type=style&index=0&lang=css&\"; export default mod; 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!./OilPriceLog.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}