You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

109 lines
2.6 KiB
Plaintext

<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-if="column.dataIndex == 'action'">
<a @click="deleteDraft(record.WorkID)">删除</a>
</template>
</template>
</Table>
<div class="total">总计:{{ dataNum }}条</div>
</Spin>
</div>
</template>
<script lang="ts" setup>
import { DB_Draft, Flow_DeleteDraft } from '@/api/flow';
import { useUserStore } from '@/stores/user';
import { ccbpmPortURL } from '@/utils/env';
import{ Table,Spin, message } 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;
},
width:52,
fixed:'left',
},
{
title: '标题',
dataIndex: 'Title',
key: 'Title',
fixed:'left',
width:327,
},{
title: '流程',
dataIndex: 'FlowName',
key: 'FlowName',
width: 200,
fixed:'left',
},{
title: '日期',
dataIndex: 'RDT',
key: 'RDT',
width: 171,
},{
title: '操作',
dataIndex: 'action',
key: 'action',
width:100,
}
];
const InitPage = () =>{
loading.value = true;
DB_Draft('').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);
}
const deleteDraft = (WorkID: string,) => {
const isDelete = confirm('确定删除吗?');
if(isDelete){
Flow_DeleteDraft(WorkID).then((res:any)=>{
if (res?.code == 200) {
message.success('删除成功');
InitPage();
}
})
}
}
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>