提交在线监督和事后监督部分代码
This commit is contained in:
袁帅
@ -102,5 +102,20 @@ export default [
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/VideoMonitor',
|
||||||
|
routes: [
|
||||||
|
{
|
||||||
|
name: 'Online',
|
||||||
|
path: '/VideoMonitor/Online',
|
||||||
|
component: './VideoMonitor/Online',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Post',
|
||||||
|
path: '/VideoMonitor/Post',
|
||||||
|
component: './VideoMonitor/Post',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|||||||
205
src/pages/VideoMonitor/Online/components/OnlineSupervision.tsx
Normal file
205
src/pages/VideoMonitor/Online/components/OnlineSupervision.tsx
Normal file
@ -0,0 +1,205 @@
|
|||||||
|
import { isNotEmpty } from '@/utils/CommonUtils';
|
||||||
|
import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
|
||||||
|
import { Button, Spin } from 'antd';
|
||||||
|
import React, { useRef, useState } from 'react';
|
||||||
|
import { useHistory } from 'umi';
|
||||||
|
import ViewModal from '../../ViewModal';
|
||||||
|
import { getPage } from '../service';
|
||||||
|
|
||||||
|
interface ViewDetailsProps {
|
||||||
|
entity?: {
|
||||||
|
projectName?:string|null,
|
||||||
|
projectNumber?:string|null,
|
||||||
|
} | null,
|
||||||
|
visibleDefault?:boolean| false,
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 在线监督列表
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
const OnlineSupervision: React.FC<{}> = () => {
|
||||||
|
|
||||||
|
const [spin, spinSet] = useState<boolean>(false);
|
||||||
|
const [visible, setVisible] = useState<boolean>(false);
|
||||||
|
const [record, setRecord] = useState<any[]>([]);
|
||||||
|
//查询分页数据
|
||||||
|
const [pageData, pageDataSet] = useState<any>({
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10
|
||||||
|
});
|
||||||
|
const history = useHistory();
|
||||||
|
const ref = useRef<ActionType>();
|
||||||
|
|
||||||
|
//查看详情
|
||||||
|
const viewDetails = (record: any) => {
|
||||||
|
setVisible(true);
|
||||||
|
setRecord(record);
|
||||||
|
}
|
||||||
|
|
||||||
|
//关闭
|
||||||
|
const closeViewDetails = () => {
|
||||||
|
setVisible(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
//在线监督
|
||||||
|
function supervision(record: any): void {
|
||||||
|
throw new Error('Function not implemented.');
|
||||||
|
}
|
||||||
|
|
||||||
|
const columns: ProColumns<any>[] = [
|
||||||
|
|
||||||
|
{
|
||||||
|
valueType: 'index',
|
||||||
|
align: 'center',
|
||||||
|
hideInSearch: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '项目名称',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'projectName',
|
||||||
|
width: '20%',
|
||||||
|
hideInSearch: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '项目编号',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'projectNumber',
|
||||||
|
hideInSearch: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '标段',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'sectionName',
|
||||||
|
hideInSearch: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '评审室名称',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'reviewRoomName',
|
||||||
|
hideInSearch: false,
|
||||||
|
width: '10%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预计评标开始时间',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'startTime',
|
||||||
|
hideInSearch: true,
|
||||||
|
width: '15%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预计评标结束时间',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'endTime',
|
||||||
|
hideInSearch: true,
|
||||||
|
width: '9.5%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '状态',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'state',
|
||||||
|
hideInSearch: true,
|
||||||
|
width: '4.5%',
|
||||||
|
valueEnum: {
|
||||||
|
0: {
|
||||||
|
text: '未开始'
|
||||||
|
},
|
||||||
|
1: {
|
||||||
|
text: '评标中'
|
||||||
|
},
|
||||||
|
2: {
|
||||||
|
text: '已结束'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
align: 'center',
|
||||||
|
valueType: 'option',
|
||||||
|
width: '9%',
|
||||||
|
render: (_: any, record: any) =>
|
||||||
|
(
|
||||||
|
<>
|
||||||
|
<Button
|
||||||
|
key="viewDetails"
|
||||||
|
type="text"
|
||||||
|
onClick={() =>
|
||||||
|
viewDetails(record)
|
||||||
|
}
|
||||||
|
>
|
||||||
|
查看详情
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
key="supervision"
|
||||||
|
type="text"
|
||||||
|
onClick={() =>
|
||||||
|
supervision(record)
|
||||||
|
}
|
||||||
|
>
|
||||||
|
在线监督
|
||||||
|
</Button>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Spin spinning={spin}>
|
||||||
|
<div className="zjl-entrust confirm">
|
||||||
|
<ProTable
|
||||||
|
columns={columns}
|
||||||
|
options={false}
|
||||||
|
bordered={false}
|
||||||
|
size='small'
|
||||||
|
actionRef={ref}
|
||||||
|
search={{ labelWidth: 'auto', span: 6 }}
|
||||||
|
loading={false}
|
||||||
|
request={async (params) => {
|
||||||
|
// spinSet(true);
|
||||||
|
// return await getPage({
|
||||||
|
// ...params,
|
||||||
|
// basePageRequest: { pageNo: pageData.pageNo, pageSize: pageData.pageSize },
|
||||||
|
// }).then((res) => {
|
||||||
|
// const result = {
|
||||||
|
// data: res.data.records,
|
||||||
|
// total: res.data.total,
|
||||||
|
// success: res.success,
|
||||||
|
// pageSize: res.data.size,
|
||||||
|
// current: res.data.current
|
||||||
|
// }
|
||||||
|
// return result;
|
||||||
|
// }).finally(() => {
|
||||||
|
// isNotEmpty(window.location.search) && history.push(window.location.pathname);
|
||||||
|
// spinSet(false);
|
||||||
|
// })
|
||||||
|
return {data:[{projectName: '2022年中国联通集团大厦A1913会议室智能化改造项目',
|
||||||
|
projectNumber: 'SS25102022000211',
|
||||||
|
sectionName: '标段一',
|
||||||
|
reviewRoomName: '集团第一评审室',
|
||||||
|
state : 1,
|
||||||
|
startTime : '2022-07-13 12:30',
|
||||||
|
endTime : '2022-07-13 12:30'}],
|
||||||
|
total:1,
|
||||||
|
pageSize:10,
|
||||||
|
current:1}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
pagination={{
|
||||||
|
defaultPageSize: 10,
|
||||||
|
pageSizeOptions: [10, 20, 30, 50],
|
||||||
|
defaultCurrent: 1,
|
||||||
|
size: "small",
|
||||||
|
showSizeChanger: true,
|
||||||
|
onChange: (page, pageSize) => pageDataSet({ pageNo: page, pageSize: pageSize }),
|
||||||
|
onShowSizeChange: (current, size) => pageDataSet({ pageNo: current, pageSize: size }),
|
||||||
|
}}
|
||||||
|
onReset={() => { pageDataSet({ pageNo: 1, pageSize: 10 }) }}
|
||||||
|
rowKey={"id"}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<ViewModal modalVisible = {visible} onCancel = {()=> closeViewDetails()} data = {record}/>
|
||||||
|
</Spin>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
export default OnlineSupervision;
|
||||||
|
|
||||||
184
src/pages/VideoMonitor/Online/components/ReservedItems.tsx
Normal file
184
src/pages/VideoMonitor/Online/components/ReservedItems.tsx
Normal file
@ -0,0 +1,184 @@
|
|||||||
|
import { isNotEmpty } from '@/utils/CommonUtils';
|
||||||
|
import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
|
||||||
|
import { Button, Spin, Modal } from 'antd';
|
||||||
|
import React, { useRef, useState } from 'react';
|
||||||
|
import { useHistory } from 'umi';
|
||||||
|
import ViewModal from '../../ViewModal';
|
||||||
|
import { getPage } from '../service';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 预约项目列表
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
const ReservedItems: React.FC<{}> = () => {
|
||||||
|
|
||||||
|
const [spin, spinSet] = useState<boolean>(false);
|
||||||
|
const [visible, setVisible] = useState(false);
|
||||||
|
const [record, setRecord] = useState<any[]>([]);
|
||||||
|
//查询分页数据
|
||||||
|
const [pageData, pageDataSet] = useState<any>({
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10
|
||||||
|
});
|
||||||
|
const history = useHistory();
|
||||||
|
const ref = useRef<ActionType>();
|
||||||
|
|
||||||
|
//查看详情
|
||||||
|
const viewDetails = (record: any) => {
|
||||||
|
setVisible(true);
|
||||||
|
setRecord(record);
|
||||||
|
}
|
||||||
|
|
||||||
|
//关闭
|
||||||
|
const closeViewDetails = () => {
|
||||||
|
setVisible(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
const columns: ProColumns<any>[] = [
|
||||||
|
|
||||||
|
{
|
||||||
|
valueType: 'index',
|
||||||
|
align: 'center',
|
||||||
|
hideInSearch: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '项目名称',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'projectName',
|
||||||
|
width: '20%',
|
||||||
|
hideInSearch: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '项目编号',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'projectNumber',
|
||||||
|
hideInSearch: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '标段',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'sectionName',
|
||||||
|
hideInSearch: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '评审室名称',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'reviewRoomName',
|
||||||
|
hideInSearch: false,
|
||||||
|
width: '10%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预计评标开始时间',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'startTime',
|
||||||
|
hideInSearch: true,
|
||||||
|
width: '15%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预计评标结束时间',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'endTime',
|
||||||
|
hideInSearch: true,
|
||||||
|
width: '9.5%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '状态',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'state',
|
||||||
|
hideInSearch: true,
|
||||||
|
width: '4.5%',
|
||||||
|
valueEnum: {
|
||||||
|
0: {
|
||||||
|
text: '未开始'
|
||||||
|
},
|
||||||
|
1: {
|
||||||
|
text: '评标中'
|
||||||
|
},
|
||||||
|
2: {
|
||||||
|
text: '已结束'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
align: 'center',
|
||||||
|
valueType: 'option',
|
||||||
|
width: '4.5%',
|
||||||
|
render: (_: any, record: any) =>
|
||||||
|
(
|
||||||
|
<>
|
||||||
|
<Button
|
||||||
|
key="viewDetails"
|
||||||
|
type="text"
|
||||||
|
onClick={() =>
|
||||||
|
viewDetails(record)
|
||||||
|
}
|
||||||
|
>
|
||||||
|
查看详情
|
||||||
|
</Button>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Spin spinning={spin}>
|
||||||
|
<div className="zjl-entrust confirm">
|
||||||
|
<ProTable
|
||||||
|
columns={columns}
|
||||||
|
options={false}
|
||||||
|
bordered={false}
|
||||||
|
size='small'
|
||||||
|
actionRef={ref}
|
||||||
|
search={{ labelWidth: 'auto', span: 6 }}
|
||||||
|
loading={false}
|
||||||
|
request={async (params) => {
|
||||||
|
// spinSet(true);
|
||||||
|
// return await getPage({
|
||||||
|
// ...params,
|
||||||
|
// basePageRequest: { pageNo: pageData.pageNo, pageSize: pageData.pageSize },
|
||||||
|
// }).then((res) => {
|
||||||
|
// const result = {
|
||||||
|
// data: res.data.records,
|
||||||
|
// total: res.data.total,
|
||||||
|
// success: res.success,
|
||||||
|
// pageSize: res.data.size,
|
||||||
|
// current: res.data.current
|
||||||
|
// }
|
||||||
|
// return result;
|
||||||
|
// }).finally(() => {
|
||||||
|
// isNotEmpty(window.location.search) && history.push(window.location.pathname);
|
||||||
|
// spinSet(false);
|
||||||
|
// })
|
||||||
|
return {data:[{projectName: '2022年中国联通集团大厦A1913会议室智能化改造项目',
|
||||||
|
projectNumber: 'SS25102022000211',
|
||||||
|
sectionName: '标段一',
|
||||||
|
reviewRoomName: '集团第一评审室',
|
||||||
|
state : 0,
|
||||||
|
startTime : '2022-07-13 12:30',
|
||||||
|
endTime : '2022-07-13 12:30'}],
|
||||||
|
total:1,
|
||||||
|
pageSize:10,
|
||||||
|
current:1}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
pagination={{
|
||||||
|
defaultPageSize: 10,
|
||||||
|
pageSizeOptions: [10, 20, 30, 50],
|
||||||
|
defaultCurrent: 1,
|
||||||
|
size: "small",
|
||||||
|
showSizeChanger: true,
|
||||||
|
onChange: (page, pageSize) => pageDataSet({ pageNo: page, pageSize: pageSize }),
|
||||||
|
onShowSizeChange: (current, size) => pageDataSet({ pageNo: current, pageSize: size }),
|
||||||
|
}}
|
||||||
|
onReset={() => { pageDataSet({ pageNo: 1, pageSize: 10 }) }}
|
||||||
|
rowKey={"id"}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<ViewModal modalVisible = {visible} onCancel = {()=> closeViewDetails()} data = {record}/>
|
||||||
|
</Spin>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
export default ReservedItems;
|
||||||
|
|
||||||
34
src/pages/VideoMonitor/Online/index.tsx
Normal file
34
src/pages/VideoMonitor/Online/index.tsx
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
import { Card, Radio } from 'antd';
|
||||||
|
import React, { useState } from 'react';
|
||||||
|
import OnlineSupervision from './components/OnlineSupervision';
|
||||||
|
import ReservedItems from './components/ReservedItems';
|
||||||
|
/**
|
||||||
|
* 在线监督
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
const OnlineIndex: React.FC<{}> = () => {
|
||||||
|
//radio value
|
||||||
|
const [mode, setMode] = useState<string>('OnlineSupervision');
|
||||||
|
|
||||||
|
const handleModeChange = (e: any) => {
|
||||||
|
const mode = e.target.value;
|
||||||
|
setMode(mode);
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Card style={{ borderRadius: 6 }} bodyStyle={{ padding: '16px 24px 0px' }}>
|
||||||
|
<Radio.Group onChange={handleModeChange} value={mode} buttonStyle="solid">
|
||||||
|
<Radio.Button value="OnlineSupervision">在线监督</Radio.Button>
|
||||||
|
<Radio.Button value="ReservedItems">预约项目</Radio.Button>
|
||||||
|
</Radio.Group>
|
||||||
|
{
|
||||||
|
mode === 'OnlineSupervision' ? (
|
||||||
|
<OnlineSupervision />
|
||||||
|
) : (
|
||||||
|
<ReservedItems />
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</Card>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
export default OnlineIndex;
|
||||||
11
src/pages/VideoMonitor/Online/service.ts
Normal file
11
src/pages/VideoMonitor/Online/service.ts
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
import request from '@/utils/request';
|
||||||
|
/**
|
||||||
|
* 查询数据并分页
|
||||||
|
* @param params
|
||||||
|
*/
|
||||||
|
export async function getPage(params?: any) {
|
||||||
|
return request('/api/biz-service-ebtp-project/v1/projectRecord/supervisor/getPage', {
|
||||||
|
method: 'POST',
|
||||||
|
data: params,
|
||||||
|
});
|
||||||
|
}
|
||||||
205
src/pages/VideoMonitor/Post/index.tsx
Normal file
205
src/pages/VideoMonitor/Post/index.tsx
Normal file
@ -0,0 +1,205 @@
|
|||||||
|
import { isNotEmpty } from '@/utils/CommonUtils';
|
||||||
|
import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
|
||||||
|
import { Button, Spin } from 'antd';
|
||||||
|
import React, { useRef, useState } from 'react';
|
||||||
|
import { useHistory } from 'umi';
|
||||||
|
import ViewModal from '../ViewModal';
|
||||||
|
import { getPage } from '../service';
|
||||||
|
|
||||||
|
interface ViewDetailsProps {
|
||||||
|
entity?: {
|
||||||
|
projectName?:string|null,
|
||||||
|
projectNumber?:string|null,
|
||||||
|
} | null,
|
||||||
|
visibleDefault?:boolean| false,
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 事后监督列表
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
const PostSupervision: React.FC<{}> = () => {
|
||||||
|
|
||||||
|
const [spin, spinSet] = useState<boolean>(false);
|
||||||
|
const [visible, setVisible] = useState<boolean>(false);
|
||||||
|
const [record, setRecord] = useState<any[]>([]);
|
||||||
|
//查询分页数据
|
||||||
|
const [pageData, pageDataSet] = useState<any>({
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10
|
||||||
|
});
|
||||||
|
const history = useHistory();
|
||||||
|
const ref = useRef<ActionType>();
|
||||||
|
|
||||||
|
//查看详情
|
||||||
|
const viewDetails = (record: any) => {
|
||||||
|
setVisible(true);
|
||||||
|
setRecord(record);
|
||||||
|
}
|
||||||
|
|
||||||
|
//关闭
|
||||||
|
const closeViewDetails = () => {
|
||||||
|
setVisible(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
//评标监控回看
|
||||||
|
function reviewMonitor(record: any): void {
|
||||||
|
throw new Error('Function not implemented.');
|
||||||
|
}
|
||||||
|
|
||||||
|
const columns: ProColumns<any>[] = [
|
||||||
|
|
||||||
|
{
|
||||||
|
valueType: 'index',
|
||||||
|
align: 'center',
|
||||||
|
hideInSearch: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '项目名称',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'projectName',
|
||||||
|
width: '20%',
|
||||||
|
hideInSearch: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '项目编号',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'projectNumber',
|
||||||
|
hideInSearch: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '标段',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'sectionName',
|
||||||
|
hideInSearch: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '评审室名称',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'reviewRoomName',
|
||||||
|
hideInSearch: false,
|
||||||
|
width: '10%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预计评标开始时间',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'startTime',
|
||||||
|
hideInSearch: true,
|
||||||
|
width: '15%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预计评标结束时间',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'endTime',
|
||||||
|
hideInSearch: true,
|
||||||
|
width: '9.5%',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '状态',
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'state',
|
||||||
|
hideInSearch: true,
|
||||||
|
width: '4.5%',
|
||||||
|
valueEnum: {
|
||||||
|
0: {
|
||||||
|
text: '未开始'
|
||||||
|
},
|
||||||
|
1: {
|
||||||
|
text: '评标中'
|
||||||
|
},
|
||||||
|
2: {
|
||||||
|
text: '已结束'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
align: 'center',
|
||||||
|
valueType: 'option',
|
||||||
|
width: '10%',
|
||||||
|
render: (_: any, record: any) =>
|
||||||
|
(
|
||||||
|
<>
|
||||||
|
<Button
|
||||||
|
key="viewDetails"
|
||||||
|
type="text"
|
||||||
|
onClick={() =>
|
||||||
|
viewDetails(record)
|
||||||
|
}
|
||||||
|
>
|
||||||
|
查看详情
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
key="reviewMonitor"
|
||||||
|
type="text"
|
||||||
|
onClick={() =>
|
||||||
|
reviewMonitor(record)
|
||||||
|
}
|
||||||
|
>
|
||||||
|
评标监控回看
|
||||||
|
</Button>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Spin spinning={spin}>
|
||||||
|
<div className="zjl-entrust confirm">
|
||||||
|
<ProTable
|
||||||
|
columns={columns}
|
||||||
|
options={false}
|
||||||
|
bordered={false}
|
||||||
|
size='small'
|
||||||
|
actionRef={ref}
|
||||||
|
search={{ labelWidth: 'auto', span: 6 }}
|
||||||
|
loading={false}
|
||||||
|
request={async (params) => {
|
||||||
|
// spinSet(true);
|
||||||
|
// return await getPage({
|
||||||
|
// ...params,
|
||||||
|
// basePageRequest: { pageNo: pageData.pageNo, pageSize: pageData.pageSize },
|
||||||
|
// }).then((res) => {
|
||||||
|
// const result = {
|
||||||
|
// data: res.data.records,
|
||||||
|
// total: res.data.total,
|
||||||
|
// success: res.success,
|
||||||
|
// pageSize: res.data.size,
|
||||||
|
// current: res.data.current
|
||||||
|
// }
|
||||||
|
// return result;
|
||||||
|
// }).finally(() => {
|
||||||
|
// isNotEmpty(window.location.search) && history.push(window.location.pathname);
|
||||||
|
// spinSet(false);
|
||||||
|
// })
|
||||||
|
return {data:[{projectName: '2022年中国联通集团大厦A1913会议室智能化改造项目',
|
||||||
|
projectNumber: 'SS25102022000211',
|
||||||
|
sectionName: '标段一',
|
||||||
|
reviewRoomName: '集团第一评审室',
|
||||||
|
state : 2,
|
||||||
|
startTime : '2022-07-13 12:30',
|
||||||
|
endTime : '2022-07-13 12:30'}],
|
||||||
|
total:1,
|
||||||
|
pageSize:10,
|
||||||
|
current:1}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
pagination={{
|
||||||
|
defaultPageSize: 10,
|
||||||
|
pageSizeOptions: [10, 20, 30, 50],
|
||||||
|
defaultCurrent: 1,
|
||||||
|
size: "small",
|
||||||
|
showSizeChanger: true,
|
||||||
|
onChange: (page, pageSize) => pageDataSet({ pageNo: page, pageSize: pageSize }),
|
||||||
|
onShowSizeChange: (current, size) => pageDataSet({ pageNo: current, pageSize: size }),
|
||||||
|
}}
|
||||||
|
onReset={() => { pageDataSet({ pageNo: 1, pageSize: 10 }) }}
|
||||||
|
rowKey={"id"}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<ViewModal modalVisible = {visible} onCancel = {()=> closeViewDetails()} data = {record}/>
|
||||||
|
</Spin>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
export default PostSupervision;
|
||||||
|
|
||||||
11
src/pages/VideoMonitor/Post/service.ts
Normal file
11
src/pages/VideoMonitor/Post/service.ts
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
import request from '@/utils/request';
|
||||||
|
/**
|
||||||
|
* 查询数据并分页
|
||||||
|
* @param params
|
||||||
|
*/
|
||||||
|
export async function getPage(params?: any) {
|
||||||
|
return request('/api/biz-service-ebtp-project/v1/projectRecord/supervisor/getPage', {
|
||||||
|
method: 'POST',
|
||||||
|
data: params,
|
||||||
|
});
|
||||||
|
}
|
||||||
39
src/pages/VideoMonitor/ViewModal.tsx
Normal file
39
src/pages/VideoMonitor/ViewModal.tsx
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
import { Spin, Modal } from 'antd';
|
||||||
|
import React, { useState } from 'react';
|
||||||
|
import JgtzsModal from '../ZYuShen/Calibration/ProjectManager/ResultNotice/components/JgtzsModal';
|
||||||
|
|
||||||
|
interface ViewDetailsProps {
|
||||||
|
modalVisible: boolean; //开启关闭控制
|
||||||
|
onCancel: () => void; //关闭方法传入
|
||||||
|
data: any //数据传入
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 详情弹出层
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
const ViewDetails: React.FC<ViewDetailsProps> = (props) => {
|
||||||
|
const {modalVisible, onCancel, data} = props;
|
||||||
|
const [spin, spinSet] = useState<boolean>(false);
|
||||||
|
return (<Modal
|
||||||
|
destroyOnClose = {true}
|
||||||
|
visible = {modalVisible}
|
||||||
|
onCancel = {() => {onCancel()}}
|
||||||
|
title={<div>
|
||||||
|
<span>详情</span>
|
||||||
|
<span style={{textAlign: "center",width: "100%",position: "absolute",left: 0}}>{data?.projectName}</span>
|
||||||
|
</div>}
|
||||||
|
footer={null}
|
||||||
|
width={1000}
|
||||||
|
>
|
||||||
|
|
||||||
|
<Spin spinning={spin}></Spin>
|
||||||
|
<p>Some contents...</p>
|
||||||
|
<p>Some contents...</p>
|
||||||
|
<p>Some contents...</p>
|
||||||
|
<p>Some contents...</p>
|
||||||
|
<p>Some contents...</p>
|
||||||
|
</Modal>)
|
||||||
|
}
|
||||||
|
export default ViewDetails;
|
||||||
|
|
||||||
Reference in New Issue
Block a user