xiaozhi/xiaozhi-admin-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 优化 工作流页面 封装办理人展示组件 支持展示三行 超过三行隐藏 鼠标悬停展示

Browse Source
This commit is contained in:
疯狂的狮子Li
2026-04-16 14:28:14 +08:00
parent 8a900fa94d
commit 0a5c72988a
5 changed files with 59 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/workflow/task/allTaskWaiting.vue
+4 -10
View File
@@ -107,20 +107,13 @@
:show-overflow-tooltip="true"
label="申请人"
></el-table-column>
<el-table-column align="center" label="办理人">
<el-table-column align="center" label="办理人" min-width="180">
<template #default="scope">
<template v-if="tab === 'waiting'">
<template v-if="scope.row.assigneeNames">
<el-tag v-for="(name, index) in scope.row.assigneeNames.split(',')" :key="index" type="success">
{{ name }}
</el-tag>
</template>
<template v-else>
<el-tag type="success">无</el-tag>
</template>
<UserNameDisplay :content="scope.row.assigneeNames" />
</template>
<template v-else>
<el-tag type="success">{{ scope.row.approveName }}</el-tag>
<UserNameDisplay :content="scope.row.approveName" />
</template>
</template>
</el-table-column>
@@ -184,6 +177,7 @@ import workflowCommon from '@/api/workflow/workflowCommon';
import { RouterJumpVo } from '@/api/workflow/workflowCommon/types';
import messageType from '@/components/Process/MessageType.vue';
import processMeddle from '@/components/Process/processMeddle.vue';
import UserNameDisplay from '@/components/Process/UserNameDisplay.vue';
import UserSelect from '@/components/UserSelect/index.vue';
import modal from '@/plugins/modal';
import { useDict } from '@/utils/dict';
src/views/workflow/task/taskFinish.vue
+3 -4
View File
@@ -80,11 +80,9 @@
:show-overflow-tooltip="true"
label="申请人"
></el-table-column>
<el-table-column align="center" prop="approverName" label="办理人">
<el-table-column align="center" prop="approverName" label="办理人" min-width="180">
<template #default="scope">
<el-tag type="success">
{{ scope.row.approveName || '无' }}
</el-tag>
<UserNameDisplay :content="scope.row.approveName" />
</template>
</el-table-column>
<el-table-column align="center" label="流程状态" prop="flowStatus" min-width="80">
@@ -135,6 +133,7 @@ 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';
import UserNameDisplay from '@/components/Process/UserNameDisplay.vue';
import UserSelect from '@/components/UserSelect/index.vue';
import { useDict } from '@/utils/dict';
src/views/workflow/task/taskWaiting.vue
+3 -9
View File
@@ -72,16 +72,9 @@
<el-table-column align="center" prop="categoryName" label="流程分类"></el-table-column>
<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" label="办理人">
<el-table-column align="center" label="办理人" min-width="180">
<template #default="scope">
<template v-if="scope.row.assigneeNames">
<el-tag v-for="(name, index) in scope.row.assigneeNames.split(',')" :key="index" type="success">
{{ name }}
</el-tag>
</template>
<template v-else>
<el-tag type="success">无</el-tag>
</template>
<UserNameDisplay :content="scope.row.assigneeNames" />
</template>
</el-table-column>
<el-table-column align="center" label="流程状态" prop="flowStatusName" min-width="70">
@@ -121,6 +114,7 @@ import { pageByTaskWait } 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';
import UserNameDisplay from '@/components/Process/UserNameDisplay.vue';
import UserSelect from '@/components/UserSelect/index.vue';
import { useDict } from '@/utils/dict';