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.

122 lines
3.1 KiB
Plaintext

<template>
<div>
<div>
<Input v-model:value="sendValue" placeholder="请输入流程名称,标题..." style="width: 200px;" />
<Button type="primary" @click="searchValue(sendValue)" class="btn_style">
<SearchOutlined />搜索
</Button>
<Button type="primary" @click="More" class="btn_style">
<MoreOutlined />更多...
</Button>
</div>
<div>
<Table :columns="columns" :data-source="data">
<template #name="{ text }">
<a>{{ text }}</a>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.dataIndex == 'Sta'">
<div v-if="record.Sta == 0">
<FolderOutlined /> 未读
</div>
<div v-else>
<FolderOpenOutlined /> 已读
</div>
</template>
<template v-if="column.dataIndex == 'Title'">
<a @click="openSend(record.FK_Flow, record.WorkID, record.FK_Node, record.FID, record.Sta)">{{
record.Title
}}</a>
</template>
</template>
</Table>
<div class="total">总计:{{ dataNum }}条</div>
</div>
</div>
</template>
<script setup lang="ts">
import { Input, Button, Table } from 'ant-design-vue';
import { SearchOutlined, MoreOutlined, FolderOutlined, FolderOpenOutlined } from '@ant-design/icons-vue';
import { ref } from 'vue';
import { DB_CCList } from '@/api/flow';
const sendValue = ref<string>('');
const dataNum = ref<number>();
const dataSource = ref<any>([]);
const host = import.meta.env.VITE_GLOB_APP_URL;
const columns = [
{
title: '#',
customRender: ({ index }) => {
return index + 1;
},
},
{
title: '节点',
dataIndex: 'NodeName',
key: 'NodeName',
width: 80,
},
{
title: '状态',
dataIndex: 'Sta',
key: 'Sta',
},
{
title: '抄送人',
dataIndex: 'Rec',
key: 'Rec',
},
{
title: '标题',
dataIndex: 'Title',
key: 'Title',
},
{
title: '日期',
dataIndex: 'RDT',
key: 'RDT',
},
];
const InitPage = () => {
DB_CCList('', '').then((res: any) => {
dataSource.value = res
dataNum.value = res.length;
data.value = dataSource.value //一开始就展示数据
})
}
InitPage()
const data = ref([]);
//查询
const searchValue = (sendValue: string | null) => {
if (sendValue == '' || sendValue == null) {
data.value = dataSource.value
dataNum.value = data.value.length;
return dataNum.value
} else {
data.value = dataSource.value.filter((item: { Title: string | string[]; }) => {
return item.Title.includes(sendValue)
})
dataNum.value = data.value.length;
}
}
const openSend = (FK_Flow: any, WorkID: any, FK_Node: any, FID: any, Sta: any) => {
const url = `${host}/WF/MyCC.htm?WorkID=${WorkID}&FK_Node=${FK_Node}&FK_Flow=${FK_Flow}&FID=${FID}&CCSta=${Sta}`
window.open(url)
}
//更多
const More = () => {
const url = `${host}/WF/Comm/Search.htm?EnsName=BP.WF.Data.CCListExts`
window.open(url);
}
</script>
<style lang="less">
.btn_style {
margin: 0 5px;
}
.ant-table-striped :deep(.table-striped) td {
background-color: #000;
}
</style>