|
|
@@ -1,4 +1,4 @@
|
|
|
-import { Col, message, Row } from 'antd';
|
|
|
+import { Col, message, Row, Tooltip } from 'antd';
|
|
|
import Guide from '../components/Guide';
|
|
|
import { PermissionButton } from '@/components';
|
|
|
import Statistics from '../components/Statistics';
|
|
|
@@ -10,6 +10,7 @@ import useSendWebsocketMessage from '@/hooks/websocket/useSendWebsocketMessage';
|
|
|
import useHistory from '@/hooks/route/useHistory';
|
|
|
import Body from '@/pages/home/components/Body';
|
|
|
import Steps from '@/pages/home/components/Steps';
|
|
|
+import { QuestionCircleOutlined } from '@ant-design/icons';
|
|
|
|
|
|
const Ops = () => {
|
|
|
const [subscribeTopic] = useSendWebsocketMessage();
|
|
|
@@ -56,7 +57,7 @@ const Ops = () => {
|
|
|
jvmRealTime?.unsubscribe();
|
|
|
};
|
|
|
}, []);
|
|
|
- const guideOpsList = [
|
|
|
+ const guideOpsList: any[] = [
|
|
|
{
|
|
|
key: 'product',
|
|
|
name: '设备接入配置',
|
|
|
@@ -124,7 +125,83 @@ const Ops = () => {
|
|
|
<Body title={'平台架构图'} english={'PLATFORM ARCHITECTURE DIAGRAM'} />
|
|
|
</Col>
|
|
|
<Col span={24}>
|
|
|
- <Steps />
|
|
|
+ <Steps
|
|
|
+ title={
|
|
|
+ <span>
|
|
|
+ 运维管理推荐步骤
|
|
|
+ <Tooltip title="请根据业务需要对下述步骤进行选择性操作。">
|
|
|
+ <QuestionCircleOutlined style={{ paddingLeft: 12 }} />
|
|
|
+ </Tooltip>
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ data={[
|
|
|
+ {
|
|
|
+ title: '协议管理',
|
|
|
+ content: '根据业务需求自定义开发对应的产品（设备模型）接入协议，并上传到平台。',
|
|
|
+ url: require('/public/images/home/bottom-1.png'),
|
|
|
+ onClick: () => {
|
|
|
+ const url = getMenuPathByCode(MENUS_CODE['link/Protocol']);
|
|
|
+ if (!!url) {
|
|
|
+ history.push(url);
|
|
|
+ } else {
|
|
|
+ message.warning('暂无权限，请联系管理员');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '证书管理',
|
|
|
+ content: '统一维护平台内的证书，用于数据通信加密。',
|
|
|
+ url: require('/public/images/home/bottom-6.png'),
|
|
|
+ onClick: () => {
|
|
|
+ const url = getMenuPathByCode(MENUS_CODE['link/Certificate']);
|
|
|
+ if (!!url) {
|
|
|
+ history.push(url);
|
|
|
+ } else {
|
|
|
+ message.warning('暂无权限，请联系管理员');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '网络组件',
|
|
|
+ content: '根据不同的传输类型配置平台底层网络组件相关参数。',
|
|
|
+ url: require('/public/images/home/bottom-3.png'),
|
|
|
+ onClick: () => {
|
|
|
+ const url = getMenuPathByCode(MENUS_CODE['link/Type']);
|
|
|
+ if (!!url) {
|
|
|
+ history.push(url);
|
|
|
+ } else {
|
|
|
+ message.warning('暂无权限，请联系管理员');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '设备接入网关',
|
|
|
+ content: '根据不同的传输类型，关联消息协议，配置设备接入网关相关参数。',
|
|
|
+ url: require('/public/images/home/bottom-4.png'),
|
|
|
+ onClick: () => {
|
|
|
+ const url = getMenuPathByCode(MENUS_CODE['link/Gateway']);
|
|
|
+ if (!!url) {
|
|
|
+ history.push(url);
|
|
|
+ } else {
|
|
|
+ message.warning('暂无权限，请联系管理员');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '日志管理',
|
|
|
+ content: '监控系统日志，及时处理系统异常。',
|
|
|
+ url: require('/public/images/home/bottom-5.png'),
|
|
|
+ onClick: () => {
|
|
|
+ const url = getMenuPathByCode(MENUS_CODE['Log']);
|
|
|
+ if (!!url) {
|
|
|
+ history.push(url);
|
|
|
+ } else {
|
|
|
+ message.warning('暂无权限，请联系管理员');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ]}
|
|
|
+ />
|
|
|
</Col>
|
|
|
</Row>
|
|
|
);
|
lind