-
-
-
-
设备管理
-
Device Management
-
-
-
-
-
{setSearchVal(e)}}>
-
+ const { actions, dispatch, pepProjectId, user } = props
+ const { firmwareUpgrade } = actions
+ const [updataButtonDisabled, setUpdataButtonDisabled] = useState(true)//批量升级的按钮的显示与隐藏
+ const [firmwareModalVis, setFirmwareModalVis] = useState(false)
+ const [strucAndDeviceType, setStrucAndDeviceType] = useState([])//
+ const [struc, setStruc] = useState([])//
+ const [deviceType, setDeviceType] = useState([])//设备类型的optionList
+ const [data, setData] = useState([])//列表数据
+ const [thingIds, setThingIds] = useState([])//结构物id数组
+ const [defaultVal, setDefaultVal] = useState('')//设备类型id
+ const [thingId, setThingId] = useState()//单个结构物id
+ const [searchVal, setSearchVal] = useState()//搜索框值
+ const [recordRow, setRecordRow] = useState()
+ const [selectedRows, setSelectedRows] = useState([])//选择的key
+ const [selectdR, setSelectedR] = useState([])//选择行
+ const [vData, setVData] = useState([])//版本信息
+ const [id, setId] = useState()//初始化展示的结构物
+ const getData = (data) => {
+ dispatch(firmwareUpgrade.getThingMessages(data)).then((res) => {
+ if (res.success) {
+ setData(res.payload.data)
+ }
+ })
+
+ }
+ useEffect(() => {
+ //结构物和设备类型
+ dispatch(firmwareUpgrade.getStruc({ pepProjectId })).then((res) => {
+ if (res.success) {
+ setStrucAndDeviceType(res.payload.data)
+ setStruc(res.payload.data?.map(item => {
+ return { label: item.strucName, value: item.thingId }
+ }))
+ setThingIds(res.payload.data?.map(item => item.thingId)?.join(',') || '')
+ }
+
+ })
+ // console.log('xxxx111',user)
+ dispatch(firmwareUpgrade.getFirmware()).then(res => {
+ if (res.success) setVData(res.payload.data)
+ })
+ }, [pepProjectId])
+ useEffect(() => {
+ if (thingIds && thingIds.length) {
+ const data = { thingIds: thingIds.split(',')[0] || '000' }//给一个初始化的值
+ setId(thingIds.split(',')[0])
+ getData(data)
+ }
+ }, [thingIds])
+
+ const structChange = value => {
+ setId(value)
+ clearSelectedRows()
+ setUpdataButtonDisabled(true)
+ const deviceTypeList = strucAndDeviceType?.find(item => item.thingId == value)?.deviceType?.map(child => {
+ return {
+ label: child.model,
+ value: child.id
+ }
+ }) || []
+ setDefaultVal('')
+ // console.log('event',deviceTypeList)
+ setDeviceType(deviceTypeList)
+ setThingId(value)
+ const data = { thingIds: value, device_meta_id: defaultVal }
+ getData(data)
+
+ };
+ const deviceTypeChange = value => {
+ setUpdataButtonDisabled(true)
+ clearSelectedRows()
+ setDefaultVal(value)
+ const data = { thingIds: thingId, device_meta_id: value }
+ getData(data)
+ // console.log(value,'event')
+ }
+ //清除结构物的逻辑
+ const clearHandler = () => {
+ setUpdataButtonDisabled(true)
+ clearSelectedRows()
+ const data = { thingIds }
+ getData(data)
+
+ }
+ //清楚设备类型的逻辑
+ const cleartypeHandler = () => {
+ setUpdataButtonDisabled(true)
+ clearSelectedRows()
+ setDefaultVal(null)
+ const data = { thingIds: thingId }
+ getData(data)
+ }
+ //搜索按钮的逻辑
+ const searchHandler = () => {
+ if (!thingId && !defaultVal) {
+ const data = { thingIds }
+ getData(data)
+ } else {
+ const data = { thingIds: thingId, device_meta_id: defaultVal, searchVal }
+ getData(data)
+ }
+ }
+ const clearSelectedRows = () => {
+ setSelectedRows([]);
+ };
+ const rowSelection = {
+ selectedRowKeys: selectedRows, // 已选择的行的 keys
+ getCheckboxProps: record => ({
+ name: record.name,
+ }),
+
+ // onSelect: (record, selected) => {
+ // console.log(`select row: ${selected}`, record);
+ // },
+ onSelectAll: (selected, selectedRows) => {
+ setUpdataButtonDisabled(!selectedRows.every(item => selectedRows[0]?.deviceType === item.deviceType && item.switchStatus))
+ },
+ onChange: (selectedRowKeys, selectedRows) => {
+ setSelectedR(selectedRows)
+ setSelectedRows(selectedRowKeys)
+ // console.log('xxxx',selectedRows)
+ //选择之后，清空选择
+ if (selectedRows && selectedRows.length === 0) {
+ setUpdataButtonDisabled(true)
+ }
+ //选择很多的时候，如果有设备型号不对应的情况
+ if (selectedRows && selectedRows.length > 0) {
+ setUpdataButtonDisabled(!selectedRows.every(item => selectedRows[0].deviceType === item.deviceType && item.switchStatus))
+ }
+
+
+ },
+ };
+
+
+
+ let columns = [{
+ title: '序号',
+ render: (t, r, i) => {
+ return i + 1;
+ }
+ }, {
+ title: '设备名称',
+ dataIndex: 'deviceName'
+ }, {
+ title: '设备型号',
+ dataIndex: 'deviceType'
+ },
+ {
+ title: '固件名称',
+ dataIndex: 'firmwareName'
+ },
+ {
+ title: '固件版本号',
+ dataIndex: 'firmwareNo'
+ },
+ {
+ title: '升级状态',
+ render: (_, record) => {
+ return record.status !== '未升级' && record.status !== '升级成功' ?
: record.status
+ }
+ },
+ {
+ title: '升级开关状态',
+ dataIndex: 'switchStatus',
+ render: (_, record) => {
+ return
+ }
+ },
+ {
+ title: '操作',
+ render: (_, record) => {
+ return
+
+
+ }
+ }
+ ]
+ return <>
+
+
+
+
设备管理
+
Device Management
+
+
+
+
+
{ setSearchVal(e) }}>
+
+
+
+
+
+
{ setFirmwareModalVis(false); setRecordRow(null) }}>
+
-
-
-
{setFirmwareModalVis(false);setRecordRow(null)}}>
-
-
-
+
}
function mapStateToProps (state) {
- const { auth, global, getPush } = state;
- return {
- loading: getPush.isRequesting,
- user: auth.user,
- actions: global.actions,
- pepProjectId:global.pepProjectId
- };
- }
-
- export default connect(mapStateToProps)(DeviceManagement);
\ No newline at end of file
+ const { auth, global, getPush } = state;
+ console.log(222, global);
+ return {
+ loading: getPush.isRequesting,
+ user: auth.user,
+ actions: global.actions,
+ pepProjectId: global.pepProjectId
+ };
+}
+
+export default connect(mapStateToProps)(DeviceManagement);
\ No newline at end of file
diff --git a/web/client/src/utils/webapi.js b/web/client/src/utils/webapi.js
index e9a431a..c568224 100644
--- a/web/client/src/utils/webapi.js
+++ b/web/client/src/utils/webapi.js
@@ -139,23 +139,20 @@ export const ApiTable = {
editServerInfoMaintenanceRecord: 'serverInfoMaintenanceRecord',
//删除服务器信息维护记录
delServerInfoMaintenanceRecord: 'serverInfoMaintenanceRecord/{id}',
- //运维分析-运维数据
- //故障发生时间分析
- getFailureTime: 'failureTime',
- //系统可用性分析
- getSystemAvailability: 'systemAvailability',
- //故障类型
- getProblemType: 'problemType',
- //y运维人员
- getOperationsPersonnel: 'operationsPersonnel',
- //维修记录排名
- getMaintenceRecordRank: 'maintenceRecordRank',
- //维修数统计
- getMaintenceTotal: 'maintenceTotal',
- //获取设备类型
- getEquipmentCategory: 'equipmentCategory',
- //获取状态数据
- getMaintenanceStatus: 'maintenanceStatus',
+
+
+ //分析
+ getFailureTime: 'failureTime', //故障发生时间分析
+ getSystemAvailability: 'systemAvailability',//系统可用性分析
+ getProblemType: 'problemType', //故障类型
+ getOperationsPersonnel: 'operationsPersonnel',//y运维人员
+ getMaintenceRecordRank: 'maintenceRecordRank', //维修记录排名
+ getMaintenceTotal: 'maintenceTotal',//维修数统计
+ getEquipmentCategory: 'equipmentCategory',//维修数统计
+ getMaintenanceStatus: 'maintenanceStatus',//获取状态数据
+
+ //分析-一图统揽
+ organizationsStruc: 'organizations/{pepProjectId}/struc', //获取项目下的结构物信息
respondRecord: 'respond-record',
@@ -177,18 +174,18 @@ export const ApiTable = {
distributeConfiguration: 'distributeConfiguration',
//监测数据相关接口
getProjectAllStructures: "project/allStructures", //获取绑定项目下结构物
- getFactors:'structure/factors' ,//结构物下的监测因素
- getSensors:'structure/factors/sensors', //检测因素下的设备数据
- getMonitorData:'structure/factors/sensors/data',//获取监测数据
+ getFactors: 'structure/factors',//结构物下的监测因素
+ getSensors: 'structure/factors/sensors', //检测因素下的设备数据
+ getMonitorData: 'structure/factors/sensors/data',//获取监测数据
//异常数据配置相关接口
- getAbnMethods:'abnormal/methods' ,//获取计算方式
- getAbnParamList:'struct/abnormal/params',//获取异常参数配置
- addAbnParamList:'struct/abnormal/params',//新增异常参数配置
- batchSwitch:'batch/switch/{ids}',//批量启用or禁用
+ getAbnMethods: 'abnormal/methods',//获取计算方式
+ getAbnParamList: 'struct/abnormal/params',//获取异常参数配置
+ addAbnParamList: 'struct/abnormal/params',//新增异常参数配置
+ batchSwitch: 'batch/switch/{ids}',//批量启用or禁用
deleteAbnParams: 'delete/abnormal/params/{id}',//删除配置
editAbnParams: 'edit/abnormal/params/{id}',//修改配置
getAbnTaskResult: 'struct/{structId}/abnTask/result/{start}/{end}',//
- getWorkOrdersAvgTimes:'project/workOrders/avgTime'
+ getWorkOrdersAvgTimes: 'project/workOrders/avgTime'
};
// 项企的接口