From 96fdf32bd5612b6c16dcbcc8352a9f54adcc8e7e Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期五, 18 八月 2023 16:26:59 +0800 Subject: [PATCH] 產品相關及bug修復 --- src/views/client/salesLead/AddSalesLeadDialog.vue | 112 ++++++++++++++++++++++++++++++++----------------------- 1 files changed, 65 insertions(+), 47 deletions(-) diff --git a/src/views/client/salesLead/AddSalesLeadDialog.vue b/src/views/client/salesLead/AddSalesLeadDialog.vue index 179850f..83da223 100644 --- a/src/views/client/salesLead/AddSalesLeadDialog.vue +++ b/src/views/client/salesLead/AddSalesLeadDialog.vue @@ -46,7 +46,12 @@ <el-row> <el-col :span="12"> <el-form-item label="鎵嬫満鍙风爜" prop="contact_phone"> - <el-input v-model="editConfig.infomation.contact_phone"></el-input> + <el-input + v-model="editConfig.infomation.contact_phone" + maxlength="11" + show-word-limit + oninput="value=value.replace(/[^\d]/g,'')" + ></el-input> </el-form-item> </el-col> <el-col :span="12"> @@ -73,16 +78,16 @@ > </el-option> </el-select> - <div class="common-select-btn" @click="editDropdownBox"> + <!-- <div class="common-select-btn" @click="editDropdownBox"> <i class="el-icon-setting"></i> - </div> + </div> --> </div> </el-form-item> </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-option v-for="item in ownerOptions" :key="item.id" :label="item.username" :value="item.id"> + <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> </el-option> </el-select> </el-form-item> @@ -115,11 +120,12 @@ placeholder="璇烽�夋嫨" class="common-select-sel" size="mini" + disabled > <el-option v-for="item in countryOptions" :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> @@ -131,11 +137,12 @@ placeholder="璇烽�夋嫨" class="common-select-sel" size="mini" + @change="selProvinceChange" > <el-option v-for="item in provinceOptions" :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> @@ -147,15 +154,16 @@ placeholder="璇烽�夋嫨" class="common-select-sel" size="mini" + :disabled="cityOptions.length <= 0 ? true : false" > <el-option v-for="item in cityOptions" :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> - <el-col :span="12"> + <!-- <el-col :span="12"> <el-form-item label="鍖哄煙" prop="region_id"> <div class="common-select"> <el-select @@ -170,9 +178,9 @@ <div class="common-select-btn"><i class="el-icon-setting"></i></div> </div> </el-form-item> - </el-col> + </el-col> --> </el-row> - <el-row> + <!-- <el-row> <el-col :span="24"> <el-form-item label="鍦板潃" prop="address"> <el-input @@ -183,7 +191,7 @@ ></el-input> </el-form-item> </el-col> - </el-row> + </el-row> --> </div> <!-- 澶囨敞淇℃伅 --> <div v-if="isUnflod" class="basic-info-title">澶囨敞淇℃伅</div> @@ -223,6 +231,7 @@ import EditDropdownDialog from "@/views/other/commonDialog/EditDropdownDialog" import { getAddSalesLeads, getUpdateSalesLeads } from "@/api/client/salesLead" import { getAllData } from "@/api/client/client" +import { getCityList } from "@/api/common/address" export default { name: "AddSalesLeadDialog", @@ -233,33 +242,13 @@ return { visible: false, title: "鏂板缓", - infomation: { - name: "", - number: "LEA50", - contact_name: "", - contact_position: "", - contact_phone: "", - businessStatus: "", - sales_sources_id: "", - member_id: "", - country_id: "", - province_id: "", - city_id: "", - region_id: "", - address: "", - desc: "", - id: "" - } + infomation: {} } } } }, components: { EditDropdownDialog }, - computed: { - searchCommonHeight() { - return this.$refs.searchCommonView.offsetHeight - } - }, + computed: {}, data() { return { dialogWidth: "80%", @@ -268,19 +257,20 @@ 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" }] + sales_sources_id: [{ required: true, message: "璇烽�夋嫨鍟嗘満鏉ユ簮", trigger: "change" }], + contact_phone: [ + { required: false, message: "", trigger: "blur" }, + { len: 11, message: "闀垮害鍦�11涓瓧绗�", trigger: "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" + } + ] }, businessSourceOptions: [], - ownerOptions: [ - { value: "1", label: "BOSS" }, - { value: "2", label: "Mia" }, - { value: "3", label: "璐㈠姟" }, - { value: "4", label: "甯傚満" }, - { value: "5", label: "绯荤粺绠$悊鍛�" }, - { value: "6", label: "閿�鍞�" }, - { value: "7", label: "閿�鍞�荤洃" } - ], - countryOptions: [], // 鍥藉 + memberOptions: [], + countryOptions: [{ id: 1, name: "涓浗" }], // 鍥藉 provinceOptions: [], // 鐪佷唤 cityOptions: [], // 鍩庡競 regionOptions: [], // 鍖哄煙 @@ -294,18 +284,27 @@ } }, created() { + if (this.editConfig.title !== "鏂板缓" && this.editConfig.infomation.province_id !== 0) { + this.getCityList(this.editConfig.infomation.province_id, "edit") + } this.getCommonData() }, + mounted() {}, methods: { getCommonData() { + this.editConfig.infomation.country_id = 1 + this.editConfig.infomation.province_id = + this.editConfig.infomation.province_id === 0 ? "" : this.editConfig.infomation.province_id + this.editConfig.infomation.city_id = + this.editConfig.infomation.city_id === 0 ? "" : this.editConfig.infomation.city_id getAllData() .then((res) => { console.log(res) this.businessSourceOptions = res.data.sales_source - this.countryOptions = res.data.country + // this.countryOptions = res.data.country this.provinceOptions = res.data.province - this.cityOptions = res.data.city this.regionOptions = res.data.region + this.memberOptions = res.data.member }) .catch((err) => { console.log(err) @@ -386,9 +385,28 @@ }, // 缂栬緫涓嬫媺妗� editDropdownBox() { - console.log("aaa") this.editDropdownConfig.editVisible = true this.editDropdownConfig.title = "鍟嗘満鏉ユ簮" + }, + // 鎵嬫満鍙疯緭鍏� + confirmPhone(value) { + const inputValue = value.replace(/[^\d*]/g, "") + this.editConfig.infomation.contact_phone = inputValue + }, + // 閫夋嫨鐪佷唤 + selProvinceChange(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 (value === "sel") { + this.editConfig.infomation.city_id = "" + } + } + }) } } } -- Gitblit v1.8.0