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.
111 lines
2.6 KiB
Plaintext
111 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)=>{
|
|
console.log(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('确定删除吗？');
|
|
console.log(isDelete);
|
|
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> |