From 5e440a7dc434c43eb828fa62cf9c12b0078b8565 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期一, 20 一月 2025 11:36:18 +0800 Subject: [PATCH] !173 发布 5.3.0-BETA 公测版本 Merge pull request !173 from 疯狂的狮子Li/dev --- src/views/workflow/task/taskFinish.vue | 99 +++++++++++++++++++++++++++++++++++-------------- 1 files changed, 71 insertions(+), 28 deletions(-) diff --git a/src/views/workflow/task/taskFinish.vue b/src/views/workflow/task/taskFinish.vue index 155bd4f..298ddcf 100644 --- a/src/views/workflow/task/taskFinish.vue +++ b/src/views/workflow/task/taskFinish.vue @@ -4,14 +4,19 @@ <div v-show="showSearch" class="mb-[10px]"> <el-card shadow="hover"> <el-form v-show="showSearch" ref="queryFormRef" :model="queryParams" :inline="true"> - <el-form-item label="浠诲姟鍚嶇О" prop="name"> - <el-input v-model="queryParams.name" placeholder="璇疯緭鍏ヤ换鍔″悕绉�" @keyup.enter="handleQuery" /> + <el-form-item> + <el-badge :value="userSelectCount" :max="10" class="item"> + <el-button type="primary" @click="openUserSelect">閫夋嫨鐢宠浜�</el-button> + </el-badge> </el-form-item> - <el-form-item label="娴佺▼瀹氫箟鍚嶇О" label-width="100" prop="processDefinitionName"> - <el-input v-model="queryParams.processDefinitionName" placeholder="璇疯緭鍏ユ祦绋嬪畾涔夊悕绉�" @keyup.enter="handleQuery" /> + <el-form-item label="浠诲姟鍚嶇О" prop="nodeName"> + <el-input v-model="queryParams.nodeName" placeholder="璇疯緭鍏ヤ换鍔″悕绉�" @keyup.enter="handleQuery" /> </el-form-item> - <el-form-item label="娴佺▼瀹氫箟KEY" label-width="100" prop="processDefinitionKey"> - <el-input v-model="queryParams.processDefinitionKey" placeholder="璇疯緭鍏ユ祦绋嬪畾涔塊EY" @keyup.enter="handleQuery" /> + <el-form-item label="娴佺▼瀹氫箟鍚嶇О" label-width="100" prop="flowName"> + <el-input v-model="queryParams.flowName" placeholder="璇疯緭鍏ユ祦绋嬪畾涔夊悕绉�" @keyup.enter="handleQuery" /> + </el-form-item> + <el-form-item label="娴佺▼瀹氫箟缂栫爜" label-width="100" prop="flowCode"> + <el-input v-model="queryParams.flowCode" placeholder="璇疯緭鍏ユ祦绋嬪畾涔夌紪鐮�" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item> <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button> @@ -24,28 +29,38 @@ <el-card shadow="hover"> <template #header> <el-row :gutter="10" class="mb8"> - <right-toolbar v-model:showSearch="showSearch" @query-table="handleQuery"></right-toolbar> + <right-toolbar v-model:show-search="showSearch" @query-table="handleQuery"></right-toolbar> </el-row> </template> <el-table v-loading="loading" border :data="taskList" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> <el-table-column align="center" type="index" label="搴忓彿" width="60"></el-table-column> - <el-table-column :show-overflow-tooltip="true" align="center" label="娴佺▼瀹氫箟鍚嶇О"> - <template #default="scope"> - <span>{{ scope.row.processDefinitionName }}v{{ scope.row.processDefinitionVersion }}.0</span> - </template> + <el-table-column align="center" prop="flowName" label="娴佺▼瀹氫箟鍚嶇О"></el-table-column> + <el-table-column align="center" prop="flowCode" label="娴佺▼瀹氫箟缂栫爜"></el-table-column> + <el-table-column align="center" prop="version" label="鐗堟湰鍙�" width="90"> + <template #default="scope"> v{{ scope.row.version }}.0</template> </el-table-column> - <el-table-column align="center" prop="processDefinitionKey" label="娴佺▼瀹氫箟KEY"></el-table-column> - <el-table-column align="center" prop="name" label="浠诲姟鍚嶇О"></el-table-column> - <el-table-column align="center" prop="assigneeName" label="鍔炵悊浜�"> + <el-table-column align="center" prop="nodeName" label="浠诲姟鍚嶇О"></el-table-column> + <el-table-column align="center" prop="createByName" label="鐢宠浜�"></el-table-column> + <el-table-column align="center" prop="approverName" label="鍔炵悊浜�"> <template #default="scope"> <el-tag type="success"> - {{ scope.row.assigneeName || '鏃�' }} + {{ scope.row.approveName || '鏃�' }} </el-tag> </template> </el-table-column> - <el-table-column align="center" prop="startTime" label="鍒涘缓鏃堕棿" width="160"></el-table-column> + <el-table-column align="center" label="娴佺▼鐘舵��" prop="flowStatus" min-width="70"> + <template #default="scope"> + <dict-tag :options="wf_business_status" :value="scope.row.flowStatus"></dict-tag> + </template> + </el-table-column> + <el-table-column align="center" label="浠诲姟鐘舵��" prop="flowTaskStatus" min-width="70"> + <template #default="scope"> + <dict-tag :options="wf_task_status" :value="scope.row.flowTaskStatus"></dict-tag> + </template> + </el-table-column> + <el-table-column align="center" prop="createTime" label="鍒涘缓鏃堕棿" width="160"></el-table-column> <el-table-column label="鎿嶄綔" align="center" width="200"> <template #default="scope"> <el-button type="primary" size="small" icon="View" @click="handleView(scope.row)">鏌ョ湅</el-button> @@ -60,17 +75,26 @@ @pagination="handleQuery" /> </el-card> + <!-- 鐢宠浜� --> + <UserSelect ref="userSelectRef" :multiple="true" :data="selectUserIds" @confirm-call-back="userSelectCallBack"></UserSelect> </div> </template> <script lang="ts" setup> -import { getPageByTaskFinish } from '@/api/workflow/task'; -import { TaskQuery, TaskVO } from '@/api/workflow/task/types'; +import { pageByTaskFinish } from '@/api/workflow/task'; +import { TaskQuery, FlowTaskVO } from '@/api/workflow/task/types'; import workflowCommon from '@/api/workflow/workflowCommon'; import { RouterJumpVo } from '@/api/workflow/workflowCommon/types'; //瀹℃壒璁板綍缁勪欢 const queryFormRef = ref<ElFormInstance>(); const { proxy } = getCurrentInstance() as ComponentInternalInstance; +const { wf_business_status } = toRefs<any>(proxy?.useDict('wf_business_status')); +const { wf_task_status } = toRefs<any>(proxy?.useDict('wf_task_status')); +import UserSelect from '@/components/UserSelect'; +import { ref } from 'vue'; +import { UserVO } from '@/api/system/user/types'; + +const userSelectRef = ref<InstanceType<typeof UserSelect>>(); // 閬僵灞� const loading = ref(true); // 閫変腑鏁扮粍 @@ -89,10 +113,15 @@ const queryParams = ref<TaskQuery>({ pageNum: 1, pageSize: 10, - name: undefined, - processDefinitionName: undefined, - processDefinitionKey: undefined + nodeName: undefined, + flowName: undefined, + flowCode: undefined, + createByIds: [] }); +//鐢宠浜篿d +const selectUserIds = ref<Array<number | string>>([]); +//鐢宠浜洪�夋嫨鏁伴噺 +const userSelectCount = ref(0); /** 鎼滅储鎸夐挳鎿嶄綔 */ const handleQuery = () => { getFinishList(); @@ -102,6 +131,8 @@ queryFormRef.value?.resetFields(); queryParams.value.pageNum = 1; queryParams.value.pageSize = 10; + queryParams.value.createByIds = []; + userSelectCount.value = 0; handleQuery(); }; // 澶氶�夋閫変腑鏁版嵁 @@ -112,24 +143,36 @@ }; const getFinishList = () => { loading.value = true; - getPageByTaskFinish(queryParams.value).then((resp) => { + pageByTaskFinish(queryParams.value).then((resp) => { taskList.value = resp.rows; total.value = resp.total; loading.value = false; }); }; /** 鏌ョ湅鎸夐挳鎿嶄綔 */ -const handleView = (row: TaskVO) => { +const handleView = (row: FlowTaskVO) => { const routerJumpVo = reactive<RouterJumpVo>({ - wfDefinitionConfigVo: row.wfDefinitionConfigVo, - wfNodeConfigVo: row.wfNodeConfigVo, - businessKey: row.businessKey, + businessId: row.businessId, taskId: row.id, - type: 'view' + type: 'view', + formCustom: row.formCustom, + formPath: row.formPath }); workflowCommon.routerJump(routerJumpVo, proxy); }; - +//鎵撳紑鐢宠浜洪�夋嫨 +const openUserSelect = () => { + userSelectRef.value.open(); +}; +//纭閫夋嫨鐢宠浜� +const userSelectCallBack = (data: UserVO[]) => { + userSelectCount.value = 0; + if (data && data.length > 0) { + userSelectCount.value = data.length; + selectUserIds.value = data.map((item) => item.userId); + queryParams.value.createByIds = selectUserIds.value; + } +}; onMounted(() => { getFinishList(); }); -- Gitblit v1.9.3