{"version":3,"sources":["webpack:///./src/views/AccountAddress.vue?aac2","webpack:///src/views/AccountAddress.vue","webpack:///./src/views/AccountAddress.vue?5126","webpack:///./src/views/AccountAddress.vue?95e8","webpack:///./src/views/AccountAddressEdit.vue?9a85","webpack:///src/views/AccountAddressEdit.vue","webpack:///./src/views/AccountAddressEdit.vue?fd12","webpack:///./src/views/AccountAddressEdit.vue?1daf","webpack:///./src/views/AccountAddress.vue?66f2","webpack:///./src/views/AccountAddressEdit.vue?cec3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","addClick","_l","item","key","id","_s","addressName","scopedSlots","_u","fn","proxy","$event","openEditClick","setDefaultAddress","removeAddress","name","taxId","phone","fullAddress","_e","ref","load","staticRenderFns","components","AccountAddressEdit","data","addressItems","methods","axios","get","then","$refs","editor","show","put","delete","mounted","parent","setActiveMenu","component","modalHide","isNewCreate","modal","hide","v_addressName","message","state","model","value","callback","$$v","expression","v_name","v_taxId","v_phone","class","addressDetail","provincOptions","provinceChanged","domProps","provinceId","districtOptions","districtChanged","districtId","subDistrictOptions","subDistrictChanged","subDistrictId","v_zipCode","zipCode","save","isCheckValidate","computed","clearFileds","address","loadDistrict","loadSubDistrict","subDis","validation","uncheck","check","post"],"mappings":"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","file":"js/chunk-c6304fb8.fe4a4f91.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('h3',{staticClass:\"xd-text s-20 s-sm-24 w-semi-bold w-sm-medium\"},[_vm._v(\"ที่อยู่จัดส่ง\")]),_c('div',[_c('b-button',{attrs:{\"variant\":\"outline-warning\"},on:{\"click\":_vm.addClick}},[_c('i',{staticClass:\"fas fa-plus-circle\"}),_vm._v(\" เพิ่มที่อยู่ \")])],1)]),_c('div',{staticClass:\"row mt-4\"},_vm._l((_vm.addressItems),function(item){return _c('div',{key:item.id,staticClass:\"col-12 col-lg-6\"},[_c('b-card',{staticClass:\"mt-3 pl-3 pt-2 pr-3 pb-2 shadow border-0\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('span',{staticClass:\"h5\"},[_vm._v(_vm._s(item.addressName))]),_c('div',[_c('b-dropdown',{attrs:{\"variant\":\"link\",\"size\":\"sm\",\"dropleft\":\"\",\"offset\":\"20\",\"toggle-class\":\"text-decoration-none\",\"no-caret\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('div',{staticClass:\"text-warning h4 margin-0 font-weight-bold\"},[_c('b-icon',{attrs:{\"icon\":\"three-dots\"}})],1)]},proxy:true}],null,true)},[_c('b-dropdown-item',{on:{\"click\":function($event){return _vm.openEditClick(item.id)}}},[_c('div',{staticClass:\"text-center\"},[_vm._v(\"แก้ไขที่อยู่\")])]),_c('b-dropdown-item',{on:{\"click\":function($event){return _vm.setDefaultAddress(item.id)}}},[_c('div',{staticClass:\"text-center\"},[_vm._v(\"ตั้งเป็นค่าเริ่มต้น\")])]),_c('b-dropdown-item',{on:{\"click\":function($event){return _vm.removeAddress(item.id)}}},[_c('div',{staticClass:\"text-danger text-center\"},[_vm._v(\"ลบที่อยู่\")])])],1)],1)]),_c('div',[_c('div',[_vm._v(_vm._s(item.name))]),_c('div',[_vm._v(_vm._s(item.taxId))]),_c('div',{staticClass:\"phone-text-block\"},[_vm._v(\" \"+_vm._s(item.phone ? item.phone : \"-\")+\" \")]),_c('div',{staticClass:\"address-text-block\"},[_vm._v(\" \"+_vm._s(item.fullAddress)+\" \")])]),_c('div',{staticClass:\"mt-3 default-address-display-block\"},[(item.isDefault)?_c('span',{staticClass:\"text-warning\"},[_vm._v(\"ค่าเริ่มต้น\")]):_vm._e()])])],1)}),0),_c('AccountAddressEdit',{ref:\"editor\",on:{\"saved\":_vm.load}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"d-flex justify-content-between\">\r\n      <h3 class=\"xd-text s-20 s-sm-24 w-semi-bold w-sm-medium\">ที่อยู่จัดส่ง</h3>\r\n      <div>\r\n        <b-button variant=\"outline-warning\" @click=\"addClick\">\r\n          <i class=\"fas fa-plus-circle\"></i> เพิ่มที่อยู่\r\n        </b-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"row mt-4\">\r\n      <div class=\"col-12 col-lg-6\" v-for=\"item in addressItems\" :key=\"item.id\">\r\n        <b-card class=\"mt-3 pl-3 pt-2 pr-3 pb-2 shadow border-0\" no-body>\r\n          <div class=\"d-flex justify-content-between align-items-center\">\r\n            <span class=\"h5\">{{ item.addressName }}</span>\r\n            <div>\r\n              <b-dropdown\r\n                variant=\"link\"\r\n                size=\"sm\"\r\n                dropleft\r\n                offset=\"20\"\r\n                toggle-class=\"text-decoration-none\"\r\n                no-caret\r\n              >\r\n                <template #button-content>\r\n                  <div class=\"text-warning h4 margin-0 font-weight-bold\">\r\n                    <b-icon icon=\"three-dots\"></b-icon>\r\n                  </div>\r\n                </template>\r\n                <b-dropdown-item @click=\"openEditClick(item.id)\">\r\n                  <div class=\"text-center\">แก้ไขที่อยู่</div>\r\n                </b-dropdown-item>\r\n                <b-dropdown-item @click=\"setDefaultAddress(item.id)\">\r\n                  <div class=\"text-center\">ตั้งเป็นค่าเริ่มต้น</div>\r\n                </b-dropdown-item>\r\n                <b-dropdown-item @click=\"removeAddress(item.id)\">\r\n                  <div class=\"text-danger text-center\">ลบที่อยู่</div>\r\n                </b-dropdown-item>\r\n              </b-dropdown>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div>{{ item.name }}</div>\r\n            <div>{{ item.taxId }}</div>\r\n            <div class=\"phone-text-block\">\r\n              {{ item.phone ? item.phone : \"-\" }}\r\n            </div>\r\n            <div class=\"address-text-block\">\r\n              {{ item.fullAddress }}\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-3 default-address-display-block\">\r\n            <span class=\"text-warning\" v-if=\"item.isDefault\">ค่าเริ่มต้น</span>\r\n          </div>\r\n        </b-card>\r\n      </div>\r\n    </div>\r\n    <AccountAddressEdit ref=\"editor\" @saved=\"load\"></AccountAddressEdit>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport AccountAddressEdit from \"./AccountAddressEdit\";\r\nexport default {\r\n  components: {\r\n    AccountAddressEdit\r\n  },\r\n  data() {\r\n    return {\r\n      addressItems: []\r\n    };\r\n  },\r\n  methods: {\r\n    load() {\r\n      this.axios.get(\"/Account/Addresses\").then(res => {\r\n        this.addressItems = res.data;\r\n      });\r\n    },\r\n    addClick() {\r\n      this.$refs.editor.show();\r\n    },\r\n    openEditClick(id) {\r\n      this.$refs.editor.load(id);\r\n      this.$refs.editor.show();\r\n    },\r\n    setDefaultAddress(id) {\r\n      this.axios.put(`/Account/Addresses/${id}/Default`).then(res => {\r\n        this.load();\r\n      });\r\n    },\r\n    removeAddress(id) {\r\n      this.axios.delete(`/Account/Addresses/${id}`).then(res => {\r\n        this.load();\r\n      });\r\n    }\r\n  },\r\n  mounted() {\r\n    this.load();\r\n    const parent = this.$parent;\r\n    parent.setActiveMenu();\r\n  }\r\n};\r\n</script>\r\n\r\n<style soped>\r\n.default-address-display-block {\r\n  height: 30px;\r\n}\r\n\r\n.address-text-block {\r\n  height: 3rem;\r\n  display: block;\r\n  display: -webkit-box;\r\n  line-height: 1.5;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.phone-text-block {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n</style>\r\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!./AccountAddress.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!./AccountAddress.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AccountAddress.vue?vue&type=template&id=10ffa666&\"\nimport script from \"./AccountAddress.vue?vue&type=script&lang=js&\"\nexport * from \"./AccountAddress.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AccountAddress.vue?vue&type=style&index=0&soped=true&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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{ref:\"modal\",attrs:{\"size\":\"lg\",\"hide-header\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\",\"centered\":\"\"},on:{\"hide\":_vm.modalHide}},[_c('div',{staticClass:\"p-3\"},[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('h4',[_vm._v(_vm._s(_vm.isNewCreate ? \"สร้างที่อยู่ใหม่\" : \"แก้ไขที่อยู่\"))]),_c('span',{on:{\"click\":function($event){return _vm.$refs.modal.hide()}}},[_c('i',{staticClass:\"fas fa-times-circle text-danger close-btn-icon\"})])]),_c('div',{staticClass:\"mt-3\"},[_vm._v(\"กรอกข้อมูลที่อยู่จัดส่ง\")]),_c('div',{staticClass:\"mt-3\"},[_c('form',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('b-form-group',{attrs:{\"label\":\"ชื่อที่อยู่ (ที่ทำงาน ที่อยู่อาศัย)\",\"label-for\":\"addressName\",\"invalid-feedback\":_vm.v_addressName.message}},[_c('b-form-input',{attrs:{\"id\":\"addressName\",\"state\":_vm.v_addressName.state},model:{value:(_vm.addressName),callback:function ($$v) {_vm.addressName=$$v},expression:\"addressName\"}})],1),_c('b-form-group',{attrs:{\"label\":\"ชื่อผู้รับ\",\"label-for\":\"name\",\"invalid-feedback\":_vm.v_name.message}},[_c('b-form-input',{attrs:{\"id\":\"name\",\"state\":_vm.v_name.state},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1),_c('b-form-group',{attrs:{\"label\":\"เลขประจำตัวผู้เสียภาษี\",\"label-for\":\"taxId\",\"invalid-feedback\":_vm.v_taxId.message}},[_c('b-form-input',{attrs:{\"maxlength\":\"13\",\"id\":\"taxId\",\"state\":_vm.v_taxId.state},model:{value:(_vm.taxId),callback:function ($$v) {_vm.taxId=$$v},expression:\"taxId\"}})],1),_c('b-form-group',{attrs:{\"label\":\"หมายเลขโทรศัพท์\",\"invalid-feedback\":_vm.v_phone.message}},[_c('b-input-group',{class:{\n                          'is-invalid': _vm.v_phone.state == false\n                        }},[_c('b-input-group-prepend',[_c('div',{staticClass:\"input-group-text bg-white\"},[_vm._v(\"+66\")])]),_c('b-form-input',{ref:\"accountaddressphoneinput\",attrs:{\"state\":_vm.v_phone.state,\"placeholder\":\"025360466\"},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}})],1)],1),_c('b-form-group',{attrs:{\"label\":\"ที่อยู่\",\"label-for\":\"addressDetail\"}},[_c('b-form-input',{attrs:{\"id\":\"addressDetail\"},model:{value:(_vm.addressDetail),callback:function ($$v) {_vm.addressDetail=$$v},expression:\"addressDetail\"}})],1)],1),_c('div',{staticClass:\"col-lg-6\"},[_c('b-form-group',{attrs:{\"label\":\"จังหวัด\",\"label-for\":\"province\"}},[_c('b-form-select',{attrs:{\"options\":_vm.provincOptions,\"id\":\"province\",\"value-field\":\"id\",\"text-field\":\"name\",\"plain\":\"\"},on:{\"change\":_vm.provinceChanged},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [_c('option',{domProps:{\"value\":null}})]},proxy:true}]),model:{value:(_vm.provinceId),callback:function ($$v) {_vm.provinceId=$$v},expression:\"provinceId\"}})],1),_c('b-form-group',{attrs:{\"label\":\"อำเภอ/เขต\",\"label-for\":\"district\"}},[_c('b-form-select',{attrs:{\"options\":_vm.districtOptions,\"id\":\"district\",\"value-field\":\"id\",\"text-field\":\"name\",\"plain\":\"\"},on:{\"change\":_vm.districtChanged},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [_c('option',{domProps:{\"value\":null}})]},proxy:true}]),model:{value:(_vm.districtId),callback:function ($$v) {_vm.districtId=$$v},expression:\"districtId\"}})],1),_c('b-form-group',{attrs:{\"label\":\"ตำบล/แขวง\",\"label-for\":\"district\"}},[_c('b-form-select',{attrs:{\"options\":_vm.subDistrictOptions,\"id\":\"district\",\"value-field\":\"id\",\"text-field\":\"name\",\"plain\":\"\"},on:{\"change\":_vm.subDistrictChanged},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [_c('option',{domProps:{\"value\":null}})]},proxy:true}]),model:{value:(_vm.subDistrictId),callback:function ($$v) {_vm.subDistrictId=$$v},expression:\"subDistrictId\"}})],1),_c('b-form-group',{attrs:{\"label\":\"รหัสไปรษณีย์\",\"label-for\":\"zipCode\",\"invalid-feedback\":_vm.v_zipCode.message}},[_c('b-form-input',{attrs:{\"id\":\"zipCode\",\"state\":_vm.v_zipCode.state},model:{value:(_vm.zipCode),callback:function ($$v) {_vm.zipCode=$$v},expression:\"zipCode\"}})],1)],1)]),_c('div',{staticClass:\"row mt-4\"},[_c('div',{staticClass:\"col-3\"}),_c('div',{staticClass:\"col-lg-6\"},[_c('b-button',{attrs:{\"variant\":\"warning\",\"block\":\"\"},on:{\"click\":_vm.save}},[_vm._v(\"ยืนยัน\")])],1),_c('div',{staticClass:\"col-3\"})])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-modal\r\n    ref=\"modal\"\r\n    @hide=\"modalHide\"\r\n    size=\"lg\"\r\n    hide-header\r\n    no-close-on-backdrop\r\n    hide-footer\r\n    centered\r\n  >\r\n    <div class=\"p-3\">\r\n      <div class=\"d-flex justify-content-between\">\r\n        <h4>{{ isNewCreate ? \"สร้างที่อยู่ใหม่\" : \"แก้ไขที่อยู่\" }}</h4>\r\n        <span @click=\"$refs.modal.hide()\"\r\n          ><i class=\"fas fa-times-circle text-danger close-btn-icon\"></i\r\n        ></span>\r\n      </div>\r\n      <div class=\"mt-3\">กรอกข้อมูลที่อยู่จัดส่ง</div>\r\n      <div class=\"mt-3\">\r\n        <form>\r\n          <div class=\"row\">\r\n            <div class=\"col-lg-6\">\r\n              <b-form-group\r\n                label=\"ชื่อที่อยู่ (ที่ทำงาน ที่อยู่อาศัย)\"\r\n                label-for=\"addressName\"\r\n                :invalid-feedback=\"v_addressName.message\"\r\n              >\r\n                <b-form-input\r\n                  id=\"addressName\"\r\n                  v-model=\"addressName\"\r\n                  :state=\"v_addressName.state\"\r\n                ></b-form-input>\r\n              </b-form-group>\r\n              <b-form-group\r\n                label=\"ชื่อผู้รับ\"\r\n                label-for=\"name\"\r\n                :invalid-feedback=\"v_name.message\"\r\n              >\r\n                <b-form-input\r\n                  id=\"name\"\r\n                  v-model=\"name\"\r\n                  :state=\"v_name.state\"\r\n                ></b-form-input>\r\n              </b-form-group>\r\n              <b-form-group\r\n                label=\"เลขประจำตัวผู้เสียภาษี\"\r\n                label-for=\"taxId\"\r\n                :invalid-feedback=\"v_taxId.message\"\r\n              >\r\n                <b-form-input\r\n                  maxlength=\"13\"\r\n                  id=\"taxId\"\r\n                  v-model=\"taxId\"\r\n                  :state=\"v_taxId.state\"\r\n                ></b-form-input>\r\n              </b-form-group>\r\n              <!-- <b-form-group label=\"หมายเลขโทรศัพท์\" label-for=\"phone\" :invalid-feedback=\"v_phone.message\">\r\n                <b-input-group :class=\"{\r\n                  'is-invalid': v_phone.state == false\r\n                }\">\r\n                  <b-input-group-prepend>\r\n                    <div class=\"input-group-text bg-white\">+66</div>\r\n                  </b-input-group-prepend>\r\n                  <b-form-input id=\"phone\" v-model=\"phone\" :state=\"v_phone.state\"></b-form-input>\r\n                </b-input-group>\r\n              </b-form-group> -->\r\n                      <b-form-group\r\n                        label=\"หมายเลขโทรศัพท์\"\r\n                        :invalid-feedback=\"v_phone.message\"\r\n                      >\r\n                        <b-input-group\r\n                          :class=\"{\r\n                            'is-invalid': v_phone.state == false\r\n                          }\"\r\n                        >\r\n                          <b-input-group-prepend>\r\n                            <div class=\"input-group-text bg-white\">+66</div>\r\n                          </b-input-group-prepend>\r\n                          <b-form-input\r\n                            ref=\"accountaddressphoneinput\"\r\n                            v-model=\"phone\"\r\n                            :state=\"v_phone.state\"\r\n                            placeholder=\"025360466\"\r\n                          ></b-form-input>\r\n                        </b-input-group>\r\n                      </b-form-group>\r\n              <b-form-group label=\"ที่อยู่\" label-for=\"addressDetail\">\r\n                <b-form-input\r\n                  id=\"addressDetail\"\r\n                  v-model=\"addressDetail\"\r\n                ></b-form-input>\r\n              </b-form-group>\r\n            </div>\r\n            <div class=\"col-lg-6\">\r\n              <b-form-group label=\"จังหวัด\" label-for=\"province\">\r\n                <b-form-select\r\n                  :options=\"provincOptions\"\r\n                  id=\"province\"\r\n                  v-model=\"provinceId\"\r\n                  value-field=\"id\"\r\n                  text-field=\"name\"\r\n                  @change=\"provinceChanged\"\r\n                  plain\r\n                >\r\n                  <template #first>\r\n                    <option :value=\"null\"></option>\r\n                  </template>\r\n                </b-form-select>\r\n              </b-form-group>\r\n              <b-form-group label=\"อำเภอ/เขต\" label-for=\"district\">\r\n                <b-form-select\r\n                  :options=\"districtOptions\"\r\n                  id=\"district\"\r\n                  v-model=\"districtId\"\r\n                  value-field=\"id\"\r\n                  text-field=\"name\"\r\n                  plain\r\n                  @change=\"districtChanged\"\r\n                >\r\n                  <template #first>\r\n                    <option :value=\"null\"></option>\r\n                  </template>\r\n                </b-form-select>\r\n              </b-form-group>\r\n              <b-form-group label=\"ตำบล/แขวง\" label-for=\"district\">\r\n                <b-form-select\r\n                  :options=\"subDistrictOptions\"\r\n                  id=\"district\"\r\n                  v-model=\"subDistrictId\"\r\n                  value-field=\"id\"\r\n                  text-field=\"name\"\r\n                  plain\r\n                  @change=\"subDistrictChanged\"\r\n                >\r\n                  <template #first>\r\n                    <option :value=\"null\"></option>\r\n                  </template>\r\n                </b-form-select>\r\n              </b-form-group>\r\n              <b-form-group\r\n                label=\"รหัสไปรษณีย์\"\r\n                label-for=\"zipCode\"\r\n                :invalid-feedback=\"v_zipCode.message\"\r\n              >\r\n                <b-form-input\r\n                  id=\"zipCode\"\r\n                  v-model=\"zipCode\"\r\n                  :state=\"v_zipCode.state\"\r\n                ></b-form-input>\r\n              </b-form-group>\r\n            </div>\r\n          </div>\r\n          <div class=\"row mt-4\">\r\n            <div class=\"col-3\"></div>\r\n            <div class=\"col-lg-6\">\r\n              <b-button variant=\"warning\" block @click=\"save\">ยืนยัน</b-button>\r\n            </div>\r\n            <div class=\"col-3\"></div>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </div>\r\n  </b-modal>\r\n</template>\r\n\r\n<script>\r\nimport { createValidation } from \"../libs/ValidationHelper\";\r\nimport { emptyGuid } from \"../libs/util\";\r\nconst validation = createValidation();\r\nconst regnumber = /^[0-9]+$/;\r\nexport default {\r\n  data() {\r\n    return {\r\n      id: emptyGuid,\r\n      addressName: null,\r\n      name: null,\r\n      taxId: null,\r\n      phone: null,\r\n      addressDetail: null,\r\n      provinceId: null,\r\n      districtId: null,\r\n      subDistrictId: null,\r\n      zipCode: null,\r\n      districtOptions: [],\r\n      subDistrictOptions: [],\r\n      provincOptions: [],\r\n      isCheckValidate: false\r\n    };\r\n  },\r\n  computed: {\r\n    ...validation.initFuncs({\r\n      v_addressName() {\r\n        if (!this.addressName || this.addressName.trim() == \"\")\r\n          return \"จำเป็นต้องระบุชื่อของที่อยู่\";\r\n        return null;\r\n      },\r\n      v_name() {\r\n        if (!this.name || this.name.trim() == \"\") return \"จำเป็นต้องระบุชื่อ\";\r\n        return null;\r\n      },\r\n      // v_phone() {\r\n      //   if (this.phone && this.phone.trim() != \"\"){\r\n      //     const pattern = /^[\\d \\-,]*$/;\r\n      //     if(!this.phone.match(pattern))\r\n      //       return \"ข้อมูลไม่ถูกต้อง กรุณาระบุเป็นตัวเลข\";\r\n      //   }\r\n      //   return null;\r\n      // },\r\n      v_taxId() {\r\n        if (this.taxId) {\r\n          if (this.taxId.length < 13) {\r\n            console.log(\"ระบุรหัสบัตรประจำตัวประชาชนให้ถูกต้อง\");\r\n            return \"จำเป็นต้องระบุรหัสประจำตัวผู้เสียภาษี/รหัสบัตรประจำตัวประชาชนให้ถูกต้อง\";\r\n          }\r\n          else if (this.taxId.length > 13) {\r\n            console.log(\"รหัสบัตรประจำตัวประชาชนต้องไม่เกิน13หลัก\");\r\n            return \"จำเป็นต้องระบุรหัสประจำตัวผู้เสียภาษี/รหัสบัตรประจำตัวประชาชนต้องไม่เกิน 13 หลัก\";\r\n          }\r\n        }\r\n        else {\r\n          return null;\r\n        }\r\n      },\r\n      v_phone() {\r\n          if (!this.phone) {\r\n            console.log(\"จำเป็นต้องระบุหมายเลขโทรศัพท์\");\r\n            return \"จำเป็นต้องระบุหมายเลขโทรศัพท์\";\r\n          }\r\n          // let isnum = /^\\d+$/.test(this.phone);\r\n          let isnum = /^\\d+$/.test(this.phone);\r\n          let isnumZero = /^0\\d+$/.test(this.phone);\r\n          if (!isnum) {\r\n            console.log(\"หมายเลขโทรศัพท์กรอกได้เฉพาะตัวเลข\");\r\n            return \"หมายเลขโทรศัพท์กรอกได้เฉพาะตัวเลข\";\r\n          }\r\n          if (!isnumZero) {\r\n            console.log(\"หมายเลขโทรศัพท์ต้องกรอกเลข 0 เป็นหลักแรก\");\r\n            return \"หมายเลขโทรศัพท์ต้องกรอกเลข 0 เป็นหลักแรก\";\r\n          }\r\n          if (this.phone.length > 10 || this.phone.length < 9) {\r\n            console.log(\"กรอกหมายเลขโทรศัพท์ให้ถูกต้อง\");\r\n            return \"กรอกหมายเลขโทรศัพท์ให้ถูกต้อง\";\r\n          }\r\n          return null;\r\n      },\r\n      v_address() {\r\n        if (!this.addressDetail || this.addressDetail.trim() == \"\")\r\n          return \"จำเป็นต้องระบุที่อยู่\";\r\n        return null;\r\n      },\r\n      v_zipCode() {\r\n        if (!this.zipCode || this.zipCode.trim() == \"\")\r\n          return \"จำเป็นต้องระบุรหัสไปรษณีย์\";\r\n        return null;\r\n      }\r\n    }),\r\n    isNewCreate() {\r\n      return this.id == emptyGuid;\r\n    }\r\n  },\r\n  methods: {\r\n    show() {\r\n      this.$refs.modal.show();\r\n    this.$nextTick(() =>{\r\n      let self = this;\r\n      self.$refs[\"accountaddressphoneinput\"].$el.addEventListener(\"textInput\", (e) => {\r\n        var char = e.data; // In our example = \"a\"\r\n        // Stop processing if \"a\" is pressed\r\n        if (regnumber.test(char)) {\r\n          return true;\r\n        }\r\n        // Match with regex\r\n        else {\r\n          e.preventDefault();\r\n          return false; // If not match, don't add to input text\r\n        }\r\n      });\r\n    });\r\n    },\r\n    clearFileds() {\r\n      this.id = emptyGuid;\r\n      this.addressName = null;\r\n      this.addressDetail = null;\r\n      this.name = null;\r\n      this.taxId = null;\r\n      this.phone = null;\r\n      this.address = null;\r\n      this.subDistrictId = null;\r\n      this.provinceId = null;\r\n      this.districtId = null;\r\n      this.zipCode = null;\r\n      this.districtOptions = [];\r\n      this.subDistrictOptions = [];\r\n    },\r\n    loadDistrict(provinceId) {\r\n      this.axios\r\n        .get(`/Location/Provinces/${provinceId}/Districts`)\r\n        .then(res => {\r\n          this.districtOptions = res.data;\r\n        });\r\n    },\r\n    loadSubDistrict(districtId) {\r\n      this.axios\r\n        .get(`/Location/Districts/${districtId}/SubDistricts`)\r\n        .then(res => {\r\n          this.subDistrictOptions = res.data;\r\n        });\r\n    },\r\n    provinceChanged() {\r\n      this.loadDistrict(this.provinceId);\r\n      this.districtId = null;\r\n    },\r\n    districtChanged() {\r\n      this.loadSubDistrict(this.districtId);\r\n      this.subDistrictOptions = null;\r\n    },\r\n    subDistrictChanged() {\r\n      const subDis = this.subDistrictOptions.filter(\r\n        t => t.id == this.subDistrictId\r\n      )[0];\r\n      if (subDis) this.zipCode = subDis.zipCode;\r\n    },\r\n    modalHide() {\r\n      validation.uncheck(this);\r\n      this.clearFileds();\r\n    },\r\n    load(id) {\r\n      this.axios.get(\"/Account/Addresses/\" + id).then(res => {\r\n        const data = res.data;\r\n        this.id = data.id;\r\n        this.addressName = data.addressName;\r\n        this.name = data.name;\r\n        this.taxId = data.taxId;\r\n        this.phone = data.phone;\r\n        this.addressDetail = data.addressDetail;\r\n        this.provinceId = data.provinceId;\r\n        this.districtId = data.districtId;\r\n        this.subDistrictId = data.subDistrictId;\r\n        this.zipCode = data.zipCode;\r\n        this.loadDistrict(this.provinceId || 0);\r\n        this.loadSubDistrict(this.districtId || 0);\r\n      });\r\n    },\r\n    save() {\r\n      if (!validation.check(this)) return;\r\n      const data = {\r\n        id: this.id,\r\n        addressName: this.addressName,\r\n        name: this.name,\r\n        taxId: this.taxId,\r\n        phone: this.phone,\r\n        addressDetail: this.addressDetail,\r\n        provinceId: this.provinceId,\r\n        districtId: this.districtId,\r\n        subDistrictId: this.subDistrictId,\r\n        zipCode: this.zipCode\r\n      };\r\n\r\n      if (this.id !== emptyGuid) {\r\n        this.axios.put(\"Account/Addresses\", data).then(res => {\r\n          this.$refs.modal.hide();\r\n          this.$emit(\"saved\");\r\n        });\r\n      } else {\r\n        this.axios.post(\"Account/Addresses\", data).then(res => {\r\n          this.$refs.modal.hide();\r\n          this.$emit(\"saved\");\r\n        });\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.axios.get(\"/Location/Provinces\").then(res => {\r\n      this.provincOptions = res.data;\r\n    });\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n.close-btn-icon {\r\n  font-size: 1.5rem;\r\n  cursor: pointer;\r\n}\r\n.form-group {\r\n  height: 75px;\r\n}\r\n</style>\r\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!./AccountAddressEdit.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!./AccountAddressEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AccountAddressEdit.vue?vue&type=template&id=10da0b38&scoped=true&\"\nimport script from \"./AccountAddressEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./AccountAddressEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AccountAddressEdit.vue?vue&type=style&index=0&id=10da0b38&scoped=true&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  \"10da0b38\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/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!./AccountAddress.vue?vue&type=style&index=0&soped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/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!./AccountAddressEdit.vue?vue&type=style&index=0&id=10da0b38&scoped=true&lang=css&\""],"sourceRoot":""}