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