{"version":3,"sources":["webpack:///./src/@core/components/confirm-close-modal/ConfirmModal.vue?66ba","webpack:///src/@core/components/confirm-close-modal/ConfirmModal.vue","webpack:///./src/@core/components/confirm-close-modal/ConfirmModal.vue?d865","webpack:///./src/@core/components/confirm-close-modal/ConfirmModal.vue","webpack:///./src/views/sales/sales-customers/sales-customers-create/SalesCustomersCreate.vue?295d","webpack:///src/views/sales/sales-customers/sales-customers-create/SalesCustomersCreate.vue","webpack:///./src/views/sales/sales-customers/sales-customers-create/SalesCustomersCreate.vue?7203","webpack:///./src/views/sales/sales-customers/sales-customers-create/SalesCustomersCreate.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","title","scopedSlots","_u","key","fn","ref","staticClass","on","ok","_v","cancel","_s","content","staticRenderFns","props","type","String","default","methods","$emit","$bvModal","hide","component","invalid","errors","passed","touched","model","value","callback","$$v","lastName","expression","firstName","barCode","trim","$onlyDateInput","directives","name","rawName","staticStyle","configBitrhDay","birthDay","genderOptions","gendersSelected","customerTypeOptions","customerTypesSelected","customerStatusOptions","customerStatusSelected","customerPrivate","note","customerID","$onlyNumberInput","customerIDDate","configIDDate","customerIDLocation","phoneNumber","customerEmail","homeNumber","provinceOptions","provincesSelected","districtOptions","districtsSelected","precinctOptions","precinctsSelected","workingOffice","officeAddress","taxCode","cardTypeOptions","cardTypesSelected","closelyTypeOptions","closelyTypesSelected","statusSaveButton","disabled","$event","onClickSaveButton","_e","navigateBack","onClickAgreeButton","components","ValidationProvider","ValidationObserver","ConfirmModal","data","isFieldCanCheck","wrap","allowInput","dateFormat","maxDate","goNext","isFirstTimeGetLocations","number","required","email","code","dateFormatVNI","age","identifyCard","decentralization","formId","ctrlId","customer","computed","GENDERS_GETTER","map","CUSTOMER_TYPES_GETTER","PROVINCES_GETTER","DISTRICTS_GETTER","PRECINCTS_GETTER","CARD_TYPES_GETTER","CLOSELY_TYPES_GETTER","shopLocations","SHOP_LOCATIONS_GETTER","watch","provinceId","GET_DISTRICTS_ACTION","onSuccess","GET_PRECINCTS_ACTION","mounted","GET_PROVINCES_ACTION","GET_CARD_TYPES_ACTION","GET_CLOSELY_TYPES_ACTION","GET_SHOP_LOCATIONS_ACTION","$refs","focusInput","focus","beforeRouteLeave","checkFieldsValueLength","show","next","$permission","createCustomer","formContainer","validate","then","success","genderId","dob","customerTypeId","status","isPrivate","idNo","idNoIssuedDate","idNoIssuedPlace","mobiPhone","areaId","street","address","noted","closelyTypeId","cardTypeId","$router","replace"],"mappings":"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","file":"js/chunk-7933000a-e73fbb1a8f84403864e8time1729068238662.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{\"id\":\"confirmModal\",\"title\":_vm.title,\"title-class\":\"font-weight-bolder text-brand-1\"},scopedSlots:_vm._u([{key:\"modal-footer\",fn:function(ref){return [_c('b-button',{staticClass:\"btn-brand-1\",attrs:{\"size\":\"sm\",\"variant\":\"something\"},on:{\"click\":_vm.ok}},[_vm._v(\" Đồng ý \")]),_c('b-button',{attrs:{\"size\":\"sm\"},on:{\"click\":_vm.cancel}},[_vm._v(\" Hủy bỏ \")])]}}])},[_vm._v(\" \"+_vm._s(_vm.content)+\" \")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-modal\r\n    id=\"confirmModal\"\r\n    :title=\"title\"\r\n    title-class=\"font-weight-bolder text-brand-1\"\r\n  >\r\n    {{ content }}\r\n    <template #modal-footer=\"{}\">\r\n      <b-button\r\n        size=\"sm\"\r\n        class=\"btn-brand-1\"\r\n        variant=\"something\"\r\n        @click=\"ok\"\r\n      >\r\n        Đồng ý\r\n      </b-button>\r\n      <b-button\r\n        size=\"sm\"\r\n        @click=\"cancel\"\r\n      >\r\n        Hủy bỏ\r\n      </b-button>\r\n    </template>\r\n  </b-modal>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: 'Thông báo',\r\n    },\r\n    content: {\r\n      type: String,\r\n      default: 'Dữ liệu đang được tạo, bạn có muốn đóng?',\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    ok() {\r\n      this.$emit('ok')\r\n      this.$bvModal.hide('confirmModal')\r\n    },\r\n    cancel() {\r\n      this.$emit('cancel')\r\n      this.$bvModal.hide('confirmModal')\r\n    },\r\n  },\r\n}\r\n</script>\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!./ConfirmModal.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!./ConfirmModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfirmModal.vue?vue&type=template&id=27a03711&\"\nimport script from \"./ConfirmModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfirmModal.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('validation-observer',{ref:\"formContainer\",attrs:{\"slim\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar invalid = ref.invalid;\nreturn [_c('b-row',[_c('b-col',{staticClass:\"shadow bg-white rounded pb-1\",attrs:{\"xl\":\"3\",\"md\":\"6\"}},[_c('label',{staticClass:\"w-100 text-center h5 mt-1\"},[_c('strong',[_vm._v(\"Thông tin cá nhân\")])]),_c('b-col',{staticClass:\"px-0\"},[_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Mã khách hàng \")]),_c('b-form-input',{attrs:{\"disabled\":\"\"}})],1),_c('b-form-row',[_c('b-col',[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"họ và tên đệm\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar passed = ref.passed;\nvar touched = ref.touched;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Họ và tên đệm \"),_c('sup',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('b-form-input',{ref:\"focusInput\",attrs:{\"state\":touched ? passed : null,\"autocomplete\":\"on\",\"maxlength\":\"250\"},model:{value:(_vm.lastName),callback:function ($$v) {_vm.lastName=$$v},expression:\"lastName\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)})],1),_c('b-col',[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"tên\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar passed = ref.passed;\nvar touched = ref.touched;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Tên \"),_c('sup',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('b-form-input',{attrs:{\"autocomplete\":\"on\",\"state\":touched ? passed : null,\"maxlength\":\"250\"},model:{value:(_vm.firstName),callback:function ($$v) {_vm.firstName=$$v},expression:\"firstName\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)})],1)],1),_c('validation-provider',{attrs:{\"rules\":\"code\",\"name\":\"mã vạch\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar passed = ref.passed;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Mã vạch \")]),_c('b-form-input',{attrs:{\"state\":_vm.barCode ? passed : null,\"maxlength\":\"40\"},model:{value:(_vm.barCode),callback:function ($$v) {_vm.barCode=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"barCode\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)}),_c('b-form-row',[_c('b-col',{on:{\"keypress\":_vm.$onlyDateInput}},[_c('validation-provider',{attrs:{\"rules\":\"required|dateFormatVNI\",\"name\":\"ngày sinh\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar touched = ref.touched;\nvar passed = ref.passed;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Ngày sinh \"),_c('sup',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('b-form-group',{staticClass:\"m-0\",attrs:{\"state\":touched ? passed : null}},[_c('b-row',{staticClass:\"v-flat-pickr-group mx-0\",attrs:{\"align-v\":\"center\"}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.birthDay),expression:\"birthDay\"}],staticClass:\"cursor-pointer text-gray\",staticStyle:{\"position\":\"absolute\",\"right\":\"15px\"},attrs:{\"scale\":\"1.3\",\"data-clear\":\"\"}}),_c('vue-flat-pickr',{staticClass:\"form-control\",attrs:{\"config\":_vm.configBitrhDay,\"placeholder\":\"Chọn ngày\"},model:{value:(_vm.birthDay),callback:function ($$v) {_vm.birthDay=$$v},expression:\"birthDay\"}})],1),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])],1)]}}],null,true)})],1),_c('b-col',[_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Giới tính \")]),_c('tree-select',{attrs:{\"options\":_vm.genderOptions,\"placeholder\":\"Chọn giới tính\",\"no-options-text\":\"Không có dữ liệu\"},model:{value:(_vm.gendersSelected),callback:function ($$v) {_vm.gendersSelected=$$v},expression:\"gendersSelected\"}})],1)],1),_c('b-col',{staticClass:\"px-0\"},[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"nhóm khách hàng\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Nhóm khách hàng \"),_c('sup',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('tree-select',{attrs:{\"options\":_vm.customerTypeOptions,\"placeholder\":\"Chọn nhóm khách hàng\",\"no-options-text\":\"Không có dữ liệu\",\"no-results-text\":\"Không tìm thấy kết quả\"},model:{value:(_vm.customerTypesSelected),callback:function ($$v) {_vm.customerTypesSelected=$$v},expression:\"customerTypesSelected\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)})],1),_c('b-col',{staticClass:\"px-0\"},[_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Trạng thái \"),_c('sup',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('tree-select',{attrs:{\"options\":_vm.customerStatusOptions,\"placeholder\":\"Chọn trạng thái\",\"disabled\":\"\"},model:{value:(_vm.customerStatusSelected),callback:function ($$v) {_vm.customerStatusSelected=$$v},expression:\"customerStatusSelected\"}})],1),_c('b-form-checkbox',{staticClass:\"mt-1\",model:{value:(_vm.customerPrivate),callback:function ($$v) {_vm.customerPrivate=$$v},expression:\"customerPrivate\"}},[_c('span',{staticStyle:{\"margin-top\":\"8px\"}},[_vm._v(\"Khách hàng riêng của cửa hàng\")])]),_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Ghi chú \")]),_c('b-form-textarea',{attrs:{\"maxlength\":\"250\"},model:{value:(_vm.note),callback:function ($$v) {_vm.note=$$v},expression:\"note\"}})],1),_c('b-col',{staticClass:\"bg-light pb-1\",staticStyle:{\"box-shadow\":\"10px 10px 15px 1px #EEEEEE\"},attrs:{\"xl\":\"\",\"md\":\"6\"}},[_c('label',{staticClass:\"h5 text-light mt-1\"},[_c('strong',[_vm._v(\"Label\")])]),_c('validation-provider',{attrs:{\"rules\":\"identifyCard\",\"name\":\"chứng minh nhân dân\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar passed = ref.passed;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" CMND \")]),_c('b-form-input',{attrs:{\"maxlength\":\"12\",\"state\":_vm.customerID ? passed : null},on:{\"keypress\":_vm.$onlyNumberInput},model:{value:(_vm.customerID),callback:function ($$v) {_vm.customerID=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"customerID\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)}),_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Ngày cấp \")]),_c('b-row',{staticClass:\"v-flat-pickr-group mx-0\",attrs:{\"align-v\":\"center\"},on:{\"keypress\":_vm.$onlyDateInput}},[_c('b-icon-x',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.customerIDDate && _vm.customerID),expression:\"customerIDDate && customerID\"}],staticClass:\"cursor-pointer text-gray\",staticStyle:{\"position\":\"absolute\",\"right\":\"20px\"},attrs:{\"scale\":\"1.3\",\"data-clear\":\"\"}}),_c('vue-flat-pickr',{staticClass:\"form-control\",attrs:{\"config\":_vm.configIDDate,\"placeholder\":\"Chọn ngày\",\"disabled\":_vm.customerID ? false : true},model:{value:(_vm.customerIDDate),callback:function ($$v) {_vm.customerIDDate=$$v},expression:\"customerIDDate\"}})],1),_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Nơi cấp \")]),_c('b-form-input',{attrs:{\"disabled\":_vm.customerID ? false : true,\"maxlength\":\"200\"},model:{value:(_vm.customerIDLocation),callback:function ($$v) {_vm.customerIDLocation=$$v},expression:\"customerIDLocation\"}})],1),_c('b-col',{staticClass:\"bg-white shadow rounded pb-1 mt-1 ml-xl-1 mt-xl-0\",attrs:{\"xl\":\"3\",\"md\":\"\"}},[_c('label',{staticClass:\"w-100 text-center h5 mt-1\"},[_c('strong',[_vm._v(\"Thông tin liên hệ\")])]),_c('validation-provider',{attrs:{\"rules\":\"phoneNumber|required\",\"name\":\"số điện thoại\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar passed = ref.passed;\nvar touched = ref.touched;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Số điện thoại \"),_c('sup',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('b-form-input',{attrs:{\"autocomplete\":\"on\",\"type\":\"tel\",\"state\":touched ? passed : null,\"maxlength\":\"10\"},on:{\"keypress\":_vm.$onlyNumberInput},model:{value:(_vm.phoneNumber),callback:function ($$v) {_vm.phoneNumber=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"phoneNumber\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)}),_c('validation-provider',{attrs:{\"rules\":\"email\",\"name\":\"email\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar passed = ref.passed;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Email \")]),_c('b-form-input',{attrs:{\"id\":\"Email\",\"type\":\"email\",\"autocomplete\":\"on\",\"maxlength\":\"200\",\"state\":_vm.customerEmail ? passed : null},model:{value:(_vm.customerEmail),callback:function ($$v) {_vm.customerEmail=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"customerEmail\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)}),_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"số nhà\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar passed = ref.passed;\nvar touched = ref.touched;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Số nhà \"),_c('sup',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('b-form-input',{attrs:{\"maxlength\":\"200\",\"state\":touched ? passed : null},model:{value:(_vm.homeNumber),callback:function ($$v) {_vm.homeNumber=$$v},expression:\"homeNumber\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)}),_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"tỉnh/ thành\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Tỉnh/ Thành \"),_c('sup',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('tree-select',{attrs:{\"options\":_vm.provinceOptions,\"placeholder\":\"Chọn tỉnh/ thành\",\"no-options-text\":\"Không có dữ liệu\",\"no-results-text\":\"Không tìm thấy kết quả\"},model:{value:(_vm.provincesSelected),callback:function ($$v) {_vm.provincesSelected=$$v},expression:\"provincesSelected\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)}),_c('b-form-row',[_c('b-col',[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"quận/ huyện\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Quận/ Huyện \"),_c('sup',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('tree-select',{attrs:{\"options\":_vm.districtOptions,\"placeholder\":\"Chọn quận/ huyện\",\"no-options-text\":\"Vui lòng chọn tỉnh/ thành\",\"no-results-text\":\"Không tìm thấy kết quả\"},model:{value:(_vm.districtsSelected),callback:function ($$v) {_vm.districtsSelected=$$v},expression:\"districtsSelected\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)})],1),_c('b-col',[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"phường/ xã\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Phường/ Xã \"),_c('sup',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('tree-select',{attrs:{\"options\":_vm.precinctOptions,\"placeholder\":\"Chọn phường/ xã\",\"no-options-text\":\"Vui lòng chọn quận/ huyện\",\"no-results-text\":\"Không tìm thấy kết quả\"},model:{value:(_vm.precinctsSelected),callback:function ($$v) {_vm.precinctsSelected=$$v},expression:\"precinctsSelected\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)})],1)],1),_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Cơ quan \")]),_c('b-form-input',{attrs:{\"maxlength\":\"200\"},model:{value:(_vm.workingOffice),callback:function ($$v) {_vm.workingOffice=$$v},expression:\"workingOffice\"}}),_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Địa chỉ cơ quan \")]),_c('b-form-input',{attrs:{\"maxlength\":\"200\"},model:{value:(_vm.officeAddress),callback:function ($$v) {_vm.officeAddress=$$v},expression:\"officeAddress\"}}),_c('validation-provider',{attrs:{\"rules\":\"code\",\"name\":\"mã số thuế\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nvar passed = ref.passed;\nreturn [_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Mã số thuế \")]),_c('b-form-input',{attrs:{\"state\":_vm.taxCode ? passed : null,\"maxlength\":\"40\"},model:{value:(_vm.taxCode),callback:function ($$v) {_vm.taxCode=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"taxCode\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)})],1),_c('b-col',{staticClass:\"bg-white shadow rounded pb-1 mt-1 ml-md-1 mt-xl-0\",attrs:{\"xl\":\"3\",\"md\":\"\"}},[_c('label',{staticClass:\"w-100 text-center h5 mt-1\"},[_c('strong',[_vm._v(\"Thẻ thành viên\")])]),_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Loại thẻ \")]),_c('tree-select',{attrs:{\"options\":_vm.cardTypeOptions,\"placeholder\":\"Chọn loại thẻ\",\"no-options-text\":\"Không có dữ liệu\",\"no-results-text\":\"Không tìm thấy kết quả\"},model:{value:(_vm.cardTypesSelected),callback:function ($$v) {_vm.cardTypesSelected=$$v},expression:\"cardTypesSelected\"}}),_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Loại khách hàng \")]),_c('tree-select',{attrs:{\"options\":_vm.closelyTypeOptions,\"placeholder\":\"Chọn loại khách hàng\",\"no-options-text\":\"Không có dữ liệu\",\"no-results-text\":\"Không tìm thấy kết quả\"},model:{value:(_vm.closelyTypesSelected),callback:function ($$v) {_vm.closelyTypesSelected=$$v},expression:\"closelyTypesSelected\"}})],1)],1),_c('b-row',{staticClass:\"mx-0 my-1\",attrs:{\"align-v\":\"center\",\"align-h\":\"end\"}},[(_vm.statusSaveButton().show)?_c('b-button',{staticClass:\"btn-brand-1 aligns-items-button-center\",attrs:{\"disabled\":_vm.statusSaveButton().disabled || invalid,\"variant\":\"someThing\"},on:{\"click\":function($event){return _vm.onClickSaveButton()}}},[_c('b-icon-download',{staticClass:\"mr-50\"}),_vm._v(\" Lưu \")],1):_vm._e(),_c('b-button',{staticClass:\"aligns-items-button-center ml-1\",on:{\"click\":function($event){return _vm.navigateBack()}}},[_c('b-icon-x',{staticClass:\"mr-50\",attrs:{\"scale\":\"1.5\"}}),_vm._v(\" Đóng \")],1)],1)]}}])}),_c('confirm-modal',{attrs:{\"content\":\"Thông tin khách hàng sẽ không được cập nhật khi rời trang\"},on:{\"ok\":_vm.onClickAgreeButton}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container\r\n    fluid\r\n  >\r\n    <!-- Form Container-->\r\n    <validation-observer\r\n      ref=\"formContainer\"\r\n      v-slot=\"{invalid}\"\r\n      slim\r\n    >\r\n      <b-row>\r\n        <!-- Form Personal information -->\r\n        <b-col\r\n          xl=\"3\"\r\n          md=\"6\"\r\n          class=\"shadow bg-white rounded pb-1\"\r\n        >\r\n          <!-- Section 1 -->\r\n          <label class=\"w-100 text-center h5 mt-1\"><strong>Thông tin cá nhân</strong></label>\r\n\r\n          <!-- Customer Code -->\r\n          <b-col class=\"px-0\">\r\n            <div class=\"mt-1\">\r\n              Mã khách hàng\r\n            </div>\r\n            <b-form-input\r\n              disabled\r\n            />\r\n          </b-col>\r\n          <!--/ Customer Code -->\r\n\r\n          <!-- Customer Name -->\r\n          <b-form-row>\r\n            <b-col>\r\n              <validation-provider\r\n                v-slot=\"{ errors, passed, touched }\"\r\n                rules=\"required\"\r\n                name=\"họ và tên đệm\"\r\n              >\r\n                <div class=\"mt-1\">\r\n                  Họ và tên đệm <sup class=\"text-danger\">*</sup>\r\n                </div>\r\n                <b-form-input\r\n                  ref=\"focusInput\"\r\n                  v-model=\"lastName\"\r\n                  :state=\"touched ? passed : null\"\r\n                  autocomplete=\"on\"\r\n                  maxlength=\"250\"\r\n                />\r\n                <small class=\"text-danger\">{{ errors[0] }}</small>\r\n              </validation-provider>\r\n            </b-col>\r\n\r\n            <b-col>\r\n              <validation-provider\r\n                v-slot=\"{ errors, passed, touched }\"\r\n                rules=\"required\"\r\n                name=\"tên\"\r\n              >\r\n                <div class=\"mt-1\">\r\n                  Tên <sup class=\"text-danger\">*</sup>\r\n                </div>\r\n                <b-form-input\r\n                  v-model=\"firstName\"\r\n                  autocomplete=\"on\"\r\n                  :state=\"touched ? passed : null\"\r\n                  maxlength=\"250\"\r\n                />\r\n                <small class=\"text-danger\">{{ errors[0] }}</small>\r\n              </validation-provider>\r\n            </b-col>\r\n          </b-form-row>\r\n          <!--/ Customer Name -->\r\n\r\n          <!-- Customer Barcode -->\r\n          <validation-provider\r\n            v-slot=\"{ errors, passed }\"\r\n            rules=\"code\"\r\n            name=\"mã vạch\"\r\n          >\r\n            <div class=\"mt-1\">\r\n              Mã vạch\r\n            </div>\r\n            <b-form-input\r\n              v-model.trim=\"barCode\"\r\n              :state=\"barCode ? passed : null\"\r\n              maxlength=\"40\"\r\n            />\r\n            <small class=\"text-danger\">{{ errors[0] }}</small>\r\n          </validation-provider>\r\n          <!--/ Customer Barcode -->\r\n\r\n          <!-- Customer BirthDay and Gender -->\r\n          <b-form-row>\r\n            <!-- BirthDay -->\r\n            <b-col\r\n              @keypress=\"$onlyDateInput\"\r\n            >\r\n              <validation-provider\r\n                v-slot=\"{ errors, touched, passed }\"\r\n                rules=\"required|dateFormatVNI\"\r\n                name=\"ngày sinh\"\r\n              >\r\n                <div class=\"mt-1\">\r\n                  Ngày sinh <sup class=\"text-danger\">*</sup>\r\n                </div>\r\n                <b-form-group\r\n                  class=\"m-0\"\r\n                  :state=\"touched ? passed : null\"\r\n                >\r\n                  <b-row\r\n                    class=\"v-flat-pickr-group mx-0\"\r\n                    align-v=\"center\"\r\n                  >\r\n                    <b-icon-x\r\n                      v-show=\"birthDay\"\r\n                      style=\"position: absolute; right: 15px\"\r\n                      class=\"cursor-pointer text-gray\"\r\n                      scale=\"1.3\"\r\n                      data-clear\r\n                    />\r\n                    <vue-flat-pickr\r\n                      v-model=\"birthDay\"\r\n                      :config=\"configBitrhDay\"\r\n                      class=\"form-control\"\r\n                      placeholder=\"Chọn ngày\"\r\n                    />\r\n                  </b-row>\r\n                  <small class=\"text-danger\">{{ errors[0] }}</small>\r\n                </b-form-group>\r\n              </validation-provider>\r\n            </b-col>\r\n            <!--/ BirthDay -->\r\n\r\n            <!-- Genders -->\r\n            <b-col>\r\n              <div\r\n                class=\"mt-1\"\r\n              >\r\n                Giới tính\r\n              </div>\r\n              <tree-select\r\n                v-model=\"gendersSelected\"\r\n                :options=\"genderOptions\"\r\n                placeholder=\"Chọn giới tính\"\r\n                no-options-text=\"Không có dữ liệu\"\r\n              />\r\n            </b-col>\r\n            <!--/ Genders -->\r\n          </b-form-row>\r\n          <!--/ Customer BirthDay and Gender -->\r\n\r\n          <!-- Customer Group -->\r\n          <b-col\r\n            class=\"px-0\"\r\n          >\r\n            <validation-provider\r\n              v-slot=\"{ errors }\"\r\n              rules=\"required\"\r\n              name=\"nhóm khách hàng\"\r\n            >\r\n              <div\r\n                class=\"mt-1\"\r\n              >\r\n                Nhóm khách hàng <sup class=\"text-danger\">*</sup>\r\n              </div>\r\n              <tree-select\r\n                v-model=\"customerTypesSelected\"\r\n                :options=\"customerTypeOptions\"\r\n                placeholder=\"Chọn nhóm khách hàng\"\r\n                no-options-text=\"Không có dữ liệu\"\r\n                no-results-text=\"Không tìm thấy kết quả\"\r\n              />\r\n              <small class=\"text-danger\">{{ errors[0] }}</small>\r\n            </validation-provider>\r\n          </b-col>\r\n          <!--/ Customer Group -->\r\n\r\n          <!-- Customer status -->\r\n          <b-col\r\n            class=\"px-0\"\r\n          >\r\n            <div\r\n              class=\"mt-1\"\r\n            >\r\n              Trạng thái <sup class=\"text-danger\">*</sup>\r\n            </div>\r\n            <tree-select\r\n              v-model=\"customerStatusSelected\"\r\n              :options=\"customerStatusOptions\"\r\n              placeholder=\"Chọn trạng thái\"\r\n              disabled\r\n            />\r\n          </b-col>\r\n          <!--/ Customer status -->\r\n\r\n          <!-- Customer loyal -->\r\n          <b-form-checkbox\r\n            v-model=\"customerPrivate\"\r\n            class=\"mt-1\"\r\n          >\r\n            <span style=\"margin-top: 8px;\">Khách hàng riêng của cửa hàng</span>\r\n          </b-form-checkbox>\r\n          <!--/ Customer loyal -->\r\n\r\n          <!-- Customer Note -->\r\n          <div class=\"mt-1\">\r\n            Ghi chú\r\n          </div>\r\n          <b-form-textarea\r\n            v-model=\"note\"\r\n            maxlength=\"250\"\r\n          />\r\n          <!--/ Customer Note -->\r\n          <!--/ Section 1 -->\r\n        </b-col>\r\n        <!--/ Form Personal information -->\r\n\r\n        <!-- Form Personal ID -->\r\n        <b-col\r\n          xl\r\n          md=\"6\"\r\n          class=\"bg-light pb-1\"\r\n          style=\"box-shadow: 10px 10px 15px 1px #EEEEEE\"\r\n        >\r\n          <label class=\"h5 text-light mt-1\"><strong>Label</strong></label>\r\n\r\n          <!-- Customer IdentityCard -->\r\n          <validation-provider\r\n            v-slot=\"{ errors, passed }\"\r\n            rules=\"identifyCard\"\r\n            name=\"chứng minh nhân dân\"\r\n          >\r\n            <div\r\n              class=\"mt-1\"\r\n            >\r\n              CMND\r\n            </div>\r\n            <b-form-input\r\n              v-model.trim=\"customerID\"\r\n              maxlength=\"12\"\r\n              :state=\"customerID ? passed : null\"\r\n              @keypress=\"$onlyNumberInput\"\r\n            />\r\n            <small class=\"text-danger\">{{ errors[0] }}</small>\r\n          </validation-provider>\r\n          <!--/ Customer IdentityCard -->\r\n\r\n          <!-- Customer ID Date -->\r\n          <div\r\n            class=\"mt-1\"\r\n          >\r\n            Ngày cấp\r\n          </div>\r\n          <b-row\r\n            class=\"v-flat-pickr-group mx-0\"\r\n            align-v=\"center\"\r\n            @keypress=\"$onlyDateInput\"\r\n          >\r\n            <b-icon-x\r\n              v-show=\"customerIDDate && customerID\"\r\n              style=\"position: absolute; right: 20px\"\r\n              class=\"cursor-pointer text-gray\"\r\n              scale=\"1.3\"\r\n              data-clear\r\n            />\r\n            <vue-flat-pickr\r\n              v-model=\"customerIDDate\"\r\n              :config=\"configIDDate\"\r\n              class=\"form-control\"\r\n              placeholder=\"Chọn ngày\"\r\n              :disabled=\"customerID ? false : true\"\r\n            />\r\n          </b-row>\r\n          <!--/ Customer ID Date -->\r\n\r\n          <!-- Customer ID Location -->\r\n          <div class=\"mt-1\">\r\n            Nơi cấp\r\n          </div>\r\n          <b-form-input\r\n            v-model=\"customerIDLocation\"\r\n            :disabled=\"customerID ? false : true\"\r\n            maxlength=\"200\"\r\n          />\r\n          <!--/ Customer ID Location -->\r\n        </b-col>\r\n        <!--/ Form Personal ID -->\r\n\r\n        <!-- Form Contact information -->\r\n        <b-col\r\n          xl=\"3\"\r\n          md\r\n          class=\"bg-white shadow rounded pb-1 mt-1 ml-xl-1 mt-xl-0\"\r\n        >\r\n          <label class=\"w-100 text-center h5 mt-1\"><strong>Thông tin liên hệ</strong></label>\r\n          <!-- Customer Phone Number -->\r\n          <validation-provider\r\n            v-slot=\"{ errors, passed, touched}\"\r\n            rules=\"phoneNumber|required\"\r\n            name=\"số điện thoại\"\r\n          >\r\n            <div class=\"mt-1\">\r\n              Số điện thoại <sup class=\"text-danger\">*</sup>\r\n            </div>\r\n            <b-form-input\r\n              v-model.trim=\"phoneNumber\"\r\n              autocomplete=\"on\"\r\n              type=\"tel\"\r\n              :state=\"touched ? passed : null\"\r\n              maxlength=\"10\"\r\n              @keypress=\"$onlyNumberInput\"\r\n            />\r\n            <small class=\"text-danger\">{{ errors[0] }}</small>\r\n          </validation-provider>\r\n          <!--/ Customer Phone Number -->\r\n\r\n          <!-- Customer Email -->\r\n          <validation-provider\r\n            v-slot=\"{ errors, passed }\"\r\n            rules=\"email\"\r\n            name=\"email\"\r\n          >\r\n            <div class=\"mt-1\">\r\n              Email\r\n            </div>\r\n            <b-form-input\r\n              id=\"Email\"\r\n              v-model.trim=\"customerEmail\"\r\n              type=\"email\"\r\n              autocomplete=\"on\"\r\n              maxlength=\"200\"\r\n              :state=\"customerEmail ? passed : null\"\r\n            />\r\n            <small class=\"text-danger\">{{ errors[0] }}</small>\r\n          </validation-provider>\r\n          <!--/ Customer Email -->\r\n\r\n          <!-- Customer Home number -->\r\n          <validation-provider\r\n            v-slot=\"{ errors, passed, touched }\"\r\n            rules=\"required\"\r\n            name=\"số nhà\"\r\n          >\r\n            <div class=\"mt-1\">\r\n              Số nhà <sup class=\"text-danger\">*</sup>\r\n            </div>\r\n            <b-form-input\r\n              v-model=\"homeNumber\"\r\n              maxlength=\"200\"\r\n              :state=\"touched ? passed : null\"\r\n            />\r\n            <small class=\"text-danger\">{{ errors[0] }}</small>\r\n          </validation-provider>\r\n          <!--/ Customer Home number -->\r\n\r\n          <!-- Customer Province -->\r\n          <validation-provider\r\n            v-slot=\"{ errors }\"\r\n            rules=\"required\"\r\n            name=\"tỉnh/ thành\"\r\n          >\r\n            <div\r\n              class=\"mt-1\"\r\n            >\r\n              Tỉnh/ Thành <sup class=\"text-danger\">*</sup>\r\n            </div>\r\n            <tree-select\r\n              v-model=\"provincesSelected\"\r\n              :options=\"provinceOptions\"\r\n              placeholder=\"Chọn tỉnh/ thành\"\r\n              no-options-text=\"Không có dữ liệu\"\r\n              no-results-text=\"Không tìm thấy kết quả\"\r\n            />\r\n            <small class=\"text-danger\">{{ errors[0] }}</small>\r\n          </validation-provider>\r\n          <!--/ Customer Province -->\r\n\r\n          <!-- Customer District and Wards -->\r\n          <b-form-row>\r\n            <b-col>\r\n              <validation-provider\r\n                v-slot=\"{ errors }\"\r\n                rules=\"required\"\r\n                name=\"quận/ huyện\"\r\n              >\r\n                <div\r\n                  class=\"mt-1\"\r\n                >\r\n                  Quận/ Huyện <sup class=\"text-danger\">*</sup>\r\n                </div>\r\n                <tree-select\r\n                  v-model=\"districtsSelected\"\r\n                  :options=\"districtOptions\"\r\n                  placeholder=\"Chọn quận/ huyện\"\r\n                  no-options-text=\"Vui lòng chọn tỉnh/ thành\"\r\n                  no-results-text=\"Không tìm thấy kết quả\"\r\n                />\r\n                <small class=\"text-danger\">{{ errors[0] }}</small>\r\n              </validation-provider>\r\n            </b-col>\r\n\r\n            <b-col>\r\n              <validation-provider\r\n                v-slot=\"{ errors }\"\r\n                rules=\"required\"\r\n                name=\"phường/ xã\"\r\n              >\r\n                <div\r\n                  class=\"mt-1\"\r\n                >\r\n                  Phường/ Xã <sup class=\"text-danger\">*</sup>\r\n                </div>\r\n                <tree-select\r\n                  v-model=\"precinctsSelected\"\r\n                  :options=\"precinctOptions\"\r\n                  placeholder=\"Chọn phường/ xã\"\r\n                  no-options-text=\"Vui lòng chọn quận/ huyện\"\r\n                  no-results-text=\"Không tìm thấy kết quả\"\r\n                />\r\n                <small class=\"text-danger\">{{ errors[0] }}</small>\r\n              </validation-provider>\r\n            </b-col>\r\n          </b-form-row>\r\n          <!--/ Customer District and Wards -->\r\n\r\n          <!-- Office-->\r\n          <div class=\"mt-1\">\r\n            Cơ quan\r\n          </div>\r\n          <b-form-input\r\n            v-model=\"workingOffice\"\r\n            maxlength=\"200\"\r\n          />\r\n          <!--/ Office-->\r\n\r\n          <!-- Office Address-->\r\n          <div class=\"mt-1\">\r\n            Địa chỉ cơ quan\r\n          </div>\r\n          <b-form-input\r\n            v-model=\"officeAddress\"\r\n            maxlength=\"200\"\r\n          />\r\n          <!--/ Office Address-->\r\n\r\n          <!-- Customer Tax code-->\r\n          <validation-provider\r\n            v-slot=\"{ errors, passed }\"\r\n            rules=\"code\"\r\n            name=\"mã số thuế\"\r\n          >\r\n            <div class=\"mt-1\">\r\n              Mã số thuế\r\n            </div>\r\n            <b-form-input\r\n              v-model.trim=\"taxCode\"\r\n              :state=\"taxCode ? passed : null\"\r\n              maxlength=\"40\"\r\n            />\r\n            <small class=\"text-danger\">{{ errors[0] }}</small>\r\n          </validation-provider>\r\n        <!--/ Customer Tax code-->\r\n        </b-col>\r\n        <!--/ Form Contact information -->\r\n\r\n        <!-- Form Membership card -->\r\n        <b-col\r\n          xl=\"3\"\r\n          md\r\n          class=\"bg-white shadow rounded pb-1 mt-1 ml-md-1 mt-xl-0\"\r\n        >\r\n          <label class=\"w-100 text-center h5 mt-1\"><strong>Thẻ thành viên</strong></label>\r\n\r\n          <!-- Customer Card type -->\r\n          <div\r\n            class=\"mt-1\"\r\n          >\r\n            Loại thẻ\r\n          </div>\r\n          <tree-select\r\n            v-model=\"cardTypesSelected\"\r\n            :options=\"cardTypeOptions\"\r\n            placeholder=\"Chọn loại thẻ\"\r\n            no-options-text=\"Không có dữ liệu\"\r\n            no-results-text=\"Không tìm thấy kết quả\"\r\n          />\r\n          <!--/ Customer Card type -->\r\n\r\n          <!-- Customer Type -->\r\n          <div\r\n            class=\"mt-1\"\r\n          >\r\n            Loại khách hàng\r\n          </div>\r\n          <tree-select\r\n            v-model=\"closelyTypesSelected\"\r\n            :options=\"closelyTypeOptions\"\r\n            placeholder=\"Chọn loại khách hàng\"\r\n            no-options-text=\"Không có dữ liệu\"\r\n            no-results-text=\"Không tìm thấy kết quả\"\r\n          />\r\n        <!--/ Customer Type -->\r\n        </b-col>\r\n        <!--/ Form Membership card -->\r\n      </b-row>\r\n\r\n      <!-- Group Button -->\r\n      <b-row\r\n        class=\"mx-0 my-1\"\r\n        align-v=\"center\"\r\n        align-h=\"end\"\r\n      >\r\n        <b-button\r\n          v-if=\"statusSaveButton().show\"\r\n          :disabled=\"statusSaveButton().disabled || invalid\"\r\n          variant=\"someThing\"\r\n          class=\"btn-brand-1 aligns-items-button-center\"\r\n          @click=\"onClickSaveButton()\"\r\n        >\r\n          <b-icon-download\r\n            class=\"mr-50\"\r\n          />\r\n          Lưu\r\n        </b-button>\r\n\r\n        <b-button\r\n          class=\"aligns-items-button-center ml-1\"\r\n          @click=\"navigateBack()\"\r\n        >\r\n          <b-icon-x\r\n            class=\"mr-50\"\r\n            scale=\"1.5\"\r\n          />\r\n          Đóng\r\n        </b-button>\r\n      </b-row>\r\n      <!--/ Group Button -->\r\n\r\n    </validation-observer>\r\n    <!--/ Form Container-->\r\n\r\n    <!-- Confirm Modal -->\r\n    <confirm-modal\r\n      content=\"Thông tin khách hàng sẽ không được cập nhật khi rời trang\"\r\n      @ok=\"onClickAgreeButton\"\r\n    />\r\n    <!--/ Confirm Modal -->\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  mapActions,\r\n  mapGetters,\r\n} from 'vuex'\r\nimport {\r\n  ValidationProvider,\r\n  ValidationObserver,\r\n} from 'vee-validate'\r\nimport {\r\n  number,\r\n  required,\r\n  email,\r\n  code,\r\n  dateFormatVNI,\r\n  age,\r\n  identifyCard,\r\n} from '@/@core/utils/validations/validations'\r\nimport ConfirmModal from '@/@core/components/confirm-close-modal/ConfirmModal.vue'\r\nimport { formatVniDateToISO } from '@/@core/utils/filter'\r\nimport customerData from '@/@db/customer'\r\nimport {\r\n  CUSTOMER,\r\n  // GETTERS\r\n  CUSTOMER_TYPES_GETTER,\r\n  PROVINCES_GETTER,\r\n  DISTRICTS_GETTER,\r\n  PRECINCTS_GETTER,\r\n  CARD_TYPES_GETTER,\r\n  CLOSELY_TYPES_GETTER,\r\n  SHOP_LOCATIONS_GETTER,\r\n  GENDERS_GETTER,\r\n  // ACTIONS\r\n  CREATE_CUSTOMER_ACTION,\r\n  GET_PROVINCES_ACTION,\r\n  GET_DISTRICTS_ACTION,\r\n  GET_PRECINCTS_ACTION,\r\n  GET_CARD_TYPES_ACTION,\r\n  GET_CLOSELY_TYPES_ACTION,\r\n  GET_SHOP_LOCATIONS_ACTION,\r\n} from '../store-module/type'\r\n\r\nexport default {\r\n  components: {\r\n    ValidationProvider,\r\n    ValidationObserver,\r\n    ConfirmModal,\r\n  },\r\n\r\n  // Data\r\n  data() {\r\n    return {\r\n      isFieldCanCheck: true,\r\n      configBitrhDay: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n      },\r\n      configIDDate: {\r\n        wrap: true,\r\n        allowInput: true,\r\n        dateFormat: 'd/m/Y',\r\n        maxDate: 'today',\r\n      },\r\n\r\n      goNext: () => {},\r\n\r\n      isFirstTimeGetLocations: true,\r\n\r\n      // validation rules\r\n      number,\r\n      required,\r\n      email,\r\n      code,\r\n      dateFormatVNI,\r\n      age,\r\n      identifyCard,\r\n\r\n      // decentralization\r\n      decentralization: {\r\n        formId: 1,\r\n        ctrlId: 1,\r\n      },\r\n\r\n      // Personal\r\n      lastName: null,\r\n      firstName: null,\r\n      barCode: null,\r\n      birthDay: null,\r\n      gendersSelected: null,\r\n      customerTypesSelected: null,\r\n      customerStatusOptions: customerData.status,\r\n      customerStatusSelected: customerData.status[0].id,\r\n      customerPrivate: false,\r\n      note: null,\r\n      customerID: null,\r\n      customerIDDate: null,\r\n      customerIDLocation: null,\r\n      /// Personal\r\n\r\n      // Contact\r\n      phoneNumber: null,\r\n      customerEmail: null,\r\n      homeNumber: null,\r\n      provincesSelected: null,\r\n      districtsSelected: null,\r\n      precinctsSelected: null,\r\n      workingOffice: null,\r\n      officeAddress: null,\r\n      taxCode: null,\r\n      /// Contact\r\n\r\n      // MembershipCard\r\n      cardTypesSelected: null,\r\n      closelyTypesSelected: null,\r\n      /// MembershipCard\r\n    }\r\n  },\r\n  /// Data\r\n\r\n  // Computed\r\n  computed: {\r\n    ...mapGetters(CUSTOMER, {\r\n      CUSTOMER_TYPES_GETTER,\r\n      PROVINCES_GETTER,\r\n      DISTRICTS_GETTER,\r\n      PRECINCTS_GETTER,\r\n      CARD_TYPES_GETTER,\r\n      CLOSELY_TYPES_GETTER,\r\n      SHOP_LOCATIONS_GETTER,\r\n      GENDERS_GETTER,\r\n    }),\r\n    genderOptions() {\r\n      return this.GENDERS_GETTER.map(data => ({\r\n        id: data.id,\r\n        label: data.categoryName,\r\n      }))\r\n    },\r\n    customerTypeOptions() {\r\n      return this.CUSTOMER_TYPES_GETTER.map(data => ({\r\n        id: data.id,\r\n        label: data.name,\r\n      }))\r\n    },\r\n    provinceOptions() {\r\n      return this.PROVINCES_GETTER.map(data => ({\r\n        id: data.id,\r\n        label: data.areaName,\r\n      }))\r\n    },\r\n    districtOptions() {\r\n      if (this.provincesSelected) {\r\n        return this.DISTRICTS_GETTER.map(data => ({\r\n          id: data.id,\r\n          label: data.areaName,\r\n        }))\r\n      }\r\n      return []\r\n    },\r\n    precinctOptions() {\r\n      if (this.districtsSelected) {\r\n        return this.PRECINCTS_GETTER.map(data => ({\r\n          id: data.id,\r\n          label: data.areaName,\r\n        }))\r\n      }\r\n      return []\r\n    },\r\n    cardTypeOptions() {\r\n      return this.CARD_TYPES_GETTER.map(data => ({\r\n        id: data.id,\r\n        label: data.apParamName,\r\n      }))\r\n    },\r\n    closelyTypeOptions() {\r\n      return this.CLOSELY_TYPES_GETTER.map(data => ({\r\n        id: data.id,\r\n        label: data.apParamName,\r\n      }))\r\n    },\r\n    shopLocations() {\r\n      return this.SHOP_LOCATIONS_GETTER\r\n    },\r\n  },\r\n  /// Computed\r\n\r\n  watch: {\r\n    shopLocations() {\r\n      this.provincesSelected = this.shopLocations.provinceId\r\n    },\r\n    provincesSelected() {\r\n      if (this.provincesSelected) {\r\n        this.GET_DISTRICTS_ACTION({\r\n          data: {\r\n            ...this.decentralization,\r\n            provinceId: this.provincesSelected,\r\n          },\r\n          onSuccess: () => {\r\n            if (this.isFirstTimeGetLocations === false) {\r\n              this.districtsSelected = this.districtOptions[0].id\r\n            }\r\n            // Load quận huyện mặc định từ api về lần đầu\r\n            if (this.shopLocations && this.isFirstTimeGetLocations) {\r\n              this.districtsSelected = this.shopLocations.districtId\r\n            }\r\n          },\r\n        })\r\n      }\r\n    },\r\n    districtsSelected() {\r\n      if (this.districtsSelected) {\r\n        this.GET_PRECINCTS_ACTION({\r\n          data: { ...this.decentralization, districtId: this.districtsSelected },\r\n          onSuccess: () => {\r\n            if (this.isFirstTimeGetLocations === false) {\r\n              this.precinctsSelected = this.precinctOptions[0].id\r\n            }\r\n            // Load phường xã mặc định từ api về lần đầu\r\n            if (this.shopLocations && this.isFirstTimeGetLocations) {\r\n              this.precinctsSelected = this.shopLocations.precinctId\r\n              this.isFirstTimeGetLocations = false\r\n            }\r\n          },\r\n        })\r\n      }\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    this.GET_PROVINCES_ACTION({ ...this.decentralization })\r\n    this.GET_CARD_TYPES_ACTION({ ...this.decentralization })\r\n    this.GET_CLOSELY_TYPES_ACTION({ ...this.decentralization })\r\n    this.GET_SHOP_LOCATIONS_ACTION({ ...this.decentralization })\r\n    this.$refs.focusInput.focus()\r\n  },\r\n\r\n  // before page leave, this will check\r\n  beforeRouteLeave(to, from, next) {\r\n    if (this.isFieldCanCheck) {\r\n      if (this.checkFieldsValueLength()) {\r\n        this.$bvModal.show('confirmModal')\r\n        this.goNext = next\r\n      } else {\r\n        next()\r\n      }\r\n    } else {\r\n      next()\r\n    }\r\n  },\r\n\r\n  // Methods\r\n  methods: {\r\n    ...mapActions(CUSTOMER, [\r\n      CREATE_CUSTOMER_ACTION,\r\n      GET_PROVINCES_ACTION,\r\n      GET_DISTRICTS_ACTION,\r\n      GET_PRECINCTS_ACTION,\r\n      GET_CARD_TYPES_ACTION,\r\n      GET_CLOSELY_TYPES_ACTION,\r\n      GET_SHOP_LOCATIONS_ACTION,\r\n    ]),\r\n\r\n    statusSaveButton() {\r\n      return this.$permission('SalesCustomersCreate', 'CustomersCreateSave')\r\n    },\r\n\r\n    createCustomer() {\r\n      this.$refs.formContainer.validate().then(success => {\r\n        if (success) {\r\n          this.CREATE_CUSTOMER_ACTION({\r\n            customer: {\r\n              firstName: this.firstName?.trim(),\r\n              lastName: this.lastName?.trim(),\r\n              genderId: this.gendersSelected,\r\n              barCode: this.barCode,\r\n              dob: formatVniDateToISO(this.birthDay),\r\n              customerTypeId: this.customerTypesSelected,\r\n              status: this.customerStatusSelected,\r\n              isPrivate: this.customerPrivate,\r\n              idNo: this.customerID,\r\n              idNoIssuedDate: this.customerID ? formatVniDateToISO(this.customerIDDate) : null,\r\n              idNoIssuedPlace: this.customerID ? this.customerIDLocation?.trim() : null,\r\n              mobiPhone: this.phoneNumber,\r\n              email: this.customerEmail,\r\n              areaId: this.precinctsSelected,\r\n              street: this.homeNumber?.trim(),\r\n              address: null,\r\n              workingOffice: this.workingOffice?.trim(),\r\n              officeAddress: this.officeAddress?.trim(),\r\n              taxCode: this.taxCode,\r\n              noted: this.note?.trim(),\r\n              closelyTypeId: this.closelyTypesSelected,\r\n              cardTypeId: this.cardTypesSelected,\r\n            },\r\n            onSuccess: () => {\r\n              this.navigateBack()\r\n            },\r\n          })\r\n        }\r\n      })\r\n    },\r\n\r\n    checkFieldsValueLength() {\r\n      // WARNING: Không xóa mấy cái log này, sau này sẽ cần để check lại\r\n      // console.log(`provinces: ${this.provincesSelected !== this.shopLocations.provinceId} | (${typeof this.provincesSelected}) ->|  ${this.provincesSelected} === ${this.shopLocations.provinceId} (${typeof this.shopLocations.provinceId})`)\r\n      // console.log(`districts: ${this.districtsSelected !== this.shopLocations.districtId} | (${typeof this.districtsSelected}) ->|  ${this.districtsSelected} === ${this.shopLocations.districtId} (${typeof this.shopLocations.districtId})`)\r\n      // console.log(`precincts: ${this.precinctsSelected !== this.shopLocations.precinctId} | (${typeof this.precinctsSelected}) ->|  ${this.precinctsSelected} === ${this.shopLocations.precinctId} (${typeof this.shopLocations.precinctId})`)\r\n\r\n      if (\r\n      // Personal\r\n        this.lastName\r\n        || this.firstName\r\n        || this.barCode\r\n        || this.birthDay\r\n        || this.gendersSelected\r\n        || this.customerTypesSelected\r\n        || this.customerPrivate\r\n        || this.note\r\n        || this.customerID\r\n        || this.customerIDDate\r\n        || this.customerIDLocation\r\n        // Contact\r\n        || this.phoneNumber\r\n        || this.customerEmail\r\n        || this.homeNumber\r\n        || this.provincesSelected !== this.shopLocations.provinceId\r\n        || this.districtsSelected !== this.shopLocations.districtId\r\n        || this.precinctsSelected !== this.shopLocations.precinctId\r\n        || this.workingOffice\r\n        || this.officeAddress\r\n        || this.taxCode\r\n        // MembershipCard\r\n        || this.cardTypesSelected\r\n        || this.closelyTypesSelected\r\n      ) {\r\n        return true\r\n      }\r\n      return false\r\n    },\r\n\r\n    onClickAgreeButton() {\r\n      this.goNext()\r\n    },\r\n\r\n    onClickSaveButton() {\r\n      this.isFieldCanCheck = false\r\n      this.createCustomer()\r\n    },\r\n\r\n    navigateBack() {\r\n      this.$router.replace({ name: 'sales-customers' })\r\n    },\r\n  },\r\n  /// Methods\r\n\r\n}\r\n</script>\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!./SalesCustomersCreate.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!./SalesCustomersCreate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SalesCustomersCreate.vue?vue&type=template&id=0dcc7f77&\"\nimport script from \"./SalesCustomersCreate.vue?vue&type=script&lang=js&\"\nexport * from \"./SalesCustomersCreate.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"],"sourceRoot":""}