Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

微调

Browse Source
This commit is contained in:
hongawen
2024-05-24 09:49:40 +08:00
parent c2b088c931
commit 40ecf804bd
8 changed files with 213 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

163
src/views/system/bpm/task/done/index.vue
View File

@@ -1,21 +1,21 @@
<!--待办事项列表-->
<template>
<div class='default-main'>
<TableHeader date-picker>
<template v-slot:select>
<el-form-item label='任务名称'>
<el-input
v-model='tableStore.table.params.searchValue'
clearable
placeholder='请输入任务名称'
/>
</el-form-item>
</template>
<div class='default-main'>
<TableHeader date-picker>
<template v-slot:select>
<el-form-item label='任务名称'>
<el-input
v-model='tableStore.table.params.searchValue'
clearable
placeholder='请输入任务名称'
/>
</el-form-item>
</template>
</TableHeader>
<!--表格-->
<Table ref='tableRef'></Table>
</div>
</TableHeader>
<!--表格-->
<Table ref='tableRef'></Table>
</div>
</template>
<script setup lang='ts'>
@@ -28,89 +28,92 @@ import { dateFormatter, formatPast2 } from '@/utils/formatTime'
defineOptions({
name: 'businessUser'
name: 'businessUser'
})
const { push } = useRouter()
const tableStore = new TableStore({
url: '/bpm-boot/bpm/task/doneList',
method: 'POST',
column: [
{ title: '序号', type: 'seq', width: 80 },
{ title: '流程名称', field: 'processInstance.name', minWidth: 130 },
{ title: '发起人', field: 'processInstance.startUser.name', minWidth: 130 },
{ title: '发起部门', field: 'processInstance.startUser.deptName', minWidth: 130 },
{ title: '当前任务', field: 'name', minWidth: 130 },
{ title: '发起时间', field: 'createTime', minWidth: 170 },
{ title: '结束时间', field: 'endTime', minWidth: 170 },
{
title: '审批状态', field: 'status', minWidth: 130,
render: 'tag',
custom: {
1: 'primary',
2: 'success',
3: 'danger',
4: 'warning'
},
replaceValue: {
1: '审批中',
2: '审批通过',
3: '审批不通过',
4: '已取消'
}
},
{ title: '审批建议', field: 'reason', minWidth: 150 },
{ title: '耗时', field: 'durationInMillis', minWidth: 150,
formatter: (obj: any) => {
return formatPast2(obj.row.durationInMillis)
} },
{
title: '操作',
align: 'center',
minWidth: '150',
fixed: 'right',
render: 'buttons',
buttons: [
url: '/bpm-boot/bpm/task/doneList',
method: 'POST',
publicHeight: 65,
column: [
{ title: '序号', type: 'seq', width: 80 },
{ title: '任务名称', field: 'processInstance.name', minWidth: 130 },
{ title: '发起人', field: 'processInstance.startUser.name', minWidth: 130 },
{ title: '发起部门', field: 'processInstance.startUser.deptName', minWidth: 130 },
{ title: '当前任务', field: 'name', minWidth: 130 },
{ title: '发起时间', field: 'createTime', minWidth: 170 },
{ title: '结束时间', field: 'endTime', minWidth: 170 },
{
name: 'productSetting',
title: '流程历史',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: row => {
handleAudit(row.processInstance.id)
}
title: '审批状态', field: 'status', minWidth: 130,
render: 'tag',
custom: {
1: 'primary',
2: 'success',
3: 'danger',
4: 'warning'
},
replaceValue: {
1: '审批中',
2: '审批通过',
3: '审批不通过',
4: '已取消'
}
},
{ title: '审批建议', field: 'reason', minWidth: 150 },
{
title: '耗时', field: 'durationInMillis', minWidth: 150,
formatter: (obj: any) => {
return formatPast2(obj.row.durationInMillis)
}
},
{
title: '操作',
align: 'center',
minWidth: '150',
fixed: 'right',
render: 'buttons',
buttons: [
{
name: 'productSetting',
title: '流程详情',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: row => {
handleAudit(row.processInstance.id)
}
}
]
}
],
beforeSearchFun: () => {
for (let key in tableStore.table.params) {
if (tableStore.table.params[key] === '') {
delete tableStore.table.params[key]
}
}
]
}
],
beforeSearchFun: () => {
for (let key in tableStore.table.params) {
if (tableStore.table.params[key] === '') {
delete tableStore.table.params[key]
}
}
}
}
})
onMounted(() => {
// 加载数据
tableStore.index()
// 加载数据
tableStore.index()
})
tableStore.table.params.searchValue = ''
provide('tableStore', tableStore)
/** 处理审批按钮 */
const handleAudit = (instanceId: any) => {
push({
name: 'BpmProcessInstanceDetail',
query: {
id: instanceId
}
})
push({
name: 'BpmProcessInstanceDetail',
query: {
id: instanceId
}
})
}
</script>

36
src/views/system/bpm/task/index.vue Normal file
View File

@@ -0,0 +1,36 @@
<template>
<div class="default-main">
<el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="待办任务" name="1">
<TodoTask v-if="activeName == '1'" />
</el-tab-pane>
<el-tab-pane label="已办任务" name="2">
<DoneTask v-if="activeName == '2'" />
</el-tab-pane>
</el-tabs>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import TodoTask from './todo/index.vue'
import DoneTask from './done/index.vue'
import { mainHeight } from '@/utils/layout'
defineOptions({
name: 'bpm/task'
})
const activeName = ref('1')
const layout = mainHeight(63) as any
</script>
<style lang="scss" scoped>
.bars_w {
width: 100%;
height: 500px;
}
:deep(.el-tabs__content) {
height: v-bind('layout.height');
overflow-y: auto;
}
</style>

3
src/views/system/bpm/task/todo/index.vue
View File

@@ -36,9 +36,10 @@ const { push } = useRouter()
const tableStore = new TableStore({
url: '/bpm-boot/bpm/task/todoList',
method: 'POST',
publicHeight: 65,
column: [
{ title: '序号', type: 'seq', width: 80 },
{ title: '流程名称', field: 'processInstance.name', minWidth: 130 },
{ title: '任务名称', field: 'processInstance.name', minWidth: 130 },
{ title: '发起人', field: 'processInstance.startUser.name', minWidth: 130 },
{ title: '发起部门', field: 'processInstance.startUser.deptName', minWidth: 130 },
{ title: '发起时间', field: 'createTime', minWidth: 170 },