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

预约评标室

Browse Source
This commit is contained in:
517612449@qq.com
2022-08-12 17:08:43 +08:00
parent a7ff7ccd9d
commit 64b401eda5
2 changed files with 209 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

375
src/pages/ElecEvalReserve/index.tsx
View File

@ -1,251 +1,272 @@
import React, { useState, useRef } from 'react'; import React, { useState, useRef, useEffect } from 'react';
import { Button, Tabs, Form, Input, Modal, Space, Checkbox, message, PageHeader, Popconfirm, Progress, Tag, Spin } from 'antd'; import { Button, Tabs, PageHeader } from 'antd';
import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table'; import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
import { reserveList } from './service'; import { reserveList, roomList } from './service';
import '@/assets/ld_style.less'; import '@/assets/ld_style.less';
import { getProjectTypeCode, getURLInformation, getUrlParam, isNotEmpty } from '@/utils/CommonUtils'; import { getURLInformation, isNotEmpty } from '@/utils/CommonUtils';
import { btnAuthority } from '@/utils/authority'; import { btnAuthority } from '@/utils/authority';
const { TabPane } = Tabs; const { TabPane } = Tabs;
const Index: React.FC<{}> = () => { const Index: React.FC<{}> = () => {
const checkRelationRef = useRef<ActionType>(); //操作数据后刷新列表 const checkRelationRef = useRef<ActionType>(); //操作数据后刷新列表
const [areaNameList, setAreaNameList] = useState({});
/*拉取数据*/
useEffect(() => {
initAreaNameList();
}, []);
const initAreaNameList = async () => {
await roomList().then((res) => {
if (res.success ==true) {
// let areaNameList: any[] = [];
// console.log(res.data)
// res.data.forEach((item: { areaName: string; id: string; }) => {
// const tempDetail = { label: '', value: '', };
// tempDetail.label = item.areaName;
// tempDetail.value = item.id;
// areaNameList.push(tempDetail);
// })
let areaNameList = {};
//将拿到的返回值遍历
res.data.map((item: { id: string | number; areaName: any; })=>{
//使用接口返回值的id做为 代替原本的0，1
areaNameList[item.id]={
//使用接口返回值中的overdueValue属性作为原本的text:后面的值
text: item.areaName,
}
})
setAreaNameList(areaNameList)
}
})
};
const current = getURLInformation('current');
const columns: any = [
//存储当前页面项目类型 // 我参与的项目
let proTypeCode = getProjectTypeCode();
const current = getURLInformation("current");
const columns: any = [ // 我参与的项目
{ {
title: '序号', title: '序号',
dataIndex: 'index', dataIndex: 'index',
valueType: 'index', valueType: 'index',
search: false, search: false,
width: '2%', width: '3%',
}, },
{ {
title: '评标室', title: '评标室',
dataIndex: 'areaName', dataIndex: 'areaId',
valueType: 'select',
valueEnum: areaNameList,
search: true, search: true,
width: '15%', width: '10%',
}, },
{ {
title: '预约开始时间', title: '预约开始时间',
dataIndex: 'reserveStartDate', dataIndex: 'reserveStartDate',
search: true, search: true,
valueType: 'dateTime', valueType: 'dateTime',
width: '15%', width: '10%',
}, },
{ {
title: '预约结束时间', title: '预约结束时间',
dataIndex: 'reserveEndDate', dataIndex: 'reserveEndDate',
search: true, search: true,
valueType: 'dateTime', valueType: 'dateTime',
width: '15%', width: '10%',
}, },
{ {
title: '预约人', title: '预约人',
dataIndex: 'reserveBy', dataIndex: 'reserveBy',
width: '5%', width: '5%',
search: false search: false,
}, },
{ {
title: '预约人联系方式', title: '预约人联系方式',
dataIndex: 'reserveContactNumber', dataIndex: 'reserveContactNumber',
width: '5%', width: '5%',
search: false search: false,
}, },
{ {
title: '项目名称', title: '项目名称',
dataIndex: 'projectName', dataIndex: 'projectName',
search: false, search: false,
width: '10%' width: '10%',
}, },
{ {
title: '标段名称', title: '标段名称',
dataIndex: 'sectionNames', dataIndex: 'sectionNames',
search: false, search: false,
width: '10%' width: '10%',
}, },
{ {
title: '操作', title: '操作',
width: '7%', width: '7%',
search: false, search: false,
render: (text: any, record: any) => { render: (text: any, record: any) => {
return ( return (
<> <>
<Button hidden={btnAuthority(['ebtp-supplier'])} type="text" onClick={() => {}} danger>取消预约</Button> <Button hidden={btnAuthority(['ebtp-supplier'])} type="text" onClick={() => {}} danger>
取消预约
</Button>
</> </>
) );
},
}
}, },
]; ];
const otherColumns: any[] = [ //会议室预约 const otherColumns: 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: '操作',
width: '7%',
search: false,
render: (text: any, record: any) => {
return ( {
<> title: '序号',
<Button hidden={btnAuthority(['ebtp-supplier'])} type="text" onClick={() => {}} danger>取消预约</Button> dataIndex: 'index',
valueType: 'index',
</> search: false,
) width: '3%',
},
} {
}, title: '会议室名称',
dataIndex: 'areaName',
search: true,
width: '10%',
},
{
title: '预约开始时间',
dataIndex: 'reserveStartDate',
search: true,
width: '10%',
},
{
title: '预约结束时间',
dataIndex: 'reserveEndDate',
search: true,
width: '10%',
},
{
title: '预约人',
dataIndex: 'reserveBy',
width: '5%',
search: false,
},
{
title: '预约人联系方式',
dataIndex: 'reserveContactNumber',
width: '5%',
search: false,
},
{
title: '操作',
width: '7%',
search: false,
render: (text: any, record: any) => {
return (
<>
<Button hidden={btnAuthority(['ebtp-supplier'])} type="text" onClick={() => {}} danger>
取消预约
</Button>
</>
);
},
},
]; ];
return ( return (
<> <>
<PageHeader <PageHeader title="预约管理" />
title="预约管理"
/>
<Tabs defaultActiveKey="1"> <Tabs defaultActiveKey="1">
<TabPane tab="评标预约" key="1"> <TabPane tab="评标预约" key="1">
<ProTable
actionRef={checkRelationRef}
<ProTable className="proSearch"
actionRef={checkRelationRef} columns={columns}
className="proSearch" params={{ reserveType: 'eval' }}
columns={columns} size="small"
params={{ "reserveType": "eval" }} request={async (params) =>
size='small' await reserveList(params).then((res) => {
request={async (params) => if (res.code == 200) {
await reserveList(params).then((res) => { let data = res.data;
if (res.code == 200) {
let data = res.data;
return Promise.resolve({
data: data.records,
success: res.success,
total: res.data.total,
current: res.data.current,
});
}
return Promise.resolve({ return Promise.resolve({
data: [], data: data.records,
success: false, success: res.success,
total: 0, total: res.data.total,
current: 1, current: res.data.current,
}); });
}) }
} return Promise.resolve({
search={{ data: [],
filterType: "query", success: false,
optionRender: (searchConfig: any, { form }) => { total: 0,
return [ current: 1,
<Button });
key="resetText" })
onClick={() => { }
form?.setFieldsValue({ search={{
filterType: 'query',
current: 1, optionRender: (searchConfig: any, { form }) => {
}) return [
form?.submit(); <Button
}} key="resetText"
> onClick={() => {
{searchConfig?.resetText} form?.setFieldsValue({
</Button>, current: 1,
<Button });
key="searchText" form?.submit();
type="primary" }}
onClick={() => { >
form?.submit(); {searchConfig?.resetText}
}} </Button>,
> <Button
{searchConfig?.searchText} key="searchText"
</Button>, type="primary"
]; onClick={() => {
}, form?.submit();
}} }}
pagination={{ defaultCurrent: isNotEmpty(current) ? Number(current) : 1, defaultPageSize: 10, showSizeChanger: false }}//默认显示条数 >
toolBarRender={false} {searchConfig?.searchText}
/> </Button>,
];
},
</TabPane> }}
<TabPane tab="会议预约" key="2"> pagination={{
<ProTable defaultCurrent: isNotEmpty(current) ? Number(current) : 1,
className="proSearch" defaultPageSize: 10,
columns={otherColumns} showSizeChanger: false,
params={{ "reserveType": "meeting" }} }} //默认显示条数
size='small' toolBarRender={false}
request={async (params) => />
await reserveList(params).then((res) => { </TabPane>
if (res.code == 200) { <TabPane tab="会议预约" key="2">
let data = res.data; <ProTable
return Promise.resolve({ className="proSearch"
data: data.records, columns={otherColumns}
success: res.success, params={{ reserveType: 'meeting' }}
total: res.data.total, size="small"
current: res.data.current, request={async (params) =>
}); await reserveList(params).then((res) => {
} if (res.code == 200) {
let data = res.data;
return Promise.resolve({ return Promise.resolve({
data: [], data: data.records,
success: false, success: res.success,
total: 0, total: res.data.total,
current: 1, current: res.data.current,
}); });
}) }
} return Promise.resolve({
pagination={{ defaultPageSize: 10, showSizeChanger: false }}//默认显示条数 data: [],
toolBarRender={false} success: false,
/> total: 0,
</TabPane> current: 1,
</Tabs> });
})
}
pagination={{ defaultPageSize: 10, showSizeChanger: false }} //默认显示条数
toolBarRender={false}
/>
</TabPane>
</Tabs>
</> </>
) );
} };
export default Index export default Index

14
src/pages/ElecEvalReserve/service.ts
View File

@ -7,10 +7,18 @@ export async function reserveList(data: any) { // 查询会议室/评标室预
}); });
} }
export async function roomList(data: any) { // 查询评标室列表 export async function roomList() { // 查询评标室列表
///api/biz-service-ebtp-evaluation ///api/biz-service-ebtp-evaluation
return request('http://localhost:18017/v1/elec/eval/room/list', { return request('/v1/elec/eval/room/list', {
method: 'get',
params: {}
});
}
export async function cancelReserve(id: any) { // 取消预约
///api/biz-service-ebtp-evaluation
return request('/v1/eval/room/reserve/cancel'+`${id}`, {
method: 'get', method: 'get',
params: data
}); });
} }