From d4f4c52402b91cb8e17c1845da71c5e39662fde0 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期三, 03 一月 2024 15:28:06 +0800 Subject: [PATCH] 销售报价单列表页增加统计内容及接口联调、添加报价单天天客户名称及对应限制功能 --- src/views/client/salesLead/AddSalesLeadDialog.vue | 114 ++++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 88 insertions(+), 26 deletions(-) diff --git a/src/views/client/salesLead/AddSalesLeadDialog.vue b/src/views/client/salesLead/AddSalesLeadDialog.vue index db84fa9..a804ec8 100644 --- a/src/views/client/salesLead/AddSalesLeadDialog.vue +++ b/src/views/client/salesLead/AddSalesLeadDialog.vue @@ -11,7 +11,7 @@ :model="editConfig.infomation" :rules="rules" label-position="right" - label-width="308px" + label-width="130px" size="mini" > <!-- 淇℃伅 --> @@ -21,13 +21,41 @@ <div class="basic-info-view"> <el-row> <el-col :span="12"> - <el-form-item label="瀹㈡埛鍚嶇О" prop="name"> - <el-input v-model="editConfig.infomation.name"></el-input> + <el-form-item label="閿�鍞嚎绱㈢紪鍙�" prop="number"> + <el-input + v-if=" + editConfig.title == '缂栬緫' || + (editConfig.title == '鏂板缓' && codenumer && (explain != '' || isIdDisabled)) + " + :disabled="editConfig.title == '缂栬緫'" + v-model="editConfig.infomation.number" + placeholder="璇疯緭鍏ョ紪鐮�" + > + </el-input> + <span v-else-if="editConfig.title == '鏂板缓'" style="color: #f56c6c" + >璇蜂紭鍏堥厤缃紪鐮佽鑼� <el-button type="text" @click="numberClick"> 閰嶇疆瑙勮寖 </el-button></span + > + <!-- <WordInput + v-if="codenumer && (explain != '' || isIdDisabled)&&method == 0" + :codenumer="codenumer" + :sum="sum" + :disabled="this.editConfig.title !== '鏂板缓' || isIdDisabled" + :inputValue="inputValue" + @codeList="codeList" + /> + <span v-else-if="method == 0" style="color: #f56c6c" + >璇蜂紭鍏堥厤缃紪鐮佽鑼� + <el-button type="text" @click="numberClick"> + 閰嶇疆瑙勮寖 + </el-button + ></span + > + <span v-else>鑷姩鐢熸垚</span> --> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="閿�鍞嚎绱㈢紪鍙�" prop="number"> - <el-input v-model="editConfig.infomation.number"></el-input> + <el-form-item label="鎰忓悜瀹㈡埛鍚嶇О" prop="name"> + <el-input v-model="editConfig.infomation.name" style="width: 100%"></el-input> </el-form-item> </el-col> <!-- </el-row> @@ -55,14 +83,14 @@ </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鍟嗘満鐘舵��" prop="businessStatus"> + <el-form-item label="绾跨储鐘舵��" prop="businessStatus"> <span>{{ editConfig.infomation.businessStatus }}</span> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> - <el-form-item label="鍟嗘満鏉ユ簮" prop="sales_sources_id"> + <el-form-item label="绾跨储鏉ユ簮" prop="sales_sources_id"> <div class="common-select"> <el-select v-model="editConfig.infomation.sales_sources_id" @@ -86,7 +114,12 @@ </el-col> <el-col :span="12"> <el-form-item label="璐熻矗浜�" prop="member_id"> - <el-select v-model="editConfig.infomation.member_id" placeholder="璇烽�夋嫨" size="mini"> + <el-select + v-model="editConfig.infomation.member_id" + placeholder="璇烽�夋嫨" + style="width: 100%" + size="mini" + > <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> </el-option> </el-select> @@ -232,9 +265,10 @@ import { getAddSalesLeads, getUpdateSalesLeads } from "@/api/client/salesLead" import { getAllData } from "@/api/client/client" import { getCityList } from "@/api/common/address" - +import codeMixin from "@/components/makepager/mixin/codeMixin" export default { name: "AddSalesLeadDialog", + mixins: [codeMixin], props: { editSalesLeadConfig: { type: Object, @@ -251,20 +285,20 @@ computed: {}, data() { return { - dialogWidth: "80%", + dialogWidth: "50%", editConfig: this.editSalesLeadConfig, rules: { - name: [{ required: true, message: "璇疯緭鍏ュ鎴峰悕绉�", trigger: "blur" }], - number: [{ required: true, message: "璇疯緭鍏ラ攢鍞嚎绱㈢紪鍙�", trigger: "blur" }], - businessStatus: [{ required: true, message: "璇疯緭鍏ュ晢鏈虹姸鎬�", trigger: "blur" }], - sales_sources_id: [{ required: true, message: "璇烽�夋嫨鍟嗘満鏉ユ簮", trigger: "change" }], + name: [{ required: true, message: "璇疯緭鍏ュ鎴峰悕绉�", trigger: ["change", "blur"] }], + number: [{ required: true, validator: this.validateCheckCode, trigger: ["change", "blur"] }], + businessStatus: [{ required: true, message: "璇疯緭鍏ョ嚎绱㈢姸鎬�", trigger: ["change", "blur"] }], + sales_sources_id: [{ required: true, message: "璇烽�夋嫨绾跨储鏉ユ簮", trigger: ["change", "blur"] }], contact_phone: [ - { required: false, message: "", trigger: "blur" }, - { len: 11, message: "闀垮害鍦�11涓瓧绗�", trigger: "blur" }, + { required: true, message: "璇疯緭鍏ユ墜鏈哄彿鐮�", trigger: ["change", "blur"] }, + { len: 11, message: "闀垮害鍦�11涓瓧绗�", trigger: ["change", "blur"] }, { pattern: /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/, message: "璇疯緭鍏ユ纭殑鎵嬫満鍙�", - trigger: "blur" + trigger: ["change", "blur"] } ] }, @@ -280,17 +314,34 @@ editVisible: false, title: "", infomation: {} - } + }, + defaultMemberId: 0 } }, created() { - if (this.editConfig.title !== "鏂板缓" && this.editConfig.infomation.province_id !== 0) { + if (this.editConfig.title !== "鏂板缓" && this.editConfig.infomation.province_id != 0) { this.getCityList(this.editConfig.infomation.province_id, "edit") } this.getCommonData() + this.formInfo() }, mounted() {}, + watch: { + "editSalesLeadConfig.visible"(val) { + if (val) { + this.formInfo() + } + } + }, methods: { + formInfo() { + this.objCode.type = "閿�鍞嚎绱㈢紪鐮�" + this.objCode.codeStandID = "" + if (this.editConfig.infomation.codeStandID) { + this.objCode.codeStandID = this.editConfig.infomation.codeStandID + } + this.getRCodeStandardList() + }, getCommonData() { this.editConfig.infomation.country_id = 1 this.editConfig.infomation.province_id = @@ -305,6 +356,14 @@ this.provinceOptions = res.data.province this.regionOptions = res.data.region this.memberOptions = res.data.member + if (this.editConfig.title === "鏂板缓") { + let username = document.cookie.replace(/(?:(?:^|.*;\s*)username\s*=\s*([^;]*).*$)|^.*$/, "$1") + res.data.member.map((item) => { + if (item.username == username) { + this.$set(this.editConfig.infomation, "member_id", item.id) + } + }) + } }) .catch((err) => { console.log(err) @@ -317,7 +376,6 @@ saveClick(formName) { this.$refs[formName].validate((valid) => { if (valid) { - console.log(this.editConfig.infomation) let params = { city_id: this.editConfig.infomation.city_id || 0, contact_name: this.editConfig.infomation.contact_name || "", @@ -332,9 +390,9 @@ province_id: this.editConfig.infomation.province_id || 0, region_id: this.editConfig.infomation.region_id || 0, sales_sources_id: this.editConfig.infomation.sales_sources_id || 0, - detail_address: this.editConfig.infomation.detail_address || "" + detail_address: this.editConfig.infomation.detail_address || "", + codeStandID: this.editConfig.infomation.ID } - console.log(params) if (this.editConfig.title === "鏂板缓") { getAddSalesLeads(params).then((res) => { console.log(res) @@ -382,13 +440,16 @@ }, // 閫夋嫨鐪佷唤 selProvinceChange(val) { - this.getCityList(val, "sel") + this.cityOptions = [] + if (val) { + this.getCityList(val, "sel") + } }, async getCityList(val, value) { await getCityList({ province_id: val }).then((res) => { console.log(res) - if (res.data.code === 200) { - this.cityOptions = res.data.data.list + if (res.code === 200) { + this.cityOptions = res.data.list ? res.data.list : [] if (value === "sel") { this.editConfig.infomation.city_id = "" } @@ -418,7 +479,7 @@ .common-select { display: flex; .common-select-sel { - width: 270px; + width: 100%; } .common-select-btn { margin-left: 5px; @@ -433,6 +494,7 @@ height: 30px; justify-content: center; align-items: center; + cursor: pointer; color: #6166d3; } } -- Gitblit v1.8.0