From c1adf27fbabbff1d76b60993521c765ef1ed79ef Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期二, 15 八月 2023 20:03:21 +0800 Subject: [PATCH] 新建客户管理 客户名称查重 --- src/views/service/clientServiceOrder/AddCientServiceOrderDialog.vue | 224 ++++++++++++++++++++++++++------------------------------ 1 files changed, 104 insertions(+), 120 deletions(-) diff --git a/src/views/service/clientServiceOrder/AddCientServiceOrderDialog.vue b/src/views/service/clientServiceOrder/AddCientServiceOrderDialog.vue index d1571bf..0a56e12 100644 --- a/src/views/service/clientServiceOrder/AddCientServiceOrderDialog.vue +++ b/src/views/service/clientServiceOrder/AddCientServiceOrderDialog.vue @@ -54,7 +54,7 @@ <el-form-item label="鏈嶅姟鍚堝悓"> <div class="custom-name"> <el-autocomplete - v-model="editConfig.infomation.service_number" + v-model="editConfig.infomation.serviceContract_Number" :fetch-suggestions=" (queryString, callback) => { querySearchAsync(queryString, callback, 'serviceContract') @@ -81,10 +81,11 @@ class="common-select-sel" size="mini" > + <!-- @focus="getFaultTypeList" --> <el-option v-for="item in faultTypeOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> - <div class="common-select-btn"><i class="el-icon-setting"></i></div> + <!-- <div class="common-select-btn"><i class="el-icon-setting"></i></div> --> </div> </el-form-item> </el-col> @@ -115,7 +116,7 @@ </div> </el-form-item> </el-col> - <el-col :span="12"> + <!-- <el-col :span="12"> <el-form-item label="浜у搧绫诲埆" prop="productCategory"> <div class="common-select"> <el-select @@ -135,7 +136,7 @@ <div class="common-select-btn"><i class="el-icon-setting"></i></div> </div> </el-form-item> - </el-col> + </el-col> --> <el-col :span="12"> <el-form-item label="浜у搧鍚嶇О" prop="product_name"> <div class="custom-name"> @@ -166,12 +167,11 @@ placeholder="璇烽�夋嫨" class="common-select-sel" size="mini" - @focus="getServiceTypeList" > <el-option v-for="item in serviceTypeOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> - <div class="common-select-btn"><i class="el-icon-setting"></i></div> + <!-- <div class="common-select-btn"><i class="el-icon-setting"></i></div> --> </div> </el-form-item> </el-col> @@ -225,12 +225,11 @@ placeholder="璇烽�夋嫨" class="common-select-sel" size="mini" - @focus="getSeverityList" > <el-option v-for="item in severityOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> - <div class="common-select-btn"><i class="el-icon-setting"></i></div> + <!-- <div class="common-select-btn"><i class="el-icon-setting"></i></div> --> </div> </el-form-item> </el-col> @@ -252,7 +251,6 @@ placeholder="璇烽�夋嫨" class="common-select-sel" size="mini" - @focus="getPriorityLevelList" > <el-option v-for="item in priorityLevelOptions" @@ -262,7 +260,7 @@ > </el-option> </el-select> - <div class="common-select-btn"><i class="el-icon-setting"></i></div> + <!-- <div class="common-select-btn"><i class="el-icon-setting"></i></div> --> </div> </el-form-item> </el-col> @@ -305,10 +303,10 @@ <div class="basic-info-view"> <el-row> <el-col :span="12"> - <el-form-item label="澶勭悊鐘舵��" prop="status"> + <el-form-item label="澶勭悊鐘舵��" prop="serviceOrderStatusId"> <div class="common-select"> <el-select - v-model="editConfig.infomation.status" + v-model="editConfig.infomation.serviceOrderStatusId" placeholder="璇烽�夋嫨" class="common-select-sel" size="mini" @@ -316,7 +314,7 @@ <el-option v-for="item in statusOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> - <div class="common-select-btn"><i class="el-icon-setting"></i></div> + <!-- <div class="common-select-btn"><i class="el-icon-setting"></i></div> --> </div> </el-form-item> </el-col> @@ -328,24 +326,46 @@ <el-row> <el-col :span="12"> <el-form-item label="甯屾湜澶勭悊鏃堕棿" prop="expectTime"> - <el-date-picker v-model="editConfig.infomation.expectTime" type="datetime" placeholder="閫夋嫨鏃堕棿"> + <el-date-picker + v-model="editConfig.infomation.expectTime" + value-format="yyyy-MM-dd HH:mm:ss" + type="datetime" + placeholder="閫夋嫨鏃堕棿" + > </el-date-picker> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="瀹為檯澶勭悊鏃堕棿" prop="realTime"> - <el-date-picker v-model="editConfig.infomation.startTime" type="realTime" placeholder="閫夋嫨鏃堕棿"> + <el-date-picker + v-model="editConfig.infomation.startTime" + value-format="yyyy-MM-dd HH:mm:ss" + type="realTime" + placeholder="閫夋嫨鏃堕棿" + > </el-date-picker> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="浜ら�氳垂" prop="carFare"> - <el-input v-model="editConfig.infomation.carFare"></el-input> + <el-input-number + v-model="editConfig.infomation.carFare" + placeholder="璇疯緭鍏�" + :min="0" + :controls="false" + style="width: 100%; margin-right: 5px" + ></el-input-number> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="鏀惰垂閲戦" prop="chargeAmount"> - <el-input v-model="editConfig.infomation.chargeAmount"></el-input> + <el-input-number + v-model="editConfig.infomation.chargeAmount" + placeholder="璇疯緭鍏�" + :min="0" + :controls="false" + style="width: 100%; margin-right: 5px" + ></el-input-number> </el-form-item> </el-col> <el-col :span="12"> @@ -356,12 +376,11 @@ placeholder="璇烽�夋嫨" class="common-select-sel" size="mini" - @focus="getTimeSpentList" > <el-option v-for="item in timeSpentOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> - <div class="common-select-btn"><i class="el-icon-setting"></i></div> + <!-- <div class="common-select-btn"><i class="el-icon-setting"></i></div> --> </div> </el-form-item> </el-col> @@ -520,7 +539,7 @@ :edit-common-config="editSelectClientConfig" @selClient="selClient" /> - <!-- 閫夋嫨鏈嶅姟鍚堝悓 --> + <!-- 閫夋嫨鏈嶅姟鍚堝悓 鍚堝悓璁㈠崟 --> <SelectCommonDialog v-if="editSelCommonConfig.editVisible" :edit-common-config="editSelCommonConfig" @@ -600,9 +619,9 @@ serviceNumber: [{ required: true, message: "璇疯緭鍏ユ湇鍔″崟缂栧彿", trigger: "blur" }], faultTypeId: [{ required: true, message: "璇烽�夋嫨鏁呴殰绫诲埆", trigger: "change" }], subject: [{ required: true, message: "璇疯緭鍏ヤ富棰�", trigger: "blur" }], - productCategory: [{ required: true, message: "璇烽�夋嫨浜у搧绫诲埆", trigger: "change" }], + // productCategory: [{ required: true, message: "璇烽�夋嫨浜у搧绫诲埆", trigger: "change" }], serviceManId: [{ required: true, message: "璇烽�夋嫨浜у搧绫诲埆", trigger: "change" }], - status: [{ required: true, message: "璇烽�夋嫨鏁呴殰绫诲埆", trigger: "change" }], + serviceOrderStatusId: [{ required: true, message: "璇烽�夋嫨鏁呴殰绫诲埆", trigger: "change" }], problemDesc: [{ required: true, message: "璇疯緭鍏ラ棶棰樻弿杩�", trigger: "blur" }] }, faultTypeOptions: [{ id: 1, name: "鏈嶅姟鍥炶" }], // 鏁呴殰绫诲埆 @@ -653,8 +672,8 @@ }, clientId: this.editCommonConfig.infomation.clientId, contactId: this.editCommonConfig.infomation.contactId, - serviceContractId: this.editCommonConfig.infomation.contractId, - contractId: this.editCommonConfig.infomation.orderId, + serviceContractId: this.editCommonConfig.infomation.serviceContractId, + SalesDetailsId: this.editCommonConfig.infomation.SalesDetailsId, productNameId: this.editCommonConfig.infomation.productId, saleChanceId: this.editCommonConfig.infomation.saleChanceId } @@ -663,6 +682,16 @@ this.$store.dispatch("geClient") this.getCommonData() this.setTable() + }, + mounted() { + this.$store.dispatch("geServiceContract") + this.$store.dispatch("geSalesDetails") + this.$store.dispatch("geContact") + this.$store.dispatch("geChance") + this.getFaultTypeList() + this.getSeverityList() + this.getPriorityLevelList() + this.getTimeSpentList() }, methods: { setTable() { @@ -680,15 +709,12 @@ } }, getCommonData() { - getAllData() - .then((res) => { - this.memberOptions = res.data.member - this.serviceManOptions = res.data.member - this.reportSourceOptions = res.data.reportSource - }) - .catch((err) => { - console.log(err) - }) + getAllData().then((res) => { + this.memberOptions = res.data.member + this.serviceManOptions = res.data.member + this.reportSourceOptions = res.data.reportSource + }) + this.getServiceTypeList() }, // 淇濆瓨 saveClick(formName) { @@ -698,37 +724,23 @@ const params = this.saveParams() console.log(params) if (this.editConfig.title === "鏂板缓") { - getAddServiceOrder(params) - .then((res) => { - console.log(res) - this.editConfig.visible = false - if (res.code === 200) { - this.$message({ - message: "娣诲姞鎴愬姛", - type: "success" - }) - this.$parent.getData() - } - }) - .catch((err) => { - console.log(err) - }) + getAddServiceOrder(params).then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + this.$message.success("娣诲姞鎴愬姛") + this.$parent.getData() + } + }) } else { - getUpdateServiceOrder(params) - .then((res) => { - console.log(res) - this.editConfig.visible = false - if (res.code === 200) { - this.$message({ - message: "缂栬緫鎴愬姛", - type: "success" - }) - this.$parent.getData() - } - }) - .catch((err) => { - console.log(err) - }) + getUpdateServiceOrder(params).then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + this.$message.success("缂栬緫鎴愬姛") + this.$parent.getData() + } + }) } } else { console.log("error submit") @@ -743,27 +755,27 @@ appointmentTime: data.appointmentTime || "", carFare: data.carFare || 0, chargeAmount: data.chargeAmount || 0, - clientId: this.clientId, - contactId: this.contactId, - contractId: this.serviceContractId, + clientId: this.clientId || 0, + contactId: this.contactId || 0, + serviceContractId: this.serviceContractId || 0, expectTime: data.expectTime || "", faqId: data.faqId || 0, faultTypeId: data.faultTypeId || 0, id: data.id || 0, - orderId: this.contractId, + SalesDetailsId: this.SalesDetailsId || 0, priorityLevelId: data.priorityLevelId || 0, problemDesc: data.problemDesc || "", productId: this.productNameId, realTime: data.realTime || "", remark: data.remark || "", - saleChanceId: this.saleChanceId, + saleChanceId: this.saleChanceId || 0, serviceManId: data.serviceManId || 0, serviceNumber: data.serviceNumber || "", serviceTypeId: data.serviceTypeId || 0, severity: data.severity || 0, solution: data.solution || "", solutionRemark: data.solutionRemark || "", - status: data.status || 0, + serviceOrderStatusId: data.serviceOrderStatusId || 0, subject: data.subject || "", timeSpentId: data.timeSpentId || 0 } @@ -774,10 +786,6 @@ }, // 閫夋嫨鐢ㄦ埛鐩稿叧鏂规硶 querySearchAsync(queryString, cb, value) { - this.$store.dispatch("geServiceContract") - this.$store.dispatch("geSalesDetails") - this.$store.dispatch("geContact") - this.$store.dispatch("geChance") var restaurants = [] if (value === "client") { restaurants = this.clientList @@ -810,7 +818,7 @@ } else if (value === "serviceContract") { this.serviceContractId = item.id } else if (value === "contract") { - this.contractId = item.id + this.SalesDetailsId = item.id } else if (value === "productName") { this.productCategoryId = item.id } else if (value === "contact") { @@ -854,7 +862,7 @@ this.serviceContractId = row.id } else if (value === "contract") { this.editConfig.infomation.number = row.number - this.contractId = row.id + this.SalesDetailsId = row.id } else if (value === "productName") { this.editConfig.infomation.product_name = row.name this.productNameId = row.id @@ -869,11 +877,11 @@ this.editConfig.infomation.client_name = "" this.clientId = 0 } else if (value === "serviceContract") { - this.editConfig.infomation.service_number = "" + this.editConfig.infomation.serviceContract_Number = "" this.serviceContractId = 0 } else if (value === "contract") { this.editConfig.infomation.number = "" - this.contractId = 0 + this.SalesDetailsId = 0 } else if (value === "productName") { this.editConfig.infomation.product_name = "" this.productNameId = 0 @@ -899,61 +907,34 @@ } }, // 鏁呴殰绫诲埆 - async getFaultTypeList(e) { - if (e) { - await getFaultTypeList() - .then((res) => { - console.log(res) - this.faultTypeOptions = res.data.data - }) - .catch((err) => { - console.log(err) - }) - } + async getFaultTypeList() { + await getFaultTypeList().then((res) => { + this.faultTypeOptions = res.data.data + }) }, // 鏈嶅姟鏂瑰紡 async getServiceTypeList() { - await getServiceTypeList() - .then((res) => { - console.log(res) - this.serviceTypeOptions = res.data.data - }) - .catch((err) => { - console.log(err) - }) + await getServiceTypeList().then((res) => { + this.serviceTypeOptions = res.data.data + }) }, // 涓ラ噸绋嬪害 async getSeverityList() { - await getSeverityList() - .then((res) => { - console.log(res) - this.severityOptions = res.data.data - }) - .catch((err) => { - console.log(err) - }) + await getSeverityList().then((res) => { + this.severityOptions = res.data.data + }) }, // 浼樺厛绾у埆 async getPriorityLevelList() { - await getPriorityLevelList() - .then((res) => { - console.log(res) - this.priorityLevelOptions = res.data.data - }) - .catch((err) => { - console.log(err) - }) + await getPriorityLevelList().then((res) => { + this.priorityLevelOptions = res.data.data + }) }, // 鑺辫垂鏃堕棿 async getTimeSpentList() { - await getTimeSpentList() - .then((res) => { - console.log(res) - this.timeSpentOptions = res.data.data - }) - .catch((err) => { - console.log(err) - }) + await getTimeSpentList().then((res) => { + this.timeSpentOptions = res.data.data + }) } } } @@ -1025,6 +1006,9 @@ height: 55px; line-height: 55px; } + .el-input__inner { + text-align: left; + } } } </style> -- Gitblit v1.8.0