预约查询
This commit is contained in:
167
src/pages/Evaluation/ElecEvalRoom/ElecEvalReserve/index.tsx
Normal file
167
src/pages/Evaluation/ElecEvalRoom/ElecEvalReserve/index.tsx
Normal file
@ -0,0 +1,167 @@
|
|||||||
|
import React, { useState, useRef } from 'react';
|
||||||
|
import { Button, Tabs, Form, Input, Modal, Space, Checkbox, message, PageHeader, Popconfirm, Progress, Tag, Spin } from 'antd';
|
||||||
|
import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
|
||||||
|
import { reserveList } from './service';
|
||||||
|
import '@/assets/ld_style.less';
|
||||||
|
import { getProjectTypeCode, getURLInformation, getUrlParam, isNotEmpty } from '@/utils/CommonUtils';
|
||||||
|
import { btnAuthority } from '@/utils/authority';
|
||||||
|
|
||||||
|
const { TabPane } = Tabs;
|
||||||
|
|
||||||
|
|
||||||
|
const Index: React.FC<{}> = () => {
|
||||||
|
const checkRelationRef = useRef<ActionType>(); //操作数据后刷新列表
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//存储当前页面项目类型
|
||||||
|
let proTypeCode = getProjectTypeCode();
|
||||||
|
|
||||||
|
const current = getURLInformation("current");
|
||||||
|
|
||||||
|
|
||||||
|
const columns: any = [ // 我参与的项目
|
||||||
|
{
|
||||||
|
title: '序号',
|
||||||
|
dataIndex: 'index',
|
||||||
|
valueType: 'index',
|
||||||
|
search: false,
|
||||||
|
width: 50,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '评标室',
|
||||||
|
dataIndex: 'areaName',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预约开始时间',
|
||||||
|
dataIndex: 'reserveStartDate',
|
||||||
|
search: false,
|
||||||
|
width: '5%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预约结束时间',
|
||||||
|
dataIndex: 'reserveEndDate',
|
||||||
|
search: false,
|
||||||
|
width: '7%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预约人',
|
||||||
|
dataIndex: 'reserveBy',
|
||||||
|
width: '20%',
|
||||||
|
search: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预约人联系方式',
|
||||||
|
dataIndex: 'reserveContactNumber',
|
||||||
|
width: '10%',
|
||||||
|
search: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '项目名称',
|
||||||
|
dataIndex: 'projectName',
|
||||||
|
search: false,
|
||||||
|
width: '7%'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '标段名称',
|
||||||
|
dataIndex: 'sectionNames',
|
||||||
|
search: false,
|
||||||
|
width: '7%'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
width: '7%',
|
||||||
|
search: false,
|
||||||
|
render: (text: any, record: any) => {
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Button hidden={btnAuthority(['ebtp-supplier'])} type="text" onClick={() => {}} danger>取消预约</Button>
|
||||||
|
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
];
|
||||||
|
const otherColumns: any[] = [ //会议室预约
|
||||||
|
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<PageHeader
|
||||||
|
title="预约管理"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Tabs defaultActiveKey="1">
|
||||||
|
<TabPane tab="评标预约" key="1">
|
||||||
|
|
||||||
|
|
||||||
|
<ProTable
|
||||||
|
actionRef={checkRelationRef}
|
||||||
|
className="proSearch"
|
||||||
|
columns={columns}
|
||||||
|
params={{ }}
|
||||||
|
size='small'
|
||||||
|
request={async (params: any) =>
|
||||||
|
{}
|
||||||
|
}
|
||||||
|
search={{
|
||||||
|
filterType: "query",
|
||||||
|
optionRender: (searchConfig: any, { form }) => {
|
||||||
|
return [
|
||||||
|
<Button
|
||||||
|
key="resetText"
|
||||||
|
onClick={() => {
|
||||||
|
form?.setFieldsValue({
|
||||||
|
projectName: null,
|
||||||
|
bidMethodDict: null,
|
||||||
|
current: 1,
|
||||||
|
})
|
||||||
|
form?.submit();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{searchConfig?.resetText}
|
||||||
|
</Button>,
|
||||||
|
<Button
|
||||||
|
key="searchText"
|
||||||
|
type="primary"
|
||||||
|
onClick={() => {
|
||||||
|
form?.submit();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{searchConfig?.searchText}
|
||||||
|
</Button>,
|
||||||
|
];
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
pagination={{ defaultCurrent: isNotEmpty(current) ? Number(current) : 1, defaultPageSize: 10, showSizeChanger: false }}//默认显示条数
|
||||||
|
toolBarRender={false}
|
||||||
|
/>
|
||||||
|
|
||||||
|
|
||||||
|
</TabPane>
|
||||||
|
<TabPane tab="会议预约" key="2">
|
||||||
|
<ProTable
|
||||||
|
size='small'
|
||||||
|
className="proSearch"
|
||||||
|
columns={otherColumns}
|
||||||
|
params={{ "procurementMode": proTypeCode }}
|
||||||
|
request={async (params: any) =>
|
||||||
|
{}
|
||||||
|
}
|
||||||
|
pagination={{ defaultPageSize: 10, showSizeChanger: false }}//默认显示条数
|
||||||
|
toolBarRender={false}
|
||||||
|
/>
|
||||||
|
</TabPane>
|
||||||
|
</Tabs>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
export default Index
|
||||||
|
|
||||||
|
|
@ -0,0 +1,8 @@
|
|||||||
|
import request from '@/utils/request';
|
||||||
|
|
||||||
|
export async function reserveList(data: any) { // 查询会议室/评标室
|
||||||
|
return request('/api/biz-service-ebtp-evaluation/v1/eval/room/reserve/list', {
|
||||||
|
method: 'get',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
}
|
Reference in New Issue
Block a user