From 7f0d164d4cf32bb91df333af03335b5f1e285038 Mon Sep 17 00:00:00 2001
From: lijun <lj7788@126.com>
Date: Tue, 1 Oct 2024 23:55:58 +0800
Subject: [PATCH] update code

---
 .../ProProjectInfoSubdeptsUsersMapper.xml     |   2 +
 .../proProjectInfoSubdeptsUsers/index.vue     | 328 +++++++++---------
 2 files changed, 168 insertions(+), 162 deletions(-)

diff --git a/yanzhu-common/yanzhu-common-mapper/src/main/resources/mapper/manage/ProProjectInfoSubdeptsUsersMapper.xml b/yanzhu-common/yanzhu-common-mapper/src/main/resources/mapper/manage/ProProjectInfoSubdeptsUsersMapper.xml
index cdedab45..77315efb 100644
--- a/yanzhu-common/yanzhu-common-mapper/src/main/resources/mapper/manage/ProProjectInfoSubdeptsUsersMapper.xml
+++ b/yanzhu-common/yanzhu-common-mapper/src/main/resources/mapper/manage/ProProjectInfoSubdeptsUsersMapper.xml
@@ -78,7 +78,9 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="subDeptName != null  and subDeptName != ''"> and psu.sub_dept_name like concat('%', #{subDeptName}, '%')</if>
             <if test="userId != null "> and psu.user_id = #{userId}</if>
             <if test="userName != null  and userName != ''"> and psu.user_name like concat('%', #{userName}, '%')</if>
+            <if test="userPhone != null  and userPhone != ''"> and psu.user_phone like concat('%', #{userPhone}, '%')</if>
             <if test="craftType != null  and craftType != ''"> and psu.craft_type = #{craftType}</if>
+            <if test="subDeptGroup != null  and subDeptGroup != ''"> and psu.sub_dept_group = #{subDeptGroup}</if>
             <if test="craftPost != null  and craftPost != ''"> and psu.craft_post = #{craftPost}</if>
             <if test="eduStatus != null  and eduStatus != ''"> and psu.edu_status = #{eduStatus}</if>
             <if test="approveStatus != null "> and psu.approve_status = #{approveStatus}</if>
diff --git a/yanzhu-ui-vue3/src/views/manage/proProjectInfoSubdeptsUsers/index.vue b/yanzhu-ui-vue3/src/views/manage/proProjectInfoSubdeptsUsers/index.vue
index df564c96..d3bb8d55 100644
--- a/yanzhu-ui-vue3/src/views/manage/proProjectInfoSubdeptsUsers/index.vue
+++ b/yanzhu-ui-vue3/src/views/manage/proProjectInfoSubdeptsUsers/index.vue
@@ -1,20 +1,22 @@
 <template>
   <div class="app-container pro-project-info-subdepts-users-index">
     <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="项目主键" prop="projectId">
-        <el-input v-model="queryParams.projectId" placeholder="请输入项目主键" clearable @keyup.enter="handleQuery" />
+
+      <el-form-item label="所属单位" prop="subDeptId">
+        <el-select v-model="queryParams.subDeptId" placeholder="请选择所属单位" @change="doSubDeptChange('query')" clearable>
+          <el-option v-for="(it, idx) in data.subdepts" :key="it.id" :label="it.subDeptName" :value="it.id" />
+        </el-select>
       </el-form-item>
-      <el-form-item label="分包单位" prop="subDeptId">
-        <el-input v-model="queryParams.subDeptId" placeholder="请输入分包单位" clearable @keyup.enter="handleQuery" />
+      <el-form-item label="班组" prop="subDeptName">
+        <el-select v-model="queryParams.subDeptGroup" placeholder="请选择班组" @change="doDeptGroupChange" clearable>
+                <el-option v-for="(it, idx) in data.queryDeptGroups" :key="idx" :label="it.groupName" :value="it.id" />
+              </el-select>
+      </el-form-item>      
+      <el-form-item label="姓名" prop="userName">
+        <el-input v-model="queryParams.userName" placeholder="请输入姓名" clearable @keyup.enter="handleQuery" />
       </el-form-item>
-      <el-form-item label="分包单位名称" prop="subDeptName">
-        <el-input v-model="queryParams.subDeptName" placeholder="请输入分包单位名称" clearable @keyup.enter="handleQuery" />
-      </el-form-item>
-      <el-form-item label="用户主键" prop="userId">
-        <el-input v-model="queryParams.userId" placeholder="请输入用户主键" clearable @keyup.enter="handleQuery" />
-      </el-form-item>
-      <el-form-item label="工人姓名" prop="userName">
-        <el-input v-model="queryParams.userName" placeholder="请输入工人姓名" clearable @keyup.enter="handleQuery" />
+      <el-form-item label="联系电话" prop="userId">
+        <el-input v-model="queryParams.userPhone" placeholder="请输入联系电话" clearable @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item label="工种类型" prop="craftType">
         <el-select v-model="queryParams.craftType" placeholder="请选择工种类型" clearable>
@@ -23,33 +25,11 @@
       </el-form-item>
       <el-form-item label="工种岗位" prop="craftPost">
         <el-select v-model="queryParams.craftPost" placeholder="请选择工种岗位" clearable>
-          <el-option v-for="dict in pro_craft_post" :key="dict.value" :label="dict.label" :value="dict.value" />
+          <el-option v-for="dict in (queryParams.craftType?pro_craft_post.filter(d=>d.remark==queryParams.craftType):[])" :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
-      </el-form-item>
-      <el-form-item label="学习文件地址" prop="eduFilePath">
-        <el-input v-model="queryParams.eduFilePath" placeholder="请输入学习文件地址" clearable @keyup.enter="handleQuery" />
-      </el-form-item>
-      <el-form-item label="学习签名地址" prop="eduSignPath">
-        <el-input v-model="queryParams.eduSignPath" placeholder="请输入学习签名地址" clearable @keyup.enter="handleQuery" />
-      </el-form-item>
-      <el-form-item label="学习时间" prop="eduDate">
-        <el-date-picker clearable v-model="queryParams.eduDate" type="date" value-format="YYYY-MM-DD"
-          placeholder="请选择学习时间">
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="进场状态" prop="useStatus">
-        <el-select v-model="queryParams.useStatus" placeholder="请选择进场状态" clearable>
-          <el-option v-for="dict in sys_use_status" :key="dict.value" :label="dict.label" :value="dict.value" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="进行步骤" prop="subStep">
-        <el-input v-model="queryParams.subStep" placeholder="请输入进行步骤" clearable @keyup.enter="handleQuery" />
-      </el-form-item>
-      <el-form-item label="删除标识" prop="isDel">
-        <el-select v-model="queryParams.isDel" placeholder="请选择删除标识" clearable>
-          <el-option v-for="dict in sys_is_del" :key="dict.value" :label="dict.label" :value="dict.value" />
-        </el-select>
-      </el-form-item>
+
+
+      </el-form-item>      
       <el-form-item>
         <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
         <el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -81,7 +61,7 @@
       <el-table-column label="所属单位" align="center" prop="subDeptName" />
       <el-table-column label="姓名" align="center" prop="userName" />
       <el-table-column label="联系电话" align="center" prop="userPhone" />
-      <el-table-column label="班组" align="center" prop="subDeptGroupName" />      
+      <el-table-column label="班组" align="center" prop="subDeptGroupName" />
       <el-table-column label="工种类型" align="center" prop="craftType">
         <template #default="scope">
           <dict-tag :options="pro_craft_type" :value="scope.row.craftType" />
@@ -92,12 +72,12 @@
           <dict-tag :options="pro_craft_post" :value="scope.row.craftPost" />
         </template>
       </el-table-column>
-      <el-table-column label="民族" align="center" prop="nation" width="80"/>
-      <el-table-column label="年龄" align="center" prop="age"  width="80"/>
-      <el-table-column label="性别" align="center" prop="sex"  width="80"/>
+      <el-table-column label="民族" align="center" prop="nation" width="80" />
+      <el-table-column label="年龄" align="center" prop="age" width="80" />
+      <el-table-column label="性别" align="center" prop="sex" width="80" />
       <el-table-column label="出生日期" align="center" prop="birthDay" />
       <el-table-column label="籍贯" align="center" prop="nativePlace" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width"  fixed="right" width="150">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="150">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
             v-hasPermi="['manage:proProjectInfoSubdeptsUsers:edit']">修改</el-button>
@@ -147,7 +127,7 @@
 
           <el-col :span="12">
             <el-form-item label="班组名称" prop="subDeptGroup">
-              <el-select v-model="form.subDeptGroup" @change="doDeptGroupChange">
+              <el-select v-model="form.subDeptGroup" placeholder="请选择班组" @change="doDeptGroupChange">
                 <el-option v-for="(it, idx) in data.deptGroups" :key="idx" :label="it.groupName" :value="it.id" />
               </el-select>
             </el-form-item>
@@ -155,18 +135,19 @@
 
           <el-col :span="12">
             <el-form-item label="岗位">
-              <el-input v-model="form.craftTypeName" disabled/>
+              <el-input v-model="form.craftTypeName" disabled />
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
-            <el-form-item label="工种"  v-if="data.isManager" prop="craftPost">          
+            <el-form-item label="工种" v-if="data.isManager" prop="craftPost">
               <el-select v-model="form.craftPost">
-                <el-option v-for="dict in pro_craft_post.filter(d=>d.remark=='3')" :key="dict.value" :label="dict.label" :value="dict.value" />
-              </el-select>              
+                <el-option v-for="dict in pro_craft_post.filter(d => d.remark == '3')" :key="dict.value"
+                  :label="dict.label" :value="dict.value" />
+              </el-select>
             </el-form-item>
             <el-form-item label="工种" v-else>
-              <el-input  v-model="form.craftPostName" disabled/>
+              <el-input v-model="form.craftPostName" disabled />
             </el-form-item>
           </el-col>
 
@@ -215,18 +196,20 @@
             </el-form-item></el-col>
 
           <el-col :span="24">
-            <el-form-item label="身份证信息" prop="identificationCard">             
+            <el-form-item label="身份证信息" prop="identificationCard">
               <el-col :span="8">
                 <div class="div-header">头像面</div>
-                <image-upload v-model="form.certificatePhoto1" :limit="1"  class="identification-card-1" @change="doImageUpload"/>
+                <image-upload v-model="form.certificatePhoto1" :limit="1" class="identification-card-1"
+                  @change="doImageUpload" />
               </el-col>
               <el-col :span="8">
                 <div class="div-header">国徽面</div>
-                <image-upload v-model="form.certificatePhoto2" :limit="1"  class="identification-card-2" @change="doImageUpload"/>
+                <image-upload v-model="form.certificatePhoto2" :limit="1" class="identification-card-2"
+                  @change="doImageUpload" />
               </el-col>
               <el-col :span="8">
                 <div class="div-header">人脸识别头像</div>
-                <image-upload v-model="form.faceImage" :limit="1"  class="face-image" @change="doImageUpload"/>
+                <image-upload v-model="form.faceImage" :limit="1" class="face-image" @change="doImageUpload" />
               </el-col>
             </el-form-item>
           </el-col>
@@ -250,7 +233,7 @@ import { listProProjectInfoSubdeptsGroup } from "@/api/manage/proProjectInfoSubd
 import useUserStore from '@/store/modules/user'
 const userStore = useUserStore()
 const { proxy } = getCurrentInstance();
-const { sys_use_status, pro_craft_type, sys_is_del, pro_craft_post,certificate_type,educational_type } = proxy.useDict('sys_use_status', 'pro_craft_type', 'sys_is_del', 'pro_craft_post','certificate_type','educational_type');
+const { sys_use_status, pro_craft_type, sys_is_del, pro_craft_post, certificate_type, educational_type } = proxy.useDict('sys_use_status', 'pro_craft_type', 'sys_is_del', 'pro_craft_post', 'certificate_type', 'educational_type');
 
 const proProjectInfoSubdeptsUsersList = ref([]);
 const open = ref(false);
@@ -272,11 +255,11 @@ const data = reactive({
     subDeptName: null,
     userId: null,
     userName: null,
-    bankOffice:'',
+    bankOffice: '',
     craftTypeName: null,
     craftType: null,
     craftPostName: null,
-    craftPost:null,
+    craftPost: null,
     eduStatus: null,
     eduFilePath: null,
     eduSignPath: null,
@@ -289,36 +272,37 @@ const data = reactive({
     isDel: null,
   },
   rules: {
-    subDeptId:[{required: true, trigger: ['blur', 'change'],message:"请选择所属单位"}],
-    userName:[{required: true, trigger: ['blur', 'change'],message:"请输入姓名"}],
-    userPhone:[{required: true, trigger: ['blur', 'change'],message:"请输入联系电话"}],
-    certificateCode:[{required: true, trigger: ['blur', 'change'],message:"请输入证件号码"}],
-    craftPost:[{required: true, trigger: ['blur', 'change'],message:"请输选择工种"}],
-    identificationCard:[{required: true, trigger: ['blur', 'change'],message:"请上传身份证信息"}],
-    subDeptGroup:[{required: true, trigger: ['blur', 'change'],message:"请选择班组"}],
+    subDeptId: [{ required: true, trigger: ['blur', 'change'], message: "请选择所属单位" }],
+    userName: [{ required: true, trigger: ['blur', 'change'], message: "请输入姓名" }],
+    userPhone: [{ required: true, trigger: ['blur', 'change'], message: "请输入联系电话" }],
+    certificateCode: [{ required: true, trigger: ['blur', 'change'], message: "请输入证件号码" }],
+    craftPost: [{ required: true, trigger: ['blur', 'change'], message: "请输选择工种" }],
+    identificationCard: [{ required: true, trigger: ['blur', 'change'], message: "请上传身份证信息" }],
+    subDeptGroup: [{ required: true, trigger: ['blur', 'change'], message: "请选择班组" }],
   },
   subdepts: [],
   deptGroups: [],
+  queryDeptGroups: [],
   certificateTypeOpts: "身份证".split(","),
   nationOpts: '汉族,壮族,满族,回族,苗族,维吾尔族,土家族,彝族,蒙古族,藏族,布依族,侗族,瑶族,朝鲜族,白族,哈尼族,哈萨克族,黎族,傣族,畲族,傈僳族,仡佬族,东乡族,高山族,拉祜族,水族,佤族,纳西族,羌族,土族,仫佬族,锡伯族,柯尔克孜族,达斡尔族,景颇族,毛南族,撒拉族,布朗族,塔吉克族,阿昌族,普米族,鄂温克族,怒族,京族,基诺族,德昂族,保安族,俄罗斯族,裕固族,乌孜别克族,门巴族,鄂伦春族,独龙族,塔塔尔族,赫哲族,珞巴族'.split(","),
   sexOpts: "男,女".split(","),
-  isManager:false,
+  isManager: false,
 });
 
 const { queryParams, form, rules } = toRefs(data);
 
 //图片上传
-function doImageUpload(){
-  setTimeout(()=>{
-    form.value.identificationCard= form.value.certificatePhoto1 && form.value.certificatePhoto2&& form.value.faceImage ?"yes":'' 
-  },800);
+function doImageUpload() {
+  setTimeout(() => {
+    form.value.identificationCard = form.value.certificatePhoto1 && form.value.certificatePhoto2 && form.value.faceImage ? "yes" : ''
+  }, 800);
 }
 
 /** 查询分包单位工人列表 */
 function getList() {
   loading.value = true;
   listProProjectInfoSubdeptsUsers(queryParams.value).then(response => {
-    proProjectInfoSubdeptsUsersList.value = response.rows||[];
+    proProjectInfoSubdeptsUsersList.value = response.rows || [];
     total.value = response.total;
     loading.value = false;
   });
@@ -344,81 +328,92 @@ function reset() {
     subDeptGroup: '',//班组ID
     groupName: '',//班组名称
     craftTypeName: '',//岗位
-    craftType:'',//岗位编号
+    craftType: '',//岗位编号
     craftPostName: '',//工种
-    craftPost:'',//工种编号
+    craftPost: '',//工种编号
     nation: '',//民族
     age: 20,//年龄
     sex: '',//性别
     educationalType: '',//文件程度
-    birthDay:'',//出生日期
-    nativePlace:'',//籍贯
-    address:'',//家庭地址
-    emergencyContact:'',//紧急联系人
-    contactPhone:'',//紧急联系人电话
-    bankName:'',//工资卡银行
-    bankCardNo:'',//工资卡号
-    bankOffice:'',//开户网点    
+    birthDay: '',//出生日期
+    nativePlace: '',//籍贯
+    address: '',//家庭地址
+    emergencyContact: '',//紧急联系人
+    contactPhone: '',//紧急联系人电话
+    bankName: '',//工资卡银行
+    bankCardNo: '',//工资卡号
+    bankOffice: '',//开户网点    
   };
   proxy.resetForm("proProjectInfoSubdeptsUsersRef");
 }
 //选择所属单位
-function doSubDeptChange() {
-  if (!form.value.subDeptId) {
-    data.deptGroups = [];
-    form.value.subDeptId="";
-    form.value.groupName="";
-    form.value.craftPostName="";
-    form.value.craftTypeName="";
-    form.value.craftType="";
-    form.value.craftPost="";
-    return;
-  }
-  listProProjectInfoSubdeptsGroup({subDeptId:form.value.subDeptId,pageNum:1,pageSize:100}).then(d=>{
-    data.deptGroups=d.rows||[];
-    if(data.deptGroups.length>0){      
-      let dg=data.deptGroups[0];
-      form.value.subDeptId=dg.id;
-      form.value.groupName=dg.groupName;
-      form.value.craftTypeName=getCraftType(dg.craftType);
-      form.value.craftPostName=getCraftPost(dg.craftPost).label;
-      form.value.craftType=dg.craftType;
-      form.value.craftPost=dg.craftPost
-      data.isManager=!dg.craftPost
-      
+function doSubDeptChange(type) {
+  if(type=="query"){
+    if(!queryParams.value.subDeptId){
+      data.queryDeptGroups=[];
+      return;
+    }
+  }else{
+    if ( !form.value.subDeptId) {
+      data.deptGroups = [];
+      form.value.subDeptId = "";
+      form.value.groupName = "";
+      form.value.craftPostName = "";
+      form.value.craftTypeName = "";
+      form.value.craftType = "";
+      form.value.craftPost = "";
+      return;
+    }
+}
+  listProProjectInfoSubdeptsGroup({ subDeptId:type=="query"?queryParams.value.subDeptId: form.value.subDeptId, pageNum: 1, pageSize: 100 }).then(d => {
+    if (type == "query") {
+      data.queryDeptGroups = d.rows || [];
+    } else {
+      data.deptGroups = d.rows || [];
+      if (data.deptGroups.length > 0) {
+        let dg = data.deptGroups[0];
+        form.value.subDeptId = dg.id;
+        form.value.groupName = dg.groupName;
+        form.value.craftTypeName = getCraftType(dg.craftType);
+        form.value.craftPostName = getCraftPost(dg.craftPost).label;
+        form.value.craftType = dg.craftType;
+        form.value.craftPost = dg.craftPost
+        data.isManager = !dg.craftPost
+
+      }
     }
   });
 }
 
-function doDeptGroupChange(){
-  data.isManager=false
-  if(!form.value.subDeptGroup){
-    form.value.groupName="";
-    form.value.craftPostName="";
-    form.value.craftTypeName="";
-    form.value.craftType="";
-    form.value.craftPost="";
+function doDeptGroupChange() {
+  data.isManager = false
+  if (!form.value.subDeptGroup) {
+    form.value.groupName = "";
+    form.value.craftPostName = "";
+    form.value.craftTypeName = "";
+    form.value.craftType = "";
+    form.value.craftPost = "";
     return;
   }
-  let tmps=data.deptGroups.filter(d=>d.id==form.value.subDeptGroup);
-  if(tmps.length>0){
-    let dg=tmps[0];
-    form.value.groupName=dg.groupName;
-    form.value.craftTypeName=getCraftType(dg.craftType);
-    form.value.craftPostName=getCraftPost(dg.craftPost);
-    form.value.craftPost=dg.craftPost
-    form.value.craftType=dg.craftType;
-    data.isManager=!dg.craftPost;
+  let tmps = data.deptGroups.filter(d => d.id == form.value.subDeptGroup);
+  if (tmps.length > 0) {
+    let dg = tmps[0];
+    form.value.groupName = dg.groupName;
+    form.value.craftTypeName = getCraftType(dg.craftType);
+    form.value.craftPostName = getCraftPost(dg.craftPost);
+    form.value.craftPost = dg.craftPost
+    form.value.craftType = dg.craftType;
+    data.isManager = !dg.craftPost;
   }
 }
 
-function getCraftType(id){
-  let tmps=pro_craft_type.value.filter(d=>d.value==id);
-  return tmps.length>0?tmps[0].label:"";
+function getCraftType(id) {
+  let tmps = pro_craft_type.value.filter(d => d.value == id);
+  return tmps.length > 0 ? tmps[0].label : "";
 }
-function getCraftPost(id){
-  let tmps=pro_craft_post.value.filter(d=>d.value==id);
-  return tmps.length>0?tmps[0].label:"";
+function getCraftPost(id) {
+  let tmps = pro_craft_post.value.filter(d => d.value == id);
+  return tmps.length > 0 ? tmps[0].label : "";
 }
 
 /** 搜索按钮操作 */
@@ -443,10 +438,10 @@ function handleSelectionChange(selection) {
 function loadSubDepts(cb) {
   listProProjectInfoSubdepts({ projectId: userStore.currentProId, pageNum: 1, pageSize: 100 }).then(d => {
     data.subdepts = d.rows || [];
-    if(data.subdepts.length>0){
-      let sd=data.subdepts[0];
-      form.value.subDeptId=sd.id;
-      doSubDeptChange();      
+    if (data.subdepts.length > 0) {
+      let sd = data.subdepts[0];
+      form.value.subDeptId = sd.id;
+      doSubDeptChange();
     }
     cb && cb();
   });
@@ -459,8 +454,8 @@ function handleAdd() {
     return false;
   }
   reset();
-  loadSubDepts();  
-  form.value.certificateType =  "";
+
+  form.value.certificateType = "";
   form.value.projectId = userStore.currentProId;
   form.value.projectName = userStore.currentProName;
   form.value.nation = data.nationOpts[0];
@@ -472,18 +467,16 @@ function handleAdd() {
 /** 修改按钮操作 */
 function handleUpdate(row) {
   reset();
-  loadSubDepts(()=>{
-    const _id = row.id || ids.value
-    getProProjectInfoSubdeptsUsers(_id).then(response => {
-      form.value =JSON.parse(JSON.stringify( response.data));
-      open.value = true;
-      title.value = "修改劳务人员信息";
-      doImageUpload();
-      doDeptGroupChange();
-      setTimeout(()=>{
-        form.value.craftPost=response.data.craftPost;
-      },400);
-    });
+  const _id = row.id || ids.value
+  getProProjectInfoSubdeptsUsers(_id).then(response => {
+    form.value = JSON.parse(JSON.stringify(response.data));
+    open.value = true;
+    title.value = "修改劳务人员信息";
+    doImageUpload();
+    doDeptGroupChange();
+    setTimeout(() => {
+      form.value.craftPost = response.data.craftPost;
+    }, 400);
   });
 }
 
@@ -491,11 +484,11 @@ function handleUpdate(row) {
 function submitForm() {
   proxy.$refs["proProjectInfoSubdeptsUsersRef"].validate(valid => {
     if (valid) {
-      let depts=data.subdepts.filter(d=>d.id==form.value.subDeptId);
-      form.value.subDeptName=depts.length>0?depts[0].subDeptName:'';
-      form.value.comId=depts.length>0?depts[0].comId:'';
-      let groups=data.deptGroups.filter(d=>d.id==form.value.subDeptGroup);
-      form.value.subDeptGroupName=groups.length>0?groups[0].groupName:'';
+      let depts = data.subdepts.filter(d => d.id == form.value.subDeptId);
+      form.value.subDeptName = depts.length > 0 ? depts[0].subDeptName : '';
+      form.value.comId = depts.length > 0 ? depts[0].comId : '';
+      let groups = data.deptGroups.filter(d => d.id == form.value.subDeptGroup);
+      form.value.subDeptGroupName = groups.length > 0 ? groups[0].groupName : '';
       if (form.value.id != null) {
         updateProProjectInfoSubdeptsUsers(form.value).then(response => {
           proxy.$modal.msgSuccess("修改成功");
@@ -532,6 +525,7 @@ function handleExport() {
 }
 
 getList();
+loadSubDepts();  
 </script>
 <style lang="scss">
 .pro-project-info-subdepts-users-index {
@@ -539,9 +533,11 @@ getList();
     .el-drawer__header {
       margin-bottom: 0px;
     }
-    .el-form-item--default{
+
+    .el-form-item--default {
       margin-bottom: 16px;
     }
+
     .fi-certificate {
       .el-select {
         width: 120px;
@@ -558,43 +554,51 @@ getList();
       }
     }
   }
-  .identification-card-1{
-    .el-upload--picture-card{
+
+  .identification-card-1 {
+    .el-upload--picture-card {
       width: 240px;
       background-image: url("../../../assets/images/card1.svg");
       background-repeat: no-repeat;
       background-position: center;
     }
-    .el-upload__tip{
+
+    .el-upload__tip {
       display: none;
     }
   }
-  .div-header{
+
+  .div-header {
     text-align: center;
   }
-  .identification-card-2{
-    .el-upload--picture-card{
+
+  .identification-card-2 {
+    .el-upload--picture-card {
       width: 240px;
       background-image: url("../../../assets/images/card2.svg");
       background-repeat: no-repeat;
       background-position: center;
       background-size: 60%;
     }
-    .el-upload__tip{
+
+    .el-upload__tip {
       display: none;
     }
   }
-  .face-image{
-  &>div{
-    text-align: center;
-  }
-    .el-upload--picture-card{
+
+  .face-image {
+    &>div {
+      text-align: center;
+    }
+
+    .el-upload--picture-card {
       background-image: url("../../../assets/images/face.svg");
       background-repeat: no-repeat;
       background-position: center;
       background-size: 60%;
     }
-    .el-upload__tip{
+
+    .el-upload__tip {
       display: none;
     }
   }