{"version":3,"sources":["webpack:///./src/pages/master/customer-power-and-group/Form.vue?a459","webpack:///src/pages/master/customer-power-and-group/Form.vue","webpack:///./src/pages/master/customer-power-and-group/Form.vue?2740","webpack:///./src/pages/master/customer-power-and-group/Form.vue","webpack:///./src/pages/master/customer-power-and-group/form-helper.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","_v","_s","$route","params","id","staticClass","attrs","ref","formData","validationRules","model","callback","$$v","$set","on","submit","cancel","staticRenderFns","components","created","service","data","apiGetById","$appInfo","api","customer","getById","apiPost","post","apiPut","put","roles","costumers","mode","isSubmit","loading","methods","setDefaultCustomerId","isCustomer","CustomerName","user","computed","$store","state","auth","userData","beforeRouteLeave","next","answer","component","emptyData","Company","DceGroupName","ContractedPower","required","message","trigger","getEmptyData","getValidationRule"],"mappings":"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","file":"js/chunk-f35c6f6a.9e5125cc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}]},[_c('h3',[_vm._v(\" Customer Power and Group Form - \"+_vm._s(_vm.$route.params.id ? 'Edit' : 'Create')+\" \")]),_c('hr',{staticClass:\"my-4\"}),_c('div',{staticClass:\"pt-2\",attrs:{\"id\":\"form-container\"}},[_c('el-form',{ref:\"elForm\",attrs:{\"model\":_vm.formData,\"rules\":_vm.validationRules,\"size\":\"medium\",\"label-width\":\"auto\"}},[_c('el-form-item',{attrs:{\"label\":\"Company\",\"prop\":\"Company\"}},[_c('el-input',{attrs:{\"placeholder\":\"Company\",\"disabled\":true},model:{value:(_vm.formData.Company),callback:function ($$v) {_vm.$set(_vm.formData, \"Company\", $$v)},expression:\"formData.Company\"}})],1),_c('el-form-item',{attrs:{\"label\":\"DCE Group Name\",\"prop\":\"DceGroupName\"}},[_c('el-input',{attrs:{\"placeholder\":\"DCE Group Name\"},model:{value:(_vm.formData.DceGroupName),callback:function ($$v) {_vm.$set(_vm.formData, \"DceGroupName\", $$v)},expression:\"formData.DceGroupName\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Contracted Power\",\"prop\":\"ContractedPower\"}},[_c('el-input',{directives:[{name:\"input-mask\",rawName:\"v-input-mask\"}],attrs:{\"placeholder\":\"Contracted Power\",\"data-inputmask\":\"'alias': 'numeric', 'allowMinus': false, 'greedy': false, 'autoUnmask': true\"},model:{value:(_vm.formData.ContractedPower),callback:function ($$v) {_vm.$set(_vm.formData, \"ContractedPower\", $$v)},expression:\"formData.ContractedPower\"}})],1),_c('hr',{staticClass:\"my-4\"}),_c('div',{staticClass:\"w-full text-right\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.submit}},[_vm._v(\"Submit\")]),_c('el-button',{on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")])],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-loading=\"loading\">\n    <h3>\n      Customer Power and Group Form - {{ $route.params.id ? 'Edit' : 'Create' }}\n    </h3>\n    <hr class=\"my-4\" />\n    <div id=\"form-container\" class=\"pt-2\">\n      <el-form\n        ref=\"elForm\"\n        :model=\"formData\"\n        :rules=\"validationRules\"\n        size=\"medium\"\n        label-width=\"auto\"\n      >\n        <el-form-item label=\"Company\" prop=\"Company\">\n          <el-input\n            v-model=\"formData.Company\"\n            placeholder=\"Company\"\n            :disabled=\"true\"\n          ></el-input>\n        </el-form-item>\n        <el-form-item label=\"DCE Group Name\" prop=\"DceGroupName\">\n          <el-input\n            v-model=\"formData.DceGroupName\"\n            placeholder=\"DCE Group Name\"\n          ></el-input>\n        </el-form-item>\n        <el-form-item label=\"Contracted Power\" prop=\"ContractedPower\">\n          <el-input\n            v-model=\"formData.ContractedPower\"\n            placeholder=\"Contracted Power\"\n            v-input-mask\n            data-inputmask=\"'alias': 'numeric', 'allowMinus': false, 'greedy': false, 'autoUnmask': true\"\n          ></el-input>\n        </el-form-item>\n\n        <hr class=\"my-4\" />\n        <div class=\"w-full text-right\">\n          <el-button type=\"primary\" @click=\"submit\">Submit</el-button>\n          <el-button @click=\"cancel\">Cancel</el-button>\n        </div>\n      </el-form>\n    </div>\n  </div>\n</template>\n\n<script>\nimport formService from '@/mixins/FormService'\nimport formHelper from './form-helper'\n\nlet service\n\nexport default {\n  components: {},\n  created() {\n    service = new formService(this, formHelper, this.$route.params.id)\n  },\n  async mounted() {\n    this.loading = true\n    this.formData = await service.initialFormData()\n    this.fetchCustomer()\n    this.setDefaultCustomerId()\n\n    if (this.$route.params.id) {\n      this.mode = 'edit'\n    }\n    this.loading = false\n  },\n  data() {\n    return {\n      apiGetById: this.$appInfo.api.customer.getById,\n      apiPost: this.$appInfo.api.customer.post,\n      apiPut: this.$appInfo.api.customer.put,\n      formData: formHelper.getEmptyData(),\n      validationRules: formHelper.getValidationRule(),\n      roles: [],\n      costumers: [],\n      mode: '',\n      isSubmit: false,\n      loading: false\n    }\n  },\n  methods: {\n    setDefaultCustomerId() {\n      if (this.isCustomer) {\n        this.formData.CustomerName = this.user.CustomerName\n          ? this.user.CustomerName[0]\n          : ''\n      }\n    },\n\n    async cancel() {\n      this.$router.go(-1)\n    },\n    async submit() {\n      this.$refs.elForm.validate(async (valid) => {\n        if (valid) {\n          try {\n            this.loading = true\n            this.isSubmit = true\n            this.formData.ContractedPower = parseFloat(\n              this.formData.ContractedPower\n            )\n\n            await service.submit(this.formData)\n            this.$message.success('Data Saved')\n            this.loading = false\n          } catch (e) {\n            this.loading = false\n            this.$message.error(e)\n            console.log(e)\n          }\n        } else {\n          this.$message.warning('Please fill in the required data')\n          this.loading = false\n          return false\n        }\n      })\n    },\n    async fetchCustomer() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(\n          `${this.$appInfo.api.customer.getAll}`\n        )\n        this.costumers = res.data\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\n    }\n  },\n  computed: {\n    isCustomer() {\n      return this.$store.state.auth.isCustomer\n    },\n    user() {\n      return this.$store.state.auth.userData\n    }\n  },\n  beforeRouteLeave(to, from, next) {\n    if (!this.isSubmit) {\n      const answer = window.confirm(\n        'Do you really want to leave? you have unsaved changes!'\n      )\n      if (answer) {\n        next()\n      } else {\n        next(false)\n      }\n    } else {\n      next()\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!./Form.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!./Form.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Form.vue?vue&type=template&id=305cc0ee&\"\nimport script from \"./Form.vue?vue&type=script&lang=js&\"\nexport * from \"./Form.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","// import appInfo from '@/app-info'\n// import axios from 'axios'\n// import router from '@/router';\n\nconst emptyData = {\n  Company: '',\n  DceGroupName: '',\n  ContractedPower: 0\n}\n\nconst validationRules = {\n  Company: [\n    {\n      required: true,\n      message: 'Company is required',\n      trigger: 'blur'\n    }\n  ],\n  DceGroupName: [\n    {\n      required: true,\n      message: 'DCE Group Name is required',\n      trigger: 'blur'\n    }\n  ],\n  ContractedPower: [\n    {\n      required: true,\n      message: 'Contracted Power is required',\n      trigger: 'blur'\n    }\n  ]\n}\n\nexport default {\n  getEmptyData() {\n    return emptyData\n  },\n  getValidationRule() {\n    return validationRules\n  }\n}\n"],"sourceRoot":""}