提交

src/views/operate/materialSeal/index.vue

@@ -78,7 +78,10 @@
           <el-input v-model="form.sealName" placeholder="请输入公章名称" />
         </el-form-item>
         <el-form-item label="公章管理员" prop="sealAdminId">
-          <el-input v-model="form.sealAdminId" placeholder="请输入公章管理员" />
+           <el-button type="primary" icon="Plus" circle @click="openUserSelectCopy" />
+        <el-tag v-for="user in selectCopyUserList" :key="user.userId" closable style="margin: 2px" @close="handleCopyCloseTag(user)">
+          {{ user.nickName }}
+        </el-tag>
         </el-form-item>
         <el-form-item label="公章类型" prop="sealType">
               <el-select v-model="form.sealType" placeholder="公章类型" clearable>
@@ -104,7 +107,8 @@
 <script setup name="MaterialSeal" lang="ts">
 import { listMaterialSeal, getMaterialSeal, delMaterialSeal, addMaterialSeal, updateMaterialSeal , changeSealStatus } from '@/api/operate/materialSeal';
 import { MaterialSealVO, MaterialSealQuery, MaterialSealForm } from '@/api/operate/materialSeal/types';
-
+import UserSelect from '@/components/UserSelect';
+import { UserVO } from '@/api/system/user/types';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
 const materialSealList = ref<MaterialSealVO[]>([]);
@@ -116,6 +120,12 @@ const single = ref(true);
 const multiple = ref(true);
 const total = ref(0);
 
+//抄送人
+const selectCopyUserList = ref<UserVO[]>([]);
+//抄送人id
+const selectCopyUserIds = ref<string>(undefined);
+const userSelectCopyRef = ref<InstanceType<typeof UserSelect>>();
+
 const queryFormRef = ref<ElFormInstance>();
 const materialSealFormRef = ref<ElFormInstance>();
 const { opr_seal_type } = toRefs<any>(proxy?.useDict('opr_seal_type'));
@@ -255,6 +265,26 @@ const handleExport = () => {
   }, `materialSeal_${new Date().getTime()}.xlsx`)
 }
 
+//打开抄送人员
+const openUserSelectCopy = () => {
+  userSelectCopyRef.value.open();
+};
+//确认抄送人员
+const userSelectCopyCallBack = (data: UserVO[]) => {
+  if (data && data.length > 0) {
+    selectCopyUserList.value = data;
+    selectCopyUserIds.value = selectCopyUserList.value.map((item) => item.userId).join(',');
+  }
+};
+//删除抄送人员
+const handleCopyCloseTag = (user: UserVO) => {
+  const userId = user.userId;
+  // 使用split删除用户
+  const index = selectCopyUserList.value.findIndex((item) => item.userId === userId);
+  selectCopyUserList.value.splice(index, 1);
+  selectCopyUserIds.value = selectCopyUserList.value.map((item) => item.userId).join(',');
+};
+
 onMounted(() => {
   getList();
 });