add 添加抄送

src/components/Process/submitVerify.vue

@@ -11,7 +11,13 @@
       <el-form-item label="附件">
         <fileUpload v-model="form.fileId" :fileType="['doc', 'xls', 'ppt', 'txt', 'pdf', 'xlsx', 'docx', 'zip']" :fileSize="'20'"/>
       </el-form-item>
-      <el-form-item label="审批意见">
+      <el-form-item label="抄送">
+        <el-button type="primary" @click="openUserSelectCopy" icon="Plus" circle />
+          <el-tag v-for="user in selectCopyUserList" :key="user.userId" closable style="margin: 2px" @close="handleCopyCloseTag(user)">
+            {{ user.userName }}
+          </el-tag>
+      </el-form-item>
+      <el-form-item label="审批意见" v-if="businessStatus === 'waiting'">
         <el-input v-model="form.message" type="textarea" resize="none" />
       </el-form-item>
     </el-form>
@@ -22,6 +28,7 @@
         <el-button v-if="businessStatus === 'waiting'" v-loading="buttonLoading" type="danger" @click="handleBackProcess"> 退回 </el-button>
       </span>
     </template>
+    <UserSelect ref="userSelectCopyRef" :data="selectCopyUserIds" @confirm-call-back="userSelectCopyCallBack"></UserSelect>
   </el-dialog>
 </template>
 
@@ -30,7 +37,10 @@ import { ref } from 'vue';
 import { ComponentInternalInstance } from 'vue';
 import { ElForm } from 'element-plus';
 import { completeTask, backProcess, getBusinessStatus } from '@/api/workflow/task';
+import UserSelect from '@/components/UserSelect';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+import { UserVO } from '@/api/system/user/types';
+const userSelectCopyRef = ref<InstanceType<typeof UserSelect>>();
 
 const props = defineProps({
   taskVariables: {
@@ -46,6 +56,11 @@ const buttonLoading = ref(true);
 const businessStatus = ref<string>('');
 //任务id
 const taskId = ref<string>('');
+//抄送人
+const selectCopyUserList = ref<UserVO[]>([]);
+//抄送人id
+const selectCopyUserIds = ref<string>('');
+  
 
 const dialog = reactive<DialogOption>({
   visible: false,
@@ -56,10 +71,13 @@ const form = ref<Record<string, any>>({
   taskId: undefined,
   message: undefined,
   variables: {},
-  messageType: ['1']
+  messageType: ['1'],
+  wfCopyList: []
 });
 //打开弹窗
 const openDialog = (id?: string) => {
+  selectCopyUserIds.value = ''
+  selectCopyUserList.value = []
   form.value.fileId = undefined
   taskId.value = id;
   form.value.message = undefined;
@@ -82,6 +100,17 @@ const emits = defineEmits(['submitCallback', 'cancelCallback']);
 const handleCompleteTask = async () => {
   form.value.taskId = taskId.value;
   form.value.taskVariables = props.taskVariables;
+  if(selectCopyUserList && selectCopyUserList.value.length > 0){
+    let wfCopyList = []
+    selectCopyUserList.value.forEach( e=> {
+      let copyUser = {
+        userId: e.userId,
+        userName: e.nickName
+      }
+      wfCopyList.push(copyUser)
+    })
+    form.value.wfCopyList = wfCopyList
+  }
   await proxy?.$modal.confirm('是否确认提交？');
   loading.value = true;
   buttonLoading.value = true;
@@ -108,6 +137,25 @@ const cancel = async () => {
   buttonLoading.value = false;
   emits('cancelCallback');
 };
+//打开抄送人员
+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(',');
+};
 /**
  * 对外暴露子组件方法
  */