修改个人生平模块

src/views/system/personalPage/index.vue

@@ -10,7 +10,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="干系人" prop="stakeholder">
+      <!-- <el-form-item label="干系人" prop="stakeholder">
         <el-input
           v-model="queryParams.stakeholder"
           placeholder="请输入干系人姓名"
@@ -18,7 +18,7 @@
           size="small"
           @keyup.enter.native="handleQuery"
         />
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item label="是否启用" prop="enable">
         <el-select v-model="queryParams.enable" placeholder="是否启用" clearable size="small" style="width: 240px">
           <el-option v-for="dict in enableOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
@@ -65,10 +65,9 @@
 
     <el-table v-loading="loading" :data="pageList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="客户姓名" align="center" prop="customer" />
+      <el-table-column label="姓名" align="center" prop="customer" />
 
-      <!-- <el-table-column label="干系人姓名" align="center" prop="stakeholder" /> -->
-      <el-table-column label="干系人姓名" align="center" :show-overflow-tooltip="true">
+      <!-- <el-table-column label="干系人姓名" align="center" :show-overflow-tooltip="true">
         <template slot-scope="scope">
           <router-link :to="'/personal/detail/pic/' + scope.row.id" class="link-type">
             <span>{{ scope.row.stakeholder }}</span>
@@ -81,7 +80,7 @@
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.stakeholderBirthday, '{y}-{m}-{d}') }}</span>
         </template>
-      </el-table-column>
+      </el-table-column> -->
       <el-table-column label="启用" align="center">
         <template slot-scope="scope">
           <el-switch v-model="scope.row.enable" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
@@ -141,12 +140,32 @@
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-row :gutter="0" type="flex" justify="start">
           <el-col :span="8">
-            <el-form-item label="干系人姓名" prop="stakeholder">
+            <!-- <el-form-item label="干系人姓名" prop="stakeholder">
               <el-input v-model="form.stakeholder" placeholder="请输入干系人姓名" />
-            </el-form-item>
-            <el-form-item label="客户姓名" prop="customer">
+            </el-form-item> -->
+            <!-- <el-form-item label="姓名" prop="customer">
               <el-input v-model="form.customer" placeholder="请输入客户姓名" />
+            </el-form-item> -->
+            
+            <el-form-item label="姓名" prop="customerId">
+              <el-select
+                v-model="form.customer"
+                filterable
+                remote
+                clearable
+                placeholder="请输入名字/手机号"
+                :remote-method="findCustomer"
+                @change="customerChange"
+                :loading="loadings">
+                <el-option
+                  v-for="item in customerOptions"
+                  :key="item.userId"
+                  :label="item.nickName"
+                  :value="item.userId">
+                </el-option>
+              </el-select>
             </el-form-item>
+
             <el-form-item label="启用" prop="enable">
               <el-radio-group v-model="form.enable">
                 <el-radio
@@ -158,14 +177,14 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="干系人生日" prop="stakeholderBirthday">
+            <!-- <el-form-item label="干系人生日" prop="stakeholderBirthday">
               <el-date-picker clearable size="small" style="width: 200px"
                 v-model="form.stakeholderBirthday"
                 type="date"
                 value-format="yyyy-MM-dd"
                 placeholder="选择干系人生日">
               </el-date-picker>
-            </el-form-item> 
+            </el-form-item>  -->
             <el-form-item label="模板" prop="templateId">
               <el-select v-model="form.templateId" placeholder="请选择模板" >
                 <el-option v-for="item in templateList" :key="item.id" :label="item.title" :value="item.id"/>
@@ -208,6 +227,7 @@
 <script>
 import { listPersonal, getPersonal, delPersonal, addPersonal, updatePersonal, exportPersonal,changeEnable,getQrcode } from "@/api/system/personalPage";
 import { listTemplate } from "@/api/system/templatePage";
+import { listUser } from "@/api/system/appUser";
 import Editor from '@/components/Editor';
 import personalAvatar from "./detail/personalAvatar";
 import qrcodeImg from '@/assets/image/qrcode_img.jpg'
@@ -224,6 +244,7 @@ export default {
       codeUrl: "",
       // 遮罩层
       loading: true,
+      loadings: false,
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -242,6 +263,13 @@ export default {
       open: false,
       // 是否启用数据字典
       enableOptions: [],
+      // 配偶
+      customerOptions:[],
+      // 查询参数
+      customerParams: {
+        enable: 0,
+        searchValue: null,
+      },
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -282,6 +310,19 @@ export default {
     });
   },
   methods: {
+    findCustomer(query){
+      if (query.length > 1) {
+        this.loadings = true;
+        this.customerParams.searchValue = query;
+        listUser(this.customerParams).then(response => {
+          this.loadings = false;
+          this.customerOptions = response.data;
+        });
+      }
+    },
+    customerChange(value){
+      this.form.customerId = value;
+    },
     /** 查询个人页列表 */
     getList() {
       this.loading = true;
@@ -314,7 +355,8 @@ export default {
         createTime: null,
         modifyBy: null,
         modifyTime: null,
-        remarks: null
+        remarks: null,
+        customerOptions: null
       };
       this.resetForm("form");
     },