|
|
|
@ -1,40 +1,43 @@
|
|
|
|
import {DeviceGroupColumns} from '@/pages/Device/DeviceGroupList/components/Columns';
|
|
|
|
import { ColumnDrawer as DeviceCategoryColumnDrawer } from '@/pages/Device/DeviceCategoryList/components/ColumnDrawer';
|
|
|
|
|
|
|
|
import { DeviceCategoryColumns } from '@/pages/Device/DeviceCategoryList/components/Columns';
|
|
|
|
|
|
|
|
import { ColumnDrawer as DeviceGroupColumnDrawer } from '@/pages/Device/DeviceGroupList/components/ColumnDrawer';
|
|
|
|
|
|
|
|
import { DeviceGroupColumns } from '@/pages/Device/DeviceGroupList/components/Columns';
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
postDeviceGroupGetDeviceGroupById,
|
|
|
|
deleteDeviceDeleteDevice,
|
|
|
|
postDeviceGroupGetDeviceGroupFkSelect,
|
|
|
|
deleteDeviceDeleteDeviceByIds,
|
|
|
|
postDeviceGroupGetDeviceGroupNames,
|
|
|
|
postDeviceCloseRtspCamera,
|
|
|
|
postDeviceGroupGetDeviceGroupTree
|
|
|
|
postDeviceGetDeviceList,
|
|
|
|
} from '@/services/device/DeviceGroup';
|
|
|
|
postDeviceOpenRtspCamera,
|
|
|
|
import {ColumnDrawer as DeviceGroupColumnDrawer} from "@/pages/Device/DeviceGroupList/components/ColumnDrawer";
|
|
|
|
} from '@/services/device/Device';
|
|
|
|
import {DeviceCategoryColumns} from '@/pages/Device/DeviceCategoryList/components/Columns';
|
|
|
|
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
postDeviceCategoryGetDeviceCategoryById,
|
|
|
|
postDeviceCategoryGetDeviceCategoryById,
|
|
|
|
postDeviceCategoryGetDeviceCategoryFkSelect,
|
|
|
|
postDeviceCategoryGetDeviceCategoryFkSelect,
|
|
|
|
postDeviceCategoryGetDeviceCategoryNames
|
|
|
|
postDeviceCategoryGetDeviceCategoryNames,
|
|
|
|
} from '@/services/device/DeviceCategory';
|
|
|
|
} from '@/services/device/DeviceCategory';
|
|
|
|
import {ColumnDrawer as DeviceCategoryColumnDrawer} from "@/pages/Device/DeviceCategoryList/components/ColumnDrawer";
|
|
|
|
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
deleteDeviceDeleteDevice,
|
|
|
|
postDeviceGroupGetDeviceGroupById,
|
|
|
|
postDeviceGetDeviceList,
|
|
|
|
postDeviceGroupGetDeviceGroupFkSelect,
|
|
|
|
deleteDeviceDeleteDeviceByIds, postDeviceOpenRtspCamera, postDeviceCloseRtspCamera
|
|
|
|
postDeviceGroupGetDeviceGroupNames,
|
|
|
|
} from '@/services/device/Device';
|
|
|
|
postDeviceGroupGetDeviceGroupTree,
|
|
|
|
import {PlusOutlined, RedoOutlined} from '@ant-design/icons';
|
|
|
|
} from '@/services/device/DeviceGroup';
|
|
|
|
import type {ActionType, ProColumns} from '@ant-design/pro-components';
|
|
|
|
import { PlusOutlined, RedoOutlined } from '@ant-design/icons';
|
|
|
|
|
|
|
|
import type { ActionType, ProColumns } from '@ant-design/pro-components';
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
FooterToolbar,
|
|
|
|
FooterToolbar,
|
|
|
|
PageContainer,
|
|
|
|
PageContainer,
|
|
|
|
|
|
|
|
ProCard,
|
|
|
|
|
|
|
|
ProFormSelect,
|
|
|
|
|
|
|
|
ProFormText,
|
|
|
|
ProTable,
|
|
|
|
ProTable,
|
|
|
|
ProFormSelect, ProCard, ProFormText,
|
|
|
|
|
|
|
|
} from '@ant-design/pro-components';
|
|
|
|
} from '@ant-design/pro-components';
|
|
|
|
import {FormattedMessage, useIntl, useAccess, Access, history} from '@umijs/max';
|
|
|
|
import { Access, FormattedMessage, history, useAccess, useIntl } from '@umijs/max';
|
|
|
|
import {Button, message, Tree} from 'antd';
|
|
|
|
import { Button, Popconfirm, Tree, message } from 'antd';
|
|
|
|
import React, {useEffect, useRef, useState} from 'react';
|
|
|
|
import { DataNode } from 'antd/es/tree';
|
|
|
|
|
|
|
|
import React, { useEffect, useRef, useState } from 'react';
|
|
|
|
|
|
|
|
import { ColumnDrawer } from './components/ColumnDrawer';
|
|
|
|
|
|
|
|
import CreateForm from './components/CreateForm';
|
|
|
|
import UpdateForm from './components/UpdateForm';
|
|
|
|
import UpdateForm from './components/UpdateForm';
|
|
|
|
import CreateForm from "./components/CreateForm";
|
|
|
|
import VideoModal from './components/VideoModal';
|
|
|
|
import {ColumnDrawer} from "./components/ColumnDrawer";
|
|
|
|
|
|
|
|
import {DataNode} from "antd/es/tree";
|
|
|
|
|
|
|
|
import {postDepartmentGetDepartmentTree} from "@/services/system/Department";
|
|
|
|
|
|
|
|
import VideoModal from "./components/VideoModal";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const DeviceList: React.FC = () => {
|
|
|
|
const DeviceList: React.FC = () => {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -59,139 +62,140 @@ const DeviceList: React.FC = () => {
|
|
|
|
const actionRef = useRef<ActionType>();
|
|
|
|
const actionRef = useRef<ActionType>();
|
|
|
|
const [currentRow, setCurrentRow] = useState<API.Device>();
|
|
|
|
const [currentRow, setCurrentRow] = useState<API.Device>();
|
|
|
|
const [selectedRowsState, setSelectedRows] = useState<API.Device[]>([]);
|
|
|
|
const [selectedRowsState, setSelectedRows] = useState<API.Device[]>([]);
|
|
|
|
const [category_fk_id_open, set_category_fk_id_open] = useState(false)
|
|
|
|
const [category_fk_id_open, set_category_fk_id_open] = useState(false);
|
|
|
|
const [category_fk_id, set_category_fk_id] = useState<API.DeviceCategory>()
|
|
|
|
const [category_fk_id, set_category_fk_id] = useState<API.DeviceCategory>();
|
|
|
|
const [category_fk_id_column_open, set_category_fk_id_column_open] = useState(false)
|
|
|
|
const [category_fk_id_column_open, set_category_fk_id_column_open] = useState(false);
|
|
|
|
const [categoryFkIdIds, setCategoryFkIdIds] = useState([])
|
|
|
|
const [categoryFkIdIds, setCategoryFkIdIds] = useState([]);
|
|
|
|
const [categoryFkIdMap, setCategoryFkIdMap] = useState<{ [key: number]: string }>({})
|
|
|
|
const [categoryFkIdMap, setCategoryFkIdMap] = useState<{ [key: number]: string }>({});
|
|
|
|
const [group_fk_id_open, set_group_fk_id_open] = useState(false)
|
|
|
|
const [group_fk_id_open, set_group_fk_id_open] = useState(false);
|
|
|
|
const [group_fk_id, set_group_fk_id] = useState<API.DeviceGroup>()
|
|
|
|
const [group_fk_id, set_group_fk_id] = useState<API.DeviceGroup>();
|
|
|
|
const [group_fk_id_column_open, set_group_fk_id_column_open] = useState(false)
|
|
|
|
const [group_fk_id_column_open, set_group_fk_id_column_open] = useState(false);
|
|
|
|
const [groupFkIdIds, setGroupFkIdIds] = useState([])
|
|
|
|
const [groupFkIdIds, setGroupFkIdIds] = useState([]);
|
|
|
|
const [groupFkIdMap, setGroupFkIdMap] = useState<{ [key: number]: string }>({})
|
|
|
|
const [groupFkIdMap, setGroupFkIdMap] = useState<{ [key: number]: string }>({});
|
|
|
|
|
|
|
|
|
|
|
|
const [hasInit, setHasInit] = useState<boolean>(false)
|
|
|
|
const [hasInit, setHasInit] = useState<boolean>(false);
|
|
|
|
const [nodeTreeData, setNodeTreeData] = React.useState<DataNode[]>([]);
|
|
|
|
const [nodeTreeData, setNodeTreeData] = React.useState<DataNode[]>([]);
|
|
|
|
const [selectNodes, setSelectNodes] = React.useState<any[]>([]);
|
|
|
|
const [selectNodes, setSelectNodes] = React.useState<any[]>([]);
|
|
|
|
const [videoOpening, setVideoOpening] = useState<boolean>(false);
|
|
|
|
const [videoOpening, setVideoOpening] = useState<boolean>(false);
|
|
|
|
const [videoServerParam, setVideoServerParam] = useState<API.RtspRes>({})
|
|
|
|
const [videoServerParam, setVideoServerParam] = useState<API.RtspRes>({});
|
|
|
|
useEffect(() => {
|
|
|
|
useEffect(() => {
|
|
|
|
postDeviceGroupGetDeviceGroupTree().then((resp) => {
|
|
|
|
postDeviceGroupGetDeviceGroupTree()
|
|
|
|
setNodeTreeData(resp.data.tree)
|
|
|
|
.then((resp) => {
|
|
|
|
setHasInit(true)
|
|
|
|
setNodeTreeData(resp.data.tree);
|
|
|
|
}).catch(() => {
|
|
|
|
setHasInit(true);
|
|
|
|
message.error(intl.formatMessage({id: 'common.failure', defaultMessage: '$$$'}))
|
|
|
|
})
|
|
|
|
})
|
|
|
|
.catch(() => {
|
|
|
|
}, [])
|
|
|
|
message.error(intl.formatMessage({ id: 'common.failure', defaultMessage: '$$$' }));
|
|
|
|
const handleVideoModal = ()=>{
|
|
|
|
});
|
|
|
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
const handleVideoModal = () => {
|
|
|
|
if (videoModalOpen) {
|
|
|
|
if (videoModalOpen) {
|
|
|
|
setVideoModalOpen(false)
|
|
|
|
setVideoModalOpen(false);
|
|
|
|
if (videoServerParam?.pid || 0) {
|
|
|
|
if (videoServerParam?.pid || 0) {
|
|
|
|
postDeviceCloseRtspCamera({pid: videoServerParam.pid}).then((resp) => {
|
|
|
|
postDeviceCloseRtspCamera({ pid: videoServerParam.pid }).then((resp) => {
|
|
|
|
console.log(resp)
|
|
|
|
console.log(resp);
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
setCurrentRow(undefined)
|
|
|
|
setCurrentRow(undefined);
|
|
|
|
setVideoServerParam({})
|
|
|
|
setVideoServerParam({});
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
setVideoModalOpen(true)
|
|
|
|
setVideoModalOpen(true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
const handle_category_fk_id = (id: any) => {
|
|
|
|
const handle_category_fk_id = (id: any) => {
|
|
|
|
if (category_fk_id_open) {
|
|
|
|
if (category_fk_id_open) {
|
|
|
|
set_category_fk_id(undefined);
|
|
|
|
set_category_fk_id(undefined);
|
|
|
|
set_category_fk_id_open(false)
|
|
|
|
set_category_fk_id_open(false);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
postDeviceCategoryGetDeviceCategoryById({id: id}).then((resp) => {
|
|
|
|
postDeviceCategoryGetDeviceCategoryById({ id: id }).then((resp) => {
|
|
|
|
set_category_fk_id(resp.data.deviceCategory)
|
|
|
|
set_category_fk_id(resp.data.deviceCategory);
|
|
|
|
set_category_fk_id_open(true)
|
|
|
|
set_category_fk_id_open(true);
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
const handle_category_fk_id_column_open = () => {
|
|
|
|
const handle_category_fk_id_column_open = () => {
|
|
|
|
if (category_fk_id_column_open) {
|
|
|
|
if (category_fk_id_column_open) {
|
|
|
|
set_category_fk_id_column_open(false)
|
|
|
|
set_category_fk_id_column_open(false);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
postDeviceCategoryGetDeviceCategoryNames({ids: categoryFkIdIds}).then((resp) => {
|
|
|
|
postDeviceCategoryGetDeviceCategoryNames({ ids: categoryFkIdIds }).then((resp) => {
|
|
|
|
let a: any = {}
|
|
|
|
let a: any = {};
|
|
|
|
resp.data.list.forEach((v: any) => {
|
|
|
|
resp.data.list.forEach((v: any) => {
|
|
|
|
if (v.id) {
|
|
|
|
if (v.id) {
|
|
|
|
a[v.id] = v.name
|
|
|
|
a[v.id] = v.name;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
});
|
|
|
|
setCategoryFkIdMap(a)
|
|
|
|
setCategoryFkIdMap(a);
|
|
|
|
})
|
|
|
|
});
|
|
|
|
set_category_fk_id_column_open(true)
|
|
|
|
set_category_fk_id_column_open(true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
const handle_group_fk_id = (id: any) => {
|
|
|
|
const handle_group_fk_id = (id: any) => {
|
|
|
|
if (group_fk_id_open) {
|
|
|
|
if (group_fk_id_open) {
|
|
|
|
set_group_fk_id(undefined);
|
|
|
|
set_group_fk_id(undefined);
|
|
|
|
set_group_fk_id_open(false)
|
|
|
|
set_group_fk_id_open(false);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
postDeviceGroupGetDeviceGroupById({id: id}).then((resp) => {
|
|
|
|
postDeviceGroupGetDeviceGroupById({ id: id }).then((resp) => {
|
|
|
|
set_group_fk_id(resp.data.deviceGroup)
|
|
|
|
set_group_fk_id(resp.data.deviceGroup);
|
|
|
|
set_group_fk_id_open(true)
|
|
|
|
set_group_fk_id_open(true);
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
const handle_group_fk_id_column_open = () => {
|
|
|
|
const handle_group_fk_id_column_open = () => {
|
|
|
|
if (group_fk_id_column_open) {
|
|
|
|
if (group_fk_id_column_open) {
|
|
|
|
set_group_fk_id_column_open(false)
|
|
|
|
set_group_fk_id_column_open(false);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
postDeviceGroupGetDeviceGroupNames({ids: groupFkIdIds}).then((resp) => {
|
|
|
|
postDeviceGroupGetDeviceGroupNames({ ids: groupFkIdIds }).then((resp) => {
|
|
|
|
let a: any = {}
|
|
|
|
let a: any = {};
|
|
|
|
resp.data.list.forEach((v: any) => {
|
|
|
|
resp.data.list.forEach((v: any) => {
|
|
|
|
if (v.id) {
|
|
|
|
if (v.id) {
|
|
|
|
a[v.id] = v.name
|
|
|
|
a[v.id] = v.name;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
});
|
|
|
|
setGroupFkIdMap(a)
|
|
|
|
setGroupFkIdMap(a);
|
|
|
|
})
|
|
|
|
});
|
|
|
|
set_group_fk_id_column_open(true)
|
|
|
|
set_group_fk_id_column_open(true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const handleUpdateModal = () => {
|
|
|
|
const handleUpdateModal = () => {
|
|
|
|
if (updateModalOpen) {
|
|
|
|
if (updateModalOpen) {
|
|
|
|
setUpdateModalOpen(false)
|
|
|
|
setUpdateModalOpen(false);
|
|
|
|
setCurrentRow(undefined)
|
|
|
|
setCurrentRow(undefined);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
setUpdateModalOpen(true)
|
|
|
|
setUpdateModalOpen(true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
const handleCreateModal = () => {
|
|
|
|
const handleCreateModal = () => {
|
|
|
|
if (createModalOpen) {
|
|
|
|
if (createModalOpen) {
|
|
|
|
setCreateModalOpen(false)
|
|
|
|
setCreateModalOpen(false);
|
|
|
|
setCurrentRow(undefined)
|
|
|
|
setCurrentRow(undefined);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
setCreateModalOpen(true)
|
|
|
|
setCreateModalOpen(true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
const handleColumnDrawer = () => {
|
|
|
|
const handleColumnDrawer = () => {
|
|
|
|
if (showDetail) {
|
|
|
|
if (showDetail) {
|
|
|
|
setShowDetail(false)
|
|
|
|
setShowDetail(false);
|
|
|
|
setCurrentRow(undefined)
|
|
|
|
setCurrentRow(undefined);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
setShowDetail(true)
|
|
|
|
setShowDetail(true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
const handleDestroy = async (selectedRow: API.Device) => {
|
|
|
|
const handleDestroy = async (selectedRow: API.Device) => {
|
|
|
|
deleteDeviceDeleteDevice({id: selectedRow.id}).then(() => {
|
|
|
|
deleteDeviceDeleteDevice({ id: selectedRow.id })
|
|
|
|
message.success(intl.formatMessage({id: 'common.success', defaultMessage: '$$$'}))
|
|
|
|
.then(() => {
|
|
|
|
actionRef.current?.reload()
|
|
|
|
message.success(intl.formatMessage({ id: 'common.success', defaultMessage: '$$$' }));
|
|
|
|
}).catch(() => {
|
|
|
|
actionRef.current?.reload();
|
|
|
|
message.error(intl.formatMessage({id: 'common.failure', defaultMessage: '$$$'}))
|
|
|
|
})
|
|
|
|
})
|
|
|
|
.catch(() => {
|
|
|
|
|
|
|
|
message.error(intl.formatMessage({ id: 'common.failure', defaultMessage: '$$$' }));
|
|
|
|
|
|
|
|
});
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const columns: ProColumns<API.Device>[] = [
|
|
|
|
const columns: ProColumns<API.Device>[] = [
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.id" defaultMessage="id" />,
|
|
|
|
id="device.device.table.list.id"
|
|
|
|
dataIndex: 'id',
|
|
|
|
defaultMessage="id"/>),
|
|
|
|
|
|
|
|
dataIndex: "id",
|
|
|
|
|
|
|
|
sorter: true,
|
|
|
|
sorter: true,
|
|
|
|
render: (dom, entity) => {
|
|
|
|
render: (dom, entity) => {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
@ -225,65 +229,60 @@ const DeviceList: React.FC = () => {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.name" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.name"
|
|
|
|
dataIndex: 'name',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
|
|
|
|
dataIndex: "name",
|
|
|
|
|
|
|
|
hideInSearch: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.code" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.code"
|
|
|
|
dataIndex: 'code',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
|
|
|
|
dataIndex: "code",
|
|
|
|
|
|
|
|
hideInSearch: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.position" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.position"
|
|
|
|
dataIndex: 'position',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
|
|
|
|
dataIndex: "position",
|
|
|
|
|
|
|
|
hideInSearch: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.param" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.param"
|
|
|
|
dataIndex: 'param',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
|
|
|
|
dataIndex: "param",
|
|
|
|
|
|
|
|
hideInSearch: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.spec" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.spec"
|
|
|
|
dataIndex: 'spec',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
|
|
|
|
dataIndex: "spec",
|
|
|
|
|
|
|
|
hideInSearch: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.categoryFkId" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.categoryFkId"
|
|
|
|
dataIndex: 'categoryFkId',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
|
|
|
|
dataIndex: "categoryFkId",
|
|
|
|
|
|
|
|
hideInSearch: false,
|
|
|
|
hideInSearch: false,
|
|
|
|
render: (text, record) => {
|
|
|
|
render: (text, record) => {
|
|
|
|
if (category_fk_id_column_open) {
|
|
|
|
if (category_fk_id_column_open) {
|
|
|
|
return (<a onClick={() => {
|
|
|
|
return (
|
|
|
|
handle_category_fk_id(record.categoryFkId)
|
|
|
|
<a
|
|
|
|
}}>{record?.categoryFkId ? categoryFkIdMap[record.categoryFkId] : undefined}</a>)
|
|
|
|
onClick={() => {
|
|
|
|
|
|
|
|
handle_category_fk_id(record.categoryFkId);
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{record?.categoryFkId ? categoryFkIdMap[record.categoryFkId] : undefined}
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
return (<a onClick={() => {
|
|
|
|
return (
|
|
|
|
handle_category_fk_id(record.categoryFkId)
|
|
|
|
<a
|
|
|
|
}}>{record.categoryFkId}</a>)
|
|
|
|
onClick={() => {
|
|
|
|
|
|
|
|
handle_category_fk_id(record.categoryFkId);
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{record.categoryFkId}
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
renderFormItem: () => {
|
|
|
|
renderFormItem: () => {
|
|
|
|
@ -293,181 +292,221 @@ const DeviceList: React.FC = () => {
|
|
|
|
width="md"
|
|
|
|
width="md"
|
|
|
|
labelCol={{ span: 4 }}
|
|
|
|
labelCol={{ span: 4 }}
|
|
|
|
wrapperCol={{ span: 22 }}
|
|
|
|
wrapperCol={{ span: 22 }}
|
|
|
|
placeholder={`${intl.formatMessage({id: 'common.please_select', defaultMessage: '$$$'})}`}
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
required={false} showSearch debounceTime={1000}
|
|
|
|
id: 'common.please_select',
|
|
|
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
|
|
|
})}`}
|
|
|
|
|
|
|
|
required={false}
|
|
|
|
|
|
|
|
showSearch
|
|
|
|
|
|
|
|
debounceTime={1000}
|
|
|
|
request={async (keyWord) => {
|
|
|
|
request={async (keyWord) => {
|
|
|
|
const resp = await postDeviceCategoryGetDeviceCategoryFkSelect({keyword: keyWord?.keyWords || ''})
|
|
|
|
const resp = await postDeviceCategoryGetDeviceCategoryFkSelect({
|
|
|
|
|
|
|
|
keyword: keyWord?.keyWords || '',
|
|
|
|
|
|
|
|
});
|
|
|
|
return resp.data.list.map((v: any) => {
|
|
|
|
return resp.data.list.map((v: any) => {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
label: v.name,
|
|
|
|
label: v.name,
|
|
|
|
value: v.id
|
|
|
|
value: v.id,
|
|
|
|
}
|
|
|
|
};
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.groupFkId" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.groupFkId"
|
|
|
|
dataIndex: 'groupFkId',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
|
|
|
|
dataIndex: "groupFkId",
|
|
|
|
|
|
|
|
hideInSearch: false,
|
|
|
|
hideInSearch: false,
|
|
|
|
render: (text, record) => {
|
|
|
|
render: (text, record) => {
|
|
|
|
if (group_fk_id_column_open) {
|
|
|
|
if (group_fk_id_column_open) {
|
|
|
|
return (<a onClick={() => {
|
|
|
|
return (
|
|
|
|
handle_group_fk_id(record.groupFkId)
|
|
|
|
<a
|
|
|
|
}}>{record?.groupFkId ? groupFkIdMap[record.groupFkId] : undefined}</a>)
|
|
|
|
onClick={() => {
|
|
|
|
|
|
|
|
handle_group_fk_id(record.groupFkId);
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{record?.groupFkId ? groupFkIdMap[record.groupFkId] : undefined}
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
return (<a onClick={() => {
|
|
|
|
return (
|
|
|
|
handle_group_fk_id(record.groupFkId)
|
|
|
|
<a
|
|
|
|
}}>{record.groupFkId}</a>)
|
|
|
|
onClick={() => {
|
|
|
|
|
|
|
|
handle_group_fk_id(record.groupFkId);
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{record.groupFkId}
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
renderFormItem: () => {
|
|
|
|
renderFormItem: () => {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
// value 和 onchange 会通过 form 自动注入。
|
|
|
|
// value 和 onchange 会通过 form 自动注入。
|
|
|
|
<ProFormSelect
|
|
|
|
<ProFormSelect
|
|
|
|
width="md"
|
|
|
|
width="md"
|
|
|
|
labelCol={{ span: 4 }}
|
|
|
|
labelCol={{ span: 4 }}
|
|
|
|
wrapperCol={{ span: 22 }}
|
|
|
|
wrapperCol={{ span: 22 }}
|
|
|
|
placeholder={`${intl.formatMessage({id: 'common.please_select', defaultMessage: '$$$'})}`}
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
required={false} showSearch debounceTime={1000}
|
|
|
|
id: 'common.please_select',
|
|
|
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
|
|
|
})}`}
|
|
|
|
|
|
|
|
required={false}
|
|
|
|
|
|
|
|
showSearch
|
|
|
|
|
|
|
|
debounceTime={1000}
|
|
|
|
request={async (keyWord) => {
|
|
|
|
request={async (keyWord) => {
|
|
|
|
const resp = await postDeviceGroupGetDeviceGroupFkSelect({keyword: keyWord?.keyWords || ''})
|
|
|
|
const resp = await postDeviceGroupGetDeviceGroupFkSelect({
|
|
|
|
|
|
|
|
keyword: keyWord?.keyWords || '',
|
|
|
|
|
|
|
|
});
|
|
|
|
return resp.data.list.map((v: any) => {
|
|
|
|
return resp.data.list.map((v: any) => {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
label: v.name,
|
|
|
|
label: v.name,
|
|
|
|
value: v.id
|
|
|
|
value: v.id,
|
|
|
|
}
|
|
|
|
};
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.isEnable" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.isEnable"
|
|
|
|
dataIndex: 'isEnable',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
filters: true,
|
|
|
|
dataIndex: "isEnable",
|
|
|
|
onFilter: true,
|
|
|
|
filters: true, onFilter: true,
|
|
|
|
|
|
|
|
hideInSearch: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
valueType: 'switch',
|
|
|
|
valueType: 'switch',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.remark" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.remark"
|
|
|
|
dataIndex: 'remark',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
|
|
|
|
dataIndex: "remark",
|
|
|
|
|
|
|
|
hideInSearch: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.createTime" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.createTime"
|
|
|
|
dataIndex: 'createTime',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
|
|
|
|
dataIndex: "createTime",
|
|
|
|
|
|
|
|
sorter: true,
|
|
|
|
sorter: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
valueType: 'dateTime',
|
|
|
|
valueType: 'dateTime',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: (<FormattedMessage
|
|
|
|
title: <FormattedMessage id="device.device.table.list.updateTime" defaultMessage="$$$" />,
|
|
|
|
id="device.device.table.list.updateTime"
|
|
|
|
dataIndex: 'updateTime',
|
|
|
|
defaultMessage="$$$"/>),
|
|
|
|
|
|
|
|
dataIndex: "updateTime",
|
|
|
|
|
|
|
|
sorter: true,
|
|
|
|
sorter: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
hideInSearch: true,
|
|
|
|
valueType: 'dateTime',
|
|
|
|
valueType: 'dateTime',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: <FormattedMessage id="pages.searchTable.titleOption" defaultMessage="Operating"/>,
|
|
|
|
title: <FormattedMessage id="pages.searchTable.titleOption" defaultMessage="Operating" />,
|
|
|
|
dataIndex: 'option',
|
|
|
|
dataIndex: 'option',
|
|
|
|
valueType: 'option',
|
|
|
|
valueType: 'option',
|
|
|
|
fixed: 'right',
|
|
|
|
fixed: 'right',
|
|
|
|
|
|
|
|
width: 250,
|
|
|
|
render: (_, record) => [
|
|
|
|
render: (_, record) => [
|
|
|
|
<Access accessible={access.canUpdate(history.location.pathname)} key={`${history.location.pathname}-add`}>
|
|
|
|
<Access
|
|
|
|
<a
|
|
|
|
accessible={access.canUpdate(history.location.pathname)}
|
|
|
|
|
|
|
|
key={`${history.location.pathname}-add`}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<Button
|
|
|
|
key="update"
|
|
|
|
key="update"
|
|
|
|
|
|
|
|
type="link"
|
|
|
|
|
|
|
|
size="small"
|
|
|
|
onClick={() => {
|
|
|
|
onClick={() => {
|
|
|
|
setUpdateModalOpen(true);
|
|
|
|
setUpdateModalOpen(true);
|
|
|
|
setCurrentRow(record);
|
|
|
|
setCurrentRow(record);
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<FormattedMessage id="pages.searchTable.update" defaultMessage="Update"/>
|
|
|
|
<FormattedMessage id="pages.searchTable.update" defaultMessage="Update" />
|
|
|
|
</a>
|
|
|
|
</Button>
|
|
|
|
<a
|
|
|
|
<Popconfirm
|
|
|
|
key="destroy"
|
|
|
|
placement="topLeft"
|
|
|
|
onClick={() => {
|
|
|
|
title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
|
|
|
|
handleDestroy(record).then(() => {
|
|
|
|
description={intl.formatMessage({
|
|
|
|
})
|
|
|
|
id: 'common.modal.table.delete.content',
|
|
|
|
}}>
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
<FormattedMessage
|
|
|
|
})}
|
|
|
|
id="pages.searchTable.destroy"
|
|
|
|
okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
|
|
|
|
defaultMessage="Destroy"
|
|
|
|
cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
|
|
|
|
/>
|
|
|
|
onConfirm={() => {
|
|
|
|
</a>
|
|
|
|
handleDestroy(record).then(() => {});
|
|
|
|
<a
|
|
|
|
}}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<Button key="destroy" type="link" size="small" danger>
|
|
|
|
|
|
|
|
<FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
|
|
|
|
|
|
|
|
</Button>
|
|
|
|
|
|
|
|
</Popconfirm>
|
|
|
|
|
|
|
|
<Button
|
|
|
|
key="video"
|
|
|
|
key="video"
|
|
|
|
|
|
|
|
type="link"
|
|
|
|
|
|
|
|
size="small"
|
|
|
|
onClick={() => {
|
|
|
|
onClick={() => {
|
|
|
|
setVideoOpening(true)
|
|
|
|
setVideoOpening(true);
|
|
|
|
if (record.param) {
|
|
|
|
if (record.param) {
|
|
|
|
postDeviceOpenRtspCamera({url: record.param}).then((resp) => {
|
|
|
|
postDeviceOpenRtspCamera({ url: record.param })
|
|
|
|
setVideoServerParam(resp.data)
|
|
|
|
.then((resp) => {
|
|
|
|
setVideoOpening(false)
|
|
|
|
setVideoServerParam(resp.data);
|
|
|
|
setVideoModalOpen(true);
|
|
|
|
setVideoOpening(false);
|
|
|
|
console.log(resp.data)
|
|
|
|
setVideoModalOpen(true);
|
|
|
|
setCurrentRow(record);
|
|
|
|
console.log(resp.data);
|
|
|
|
}).catch(()=>{
|
|
|
|
setCurrentRow(record);
|
|
|
|
setVideoOpening(false)
|
|
|
|
})
|
|
|
|
message.error(intl.formatMessage({id: 'common.open_failure', defaultMessage: '$$$'}))
|
|
|
|
.catch(() => {
|
|
|
|
})
|
|
|
|
setVideoOpening(false);
|
|
|
|
|
|
|
|
message.error(
|
|
|
|
|
|
|
|
intl.formatMessage({ id: 'common.open_failure', defaultMessage: '$$$' }),
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
setVideoOpening(false)
|
|
|
|
setVideoOpening(false);
|
|
|
|
message.error(intl.formatMessage({id: 'common.open_failure', defaultMessage: '$$$'}))
|
|
|
|
message.error(
|
|
|
|
|
|
|
|
intl.formatMessage({ id: 'common.open_failure', defaultMessage: '$$$' }),
|
|
|
|
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// setVideoModalOpen(true);
|
|
|
|
}}
|
|
|
|
// setCurrentRow(record);
|
|
|
|
>
|
|
|
|
}}>
|
|
|
|
|
|
|
|
<FormattedMessage id="common.open_video" defaultMessage="$$$" />
|
|
|
|
<FormattedMessage id="common.open_video" defaultMessage="$$$" />
|
|
|
|
</a>
|
|
|
|
</Button>
|
|
|
|
</Access>
|
|
|
|
</Access>,
|
|
|
|
],
|
|
|
|
],
|
|
|
|
},];
|
|
|
|
},
|
|
|
|
|
|
|
|
];
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<PageContainer>
|
|
|
|
<PageContainer>
|
|
|
|
<ProCard split="vertical">
|
|
|
|
<ProCard split="vertical">
|
|
|
|
<ProCard title="网点选择" colSpan="20%" extra={<Button icon={<RedoOutlined/>} onClick={() => {
|
|
|
|
<ProCard
|
|
|
|
setSelectNodes([]);
|
|
|
|
title="网点选择"
|
|
|
|
actionRef.current?.reload()
|
|
|
|
colSpan="20%"
|
|
|
|
}}>重置</Button>}>
|
|
|
|
extra={
|
|
|
|
{
|
|
|
|
<Button
|
|
|
|
hasInit && (
|
|
|
|
icon={<RedoOutlined />}
|
|
|
|
<Tree
|
|
|
|
onClick={() => {
|
|
|
|
checkable={false}
|
|
|
|
setSelectNodes([]);
|
|
|
|
defaultExpandAll={true}
|
|
|
|
actionRef.current?.reload();
|
|
|
|
selectedKeys={selectNodes}
|
|
|
|
}}
|
|
|
|
treeData={nodeTreeData}
|
|
|
|
>
|
|
|
|
onSelect={(selectKeys) => {
|
|
|
|
重置
|
|
|
|
setSelectNodes(selectKeys)
|
|
|
|
</Button>
|
|
|
|
actionRef.current?.reload()
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{hasInit && (
|
|
|
|
|
|
|
|
<Tree
|
|
|
|
|
|
|
|
checkable={false}
|
|
|
|
|
|
|
|
defaultExpandAll={true}
|
|
|
|
|
|
|
|
selectedKeys={selectNodes}
|
|
|
|
|
|
|
|
treeData={nodeTreeData}
|
|
|
|
|
|
|
|
onSelect={(selectKeys) => {
|
|
|
|
|
|
|
|
setSelectNodes(selectKeys);
|
|
|
|
|
|
|
|
actionRef.current?.reload();
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
)}
|
|
|
|
</ProCard>
|
|
|
|
</ProCard>
|
|
|
|
<ProCard title="" headerBordered>
|
|
|
|
<ProCard title="" headerBordered>
|
|
|
|
<ProTable<API.Device>
|
|
|
|
<ProTable<API.Device>
|
|
|
|
@ -475,30 +514,30 @@ const DeviceList: React.FC = () => {
|
|
|
|
id: 'pages.searchTable.title',
|
|
|
|
id: 'pages.searchTable.title',
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
})}
|
|
|
|
})}
|
|
|
|
loading={{tip: intl.formatMessage({
|
|
|
|
loading={{
|
|
|
|
|
|
|
|
tip: intl.formatMessage({
|
|
|
|
id: 'common.video_opening',
|
|
|
|
id: 'common.video_opening',
|
|
|
|
defaultMessage: '$$$'
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
}), spinning: videoOpening}}
|
|
|
|
}),
|
|
|
|
options={{fullScreen: true, setting: true, density: true, reload: true}}
|
|
|
|
spinning: videoOpening,
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
options={{ fullScreen: true, setting: true, density: true, reload: true }}
|
|
|
|
actionRef={actionRef}
|
|
|
|
actionRef={actionRef}
|
|
|
|
rowKey="key"
|
|
|
|
rowKey="key"
|
|
|
|
|
|
|
|
scroll={{ x: 1600 }}
|
|
|
|
search={{
|
|
|
|
search={{
|
|
|
|
labelWidth: 120,
|
|
|
|
labelWidth: 120,
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
onDataSourceChange={(data) => {
|
|
|
|
onDataSourceChange={(data) => {
|
|
|
|
|
|
|
|
|
|
|
|
let CategoryFkIdIds: any = data.map((v) => {
|
|
|
|
let CategoryFkIdIds: any = data.map((v) => {
|
|
|
|
return v.categoryFkId
|
|
|
|
return v.categoryFkId;
|
|
|
|
})
|
|
|
|
});
|
|
|
|
setCategoryFkIdIds(CategoryFkIdIds)
|
|
|
|
setCategoryFkIdIds(CategoryFkIdIds);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let GroupFkIdIds: any = data.map((v) => {
|
|
|
|
let GroupFkIdIds: any = data.map((v) => {
|
|
|
|
return v.groupFkId
|
|
|
|
return v.groupFkId;
|
|
|
|
})
|
|
|
|
});
|
|
|
|
setGroupFkIdIds(GroupFkIdIds)
|
|
|
|
setGroupFkIdIds(GroupFkIdIds);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
pagination={{
|
|
|
|
pagination={{
|
|
|
|
showSizeChanger: true,
|
|
|
|
showSizeChanger: true,
|
|
|
|
@ -506,49 +545,44 @@ const DeviceList: React.FC = () => {
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
columnsState={{
|
|
|
|
columnsState={{
|
|
|
|
persistenceKey: 'device_list',
|
|
|
|
persistenceKey: 'device_list',
|
|
|
|
persistenceType: 'localStorage'
|
|
|
|
persistenceType: 'localStorage',
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
toolBarRender={() => [
|
|
|
|
toolBarRender={() => [
|
|
|
|
<Access accessible={access.canUpdate(history.location.pathname)} key={`${history.location.pathname}-add`}>
|
|
|
|
<Access
|
|
|
|
|
|
|
|
accessible={access.canUpdate(history.location.pathname)}
|
|
|
|
|
|
|
|
key={`${history.location.pathname}-add`}
|
|
|
|
|
|
|
|
>
|
|
|
|
<Button
|
|
|
|
<Button
|
|
|
|
type="primary"
|
|
|
|
type="primary"
|
|
|
|
key="category_fk_id_show"
|
|
|
|
key="category_fk_id_show"
|
|
|
|
onClick={() => {
|
|
|
|
onClick={() => {
|
|
|
|
handle_category_fk_id_column_open()
|
|
|
|
handle_category_fk_id_column_open();
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
{
|
|
|
|
{category_fk_id_column_open ? (
|
|
|
|
category_fk_id_column_open ? (<FormattedMessage
|
|
|
|
<FormattedMessage id="common.hide" defaultMessage="$$$" />
|
|
|
|
id="common.hide"
|
|
|
|
) : (
|
|
|
|
defaultMessage="$$$"/>) : (<FormattedMessage
|
|
|
|
<FormattedMessage id="common.show" defaultMessage="$$$" />
|
|
|
|
id="common.show"
|
|
|
|
)}
|
|
|
|
defaultMessage="$$$"/>)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
<FormattedMessage
|
|
|
|
<FormattedMessage
|
|
|
|
id="device.device.table.list.categoryFkId"
|
|
|
|
id="device.device.table.list.categoryFkId"
|
|
|
|
defaultMessage="$$$"/>
|
|
|
|
defaultMessage="$$$"
|
|
|
|
|
|
|
|
/>
|
|
|
|
</Button>
|
|
|
|
</Button>
|
|
|
|
|
|
|
|
|
|
|
|
<Button
|
|
|
|
<Button
|
|
|
|
type="primary"
|
|
|
|
type="primary"
|
|
|
|
key="group_fk_id_show"
|
|
|
|
key="group_fk_id_show"
|
|
|
|
onClick={() => {
|
|
|
|
onClick={() => {
|
|
|
|
handle_group_fk_id_column_open()
|
|
|
|
handle_group_fk_id_column_open();
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
{
|
|
|
|
{group_fk_id_column_open ? (
|
|
|
|
group_fk_id_column_open ? (<FormattedMessage
|
|
|
|
<FormattedMessage id="common.hide" defaultMessage="$$$" />
|
|
|
|
id="common.hide"
|
|
|
|
) : (
|
|
|
|
defaultMessage="$$$"/>) : (<FormattedMessage
|
|
|
|
<FormattedMessage id="common.show" defaultMessage="$$$" />
|
|
|
|
id="common.show"
|
|
|
|
)}
|
|
|
|
defaultMessage="$$$"/>)
|
|
|
|
<FormattedMessage id="device.device.table.list.groupFkId" defaultMessage="$$$" />
|
|
|
|
}
|
|
|
|
|
|
|
|
<FormattedMessage
|
|
|
|
|
|
|
|
id="device.device.table.list.groupFkId"
|
|
|
|
|
|
|
|
defaultMessage="$$$"/>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</Button>
|
|
|
|
</Button>
|
|
|
|
|
|
|
|
|
|
|
|
<Button
|
|
|
|
<Button
|
|
|
|
@ -558,37 +592,37 @@ const DeviceList: React.FC = () => {
|
|
|
|
setCreateModalOpen(true);
|
|
|
|
setCreateModalOpen(true);
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<PlusOutlined/> <FormattedMessage id="pages.searchTable.new" defaultMessage="New"/>
|
|
|
|
<PlusOutlined />{' '}
|
|
|
|
|
|
|
|
<FormattedMessage id="pages.searchTable.new" defaultMessage="New" />
|
|
|
|
</Button>
|
|
|
|
</Button>
|
|
|
|
</Access>
|
|
|
|
</Access>,
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
request={async (params = {}, sort) => {
|
|
|
|
request={async (params = {}, sort) => {
|
|
|
|
const {current, ...rest} = params
|
|
|
|
const { current, ...rest } = params;
|
|
|
|
const reqParams:any = {
|
|
|
|
const reqParams: any = {
|
|
|
|
page: current,
|
|
|
|
page: current,
|
|
|
|
desc: false,
|
|
|
|
desc: false,
|
|
|
|
orderKey: "",
|
|
|
|
orderKey: '',
|
|
|
|
...rest,
|
|
|
|
...rest,
|
|
|
|
}
|
|
|
|
};
|
|
|
|
if (selectNodes.length) {
|
|
|
|
if (selectNodes.length) {
|
|
|
|
reqParams.groupFkId = selectNodes[0]
|
|
|
|
reqParams.groupFkId = selectNodes[0];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (sort && Object.keys(sort).length) {
|
|
|
|
if (sort && Object.keys(sort).length) {
|
|
|
|
reqParams.orderKey = Object.keys(sort)[0]
|
|
|
|
reqParams.orderKey = Object.keys(sort)[0];
|
|
|
|
let sort_select = sort[reqParams.orderKey]
|
|
|
|
let sort_select = sort[reqParams.orderKey];
|
|
|
|
reqParams.desc = sort_select === 'descend';
|
|
|
|
reqParams.desc = sort_select === 'descend';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
let resp = await postDeviceGetDeviceList({...reqParams})
|
|
|
|
let resp = await postDeviceGetDeviceList({ ...reqParams });
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
data: resp.data.list.map((v: API.Device) => {
|
|
|
|
data: resp.data.list.map((v: API.Device) => {
|
|
|
|
return {...v, key: v.id}
|
|
|
|
return { ...v, key: v.id };
|
|
|
|
}),
|
|
|
|
}),
|
|
|
|
success: resp.success,
|
|
|
|
success: resp.success,
|
|
|
|
total: resp.data.total,
|
|
|
|
total: resp.data.total,
|
|
|
|
current: resp.data.page,
|
|
|
|
current: resp.data.page,
|
|
|
|
pageSize: resp.data.pageSize
|
|
|
|
pageSize: resp.data.pageSize,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
columns={columns}
|
|
|
|
columns={columns}
|
|
|
|
rowSelection={{
|
|
|
|
rowSelection={{
|
|
|
|
@ -601,9 +635,9 @@ const DeviceList: React.FC = () => {
|
|
|
|
<FooterToolbar
|
|
|
|
<FooterToolbar
|
|
|
|
extra={
|
|
|
|
extra={
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<FormattedMessage id="pages.searchTable.chosen" defaultMessage="Chosen"/>{' '}
|
|
|
|
<FormattedMessage id="pages.searchTable.chosen" defaultMessage="Chosen" />{' '}
|
|
|
|
<a style={{fontWeight: 600}}>{selectedRowsState.length}</a>{' '}
|
|
|
|
<a style={{ fontWeight: 600 }}>{selectedRowsState.length}</a>{' '}
|
|
|
|
<FormattedMessage id="pages.searchTable.item" defaultMessage="$$$"/>
|
|
|
|
<FormattedMessage id="pages.searchTable.item" defaultMessage="$$$" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -611,11 +645,11 @@ const DeviceList: React.FC = () => {
|
|
|
|
onClick={async () => {
|
|
|
|
onClick={async () => {
|
|
|
|
deleteDeviceDeleteDeviceByIds({
|
|
|
|
deleteDeviceDeleteDeviceByIds({
|
|
|
|
ids: selectedRowsState.map((v: API.Device) => {
|
|
|
|
ids: selectedRowsState.map((v: API.Device) => {
|
|
|
|
return v.id as number
|
|
|
|
return v.id as number;
|
|
|
|
})
|
|
|
|
}),
|
|
|
|
}).then(() => {
|
|
|
|
}).then(() => {
|
|
|
|
actionRef.current?.reloadAndRest?.();
|
|
|
|
actionRef.current?.reloadAndRest?.();
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<FormattedMessage
|
|
|
|
<FormattedMessage
|
|
|
|
@ -658,13 +692,13 @@ const DeviceList: React.FC = () => {
|
|
|
|
columns={DeviceGroupColumns}
|
|
|
|
columns={DeviceGroupColumns}
|
|
|
|
currentRow={group_fk_id}
|
|
|
|
currentRow={group_fk_id}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<VideoModal modalOpen={videoModalOpen}
|
|
|
|
<VideoModal
|
|
|
|
handleModal={handleVideoModal}
|
|
|
|
modalOpen={videoModalOpen}
|
|
|
|
values={currentRow || {}}
|
|
|
|
handleModal={handleVideoModal}
|
|
|
|
videoServerParam={videoServerParam}
|
|
|
|
values={currentRow || {}}
|
|
|
|
reload={actionRef.current?.reload}
|
|
|
|
videoServerParam={videoServerParam}
|
|
|
|
|
|
|
|
reload={actionRef.current?.reload}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
</PageContainer>
|
|
|
|
</PageContainer>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
