|
@@ -1,5 +1,5 @@
|
|
import React, { Fragment } from 'react';
|
|
import React, { Fragment } from 'react';
|
|
-import { Table, Button, Modal, Row, Input, Col, Typography, Badge } from 'antd';
|
|
|
|
|
|
+import { Table, Button, Modal, Row, Input, Col, Typography, Badge, Divider } from 'antd';
|
|
import { EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons';
|
|
import { EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons';
|
|
import { ColumnProps } from 'antd/lib/table';
|
|
import { ColumnProps } from 'antd/lib/table';
|
|
import { RouteComponentProps } from 'react-router-dom';
|
|
import { RouteComponentProps } from 'react-router-dom';
|
|
@@ -32,7 +32,7 @@ const chanleColums: ColumnProps<any>[] = [
|
|
return (
|
|
return (
|
|
<Badge
|
|
<Badge
|
|
status={indexKey === 1 ? 'success' : 'error'}
|
|
status={indexKey === 1 ? 'success' : 'error'}
|
|
- text={chanleState[indexKey as 0 | 1]}></Badge>
|
|
|
|
|
|
+ text={chanleState[indexKey as 0 | 1]}/>
|
|
);
|
|
);
|
|
},
|
|
},
|
|
},
|
|
},
|
|
@@ -148,9 +148,10 @@ const videos: React.FC<RouteComponentProps> = ({ history }) => {
|
|
<Col span={6}>
|
|
<Col span={6}>
|
|
<Search
|
|
<Search
|
|
placeholder='设备唯一编码,项目名或安监备案号'
|
|
placeholder='设备唯一编码,项目名或安监备案号'
|
|
- onSearch={handleSearch}></Search>
|
|
|
|
|
|
+ onSearch={handleSearch}/>
|
|
</Col>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|
|
|
|
+ <Divider/>
|
|
<Table
|
|
<Table
|
|
rowKey={(record) => record.id}
|
|
rowKey={(record) => record.id}
|
|
pagination={{
|
|
pagination={{
|
|
@@ -163,7 +164,7 @@ const videos: React.FC<RouteComponentProps> = ({ history }) => {
|
|
}}
|
|
}}
|
|
columns={videoListColums}
|
|
columns={videoListColums}
|
|
dataSource={VideoListState.dataSource}
|
|
dataSource={VideoListState.dataSource}
|
|
- loading={VideoListState.loading}></Table>
|
|
|
|
|
|
+ loading={VideoListState.loading}/>
|
|
<Modal
|
|
<Modal
|
|
width={600}
|
|
width={600}
|
|
title='通道列表'
|
|
title='通道列表'
|
|
@@ -182,7 +183,7 @@ const videos: React.FC<RouteComponentProps> = ({ history }) => {
|
|
requestChanleList({ sn: state.sn as string, page }),
|
|
requestChanleList({ sn: state.sn as string, page }),
|
|
total: chanleListState.total,
|
|
total: chanleListState.total,
|
|
}}
|
|
}}
|
|
- dataSource={chanleListState.dataSource}></Table>
|
|
|
|
|
|
+ dataSource={chanleListState.dataSource}/>
|
|
</Modal>
|
|
</Modal>
|
|
</React.Fragment>
|
|
</React.Fragment>
|
|
);
|
|
);
|