liuchang/fe_service_ebtp_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

7.15 党建攻坚管理端

Browse Source
This commit is contained in:
jl-zhoujl2
2022-07-15 08:58:51 +08:00
parent c98f3d1a71
commit 9ab4413e88
17 changed files with 796 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
src/pages/PartyMemberTopic/Management/OpinionCollection/index.tsx
View File

@ -1,133 +1,196 @@
import { UploadOutlined } from '@ant-design/icons';
import { ActionType, ProColumns } from '@ant-design/pro-table';
import ProTable from '@ant-design/pro-table';
import { Button, Card } from 'antd';
import React from 'react';
import { Button, Card, Space, Typography } from 'antd';
import React, { useState } from 'react';
import { useRef } from 'react';
import { getOpinionList } from './service';
import { isEmpty, managerAuthority } from '../../utils';
import { downloadFileObjectId } from '@/utils/DownloadUtils';
const data = [
{
id: 1,
index: 1,
title: 1,
type: 0,
},
{
id: 2,
index: 2,
title: 2,
type: 1,
},
{
id: 3,
index: 3,
title: 3,
type: 2,
},
{
id: 4,
index: 4,
title: 4,
type: 2,
},
]
const columns: ProColumns<any>[] = [
{
title: '序号',
dataIndex: 'index',
valueType: 'index',
width: 48,
},
{
title: '意见类型',
dataIndex: 'type',
valueType: 'select',
valueEnum: {
0: { text: '网络运营' },
1: { text: '综合行政' },
2: { text: '市场' },
},
},
{
title: '意见内容',
dataIndex: 'title',
ellipsis: true,
hideInSearch: true,
},
{
title: '补充信息',
dataIndex: 'other',
ellipsis: true,
hideInSearch: true,
},
{
title: '提交时间',
key: 'showTime',
dataIndex: 'created_at',
valueType: 'dateTime',
hideInSearch: true,
},
{
title: '开始时间',
dataIndex: 'starttime',
valueType: 'date',
hideInTable: true,
},
{
title: '结束时间',
dataIndex: 'endtime',
valueType: 'date',
hideInTable: true,
},
{
title: '提交人员',
dataIndex: 'people',
hideInSearch: true,
},
{
title: '附件管理',
hideInSearch: true,
render: (text, record, _, action) => [
<Button type='text' key="download">
下载附件
</Button>,
],
},
];
export default () => {
const OpinionCollection: React.FC<{}> = () => {
const actionRef = useRef<ActionType>();
const { Text, Link } = Typography;
//loading
const [loading, setLoading] = useState<boolean>(false);
//select
const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
setSelectedRowKeys(newSelectedRowKeys);
};
//下载附件
const downloadClick = (e: any, record: any) => {
e.preventDefault();
downloadFileObjectId(record.attachmentImage);
}
//导出&全量导出
const exportData = (ids?: any[]) => {
let url = "/api/biz-service-ebtp-extend/v1/eventmaintain/suggestion/export/";
let params = '';
if (ids) {
for (let i = 0, length = ids.length; i < length; i++) {
if (i == 0) {
params += `?ids=${ids[i]}`;
} else {
params += `&ids=${ids[i]}`;
}
}
}
url += params;
window.location.href = url;
actionRef.current?.reloadAndRest?.();
}
const columns: ProColumns<any>[] = [
{
title: '序号',
dataIndex: 'index',
valueType: 'index',
width: 48,
},
{
title: '意见类型',
dataIndex: 'suggestionType',
valueType: 'select',
valueEnum: {
"网络运营": { text: '网络运营' },
"IT": { text: 'IT' },
"市场": { text: '市场' },
"综合行政": { text: '综合行政' },
"其他": { text: '其他' },
},
},
{
title: '意见内容',
dataIndex: 'suggestionContent',
width: '30%',
hideInSearch: true,
},
{
title: '补充信息',
dataIndex: 'instructions',
width: '20%',
hideInSearch: true,
},
{
title: '提交时间',
key: 'createTime',
dataIndex: 'createTime',
valueType: 'dateTime',
hideInSearch: true,
},
{
title: '开始时间',
dataIndex: 'startTime',
valueType: 'date',
hideInTable: true,
},
{
title: '结束时间',
dataIndex: 'endTime',
valueType: 'date',
hideInTable: true,
},
{
title: '提交人员',
dataIndex: 'suggestionSponsor',
hideInSearch: true,
},
{
title: '附件管理',
hideInSearch: true,
render: (text, record, _, action) =>
isEmpty(record.attachmentImage) ? [
<Text
key="download"
disabled
>
下载附件
</Text>,
] : [
<Link
key="download"
href='#'
onClick={(e) => downloadClick(e, record)}
hidden={managerAuthority("ebtp-party-admin")}
>
下载附件
</Link>,
]
},
];
return (
<Card className="zjl-entrust confirm">
<Card className="zjl-entrust confirm" bodyStyle={{ padding: '16px 24px 0px', height: window.innerHeight - 105, overflowY: 'auto' }}>
<ProTable<any>
columns={columns}
actionRef={actionRef}
loading={loading}
request={async (params) => {
return {
data: data,
success: true,
};
setLoading(true);
return await getOpinionList(params).then(res => {
if (res?.success) {
return {
data: res?.data.records,
success: res?.success,
total: res?.data.total
};
}
return {
data: [],
success: false,
total: 0,
};
}).finally(() => {
setLoading(false);
})
}}
rowKey="id"
options={false}
pagination={{
pageSize: 10,
onChange: (page) => console.log(page),
}}
search={{
span: 6,
defaultCollapsed: false,//默认展开
}}
rowSelection={{}}
rowSelection={{
selectedRowKeys,
onChange: onSelectChange,
preserveSelectedRowKeys: true,
}}
tableAlertRender={({ selectedRowKeys, selectedRows, onCleanSelected }) => (
<Space size={24}>
<span>
已选 {selectedRowKeys.length} 项
<a
style={{ marginLeft: 8 }}
onClick={() => exportData(selectedRowKeys)}
hidden={managerAuthority("ebtp-party-admin")}
>
批量导出
</a>
</span>
</Space>
)}
dateFormatter="string"
toolBarRender={() => [
<Button key="button" icon={<UploadOutlined />} type="primary">
<Button
key="button"
icon={<UploadOutlined />}
type="primary"
onClick={() => exportData()}
loading={loading}
hidden={managerAuthority("ebtp-party-admin")}
>
全量导出
</Button>
]}
/>
</Card>
);
};
};
export default OpinionCollection