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-24 15:14:09 +08:00
parent 1a455baa2a
commit d9459b13bd
5 changed files with 208 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
config/proxy.ts
View File

@ -17,8 +17,28 @@ export default {
// changeOrigin: true,
// pathRewrite: { '^': '' },
// },
'/v1/elec/eval/placearea/list': { // /v1/elec/eval/placearea/uset/list
target: 'http://localhost:18017', //连接天宫的ng
changeOrigin: true,
pathRewrite: { '^': '' },
},
'/v1/eval/device/queryPageByParam': {
target: 'http://localhost:18017', //连接天宫的ng
changeOrigin: true,
pathRewrite: { '^': '' },
},
'/v1/eval/room/reserve/cancel': {
target: 'http://localhost:18017',//连接本地
changeOrigin: true,
pathRewrite: { '^': '' },
},
'/v1/eval/room/reserve/list': {
target: 'http://localhost:18017',//连接天宫的ng
target: 'http://localhost:18017',//连接本地
changeOrigin: true,
pathRewrite: { '^': '' },
},
'/v1/elec/eval/room/list': {
target: 'http://localhost:18017',//连接本地
changeOrigin: true,
pathRewrite: { '^': '' },
},

7
config/router.config.ts
View File

@ -109,7 +109,12 @@ export default [
path: '/',
redirect: '/userexpert/login',
},
{//委托撤回
{//设备管理
name: 'Device',
path: '/Device',
component: './Device',
},
{//评标室查看预约
name: 'ElecEvalReserve',
path: '/ElecEvalReserve',
component: './ElecEvalReserve',

307
src/pages/Device/index.tsx
View File

@ -1,62 +1,95 @@
import React, { useState, useRef, useEffect } from 'react';
import { Button, Tabs, PageHeader,message } from 'antd';
import { Button, Tabs, Tree} from 'antd';
import ProTable, { ActionType } from '@ant-design/pro-table';
import { reserveList, roomList, cancelReserve } from './service';
import { deviceList, getplaceareaList, roomList } from './service';
import '@/assets/ld_style.less';
import { getURLInformation, isNotEmpty } from '@/utils/CommonUtils';
import { btnAuthority } from '@/utils/authority';
import ProCard from "@ant-design/pro-card";
const { TabPane } = Tabs;
const deviceTypeEnum = {
'resource_door': { text: '门禁点' },
'resource_camera': { text: '监控点' },
'resource_nvr': { text: 'nvr' },
'resource_encodeDevice': { text: '编码设备' },
'resource_oneMachine': { text: '门禁一体机' },
}
const deviceStatusEnum = {
'online_0': { text: '离线' },
'online_1': { text: '在线' },
'online_9': { text: '无此设备' },
}
const Index: React.FC<{}> = () => {
const checkRelationRef = useRef<ActionType>(); //操作数据后刷新列表
const [treeData, setTreeData] = useState<any>();
const [treeId, setTreeId] = useState<any>();
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)
getplaceareaList().then((res: { code: number; data: any[] | undefined; }) => {
if (res.code == 200) {
let data: any = [];
if (res.data != undefined) {
res.data.map((item: any, index: any) => {
const title1 = item.placeName;
const key1 = item.id;
let children1: any = [];
if (item.roomList != undefined) {
const children = item.roomList.map((item: any, index: any) => {
const title2 = item.areaName;
const key2 = item.id;
return { title: title2, key: key2}
});
children1 = children;
}
const first = { title: title1, key: key1, children: children1 }
data.push(first);
});
}
setTreeData(data);
}
})
};
}, []);
/**
* 取消预约
* 设备管理
* @param record
*/
const cancel = async (record: any) => {
cancelReserve(record.id).then(res => {
if (res.code == 200 && res.data) {
message.success('预约取消成功');
}
});
};
const cancel = async (record: any) => {};
const current = getURLInformation('current');
//列表页loading
const [spinLoading, setSpinLoading] = useState<boolean>(false);
//新建应答格式
const toCreate = async () => {
// const id = getProId();
// const param = {
// tpId: id,
// roomType: getURLInformation('roomType'),
// };
// await getSectionList(param).then((res) => {
// if ((res.code = 200)) {
// if (res.data.length == 0) {
// message.info(`当前项目无可选${sectionName}，无法新增`);
// } else {
// setSectionList(res.data);
// setCreateVisible(true);
// }
// }
// });
};
//编辑应答格式
const toEdit = (values: any, param: any) => {
};
const onSelect = (selectedKeys: any, info: any) => {
selectedKeys.length == 0 ? setTreeId(null) : setTreeId(selectedKeys[0])
console.log(selectedKeys)
}
const columns: any[] = [
//会议室预约
//设备管理
{
title: '序号',
@ -67,45 +100,49 @@ const Index: React.FC<{}> = () => {
},
{
title: '评标场所名称',
dataIndex: 'reserveBy',
dataIndex: 'placeName',
width: '10%',
search: false,
},
{
title: '评标区域名称',
dataIndex: 'reserveBy',
dataIndex: 'areaName',
width: '10%',
search: false,
},
{
title: '设备类型',
dataIndex: 'reserveBy',
dataIndex: 'deviceType',
width: '10%',
valueType: 'select',
valueEnum: deviceTypeEnum,
search: false,
},
{
title: '设备名称',
dataIndex: 'meetingName',
dataIndex: 'deviceName',
search: true,
width: '10%',
},
{
title: '设备标识',
dataIndex: 'meetingName',
dataIndex: 'deviceCode',
search: true,
width: '10%',
},
{
title: '网络IP',
dataIndex: 'meetingName',
dataIndex: 'deviceManagementIp',
search: true,
width: '10%',
},
{
title: '设备状态',
dataIndex: 'reserveBy',
dataIndex: 'deviceStatus',
width: '10%',
valueType: 'select',
valueEnum: deviceStatusEnum,
search: true,
},
@ -114,124 +151,100 @@ const Index: React.FC<{}> = () => {
width: '7%',
search: false,
render: (text: any, record: any) => {
return (
<>
<Button type="text" onClick={() => cancel(record)} danger>
<Button type="text" onClick={() => {}} danger>
编辑
</Button>
<Button type="text" onClick={() => cancel(record)} danger>
<Button type="text" onClick={() => {}} danger>
删除
</Button>
</>
);
},
},
];
return (
<>
<PageHeader title="预约管理" />
<ProCard split="vertical" bordered headerBordered>
<ProCard colSpan="300px">
{treeData == undefined ? null : (
<Tree
defaultExpandAll
onSelect={onSelect}
treeData={treeData}
/>
)}
</ProCard>
<Tabs defaultActiveKey="1">
<TabPane tab="评标预约" key="1">
<ProTable
actionRef={checkRelationRef}
className="proSearch"
columns={columns}
params={{ reserveType: 'eval' }}
size="small"
request={async (params) =>
await reserveList(params).then((res) => {
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({
data: [],
success: false,
total: 0,
current: 1,
});
})
}
search={{
filterType: 'query',
optionRender: (searchConfig: any, { form }) => {
return [
<Button
key="resetText"
onClick={() => {
form?.setFieldsValue({
current: 1,
<ProCard bodyStyle={{ width: "100%" }} >
<ProTable
actionRef={checkRelationRef}
className="proSearch"
columns={columns}
params={{ treeId: treeId }}
size="small"
request={async (params) =>
await deviceList(params).then((res) => {
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,
});
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
className="proSearch"
columns={otherColumns}
params={{ reserveType: 'meeting' }}
size="small"
request={async (params) =>
await reserveList(params).then((res) => {
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({
data: [],
success: false,
total: 0,
current: 1,
});
})
}
return Promise.resolve({
data: [],
success: false,
total: 0,
current: 1,
});
})
}
pagination={{
defaultCurrent: isNotEmpty(current) ? Number(current) : 1,
defaultPageSize: 10,
showSizeChanger: false,
}} //默认显示条数
toolBarRender={false}
/>
</TabPane>
</Tabs>
search={{
filterType: 'query',
optionRender: (searchConfig: any, { form }) => {
return [
<Button
key="resetText"
onClick={() => {
form?.setFieldsValue({
current: 1,
});
form?.submit();
}}
>
{searchConfig?.resetText}
</Button>,
<Button
key="searchText"
type="primary"
onClick={() => {
form?.submit();
}}
>
{searchConfig?.searchText}
</Button>,
<Button key="toCreate" onClick={() => toCreate()}>
新建
</Button>,
];
},
}}
pagination={{
defaultCurrent: isNotEmpty(current) ? Number(current) : 1,
defaultPageSize: 10,
showSizeChanger: false,
}} //默认显示条数
toolBarRender={false}
/>
</ProCard>
</ProCard>
</>
);
};

17
src/pages/Device/service.ts
View File

@ -15,3 +15,20 @@ export async function roomList() { // 查询评标室列表
});
}
export async function deviceList(data: any) {
// 查询设备列表
return request('/v1/eval/device/queryPageByParam', {
method: 'post',
data: { ...data, pageNo: data.current },
});
}
export async function getplaceareaList() {
// 查询场所、区域列表
/// /v1/elec/eval/placearea/uset/list
return request('/v1/elec/eval/placearea/list', {
method: 'get',
params: {}
});
}

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

@ -4,7 +4,6 @@ import ProTable, { ActionType } from '@ant-design/pro-table';
import { reserveList, roomList, cancelReserve } from './service';
import '@/assets/ld_style.less';
import { getURLInformation, isNotEmpty } from '@/utils/CommonUtils';
import { btnAuthority } from '@/utils/authority';
const { TabPane } = Tabs;