diff --git a/src/views/system/tool/autograph/addDDialog.vue b/src/views/system/tool/autograph/addDDialog.vue
index eca5e7f..8fbce38 100644
--- a/src/views/system/tool/autograph/addDDialog.vue
+++ b/src/views/system/tool/autograph/addDDialog.vue
@@ -1,10 +1,11 @@
-<!-- 新增通知公告弹窗 -->
+<!-- 新增签名弹窗 -->
 <script lang="ts" setup name="addNotice">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import type { signType } from '../tool_interface'
 import showPhoto from '../showPhoto.vue'
+import userListComp from '@/views/measure/person/components/userListDialog.vue'
 import { getUserList } from '@/api/system/user'
 import { uploadApi } from '@/api/system/notice'
 import { addApi, listPageDetailApi, updateApi } from '@/api/system/tool'
@@ -100,6 +101,16 @@
   dialogVisible.value = false
   emits('resetData')
 }
+const userListRef = ref()
+// 多选可使用人列表
+const multipleUser = () => {
+  userListRef.value.initDialog()
+}
+// 选择多选可使用人列表
+const confirmUser = (data: userType) => {
+  ruleForm.signUserId = data.id
+}
+
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) { return }
@@ -174,10 +185,15 @@
 <template>
   <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body class="container" @close="resetForm">
     <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" :class="[title === '详情' ? 'isDetail' : '']">
-      <el-form-item label="签名人员" prop="signUserId">
-        <el-select v-model="ruleForm.signUserId" filterable :placeholder="title === '详情' ? '暂无签名人员' : '请选择签名人员'" :disabled="title === '详情'" style="width: 100%;">
-          <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
-        </el-select>
+      <el-form-item label="签名人员" prop="signUserId" style="flex-wrap: nowrap;">
+        <div style="display: flex;width: 100%;">
+          <el-select v-model="ruleForm.signUserId" filterable :placeholder="title === '详情' ? '暂无签名人员' : '请选择签名人员'" :disabled="title === '详情'" style="width: 100%;">
+            <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+          <el-button v-if="title !== '详情'" @click="multipleUser">
+            选择
+          </el-button>
+        </div>
       </el-form-item>
       <el-form-item label="签名图片" prop="minioFileName">
         <show-photo :minio-file-name="ruleForm.minioFileName" width="100%" height="125px" />
@@ -197,6 +213,8 @@
         </el-button>
       </div>
     </template>
+    <!-- 多选用户弹窗 -->
+    <user-list-comp ref="userListRef" @add="confirmUser" />
   </el-dialog>
 </template>
 

diff --git a/src/views/system/tool/autograph/addDDialog.vue b/src/views/system/tool/autograph/addDDialog.vue
index eca5e7f..8fbce38 100644
--- a/src/views/system/tool/autograph/addDDialog.vue
+++ b/src/views/system/tool/autograph/addDDialog.vue
@@ -1,10 +1,11 @@
-<!-- 新增通知公告弹窗 -->
+<!-- 新增签名弹窗 -->
 <script lang="ts" setup name="addNotice">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import type { signType } from '../tool_interface'
 import showPhoto from '../showPhoto.vue'
+import userListComp from '@/views/measure/person/components/userListDialog.vue'
 import { getUserList } from '@/api/system/user'
 import { uploadApi } from '@/api/system/notice'
 import { addApi, listPageDetailApi, updateApi } from '@/api/system/tool'
@@ -100,6 +101,16 @@
   dialogVisible.value = false
   emits('resetData')
 }
+const userListRef = ref()
+// 多选可使用人列表
+const multipleUser = () => {
+  userListRef.value.initDialog()
+}
+// 选择多选可使用人列表
+const confirmUser = (data: userType) => {
+  ruleForm.signUserId = data.id
+}
+
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) { return }
@@ -174,10 +185,15 @@
 <template>
   <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body class="container" @close="resetForm">
     <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" :class="[title === '详情' ? 'isDetail' : '']">
-      <el-form-item label="签名人员" prop="signUserId">
-        <el-select v-model="ruleForm.signUserId" filterable :placeholder="title === '详情' ? '暂无签名人员' : '请选择签名人员'" :disabled="title === '详情'" style="width: 100%;">
-          <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
-        </el-select>
+      <el-form-item label="签名人员" prop="signUserId" style="flex-wrap: nowrap;">
+        <div style="display: flex;width: 100%;">
+          <el-select v-model="ruleForm.signUserId" filterable :placeholder="title === '详情' ? '暂无签名人员' : '请选择签名人员'" :disabled="title === '详情'" style="width: 100%;">
+            <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+          <el-button v-if="title !== '详情'" @click="multipleUser">
+            选择
+          </el-button>
+        </div>
       </el-form-item>
       <el-form-item label="签名图片" prop="minioFileName">
         <show-photo :minio-file-name="ruleForm.minioFileName" width="100%" height="125px" />
@@ -197,6 +213,8 @@
         </el-button>
       </div>
     </template>
+    <!-- 多选用户弹窗 -->
+    <user-list-comp ref="userListRef" @add="confirmUser" />
   </el-dialog>
 </template>
 
diff --git a/src/views/system/tool/signature/addDDialog.vue b/src/views/system/tool/signature/addDDialog.vue
index bb4c177..d75b6c0 100644
--- a/src/views/system/tool/signature/addDDialog.vue
+++ b/src/views/system/tool/signature/addDDialog.vue
@@ -1,10 +1,11 @@
-<!-- 新增通知公告弹窗 -->
+<!-- 新增签章弹窗 -->
 <script lang="ts" setup name="addNotice">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import type { signType } from '../tool_interface'
 import showPhoto from '../showPhoto.vue'
+import userListComp from '../userList.vue'
 import { getUserList } from '@/api/system/user'
 import { uploadApi } from '@/api/system/notice'
 import { addApi, getPhotoUrl, listPageDetailApi, updateApi } from '@/api/system/tool'
@@ -31,11 +32,25 @@
 }) // 表单验证规则
 const dialogVisible = ref<boolean>(false) // 弹窗显示
 const userList = ref<userType[]>([]) // 可使用人列表
+// 获取可使用人列表
 const getuser = () => {
   getUserList({ offset: 1, limit: 99999 }).then((res) => {
     userList.value = res.data.rows
   })
-} // 获取可使用人列表
+}
+const userListRef = ref()
+// 多选可使用人列表
+const multipleUser = () => {
+  userListRef.value.initDialog()
+}
+// 选择多选可使用人列表
+const confirmUser = (data: userType[]) => {
+  data.forEach((person: userType) => {
+    if (ruleForm.userIdList.every(item => item !== person.id)) {
+      ruleForm.userIdList.push(person.id)
+    }
+  })
+}
 // 弹窗初始化
 const initDialog = (row: signType) => {
   title.value = row.title as string
@@ -184,10 +199,15 @@
       <el-form-item label="签章描述" prop="signDesc">
         <el-input v-model.trim="ruleForm.signDesc" placeholder="签章描述" :disabled="title === '详情'" />
       </el-form-item>
-      <el-form-item label="可使用人" prop="userIdList">
-        <el-select v-model="ruleForm.userIdList" :placeholder="title === '详情' ? '暂无可使用人' : '请选择可使用人'" multiple :disabled="title === '详情'" style="width: 100%;">
-          <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id" />
-        </el-select>
+      <el-form-item label="可使用人" prop="userIdList" style="flex-wrap: nowrap;">
+        <div style="display: flex;width: 100%;">
+          <el-select v-model="ruleForm.userIdList" :placeholder="title === '详情' ? '暂无可使用人' : '请选择可使用人'" multiple :disabled="title === '详情'" style="width: 100%;">
+            <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+          <el-button v-if="title !== '详情'" @click="multipleUser">
+            选择
+          </el-button>
+        </div>
       </el-form-item>
       <!-- <el-form-item label="发布内容" prop="noticeContent">
         <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
@@ -210,6 +230,8 @@
         </el-button>
       </div>
     </template>
+    <!-- 多选用户弹窗 -->
+    <user-list-comp ref="userListRef" @add="confirmUser" />
   </el-dialog>
 </template>
 

diff --git a/src/views/system/tool/autograph/addDDialog.vue b/src/views/system/tool/autograph/addDDialog.vue
index eca5e7f..8fbce38 100644
--- a/src/views/system/tool/autograph/addDDialog.vue
+++ b/src/views/system/tool/autograph/addDDialog.vue
@@ -1,10 +1,11 @@
-<!-- 新增通知公告弹窗 -->
+<!-- 新增签名弹窗 -->
 <script lang="ts" setup name="addNotice">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import type { signType } from '../tool_interface'
 import showPhoto from '../showPhoto.vue'
+import userListComp from '@/views/measure/person/components/userListDialog.vue'
 import { getUserList } from '@/api/system/user'
 import { uploadApi } from '@/api/system/notice'
 import { addApi, listPageDetailApi, updateApi } from '@/api/system/tool'
@@ -100,6 +101,16 @@
   dialogVisible.value = false
   emits('resetData')
 }
+const userListRef = ref()
+// 多选可使用人列表
+const multipleUser = () => {
+  userListRef.value.initDialog()
+}
+// 选择多选可使用人列表
+const confirmUser = (data: userType) => {
+  ruleForm.signUserId = data.id
+}
+
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) { return }
@@ -174,10 +185,15 @@
 <template>
   <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body class="container" @close="resetForm">
     <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" :class="[title === '详情' ? 'isDetail' : '']">
-      <el-form-item label="签名人员" prop="signUserId">
-        <el-select v-model="ruleForm.signUserId" filterable :placeholder="title === '详情' ? '暂无签名人员' : '请选择签名人员'" :disabled="title === '详情'" style="width: 100%;">
-          <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
-        </el-select>
+      <el-form-item label="签名人员" prop="signUserId" style="flex-wrap: nowrap;">
+        <div style="display: flex;width: 100%;">
+          <el-select v-model="ruleForm.signUserId" filterable :placeholder="title === '详情' ? '暂无签名人员' : '请选择签名人员'" :disabled="title === '详情'" style="width: 100%;">
+            <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+          <el-button v-if="title !== '详情'" @click="multipleUser">
+            选择
+          </el-button>
+        </div>
       </el-form-item>
       <el-form-item label="签名图片" prop="minioFileName">
         <show-photo :minio-file-name="ruleForm.minioFileName" width="100%" height="125px" />
@@ -197,6 +213,8 @@
         </el-button>
       </div>
     </template>
+    <!-- 多选用户弹窗 -->
+    <user-list-comp ref="userListRef" @add="confirmUser" />
   </el-dialog>
 </template>
 
diff --git a/src/views/system/tool/signature/addDDialog.vue b/src/views/system/tool/signature/addDDialog.vue
index bb4c177..d75b6c0 100644
--- a/src/views/system/tool/signature/addDDialog.vue
+++ b/src/views/system/tool/signature/addDDialog.vue
@@ -1,10 +1,11 @@
-<!-- 新增通知公告弹窗 -->
+<!-- 新增签章弹窗 -->
 <script lang="ts" setup name="addNotice">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import type { signType } from '../tool_interface'
 import showPhoto from '../showPhoto.vue'
+import userListComp from '../userList.vue'
 import { getUserList } from '@/api/system/user'
 import { uploadApi } from '@/api/system/notice'
 import { addApi, getPhotoUrl, listPageDetailApi, updateApi } from '@/api/system/tool'
@@ -31,11 +32,25 @@
 }) // 表单验证规则
 const dialogVisible = ref<boolean>(false) // 弹窗显示
 const userList = ref<userType[]>([]) // 可使用人列表
+// 获取可使用人列表
 const getuser = () => {
   getUserList({ offset: 1, limit: 99999 }).then((res) => {
     userList.value = res.data.rows
   })
-} // 获取可使用人列表
+}
+const userListRef = ref()
+// 多选可使用人列表
+const multipleUser = () => {
+  userListRef.value.initDialog()
+}
+// 选择多选可使用人列表
+const confirmUser = (data: userType[]) => {
+  data.forEach((person: userType) => {
+    if (ruleForm.userIdList.every(item => item !== person.id)) {
+      ruleForm.userIdList.push(person.id)
+    }
+  })
+}
 // 弹窗初始化
 const initDialog = (row: signType) => {
   title.value = row.title as string
@@ -184,10 +199,15 @@
       <el-form-item label="签章描述" prop="signDesc">
         <el-input v-model.trim="ruleForm.signDesc" placeholder="签章描述" :disabled="title === '详情'" />
       </el-form-item>
-      <el-form-item label="可使用人" prop="userIdList">
-        <el-select v-model="ruleForm.userIdList" :placeholder="title === '详情' ? '暂无可使用人' : '请选择可使用人'" multiple :disabled="title === '详情'" style="width: 100%;">
-          <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id" />
-        </el-select>
+      <el-form-item label="可使用人" prop="userIdList" style="flex-wrap: nowrap;">
+        <div style="display: flex;width: 100%;">
+          <el-select v-model="ruleForm.userIdList" :placeholder="title === '详情' ? '暂无可使用人' : '请选择可使用人'" multiple :disabled="title === '详情'" style="width: 100%;">
+            <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+          <el-button v-if="title !== '详情'" @click="multipleUser">
+            选择
+          </el-button>
+        </div>
       </el-form-item>
       <!-- <el-form-item label="发布内容" prop="noticeContent">
         <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
@@ -210,6 +230,8 @@
         </el-button>
       </div>
     </template>
+    <!-- 多选用户弹窗 -->
+    <user-list-comp ref="userListRef" @add="confirmUser" />
   </el-dialog>
 </template>
 
diff --git a/src/views/system/tool/tool_interface.ts b/src/views/system/tool/tool_interface.ts
index 4b5fa1d..e6c2412 100644
--- a/src/views/system/tool/tool_interface.ts
+++ b/src/views/system/tool/tool_interface.ts
@@ -32,7 +32,7 @@
   updateTime?: string
   userIdList: string[]
   title?: string
-  signUserId: string
+  signUserId?: string
 }
 // 模板列表类型
 export interface templateType {

diff --git a/src/views/system/tool/autograph/addDDialog.vue b/src/views/system/tool/autograph/addDDialog.vue
index eca5e7f..8fbce38 100644
--- a/src/views/system/tool/autograph/addDDialog.vue
+++ b/src/views/system/tool/autograph/addDDialog.vue
@@ -1,10 +1,11 @@
-<!-- 新增通知公告弹窗 -->
+<!-- 新增签名弹窗 -->
 <script lang="ts" setup name="addNotice">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import type { signType } from '../tool_interface'
 import showPhoto from '../showPhoto.vue'
+import userListComp from '@/views/measure/person/components/userListDialog.vue'
 import { getUserList } from '@/api/system/user'
 import { uploadApi } from '@/api/system/notice'
 import { addApi, listPageDetailApi, updateApi } from '@/api/system/tool'
@@ -100,6 +101,16 @@
   dialogVisible.value = false
   emits('resetData')
 }
+const userListRef = ref()
+// 多选可使用人列表
+const multipleUser = () => {
+  userListRef.value.initDialog()
+}
+// 选择多选可使用人列表
+const confirmUser = (data: userType) => {
+  ruleForm.signUserId = data.id
+}
+
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) { return }
@@ -174,10 +185,15 @@
 <template>
   <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body class="container" @close="resetForm">
     <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" :class="[title === '详情' ? 'isDetail' : '']">
-      <el-form-item label="签名人员" prop="signUserId">
-        <el-select v-model="ruleForm.signUserId" filterable :placeholder="title === '详情' ? '暂无签名人员' : '请选择签名人员'" :disabled="title === '详情'" style="width: 100%;">
-          <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
-        </el-select>
+      <el-form-item label="签名人员" prop="signUserId" style="flex-wrap: nowrap;">
+        <div style="display: flex;width: 100%;">
+          <el-select v-model="ruleForm.signUserId" filterable :placeholder="title === '详情' ? '暂无签名人员' : '请选择签名人员'" :disabled="title === '详情'" style="width: 100%;">
+            <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+          <el-button v-if="title !== '详情'" @click="multipleUser">
+            选择
+          </el-button>
+        </div>
       </el-form-item>
       <el-form-item label="签名图片" prop="minioFileName">
         <show-photo :minio-file-name="ruleForm.minioFileName" width="100%" height="125px" />
@@ -197,6 +213,8 @@
         </el-button>
       </div>
     </template>
+    <!-- 多选用户弹窗 -->
+    <user-list-comp ref="userListRef" @add="confirmUser" />
   </el-dialog>
 </template>
 
diff --git a/src/views/system/tool/signature/addDDialog.vue b/src/views/system/tool/signature/addDDialog.vue
index bb4c177..d75b6c0 100644
--- a/src/views/system/tool/signature/addDDialog.vue
+++ b/src/views/system/tool/signature/addDDialog.vue
@@ -1,10 +1,11 @@
-<!-- 新增通知公告弹窗 -->
+<!-- 新增签章弹窗 -->
 <script lang="ts" setup name="addNotice">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import type { signType } from '../tool_interface'
 import showPhoto from '../showPhoto.vue'
+import userListComp from '../userList.vue'
 import { getUserList } from '@/api/system/user'
 import { uploadApi } from '@/api/system/notice'
 import { addApi, getPhotoUrl, listPageDetailApi, updateApi } from '@/api/system/tool'
@@ -31,11 +32,25 @@
 }) // 表单验证规则
 const dialogVisible = ref<boolean>(false) // 弹窗显示
 const userList = ref<userType[]>([]) // 可使用人列表
+// 获取可使用人列表
 const getuser = () => {
   getUserList({ offset: 1, limit: 99999 }).then((res) => {
     userList.value = res.data.rows
   })
-} // 获取可使用人列表
+}
+const userListRef = ref()
+// 多选可使用人列表
+const multipleUser = () => {
+  userListRef.value.initDialog()
+}
+// 选择多选可使用人列表
+const confirmUser = (data: userType[]) => {
+  data.forEach((person: userType) => {
+    if (ruleForm.userIdList.every(item => item !== person.id)) {
+      ruleForm.userIdList.push(person.id)
+    }
+  })
+}
 // 弹窗初始化
 const initDialog = (row: signType) => {
   title.value = row.title as string
@@ -184,10 +199,15 @@
       <el-form-item label="签章描述" prop="signDesc">
         <el-input v-model.trim="ruleForm.signDesc" placeholder="签章描述" :disabled="title === '详情'" />
       </el-form-item>
-      <el-form-item label="可使用人" prop="userIdList">
-        <el-select v-model="ruleForm.userIdList" :placeholder="title === '详情' ? '暂无可使用人' : '请选择可使用人'" multiple :disabled="title === '详情'" style="width: 100%;">
-          <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id" />
-        </el-select>
+      <el-form-item label="可使用人" prop="userIdList" style="flex-wrap: nowrap;">
+        <div style="display: flex;width: 100%;">
+          <el-select v-model="ruleForm.userIdList" :placeholder="title === '详情' ? '暂无可使用人' : '请选择可使用人'" multiple :disabled="title === '详情'" style="width: 100%;">
+            <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+          <el-button v-if="title !== '详情'" @click="multipleUser">
+            选择
+          </el-button>
+        </div>
       </el-form-item>
       <!-- <el-form-item label="发布内容" prop="noticeContent">
         <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
@@ -210,6 +230,8 @@
         </el-button>
       </div>
     </template>
+    <!-- 多选用户弹窗 -->
+    <user-list-comp ref="userListRef" @add="confirmUser" />
   </el-dialog>
 </template>
 
diff --git a/src/views/system/tool/tool_interface.ts b/src/views/system/tool/tool_interface.ts
index 4b5fa1d..e6c2412 100644
--- a/src/views/system/tool/tool_interface.ts
+++ b/src/views/system/tool/tool_interface.ts
@@ -32,7 +32,7 @@
   updateTime?: string
   userIdList: string[]
   title?: string
-  signUserId: string
+  signUserId?: string
 }
 // 模板列表类型
 export interface templateType {
diff --git a/src/views/system/tool/userList.vue b/src/views/system/tool/userList.vue
new file mode 100644
index 0000000..a93f9e2
--- /dev/null
+++ b/src/views/system/tool/userList.vue
@@ -0,0 +1,162 @@
+<!-- 用户列表弹窗 -->
+<script lang="ts" setup name="selectPerson">
+import { ElMessage } from 'element-plus'
+import { getUserList } from '@/api/system/user'
+import { getDeptTreeList } from '@/api/system/dept'
+import type { userType } from '@/views/system/user/user-interface'
+import comTreeSelect from '@/views/system/user/selecTree.vue'
+import { toTreeList } from '@/utils/structure'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+const emits = defineEmits(['add'])
+const dialogFormVisible = ref(false)
+// 查询条件
+const listQuery = ref({
+  keywords: '', // 姓名
+  deptId: '', // 所在部门
+  limit: 20,
+  offset: 1,
+})
+const loadingTable = ref<boolean>(false)
+const list = ref([]) // 表格数据
+const total = ref(0)
+const select = ref(-1)
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '姓名', value: 'name' },
+  { text: '账户', value: 'account' },
+  { text: '所在部门', value: 'deptName' },
+])
+// 所在部门
+const deptProps = reactive({
+  parent: 'pid', value: 'id', label: 'name', children: 'children',
+})
+// 获取部门
+const deptIdList = ref([])
+const getDeptList = () => {
+  getDeptTreeList().then((res) => {
+    deptIdList.value = toTreeList(res.data, '0', true)
+  })
+}
+// 获取人员数据列表
+const fetchData = () => {
+  select.value = -1
+  getUserList(listQuery.value).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.rows
+      total.value = res.data.total
+    }
+  })
+}
+// 搜索
+const search = () => {
+  fetchData()
+}
+const selectTreeRef = ref()
+// 重置
+const reset = () => {
+  listQuery.value = {
+    keywords: '', // 姓名
+    deptId: '', // 所在部门
+    limit: 10,
+    offset: 1,
+  }
+  selectTreeRef.value.clearSelected()
+  search()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number;page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  search()
+}
+// 选中的人员
+const selectList = ref<userType[]>([])
+// 表格多选
+const multiSelect = (row: userType[]) => {
+  selectList.value = row
+}
+// 点击保存
+const submitForm = () => {
+  if (selectList.value.length >= 0) {
+    emits('add', selectList.value)
+    dialogFormVisible.value = false
+    reset()
+  }
+  else {
+    ElMessage.warning('请先选择人员')
+  }
+}
+// 取消
+const resetForm = () => {
+  dialogFormVisible.value = false
+  reset()
+}
+// 初始化
+const initDialog = () => {
+  // reset()
+  dialogFormVisible.value = true
+  getDeptList() // 获取部门信息
+  fetchData() // 获取人员列表
+}
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="选择人员" width="50%">
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" placeholder="真实姓名" clearable />
+      </search-item>
+      <search-item>
+        <!-- <el-select v-model="listQuery.deptId" placeholder="所在部门" clearable>
+          <el-option v-for="item in deptIdList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select> -->
+        <com-tree-select
+          ref="selectTreeRef" v-model="listQuery.deptId" :options="deptIdList"
+          placeholder="所在部门" :tree-props="deptProps"
+        />
+      </search-item>
+    </search-area>
+    <!-- 查询结果Table显示 -->
+    <div style="padding: 12px;">
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" :is-multi="true"
+        :is-showmulti-select="true" @change="changePage" @multiSelect="multiSelect"
+      >
+        <template #preColumns>
+          <!-- <el-table-column label="选择" width="55" align="center"> -->
+          <!-- <template #default="scope">
+              <el-radio v-model="select" :label="scope.$index" class="radio" />
+            </template> -->
+          <!-- </el-table-column> -->
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确认</el-button>
+        <el-button @click="resetForm">
+          取消
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-radio__label) {
+  display: none;
+}
+</style>