|
|
<template>
|
|
|
<div class="allHeight">
|
|
|
<Spin :spinning="loading" class="allHeight">
|
|
|
<Table :data-source="dataSource"
|
|
|
class="ant-table-striped"
|
|
|
:columns="column"
|
|
|
bordered
|
|
|
:scroll="{ y: 600 ,x:1410}"
|
|
|
:pagination="false"
|
|
|
>
|
|
|
<template #bodyCell="{ column, record }">
|
|
|
<template v-if="column.dataIndex == 'Title'">
|
|
|
<a @click="openToDo(record.FK_Flow, record.WorkID, record.FK_Node)">{{ record.Title }}</a>
|
|
|
</template>
|
|
|
<template v-else-if="column.dataIndex == 'WFState'">
|
|
|
<div v-if="record.WFState == 2" style="color: green;">待办</div>
|
|
|
<div v-else-if="record.WFState == 5" style="color: red;">退回</div>
|
|
|
<div v-else-if="record.WFState == 1">草稿</div>
|
|
|
<div v-else>状态码：{{ record.WFState }}</div>
|
|
|
</template>
|
|
|
</template>
|
|
|
</Table>
|
|
|
<div class="total">总计：{{ dataNum }}条</div>
|
|
|
</Spin>
|
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
<script lang="ts" setup>
|
|
|
import { DB_Todolist } from '@/api/flow';
|
|
|
import { useUserStore } from '@/stores/user';
|
|
|
import { ccbpmPortURL } from '@/utils/env';
|
|
|
import{ Table,Spin } from 'ant-design-vue';
|
|
|
import type { ColumnType } from 'ant-design-vue/lib/table';
|
|
|
import { ref } from 'vue';
|
|
|
const loading = ref(false);
|
|
|
const dataSource = ref<any>([]);
|
|
|
const dataNum = ref<number>();
|
|
|
const userStore = useUserStore();
|
|
|
const column:ColumnType[] = [
|
|
|
{
|
|
|
title: ' # ',
|
|
|
customRender:({value,text,record,index})=>{
|
|
|
return index+1;
|
|
|
},
|
|
|
fixed:'left',
|
|
|
width:50,
|
|
|
},
|
|
|
{
|
|
|
title: '标题',
|
|
|
dataIndex: 'Title',
|
|
|
key: 'Title',
|
|
|
fixed:'left',
|
|
|
width:250,
|
|
|
ellipsis: true,
|
|
|
},{
|
|
|
title: '流程',
|
|
|
dataIndex: 'FlowName',
|
|
|
key: 'FlowName',
|
|
|
width: 100,
|
|
|
fixed:'left',
|
|
|
},{
|
|
|
title: '节点',
|
|
|
dataIndex: 'NodeName',
|
|
|
key: 'NodeName',
|
|
|
width: 120,
|
|
|
},{
|
|
|
title: '状态',
|
|
|
dataIndex: 'WFState',
|
|
|
key: 'WFState',
|
|
|
width: 80,
|
|
|
},{
|
|
|
title: '发起人',
|
|
|
dataIndex: 'StarterName',
|
|
|
key: 'StarterName',
|
|
|
width: 80,
|
|
|
},{
|
|
|
title: '部门',
|
|
|
dataIndex: 'DeptName',
|
|
|
key: 'DeptName',
|
|
|
width: 100,
|
|
|
},{
|
|
|
title: '发起日期',
|
|
|
dataIndex: 'RDT',
|
|
|
key: 'RDT',
|
|
|
width: 200,
|
|
|
},{
|
|
|
title: '当前处理人',
|
|
|
dataIndex: 'TodoEmps',
|
|
|
key: 'TodoEmps',
|
|
|
ellipsis: true,
|
|
|
customRender:({value})=>{
|
|
|
const names = value.split(';')
|
|
|
const nameArr:string[] = [];
|
|
|
names.forEach((item:string) => {
|
|
|
nameArr.push(item.split(',')[1]);
|
|
|
});
|
|
|
let str = nameArr.join('，');
|
|
|
str = str.slice(0,str.length-1);
|
|
|
return str;
|
|
|
},
|
|
|
},{
|
|
|
title: '应完成日期',
|
|
|
dataIndex: 'SDT',
|
|
|
key: 'SDT',
|
|
|
width:100,
|
|
|
},
|
|
|
];
|
|
|
const InitPage = () =>{
|
|
|
loading.value = true;
|
|
|
DB_Todolist('').then((res)=>{
|
|
|
dataSource.value=res
|
|
|
dataNum.value = dataSource.value.length;
|
|
|
loading.value = false;
|
|
|
});
|
|
|
};
|
|
|
const openToDo = (flowNo: string, WorkID: string, NodeNo: string) => {
|
|
|
const url = ccbpmPortURL + `DoWhat=DealWork&UserNo=${userStore.webUser.No}&WorkID=${WorkID}&FK_Flow=${flowNo}`;
|
|
|
window.open(url);
|
|
|
}
|
|
|
InitPage();
|
|
|
</script>
|
|
|
<style lang="less">
|
|
|
.ant-spin-nested-loading{
|
|
|
max-height: 100%;
|
|
|
.ant-spin-container{
|
|
|
max-height: 100%;
|
|
|
}
|
|
|
}
|
|
|
.allHeight{
|
|
|
height: 100%;
|
|
|
}
|
|
|
.total{
|
|
|
height: 40px;
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
</style> |