{"version":3,"sources":["webpack:///./src/components/RoleView.vue","webpack:///./src/components/RoleView.vue?042f","webpack:///./src/components/modals/forms/EditCustomerModal.vue?2843","webpack:///./src/views/customer/CustomerDetail.vue","webpack:///./src/components/modals/forms/EditCustomerModal.vue","webpack:///./src/components/modals/forms/EditCustomerModal.vue?3535","webpack:///./src/views/customer/CustomerDetail.vue?efd1","webpack:///./src/views/customer/CustomerDetail.vue?d785","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["props","roles","Array","String","computed","currentUser","this","$store","getters","isArray","map","r","toLowerCase","includes","role","render","class","style","data-bs-toggle","data-bs-placement","data-bs-trigger","title","id","align","colspan","callCustomerList","type","data-bs-target","addCustAddrModal","customerContact","ccName","editCustomerModal","ccCompany","ccTaxID","ccTaxBranch","ccTel","ccAddress","ccDistrictName","amphurName","provinceName","ccZipcode","setHeight","custAddrList","item","index","custAddrName","custAddrAddress","custAddrDistriceName","custAddrAmphurName","custAddrProvinceName","custAddrZipcode","custAddrTaxID","custAddrTaxBranch","checkRole","editCustAddrModal","custAddrID","ref","getData","getCustomer","tabindex","aria-hidden","data-kt-scroll","data-kt-scroll-activate","data-kt-scroll-max-height","data-kt-scroll-dependencies","data-kt-scroll-wrappers","data-kt-scroll-offset","model","ruleForm","rules","label-width","label","prop","customerMobile","disabled","isDisabledInput","getCustomerSearch","customerContactName","isHavePhone","customerContactCompany","rows","customerContactAddress","maxlength","show-word-limit","customerContactProvinceID","filterable","placeholder","provinces","key","province_id","province_name","value","customerContactAmphurID","amphurs","filter","amphur_id","amphur_name","customerContactDistrictID","changeDistrictContact","district","district_id","district_name","customerContactZipCode","hide","loading","isLoading","submitForm","mounted","editCustomerModalRef","$refs","isHaveTaxID","isTaxID","customer","customerList","contactID","customerMobileOld","required","message","trigger","min","max","methods","resetFields","getAmphur","getProvince","getDistrict","show","formName","validate","valid","console","log","updateCustomerContact","async","loader","$loading","ApiService","put","CCID","CCName","CCCompany","CCTel","CCAddress","CCProvinceID","CCAmphurID","CCDistrictID","CCZipcode","fire","text","icon","showCancelButton","showConfirmButton","allowOutsideClick","timer","then","$emit","err","$swal","ContactID","data","query","params","ccProvinceID","ccAmphurID","ccDistrictID","error","length","customerFrom","customerPhoneNo","buttonsStyling","confirmButtonText","customClass","confirmButton","dataFilter","v","zipcode","components","AddCustAddrModal","EditCustomerModal","RoleView","partnerCode","window","innerHeight","customerContactList","customerName","watch","immediate","val","admin","getCustAddr","PartnerCode","$router","push","name","validateRole","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","dispatch","SET_BREADCRUMB_ACTION","pageBreadcrumbPath","setCurrentPageTitle"],"mappings":"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","file":"js/chunk-3795168a.3661e896.js","sourcesContent":["<template>\r\n  <slot v-if=\"isShow\"></slot>\r\n</template>\r\n\r\n<script>\r\n\r\nimport {role, validateRole} from '@/helpers/role'\r\n\r\nexport default {\r\n  props: {\r\n    roles: [Array, String]\r\n  },\r\n  computed: {\r\n    isShow() {\r\n      const currentUser = this.$store.getters.currentUser;\r\n     \r\n      return (!Array.isArray(this.roles) ? [this.roles] : this.roles).map(r => r.toLowerCase()).includes(currentUser.role.toLowerCase())\r\n      // return validateRole(this.roles)\r\n    }\r\n  }\r\n}\r\n</script>","import { render } from \"./RoleView.vue?vue&type=template&id=1ca92398\"\nimport script from \"./RoleView.vue?vue&type=script&lang=js\"\nexport * from \"./RoleView.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./EditCustomerModal.vue?vue&type=style&index=0&id=b7620938&lang=css\"","<style>\r\n    .titleStyle{\r\n        color: #1e5c9e !important;\r\n    }\r\n    #customers {\r\n        /* font-family: Arial, Helvetica, sans-serif;*/\r\n        border-collapse: collapse;\r\n        font-size: 14px;\r\n        width: 100%;\r\n    }\r\n\r\n    #customers td, #customers th {\r\n        /* border: 1px solid #ddd; */\r\n        padding: 8px;\r\n    }   \r\n\r\n    .colorblue {\r\n        color: #0b56a5;\r\n    } \r\n\r\n    tr{\r\n        height: 50px;\r\n    }\r\n\r\n    .width30{\r\n        width: 30%;\r\n    }\r\n\r\n    .width70{\r\n        width: 40%;\r\n    }    \r\n\r\n    .width70{\r\n        width: 70%;\r\n    }\r\n</style>\r\n<template>\r\n\r\n    <div class=\"card\" style=\"box-shadow: 0 0 15px rgb(0 0 0 / 10%);\">\r\n                <!--begin::Header-->\r\n                <div class=\"card-header border-0 pt-5\">\r\n                <h3 class=\"card-title align-items-start flex-column\">\r\n                    <div>\r\n                    <i class=\"fa fa-angle-double-left mr-2\" style=\" cursor: pointer; font-size: 30px;color: #1e5c9e; float: left;\" @click=\"callCustomerList\"></i>\r\n                    &nbsp;\r\n                    <span class=\"card-label fw-bolder fs-3 mb-1 titleStyle\" style=\"line-height: 30px; vertical-align: middle;\"><i class=\"far fa-address-book titleStyle\" style=\"font-size: 18px;\"></i> ที่อยู่ออกบิล</span>\r\n                    </div>\r\n                    <!-- <span class=\"text-muted mt-1 fw-bold fs-7\">Over 500 members</span> -->\r\n                </h3>\r\n\r\n                <div\r\n                    class=\"card-toolbar\"\r\n                    data-bs-toggle=\"tooltip\"\r\n                    data-bs-placement=\"top\"\r\n                    data-bs-trigger=\"hover\"\r\n                    title=\"Click to add a user\"\r\n                >\r\n                    <role-view :roles=\"['user', 'manager', 'owner']\">\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"btn btn-primary\"\r\n                        data-bs-toggle=\"modal\"\r\n                        data-bs-target=\"#kt_modal_add_customer\"\r\n                        @click=\"addCustAddrModal()\"\r\n                        >\r\n                        เพิ่มที่อยู่ออกบิล\r\n                    </button>     \r\n                    </role-view>\r\n                </div>\r\n                </div>\r\n                <!--end::Header-->\r\n\r\n                <div class=\"row\" style=\"padding: 0 2rem; margin-bottom: 20px\">\r\n                    <div class=\"col-3\" style=\"border: 2px dotted #d0d0d0;\">\r\n                        <div style=\"margin-top: 10px;\">\r\n                            <table id=\"customers\">\r\n                                <tr>\r\n                                    <td class=\"width30\">\r\n                                        ชื่อผู้ติดต่อ\r\n                                    </td>\r\n                                    <td class=\"width40 colorblue\">\r\n                                        <span>{{ customerContact.ccName }}</span>\r\n                                    </td>\r\n                                    <td class=\"width30\" align=\"right\">\r\n                                        <role-view :roles=\"['user', 'manager', 'owner']\">\r\n                                        <button class=\"btn btn-primary\" style=\"width: 50px;\" @click=\"editCustomerModal\">\r\n                                            <i class=\"fas fa-edit\"></i> \r\n                                        </button>\r\n                                        </role-view>\r\n                                    </td>\r\n                                </tr>\r\n                                <tr>\r\n                                    <td class=\"width30\">\r\n                                        ชื่อกิจการ\r\n                                    </td>\r\n                                    <td class=\"width70 colorblue\" colspan=\"2\">\r\n                                        <span>{{ customerContact.ccCompany }}</span>\r\n                                    </td>\r\n                                </tr> \r\n                                <tr>\r\n                                    <td class=\"width30\">\r\n                                        เลขผู้เสียภาษี\r\n                                    </td>\r\n                                    <td class=\"width70 colorblue\" colspan=\"2\">\r\n                                        <span>{{ customerContact.ccTaxID }}</span>\r\n                                    </td>\r\n                                </tr>    \r\n                                <tr>\r\n                                    <td class=\"width30\">\r\n                                        สาขา(ภพ20)\r\n                                    </td>\r\n                                    <td class=\"width70 colorblue\" colspan=\"2\">\r\n                                        <span>{{ customerContact.ccTaxBranch }}</span>\r\n                                    </td>\r\n                                </tr>                                                              \r\n                                <tr>\r\n                                    <td class=\"width30\">\r\n                                        เบอร์ติดต่อ\r\n                                    </td>\r\n                                    <td class=\"width70 colorblue\" colspan=\"2\">\r\n                                        <span>{{ customerContact.ccTel }}</span>\r\n                                    </td>\r\n                                </tr>   \r\n                                <tr>\r\n                                    <td class=\"width30\">\r\n                                        ที่อยู่\r\n                                    </td>\r\n                                    <td class=\"width70 colorblue\" colspan=\"2\">\r\n                                        <span>{{ customerContact.ccAddress }}</span>\r\n                                    </td>\r\n                                </tr> \r\n                                <tr>\r\n                                    <td class=\"width30\">\r\n                                        ตำบล\r\n                                    </td>\r\n                                    <td class=\"width70 colorblue\" colspan=\"2\">\r\n                                        <span>{{ customerContact.ccDistrictName }}</span>\r\n                                    </td>\r\n                                </tr> \r\n                                <tr>\r\n                                    <td class=\"width30\">\r\n                                        อำเภอ\r\n                                    </td>\r\n                                    <td class=\"width70 colorblue\" colspan=\"2\">\r\n                                        <span>{{ customerContact.amphurName }}</span>\r\n                                    </td>\r\n                                </tr> \r\n                                <tr>\r\n                                    <td class=\"width30\">\r\n                                        จังหวัด\r\n                                    </td>\r\n                                    <td class=\"width70 colorblue\" colspan=\"2\">\r\n                                        <span>{{ customerContact.provinceName }}</span>\r\n                                    </td>\r\n                                </tr>   \r\n                                <tr>\r\n                                    <td class=\"width30\">\r\n                                        รหัสไปรษณีย์\r\n                                    </td>\r\n                                    <td class=\"width70 colorblue\" colspan=\"2\">\r\n                                        <span>{{ customerContact.ccZipcode }}</span>\r\n                                    </td>\r\n                                </tr>   \r\n                                                                                                                                                                                       \r\n                            </table>\r\n                        </div>                        \r\n                    </div>\r\n                    <div class=\"col-9\">\r\n                        <div class=\"card-body py-3\" style=\"border: 2px dotted #d0d0d0;\">\r\n                        <!--begin::Table container-->\r\n                        <div class=\"table-responsive\" v-bind:style=\"{ height: setHeight + 'px' }\">\r\n                            <!--begin::Table-->\r\n                            <table\r\n                            class=\"\r\n                                table table-row-dashed table-row-gray-300\r\n                                align-middle\r\n                                gs-0\r\n                                gy-4\r\n                            \"\r\n                            >\r\n                            <!--begin::Table head-->\r\n                            <thead>\r\n                                <tr class=\"fw-bolder text-muted\">\r\n                                    <th class=\"min-w-130px\">ชื่อออกบิล</th>\r\n                                    <th class=\"min-w-200px\">ที่อยู่ออกบิล</th>\r\n                                    <th class=\"min-w-80px\">ตำบล</th>\r\n                                    <th class=\"min-w-80px\">อำเภอ</th>\r\n                                    <th class=\"min-w-80px\">จังหวัด</th>\r\n                                    <th class=\"min-w-80px\">รหัสไปรษณีย์</th>\r\n                                    <th class=\"min-w-100px\">เลขผู้เสียภาษี</th>\r\n                                    <th class=\"min-w-100px\">สาขา(ภพ20)</th> \r\n                                    <th class=\"min-w-30px\"></th>                               \r\n                                </tr>\r\n                            </thead>\r\n                            <!--end::Table head-->\r\n\r\n                            <!--begin::Table body-->\r\n                            <tbody>\r\n                                <template v-for=\"(item, index) in custAddrList\" :key=\"index\">\r\n                                <tr>\r\n\r\n                                    <td>\r\n                                        {{ item.custAddrName }}\r\n                                    </td>\r\n\r\n                                    <td>\r\n                                        {{ item.custAddrAddress }}\r\n                                    </td>                                                                        \r\n\r\n                                    <td>\r\n                                        {{ item.custAddrDistriceName }}\r\n                                    </td> \r\n\r\n                                    <td>\r\n                                        {{ item.custAddrAmphurName }}\r\n                                    </td>                                                       \r\n\r\n                                    <td>\r\n                                        {{ item.custAddrProvinceName }}\r\n                                    </td>  \r\n\r\n                                    <td>\r\n                                        {{ item.custAddrZipcode }}\r\n                                    </td> \r\n\r\n                                    <td>\r\n                                        {{ item.custAddrTaxID }}\r\n                                    </td>\r\n\r\n                                    <td>\r\n                                        {{ item.custAddrTaxBranch }}\r\n                                    </td>     \r\n\r\n                                    <td v-if=\"!checkRole()\">\r\n                                        <i class=\"fa fa-edit\" style=\" cursor: pointer; font-size: 15px;color: #1e5c9e;\" @click=\"editCustAddrModal(item.custAddrID)\" ></i>\r\n                                    </td>                                                                                                                                                    \r\n                                </tr>\r\n                                </template>\r\n                            </tbody>\r\n                            <!--end::Table body-->\r\n                            </table>\r\n                            <!--end::Table-->\r\n                        </div>\r\n                        <!--end::Table container-->\r\n                        </div>                    \r\n                    </div>\r\n                </div>\r\n                <add-cust-addr-modal ref=\"addCustAddrModal\" @refreshdata=\"getData\"></add-cust-addr-modal>\r\n                <edit-customer-modal ref=\"editCustomerModal\" @refreshdata=\"getCustomer\"></edit-customer-modal>\r\n            </div> \r\n</template>\r\n\r\n<script>\r\n\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport AddCustAddrModal from \"@/components/modals/forms/AddCustAddrModal\";\r\nimport EditCustomerModal from \"@/components/modals/forms/EditCustomerModal\";\r\nimport {role, validateRole} from '@/helpers/role'\r\nimport RoleView from '../../components/RoleView.vue';\r\n\r\nexport default ({\r\n    components: {\r\n        AddCustAddrModal,\r\n        EditCustomerModal,\r\n        RoleView\r\n    },  \r\n    props: {\r\n        partnerCode: String,\r\n        contactID: String,\r\n    },    \r\n    data(){\r\n        return{\r\n            setHeight: window.innerHeight - 255,\r\n            customerContactList: [],\r\n            custAddrList: [],\r\n            customerName: \"\",\r\n            customerContact: [],\r\n        };\r\n    },\r\n    watch: {\r\n        contactID: {\r\n            immediate: true,\r\n            handler(val){\r\n                this.getData();\r\n            }\r\n        },        \r\n    },    \r\n    mounted: function () {\r\n        setCurrentPageBreadcrumbs(\"ข้อมูลลูกค้า\", []);\r\n    },\r\n    computed: {\r\n        isAdmin() {\r\n            return validateRole(role.admin)\r\n        },\r\n    },     \r\n    methods: {   \r\n        getData(){\r\n            this.getCustomer();\r\n            this.getCustAddr();\r\n        } ,\r\n        getCustomer: async function () {\r\n            this.isLoading = true;\r\n            const filter = {\r\n                PartnerCode: this.partnerCode,\r\n                ContactID: this.contactID,\r\n            };\r\n            try {\r\n                const { data } = await ApiService.query(\"customers/GetContactListByID\",  { params: filter });\r\n                this.customerContact = data[0]\r\n            } catch (error) {\r\n                console.log(error);\r\n            }\r\n        },          \r\n        getCustAddr: async function() {\r\n            const {data} = await ApiService.query(\"customers/GetCustAddr\", { params: {PartnerCode: this.partnerCode, ContactID: this.contactID}})\r\n            this.custAddrList = data;\r\n        },  \r\n        addCustAddrModal(){\r\n            this.$refs.addCustAddrModal.show('C', this.contactID);\r\n        },\r\n        editCustAddrModal(id){\r\n            this.$refs.addCustAddrModal.show('M', id);\r\n        },        \r\n        editCustomerModal(){\r\n            this.$refs.editCustomerModal.show(this.contactID);\r\n        },        \r\n        callCustomerList(){\r\n            if(validateRole(role.admin)){\r\n                this.$router.push({name: \"partnerCustomer\"})\r\n            }\r\n            else{\r\n                this.$router.push({name: \"customer\"})\r\n            }      \r\n        },\r\n        checkRole(){\r\n            if(validateRole(role.admin)) {\r\n                return true;\r\n            }\r\n            else\r\n            {\r\n                return false;\r\n            }\r\n        },\r\n        validateRole,  \r\n    }\r\n})\r\n</script>\r\n","<style>\r\n.el-form-item__label {\r\n  text-align: left;\r\n}\r\n.modal-footer {\r\n  justify-content: center;\r\n}\r\n.el-icon-search {\r\n  color: #fff;\r\n}\r\n.el-input.is-disabled .el-input__inner {\r\n  color: #606266;\r\n}\r\n.el-textarea.is-disabled .el-textarea__inner {\r\n  color: #606266;\r\n}\r\n</style>\r\n<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    id=\"margin_modal\"\r\n    tabindex=\"-1\"\r\n    aria-hidden=\"true\"\r\n    ref=\"editCustomerModalRef\"\r\n  >\r\n    <!--begin::Modal dialog-->\r\n    <div class=\"modal-dialog modal-dialog-centered mw-550px\">\r\n      <!--begin::Modal content-->\r\n      <div class=\"modal-content\">\r\n        <!--begin::Modal header-->\r\n        <div class=\"modal-header\" id=\"kt_modal_add_customer_header\">\r\n          <!--begin::Modal title-->\r\n          <h2 class=\"fw-bolder\">แก้ไขข้อมูลลูกค้า</h2>\r\n          <!--end::Modal title-->\r\n\r\n          <!--begin::Close-->\r\n          <!-- <div\r\n            id=\"kt_modal_add_customer_close\"\r\n            data-bs-dismiss=\"modal\"\r\n            class=\"btn btn-icon btn-sm btn-active-icon-primary\"\r\n          >\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"/media/icons/duotune/arrows/arr061.svg\" />\r\n            </span>\r\n          </div> -->\r\n          <!--end::Close-->\r\n        </div>\r\n        <!--end::Modal header-->\r\n        <!--begin::Modal body-->\r\n        <el-form\r\n          :model=\"ruleForm\"\r\n          :rules=\"rules\"\r\n          ref=\"ruleForm\"\r\n          class=\"demo-ruleForm\"\r\n          label-width=\"160px\"\r\n        >\r\n          <div class=\"modal-body py-2 px-lg-10\">\r\n            <!--begin::Scroll-->\r\n            <div\r\n              class=\"scroll-y me-n7 pe-7\"\r\n              id=\"kt_modal_add_customer_scroll\"\r\n              data-kt-scroll=\"true\"\r\n              data-kt-scroll-activate=\"{default: false, lg: true}\"\r\n              data-kt-scroll-max-height=\"auto\"\r\n              data-kt-scroll-dependencies=\"#kt_modal_add_customer_header\"\r\n              data-kt-scroll-wrappers=\"#kt_modal_add_customer_scroll\"\r\n              data-kt-scroll-offset=\"300px\"\r\n            >\r\n              <div class=\"\">\r\n                <el-form-item\r\n                  label=\"เบอร์โทรศัพท์\"\r\n                  prop=\"customerMobile\"\r\n                  style=\"margin-bottom: 17px\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"ruleForm.customerMobile\"\r\n                    :disabled=\"isDisabledInput\"\r\n                    v-on:blur=\"getCustomerSearch\"\r\n                  >\r\n                  </el-input>\r\n                </el-form-item>\r\n                <el-form-item\r\n                  label=\"ชื่อผู้ติดต่อ\"\r\n                  prop=\"customerContactName\"\r\n                  style=\"margin-bottom: 17px\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"ruleForm.customerContactName\"\r\n                    :disabled=\"isHavePhone\"\r\n                  >\r\n                  </el-input>\r\n                </el-form-item>\r\n                <el-form-item\r\n                  label=\"ชื่อกิจการ\"\r\n                  prop=\"customerContactCompany\"\r\n                  style=\"margin-bottom: 17px\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"ruleForm.customerContactCompany\"\r\n                    :disabled=\"isHavePhone\"\r\n                  >\r\n                  </el-input>\r\n                </el-form-item>\r\n                <el-form-item\r\n                  label=\"ที่อยู่\"\r\n                  prop=\"customerContactAddress\"\r\n                  style=\"margin-bottom: 13px\"\r\n                >\r\n                  <el-input\r\n                    type=\"textarea\"\r\n                    :rows=\"3\"\r\n                    v-model=\"ruleForm.customerContactAddress\"\r\n                    maxlength=\"120\"\r\n                    show-word-limit\r\n                    :disabled=\"isHavePhone\"\r\n                  >\r\n                  </el-input>\r\n                </el-form-item>\r\n                <el-form-item\r\n                  label=\"จังหวัด\"\r\n                  prop=\"customerContactProvinceID\"\r\n                  style=\"margin-bottom: 17px\"\r\n                >\r\n                  <el-select\r\n                    v-model=\"ruleForm.customerContactProvinceID\"\r\n                    filterable\r\n                    placeholder=\"เลือกจังหวัด\"\r\n                    :disabled=\"isHavePhone\"\r\n                  >\r\n                    <el-option\r\n                      v-for=\"item in provinces\"\r\n                      :key=\"item.province_id\"\r\n                      :label=\"item.province_name\"\r\n                      :value=\"item.province_id\"\r\n                    >\r\n                    </el-option>\r\n                  </el-select>\r\n                </el-form-item>\r\n                <el-form-item\r\n                  label=\"อำเภอ\"\r\n                  prop=\"customerContactAmphurID\"\r\n                  style=\"margin-bottom: 17px\"\r\n                >\r\n                  <el-select\r\n                    v-model=\"ruleForm.customerContactAmphurID\"\r\n                    filterable\r\n                    placeholder=\"เลือกอำเภอ\"\r\n                    :disabled=\"\r\n                      ruleForm.customerContactProvinceID === null || isHavePhone\r\n                    \"\r\n                  >\r\n                    <el-option\r\n                      v-for=\"item in amphurs.filter(\r\n                        (data) =>\r\n                          data.province_id ===\r\n                          ruleForm.customerContactProvinceID\r\n                      )\"\r\n                      :key=\"item.amphur_id\"\r\n                      :label=\"item.amphur_name\"\r\n                      :value=\"item.amphur_id\"\r\n                    >\r\n                    </el-option>\r\n                  </el-select>\r\n                </el-form-item>\r\n                 <el-form-item\r\n                  label=\"ตำบล\"\r\n                  prop=\"customerContactDistrictID\"\r\n                  style=\"margin-bottom: 17px\"\r\n                 \r\n                >\r\n                  <el-select\r\n                    v-model=\"ruleForm.customerContactDistrictID\"\r\n                    filterable\r\n                    placeholder=\"เลือกตำบล\"\r\n                    :disabled=\"\r\n                      ruleForm.customerContractAmphurID === null \r\n                    \"\r\n                    @change=\"changeDistrictContact\"\r\n                  >\r\n                    <el-option\r\n                      v-for=\"item in district.filter(\r\n                        (data) => data.amphur_id === ruleForm.customerContactAmphurID\r\n                      )\"\r\n                      :key=\"item.district_id\"\r\n                      :label=\"item.district_name\"\r\n                      :value=\"item.district_id\"\r\n                    >\r\n                    </el-option>\r\n                  </el-select>\r\n                </el-form-item>\r\n                <el-form-item\r\n                  label=\"รหัสไปรษณีย์\"\r\n                  prop=\"customerContactZipCode\"\r\n                  style=\"margin-bottom: 10px\"\r\n                >\r\n                  <el-input v-model=\"ruleForm.customerContactZipCode\" :disabled=\"((ruleForm.customerContactZipCode != '' && ruleForm.customerContactZipCode != null))\"> </el-input>\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n            <!--end::Scroll-->\r\n          </div>\r\n          <!--end::Modal body-->\r\n          <div class=\"modal-footer\">\r\n            <button\r\n              class=\"btn btn-light-primary me-3\"\r\n              type=\"reset\"\r\n              @click=\"hide\"\r\n              style=\"width: 150px\"\r\n            >\r\n              ปิด\r\n            </button>\r\n            <el-button\r\n              style=\"width: 150px\"\r\n              type=\"primary\"\r\n              :loading=\"isLoading\"\r\n              :disabled=\"\r\n                (isHavePhone && !isTaxID) ||\r\n                (isHavePhone && isTaxID && isHaveTaxID)\r\n              \"\r\n              @click=\"submitForm('ruleForm')\"\r\n            >\r\n              {{\r\n                isLoading == true ? \"กรุณารอสักครู่...\" : \"บันทึก\"\r\n              }}\r\n            </el-button>\r\n          </div>\r\n        </el-form>\r\n      </div>\r\n      <!--begin::Modal content-->\r\n    </div>\r\n    <!--begin::Modal dialog-->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { Modal } from \"bootstrap\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\n\r\nexport default {\r\n  mounted: function () {\r\n    this.editCustomerModalRef = new Modal(this.$refs.editCustomerModalRef);\r\n  },\r\n  data() {\r\n    return {\r\n      isDisabledInput: false,\r\n      isHavePhone: false,\r\n      isHaveTaxID: false,\r\n      isTaxID: false,\r\n      customer: [],\r\n      provinces: [],\r\n      amphurs: [],\r\n      district: [],\r\n      customerList: [],\r\n      contactID: null,\r\n      ruleForm: {\r\n        customerContactName: \"\",\r\n        customerMobile: \"\",\r\n        customerMobileOld: \"\",\r\n        customerContactCompany: \"\",\r\n        customerContactAddress: \"\",\r\n        customerContactProvinceID: null,\r\n        customerContactAmphurID: null,\r\n        customerContactZipCode:\"\",\r\n        customerContactDistrictID:\"\"\r\n      },\r\n      rules: {\r\n        customerContactName: [\r\n          { required: true, message: \"กรุณากรอกชื่อลูกค้า\", trigger: \"blur\" },\r\n        ],\r\n        customerMobile: [\r\n          {\r\n            required: true,\r\n            message: \"กรุณากรอกเบอร์โทรศัพท์\",\r\n            trigger: \"blur\",\r\n          },\r\n          { min: 9, max: 10, message: \"ตัวอย่าง: 0809999999\", trigger: \"blur\" },\r\n        ],\r\n      },\r\n      editCustomerModalRef: null,\r\n      isLoading: false,\r\n    };\r\n  },\r\n  methods: {\r\n    hide() {\r\n      this.ruleForm = [];\r\n      this.isTaxID = false;\r\n      this.$refs['ruleForm'].resetFields();\r\n      this.editCustomerModalRef.hide();\r\n    },\r\n    show(contactID) {\r\n        this.getAmphur();\r\n        this.getProvince();    \r\n        this.getDistrict();  \r\n        this.isHavePhone = false;\r\n        this.isLoading = false;\r\n        this.contactID = contactID;\r\n        this.getCustomer(contactID);\r\n        this.editCustomerModalRef.show();\r\n    },\r\n    submitForm(formName) {\r\n      this.$refs[formName].validate((valid) => {\r\n        if (valid) {\r\n          this.updateCustomerContact();\r\n        } else {\r\n          console.log(\"error submit!!\");\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    updateCustomerContact: async function(){\r\n        const loader = this.$loading.show();\r\n        try \r\n        {\r\n            const res = await ApiService.put(\"customers/customerContact\", {\r\n            CCID: this.contactID,\r\n            CCName: this.ruleForm.customerContactName,\r\n            CCCompany: this.ruleForm.customerContactCompany,\r\n            CCTel: this.ruleForm.customerMobile,\r\n            CCAddress: this.ruleForm.customerContactAddress,\r\n            CCProvinceID: this.ruleForm.customerContactProvinceID,\r\n            CCAmphurID: this.ruleForm.customerContactAmphurID,\r\n            CCDistrictID: this.ruleForm.customerContactDistrictID,\r\n            CCZipcode: this.ruleForm.customerContactZipCode,\r\n            })\r\n\r\n            Swal.fire({\r\n                text: \"แก้ไขข้อมูลลูกค้าสำเร็จ\",\r\n                icon: \"success\",\r\n                showCancelButton: false,\r\n                showConfirmButton: false,                  \r\n                allowOutsideClick: false,\r\n                timer: 1500,\r\n            }).then(() => {\r\n                this.hide();\r\n                this.$emit(\"refreshdata\");\r\n            });            \r\n        } \r\n        catch (err) \r\n        {\r\n            console.log(err)\r\n            this.$swal.fire(\"ผิดพลาด\", \"\", \"error\")\r\n        }\r\n        finally \r\n        {\r\n            loader.hide()\r\n        }\r\n    },\r\n    getCustomer: async function (contactID) {\r\n        const filter = {\r\n            ContactID: contactID,\r\n        };\r\n\r\n      try {\r\n        const { data } = await ApiService.query(\"customers/GetContactList\",  { params: filter });\r\n        this.ruleForm.customerMobile = data[0].ccTel\r\n        this.ruleForm.customerMobileOld = data[0].ccTel\r\n        this.ruleForm.customerContactName =  data[0].ccName\r\n        this.ruleForm.customerContactCompany =  data[0].ccCompany\r\n        this.ruleForm.customerContactProvinceID =  data[0].ccProvinceID == 0 ? null : data[0].ccProvinceID\r\n        this.ruleForm.customerContactAmphurID =  data[0].ccAmphurID == 0 ? null : data[0].ccAmphurID\r\n        this.ruleForm.customerContactDistrictID =  data[0].ccDistrictID == 0 ? null : data[0].ccDistrictID\r\n        this.ruleForm.customerContactZipCode = data[0].ccZipcode\r\n        this.ruleForm.customerContactAddress =  data[0].ccAddress\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },    \r\n    getCustomerSearch: async function () {\r\n      this.isHavePhone = false;\r\n\r\n        if(this.ruleForm.customerMobile != this.ruleForm.customerMobileOld){\r\n            try {\r\n                const { data } = await ApiService.query(\r\n                \"customers/GetByPhoneNo?PhoneNo=\" + this.ruleForm.customerMobile\r\n                );\r\n\r\n                if (data.length > 0) {\r\n                this.customer = data[0];\r\n                if (this.customer.customerFrom === \"NoContact\") {\r\n                    this.ruleForm.customerContactName =\r\n                    this.customer.customerContactName;\r\n                    this.ruleForm.customerMobile = this.customer.customerPhoneNo;\r\n                    this.ruleForm.customerContactCompany = this.customer.customerContactCompany;\r\n                    this.ruleForm.customerContactAddress = this.customer.customerContactAddress;\r\n                    this.ruleForm.customerContactProvinceID = this.customer.customerContactProvinceID;\r\n                    this.ruleForm.customerContactAmphurID = this.customer.customerContactAmphurID;\r\n                    this.ruleForm.customerContactDistrictID = this.customer.customerContactDistrictID;\r\n                    this.ruleForm.customerContactZipCode = this.customer.customerContactZipCode;\r\n                    this.isHavePhone = false;\r\n                } else {\r\n                    Swal.fire({\r\n                    text: \"เบอร์โทรศัพท์ที่ระบุมีข้อมูลอยู่ในระบบแล้ว\",\r\n                    icon: \"warning\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"ปิด\",\r\n                    allowOutsideClick: false,\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    }).then(() => {\r\n                    this.ruleForm.customerContactName =\r\n                        this.customer.customerContactName;\r\n                    this.ruleForm.customerMobile = this.customer.customerPhoneNo;\r\n                    this.ruleForm.customerContactCompany =\r\n                        this.customer.customerContactCompany;\r\n                    this.ruleForm.customerContactAddress =\r\n                        this.customer.customerContactAddress;\r\n                    this.ruleForm.customerContactProvinceID =\r\n                        this.customer.customerContactProvinceID;\r\n                    this.ruleForm.customerContactAmphurID =\r\n                        this.customer.customerContactAmphurID;\r\n                    this.ruleForm.customerContactDistrictID = this.customer.customerContactDistrictID;\r\n                    this.ruleForm.customerContactZipCode = this.customer.customerContactZipCode;\r\n                    this.isHavePhone = true;\r\n                    });\r\n                }\r\n                }\r\n            } catch (error) {\r\n                console.log(error);\r\n            }\r\n        }\r\n\r\n    },\r\n    getProvince: async function () {\r\n      try {\r\n        const { data } = await ApiService.query(\"provinces\");\r\n\r\n        this.provinces = data;\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n    getAmphur: async function () {\r\n      try {\r\n        const { data } = await ApiService.query(\"amphurs\");\r\n\r\n        this.amphurs = data;\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n    getDistrict: async function () {\r\n      try {\r\n        const { data } = await ApiService.query(\"district\");\r\n\r\n        this.district = data;\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n    changeDistrictContact(data) {\r\n      var dataFilter = [];\r\n      dataFilter = this.district.filter((v) => v.district_id === data);\r\n      this.ruleForm.customerContactZipCode = dataFilter[0].zipcode;\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import { render } from \"./EditCustomerModal.vue?vue&type=template&id=b7620938\"\nimport script from \"./EditCustomerModal.vue?vue&type=script&lang=js\"\nexport * from \"./EditCustomerModal.vue?vue&type=script&lang=js\"\n\nimport \"./EditCustomerModal.vue?vue&type=style&index=0&id=b7620938&lang=css\"\nscript.render = render\n\nexport default script","import { render } from \"./CustomerDetail.vue?vue&type=template&id=bb02a7c4\"\nimport script from \"./CustomerDetail.vue?vue&type=script&lang=js\"\nexport * from \"./CustomerDetail.vue?vue&type=script&lang=js\"\n\nimport \"./CustomerDetail.vue?vue&type=style&index=0&id=bb02a7c4&lang=css\"\nscript.render = render\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./CustomerDetail.vue?vue&type=style&index=0&id=bb02a7c4&lang=css\"","import store from \"@/store\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\n\n/**\n * Sets current page breadcrumbs\n * @param {string} pageTitle Current page title\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\n */\nexport const setCurrentPageBreadcrumbs = (\n  pageTitle: string,\n  breadcrumbs: Array<string>\n): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: pageTitle,\n    pageBreadcrumbPath: breadcrumbs,\n  });\n};\n\n/**\n * Sets current page breadcrumbs\n * @param {string} title Current page title name\n */\nexport const setCurrentPageTitle = (title: string): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: title,\n  });\n};\n"],"sourceRoot":""}