From ebddc02611b0373c1d5bfa342bd781fb5eb82009 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期二, 01 八月 2023 14:23:31 +0800 Subject: [PATCH] 侧边栏样式机销售明细单增加销售机会选择弹窗 --- src/views/client/client/AddClientManageDialog.vue | 96 +++++++++++++++++++----------------------------- 1 files changed, 38 insertions(+), 58 deletions(-) diff --git a/src/views/client/client/AddClientManageDialog.vue b/src/views/client/client/AddClientManageDialog.vue index 53bb234..c262d24 100644 --- a/src/views/client/client/AddClientManageDialog.vue +++ b/src/views/client/client/AddClientManageDialog.vue @@ -23,7 +23,7 @@ <el-row> <el-col :span="12"> <el-form-item label="瀹㈡埛鍚嶇О" prop="name"> - <div class="client-name"> + <div class="custom-name"> <el-input v-model="editConfig.infomation.name"></el-input> <div class="common-select-btn"><i class="el-icon-house" title="宸ュ晢鏌ヨ"></i></div> <div class="common-select-btn"><i class="el-icon-search" title="鏌ラ噸"></i></div> @@ -126,7 +126,11 @@ </el-col> --> <el-col :span="12"> <el-form-item label="涓嬫鍥炶鏃ユ湡" prop="next_visit_time"> - <el-date-picker v-model="editConfig.infomation.next_visit_time" type="date" placeholder="閫夋嫨鏃ユ湡"> + <el-date-picker + v-model="editConfig.infomation.next_visit_time" + type="datetime" + placeholder="閫夋嫨鏃ユ湡" + > </el-date-picker> </el-form-item> </el-col> @@ -134,7 +138,7 @@ <el-form-item label="鏈�鏅氭湇鍔″埌鏈熸棩" prop="latest_service_time"> <el-date-picker v-model="editConfig.infomation.latest_service_time" - type="date" + type="datetime" placeholder="閫夋嫨鏃ユ湡" > </el-date-picker> @@ -153,12 +157,17 @@ </el-col> <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"> - <el-form-item label="鑱旂郴浜鸿亴鍔�" prop="contact_duties"> - <el-input v-model="editConfig.infomation.contact_duties"></el-input> + <el-form-item label="鑱旂郴浜鸿亴鍔�" prop="position"> + <el-input v-model="editConfig.infomation.position"></el-input> </el-form-item> </el-col> <el-col :span="12"> @@ -474,7 +483,6 @@ <script> import { getAllData, getAddClient, getUpdateClient } from "@/api/client/client" -import { dateFormat } from "@/common/config/index" export default { name: "AddClientManageDialog", props: { @@ -484,36 +492,7 @@ return { visible: false, title: "鏂板缓", - infomation: { - name: "", - number: "AC6521", - client_status_id: "", - member_id: "5", - client_type_id: "", - clientSource: "", - client_level_id: "", - service_member_id: "", - next_visit_time: "", - latest_service_time: "", - contact_name: "", - contact_phone: "", - contact_duties: "", - contact_wechat: "1", - contact_email: "", - industry_id: "", - representative: "", - registration_time: "", - registered_capital_id: "", - enterprise_nature_id: "", - enterprise_scale_id: "", - business_scope: "", - country_id: "", - province_id: "", - city_id: "", - region_id: "", - detail_address: "", - remark: "" - } + infomation: {} } } } @@ -532,7 +511,16 @@ name: [{ required: true, message: "璇疯緭鍏ュ鎴峰悕绉�", trigger: "blur" }], client_status_id: [{ required: true, message: "璇烽�夋嫨瀹㈡埛鐘舵��", trigger: "change" }], member_id: [{ required: true, message: "璇烽�夋嫨閿�鍞礋璐d汉", trigger: "change" }], - approvalOpinion: [{ required: true, message: "璇疯緭鍏ュ鎵规剰瑙�", trigger: "blur" }] + approvalOpinion: [{ required: true, message: "璇疯緭鍏ュ鎵规剰瑙�", trigger: "blur" }], + 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" + } + ] }, memberOptions: [], clientStatusOptions: [], // 瀹㈡埛鐘舵�� @@ -637,18 +625,18 @@ client_status_id: data.client_status_id || 0, client_type_id: data.client_type_id || 0, contact: { - birthday: "1970-01-01 08:00:00", + birthday: "", city_id: 0, client_id: 0, country_id: 0, - desc: "string", + desc: "", email: data.contact_email || "", is_first: true, member_id: 0, name: data.contact_name || "", - number: "string", + number: "", phone: data.contact_phone || "", - position: data.contact_duties || "", + position: data.position || "", province_id: 0, region_id: 0, wechat: data.contact_wechat || "" @@ -658,7 +646,7 @@ enterprise_nature_id: data.enterprise_nature_id || 0, enterprise_scale_id: data.enterprise_scale_id || 0, industry_id: data.industry_id || 0, - latest_service_time: dateFormat("YYYY-mm-dd HH:MM:ss", data.latest_service_time) || "", + latest_service_time: data.latest_service_time || "", member_id: parseInt(data.member_id) || 0, name: data.name || "", next_visit_time: data.next_visit_time || "", @@ -703,29 +691,21 @@ .basic-info-view { margin-top: 10px; padding-right: 40px; - .client-name { + .custom-name, + .common-select { display: flex; .common-select-btn { margin-left: 5px; font-size: 18px; - } - } - .common-select { - display: flex; - .common-select-sel { - width: 270px; - } - .common-select-btn { - margin-left: 5px; - font-size: 16px; cursor: pointer; } } + .common-select { + .common-select-sel { + width: 270px; + } + } } - // .address-view { - // margin-top: 10px; - // padding-right: 40px; - // } .annex-view { display: flex; color: #6166d3; -- Gitblit v1.8.0