fix: bug#5637

package.json

@@ -54,10 +54,6 @@
     "not ie <= 10"
   ],
   "dependencies": {
-    "@ahooksjs/use-url-state": "^3.5.0",
-    "@amap/amap-jsapi-loader": "^1.0.1",
-    "@amap/amap-jsapi-types": "^0.0.8",
-    "@ant-design/charts": "^1.3.1",
     "@ant-design/icons": "^4.5.0",
     "@ant-design/pro-card": "^1.16.2",
     "@ant-design/pro-descriptions": "^1.6.8",
@@ -74,18 +70,15 @@
     "@jetlinks/pro-list": "^1.10.8",
     "@jetlinks/pro-table": "^2.63.11",
     "@liveqing/liveplayer": "^2.6.4",
-    "@types/react-syntax-highlighter": "^13.5.2",
     "@umijs/route-utils": "^1.0.36",
     "ahooks": "^2.10.9",
     "antd": "4.19.5",
-    "bizcharts": "^4.1.16",
     "braft-editor": "^2.3.9",
     "classnames": "^2.3.1",
     "dexie": "^3.0.3",
     "driver.js": "^0.9.8",
     "echarts": "^5.3.2",
     "event-source-polyfill": "^1.0.25",
-    "isomorphic-form-data": "^2.0.0",
     "jetlinks-store": "^0.0.3",
     "lodash": "^4.17.11",
     "moment": "^2.29.3",
@@ -94,7 +87,6 @@
     "omit.js": "^2.0.2",
     "react": "^17.0.0",
     "react-amap": "^1.2.8",
-    "react-beautiful-dnd": "^13.1.0",
     "react-custom-scrollbars": "^4.2.1",
     "react-dev-inspector": "^1.1.1",
     "react-dnd": "^16.0.1",
@@ -104,9 +96,6 @@
     "react-json-view": "^1.21.3",
     "react-markdown": "^8.0.0",
     "react-monaco-editor": "^0.46.0",
-    "react-syntax-highlighter": "^15.4.5",
-    "reconnecting-websocket": "^4.4.0",
-    "remark-gfm": "^3.0.1",
     "rxjs": "^7.2.0",
     "rxjs-websockets": "8",
     "umi": "^3.5.0",

src/app.tsx

@@ -10,7 +10,7 @@ import Service from '@/pages/user/Login/service';
 // import { service as SystemConfigService } from '@/pages/system/Config';
 import Token from '@/utils/token';
 import type { RequestOptionsInit } from 'umi-request';
-import ReconnectingWebSocket from 'reconnecting-websocket';
+// import ReconnectingWebSocket from 'reconnecting-websocket';
 import SystemConst from '@/utils/const';
 import { service as MenuService } from '@/pages/system/Menu';
 import getRoutes, {
@@ -82,16 +82,16 @@ export async function getInitialState(): Promise<{
     };
   }
   // 链接websocket
-  const url = `${document.location.protocol.replace('http', 'ws')}//${document.location.host}/${
-    SystemConst.API_BASE
-  }/messaging/${Token.get()}?:X_Access_Token=${Token.get()}`;
-
-  const ws = new ReconnectingWebSocket(url);
-
-  // ws.send('sss');
-  ws.onerror = () => {
-    console.log('链接错误。ws');
-  };
+  // const url = `${document.location.protocol.replace('http', 'ws')}//${document.location.host}/${
+  //   SystemConst.API_BASE
+  // }/messaging/${Token.get()}?:X_Access_Token=${Token.get()}`;
+  //
+  // const ws = new ReconnectingWebSocket(url);
+  //
+  // // ws.send('sss');
+  // ws.onerror = () => {
+  //   console.log('链接错误。ws');
+  // };
 
   return {
     fetchUserInfo,

src/components/AMapComponent/index.tsx

@@ -1,73 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import AMapLoader from '@amap/amap-jsapi-loader';
-import classNames from 'classnames';
-import { LeftOutlined } from '@ant-design/icons';
-import './index.less';
-
-const AMapComponent = () => {
-  const mapRef = useRef({});
-
-  useEffect(() => {
-    AMapLoader.load({
-      key: '4a8929c85e2a1a8a1eae4ebc7d519ba4',
-      version: '2.0',
-      plugins: ['AMap.ToolBar', 'AMap.Driving'],
-      AMapUI: {
-        version: '1.1',
-        plugins: [],
-      },
-      Loca: {
-        version: '2.0.0',
-      },
-    })
-      .then((AMap) => {
-        const map = new AMap.Map('map-container', {
-          viewMode: '3D',
-          zoom: 5,
-          zooms: [2, 22],
-          center: [105.602725, 37.076636],
-        });
-        const positionArr = [
-          [113.357224, 34.977186],
-          [114.555528, 37.727903],
-          [112.106257, 36.962733],
-          [109.830097, 31.859027],
-          [116.449181, 39.98614],
-        ];
-        for (const item of positionArr) {
-          const marker = new AMap.Marker({
-            position: [item[0], item[1]],
-          });
-          map.add(marker);
-        }
-        mapRef.current = map;
-      })
-      .catch((e) => {
-        console.log(e);
-      });
-  }, []);
-  const [show, setShow] = useState<boolean>(false);
-  return (
-    <div className="home">
-      <div id="map-container" className="map" style={{ height: '600px' }} />
-      <div className="draw">
-        <div
-          className={classNames('draw-warp', {
-            show: show,
-          })}
-        >
-          <div
-            className={classNames('draw-button')}
-            onClick={() => {
-              setShow(!show);
-            }}
-          >
-            <LeftOutlined className={classNames('draw-button-icon', { active: show })} />
-          </div>
-          <div className="draw-content">....内容信息</div>
-        </div>
-      </div>
-    </div>
-  );
-};
-export default AMapComponent;

src/components/SearchComponent/index.tsx

@@ -290,6 +290,7 @@ const SearchComponent = <T extends Record<string, any>>(props: Props<T>) => {
                     state.componentType = 'DatePicker';
                     state.componentProps = { showTime: true, allowClear: true };
                   });
+                  console.log(isModified);
                   if (isModified) {
                     f.setFieldState(typeFiled.query('.termType'), async (state) => {
                       state.value = 'gte';
@@ -625,22 +626,26 @@ const SearchComponent = <T extends Record<string, any>>(props: Props<T>) => {
     onSearch({ terms: newTemp });
   };
 
-  useEffect(() => {
+  const handleLocation = async (l: any, tar?: string) => {
     // 防止页面下多个TabsTabPane中的查询组件共享路由中的参数
-    const params = new URLSearchParams(_location.search);
+    const params = new URLSearchParams(l.search);
     const q = params.get('q');
     const _target = params.get('target');
-    if (q && props.model !== 'simple') {
-      if (_target) {
-        if (props.target && _target === props.target) {
-          form.setValues(JSON.parse(q));
-          handleSearch(false);
-        }
+    const value = await form.submit<SearchTermsUI>();
+    if (q && props.model !== 'simple' && value && !value.terms1?.[0].value && !value.terms2) {
+      // 表单有值的情况下，不改变表单
+      if (_target && tar && _target === tar) {
+        form.setInitialValues(JSON.parse(q));
+        handleSearch(false);
         return;
       }
-      form.setValues(JSON.parse(q));
+      form.setInitialValues(JSON.parse(q));
       handleSearch(false);
     }
+  };
+
+  useEffect(() => {
+    handleLocation(_location, props.target);
   }, [_location, props.target]);
 
   useEffect(() => {

src/pages/Analysis/CPU/index.tsx

@@ -1,45 +0,0 @@
-import { Gauge } from '@ant-design/charts';
-import useSendWebsocketMessage from '@/hooks/websocket/useSendWebsocketMessage';
-import WebsocketTopic from '@/utils/topic';
-import { useEffect, useState } from 'react';
-import type { WebsocketPayload } from '@/hooks/websocket/typings';
-
-const CPU = () => {
-  const [subscribeTopic] = useSendWebsocketMessage();
-  const [value, setValue] = useState<number>(0);
-  useEffect(() => {
-    const cpuRealTime = subscribeTopic?.(
-      WebsocketTopic.CPURealTime.id,
-      WebsocketTopic.CPURealTime.topic,
-      { params: { history: 1 } },
-    )?.subscribe((data: WebsocketPayload) => {
-      // +0.01为了解决0.00图表异常
-      setValue(((data.payload.value as number) + 0.01) / 100);
-    });
-    return () => cpuRealTime?.unsubscribe();
-  }, []);
-  const config = {
-    width: 200,
-    height: 200,
-
-    range: {
-      ticks: [0, 1 / 3, 2 / 3, 1],
-      color: ['#F4664A', '#FAAD14', '#30BF78'],
-    },
-    indicator: {
-      pointer: { style: { stroke: '#D0D0D0' } },
-      pin: { style: { stroke: '#D0D0D0' } },
-    },
-    statistic: {
-      content: {
-        style: {
-          fontSize: '36px',
-          lineHeight: '36px',
-        },
-      },
-    },
-  };
-  return <Gauge {...config} percent={value} />;
-};
-
-export default CPU;

src/pages/Analysis/DeviceChart/index.tsx

@@ -1,192 +0,0 @@
-import { StatisticCard } from '@ant-design/pro-card';
-import { service } from '@/pages/Analysis';
-import { useEffect } from 'react';
-import { groupBy, map } from 'rxjs/operators';
-import { mergeMap, of, toArray, zip } from 'rxjs';
-import moment from 'moment';
-import { model } from '@formily/reactive';
-import { observer } from '@formily/react';
-import { Column } from '@ant-design/charts';
-import { Badge, Col, Row } from 'antd';
-import { SyncOutlined } from '@ant-design/icons';
-import { useIntl } from '@@/plugin-locale/localeExports';
-
-type DeviceChartType = {
-  deviceOnline: number;
-  aggOnline: Record<string, any>[];
-  deviceCount: number;
-  deviceNotActive: number;
-};
-const DeviceChartModel = model<DeviceChartType>({
-  deviceCount: 0,
-  aggOnline: [],
-  deviceOnline: 0,
-  deviceNotActive: 0,
-});
-const DeviceChart = observer(() => {
-  const intl = useIntl();
-  const getDeviceData = () => {
-    const requestParams = [
-      // 设备状态信息-在线
-      {
-        dashboard: 'device',
-        object: 'status',
-        measurement: 'record',
-        dimension: 'current',
-        group: 'deviceOnline',
-        params: {
-          state: 'online',
-        },
-      }, // 设备状态信息-总数
-      {
-        dashboard: 'device',
-        object: 'status',
-        measurement: 'record',
-        dimension: 'current',
-        group: 'deviceCount',
-      }, // 设备状态信息-未激活
-      {
-        dashboard: 'device',
-        object: 'status',
-        measurement: 'record',
-        dimension: 'current',
-        group: 'deviceNotActive',
-        params: {
-          state: 'notActive',
-        },
-      }, // 设备状态信息-历史在线
-      {
-        dashboard: 'device',
-        object: 'status',
-        measurement: 'record',
-        dimension: 'aggOnline',
-        group: 'aggOnline',
-        params: {
-          limit: 20,
-          time: '1d',
-          format: 'yyyy-MM-dd',
-        },
-      },
-    ];
-    service
-      .getMulti(requestParams)
-      .pipe(
-        mergeMap(
-          (item) =>
-            item.result as {
-              group: string;
-              data: Record<string, any>;
-              formatData?: { x: unknown; y: unknown };
-            }[],
-        ),
-        groupBy((item) => item.group),
-        mergeMap((group$) =>
-          zip(
-            of(group$.key),
-            group$.pipe(
-              map((item) =>
-                item.group === 'aggOnline'
-                  ? {
-                      x: moment(new Date(item.data.timeString)).format('YYYY-MM-DD'),
-                      y: Number(item.data.value),
-                    }
-                  : item.data.value,
-              ),
-              toArray(),
-            ),
-          ),
-        ),
-        map((item) =>
-          item[0] === 'aggOnline' ? [item[0], item[1].reverse()] : [item[0], ...item[1]],
-        ),
-      )
-      .subscribe((data) => {
-        // eslint-disable-next-line prefer-destructuring
-        DeviceChartModel[data[0]] = data[1];
-      });
-  };
-
-  useEffect(() => {
-    getDeviceData();
-  }, []);
-
-  return (
-    <StatisticCard
-      title={intl.formatMessage({
-        id: 'pages.analysis.deviceStatistics',
-        defaultMessage: '设备统计',
-      })}
-      extra={<SyncOutlined onClick={() => getDeviceData()} />}
-      chart={
-        <Column
-          width={200}
-          height={180}
-          xField="x"
-          yField="y"
-          label={{
-            position: 'middle',
-            style: {
-              fill: '#FFFFFF',
-              opacity: 0.6,
-            },
-          }}
-          xAxis={{
-            label: {
-              autoHide: true,
-              autoRotate: false,
-            },
-          }}
-          meta={{
-            x: { alias: '日期' },
-            y: { alias: '数量' },
-          }}
-          data={DeviceChartModel.aggOnline}
-        />
-      }
-      footer={
-        <Row>
-          <Col span={8}>
-            <>
-              {' '}
-              <Badge
-                status="warning"
-                text={intl.formatMessage({
-                  id: 'pages.analysis.cpu',
-                  defaultMessage: '未激活',
-                })}
-              />
-              {DeviceChartModel.deviceNotActive}
-            </>
-          </Col>
-          <Col span={8}>
-            <>
-              {' '}
-              <Badge
-                status="processing"
-                text={intl.formatMessage({
-                  id: 'pages.analysis.deviceStatistics.total',
-                  defaultMessage: '总数',
-                })}
-              />
-              · {DeviceChartModel.deviceCount}
-            </>
-          </Col>
-          <Col span={8}>
-            <>
-              <Badge
-                status="success"
-                text={intl.formatMessage({
-                  id: 'pages.analysis.deviceStatistics.online',
-                  defaultMessage: '在线',
-                })}
-              />
-              {DeviceChartModel.deviceOnline}
-            </>
-          </Col>
-        </Row>
-      }
-    />
-  );
-});
-
-export default DeviceChart;

src/pages/Analysis/DeviceMessage/index.tsx

@@ -1,188 +0,0 @@
-import { Area } from '@ant-design/charts';
-import { service } from '@/pages/Analysis';
-import { useEffect } from 'react';
-import { groupBy, map, mergeMap } from 'rxjs/operators';
-import { of, toArray, zip } from 'rxjs';
-import { model } from '@formily/reactive';
-import { observer } from '@formily/react';
-import { StatisticCard } from '@ant-design/pro-card';
-import { Radio } from 'antd';
-import type { DurationInputArg1, DurationInputArg2 } from 'moment';
-import moment from 'moment';
-import { useIntl } from '@@/plugin-locale/localeExports';
-
-type DeviceMessage = {
-  chartData: any[];
-  startDate: string;
-  endDate: string;
-  timeType: string;
-  dateType: '1d' | '1h' | '7d' | '30d';
-};
-const DateFormat = 'YYYY-MM-DD HH:mm:ss';
-
-const DeviceMessageModel = model<DeviceMessage>({
-  chartData: [],
-  startDate: moment(new Date()).format(DateFormat),
-  endDate: moment(new Date()).format(DateFormat),
-  timeType: '1m',
-  dateType: '1h',
-});
-
-const DeviceMessageChart = observer(() => {
-  const intl = useIntl();
-  const gatewayMonitor = (from: string, to: string, time: string) => {
-    const params = [
-      {
-        dashboard: 'gatewayMonitor',
-        object: 'deviceGateway',
-        measurement: 'received_message',
-        dimension: 'agg',
-        group: 'sameDay',
-        params: {
-          time,
-          limit: 60,
-          format: 'HH时mm分',
-          from,
-          to,
-        },
-      },
-    ];
-
-    service
-      .getMulti(params)
-      .pipe(
-        mergeMap(
-          (item) =>
-            item.result as {
-              group: string;
-              data: {
-                value: number;
-                timeString: string;
-                timestamp: number;
-              };
-            }[],
-        ),
-        groupBy((item) => item.group),
-        mergeMap((group$) =>
-          zip(
-            of(group$.key),
-            group$.pipe(
-              map((item) => ({
-                type: '消息量',
-                year: item.data.timeString,
-                value: item.data.value,
-              })),
-              toArray(),
-            ),
-          ),
-        ),
-      )
-      .subscribe((data) => {
-        // eslint-disable-next-line prefer-destructuring
-        DeviceMessageModel.chartData = data[1];
-      });
-  };
-
-  const SubtractDate = (startDate: string, amount: DurationInputArg1, unit: DurationInputArg2) =>
-    moment(startDate).subtract(amount, unit).format(DateFormat);
-
-  const onDateTypeChange = (type: '1d' | '1h' | '7d' | '30d') => {
-    DeviceMessageModel.dateType = type;
-    const to = moment(new Date()).format(DateFormat);
-    switch (type) {
-      case '1h':
-        DeviceMessageModel.startDate = SubtractDate(to, 1, 'hours');
-        DeviceMessageModel.timeType = '1m';
-        break;
-      case '1d':
-        DeviceMessageModel.startDate = SubtractDate(to, 1, 'days');
-        DeviceMessageModel.timeType = '24m';
-        break;
-      case '7d':
-        DeviceMessageModel.startDate = SubtractDate(to, 7, 'days');
-        DeviceMessageModel.timeType = '168m';
-        break;
-      case '30d':
-        DeviceMessageModel.startDate = SubtractDate(to, 30, 'days');
-        DeviceMessageModel.timeType = '12h';
-        break;
-      default:
-        break;
-    }
-    gatewayMonitor(
-      DeviceMessageModel.startDate,
-      DeviceMessageModel.endDate,
-      DeviceMessageModel.timeType,
-    );
-  };
-  useEffect(() => {
-    onDateTypeChange('1h');
-  }, []);
-
-  const config = {
-    data: DeviceMessageModel.chartData,
-    xField: 'year',
-    yField: 'value',
-    xAxis: {
-      range: [0, 1],
-      tickCount: 5,
-    },
-    slider: {
-      start: 0.1,
-      end: 0.9,
-      trendCfg: { isArea: true },
-    },
-    areaStyle: function areaStyle() {
-      return { fill: 'l(270) 0:#ffffff 0.5:#7ec2f3 1:#1890ff' };
-    },
-  };
-  const options = [
-    {
-      label: intl.formatMessage({
-        id: 'pages.analysis.deviceMessage.1hour',
-        defaultMessage: '1小时',
-      }),
-      value: '1h',
-    },
-    {
-      label: intl.formatMessage({
-        id: 'pages.analysis.deviceMessage.1day',
-        defaultMessage: '1天',
-      }),
-      value: '1d',
-    },
-    {
-      label: intl.formatMessage({
-        id: 'pages.analysis.deviceMessage.7days',
-        defaultMessage: '7天',
-      }),
-      value: '7d',
-    },
-    {
-      label: intl.formatMessage({
-        id: 'pages.analysis.deviceMessage.30days',
-        defaultMessage: '30天',
-      }),
-      value: '30d',
-    },
-  ];
-  return (
-    <StatisticCard
-      title={intl.formatMessage({
-        id: 'pages.analysis.deviceMessage',
-        defaultMessage: '设备消息',
-      })}
-      extra={
-        <Radio.Group
-          options={options}
-          optionType="button"
-          size="small"
-          value={DeviceMessageModel.dateType}
-          onChange={(e) => onDateTypeChange(e.target.value)}
-        />
-      }
-      chart={<Area {...config} />}
-    />
-  );
-});
-export default DeviceMessageChart;

src/pages/Analysis/Jvm/index.tsx

@@ -1,45 +0,0 @@
-import { Gauge } from '@ant-design/charts';
-import useSendWebsocketMessage from '@/hooks/websocket/useSendWebsocketMessage';
-import WebsocketTopic from '@/utils/topic';
-import { useEffect, useState } from 'react';
-import type { WebsocketPayload } from '@/hooks/websocket/typings';
-
-const Jvm = () => {
-  const [subscribeTopic] = useSendWebsocketMessage();
-  const [value, setValue] = useState<number>(0);
-  useEffect(() => {
-    const JvmRealTime = subscribeTopic?.(
-      WebsocketTopic.JVMRealTime.id,
-      WebsocketTopic.JVMRealTime.topic,
-      { params: { history: 1 } },
-    )?.subscribe((data: WebsocketPayload) => {
-      // +0.01为了解决0.00图表异常
-      setValue((((data.payload.value as Record<string, any>).usage as number) + 0.01) / 100);
-    });
-    return () => JvmRealTime?.unsubscribe();
-  }, []);
-  const config = {
-    width: 200,
-    height: 200,
-
-    range: {
-      ticks: [0, 1 / 3, 2 / 3, 1],
-      color: ['#F4664A', '#FAAD14', '#30BF78'],
-    },
-    indicator: {
-      pointer: { style: { stroke: '#D0D0D0' } },
-      pin: { style: { stroke: '#D0D0D0' } },
-    },
-    statistic: {
-      content: {
-        style: {
-          fontSize: '36px',
-          lineHeight: '36px',
-        },
-      },
-    },
-  };
-  return <Gauge {...config} percent={value} />;
-};
-
-export default Jvm;

src/pages/Analysis/MessageChart/index.tsx

@@ -1,128 +0,0 @@
-import { Column } from '@ant-design/charts';
-import moment from 'moment';
-import { useEffect } from 'react';
-import { service } from '@/pages/Analysis';
-import type { ColumnConfig } from '@ant-design/plots/es/components/column';
-
-const calculationDate = () => {
-  const dd = new Date();
-  dd.setDate(dd.getDate() - 30);
-  const y = dd.getFullYear();
-  const m = dd.getMonth() + 1 < 10 ? `0${dd.getMonth() + 1}` : dd.getMonth() + 1;
-  const d = dd.getDate() < 10 ? `0${dd.getDate()}` : dd.getDate();
-  return `${y}-${m}-${d} 00:00:00`;
-};
-
-const MessageChart = () => {
-  const list = [
-    {
-      dashboard: 'device',
-      object: 'message',
-      measurement: 'quantity',
-      dimension: 'agg',
-      group: 'sameDay',
-      params: {
-        time: '1d',
-        format: 'yyyy-MM-dd',
-      },
-    },
-    {
-      dashboard: 'device',
-      object: 'message',
-      measurement: 'quantity',
-      dimension: 'agg',
-      group: 'sameMonth',
-      params: {
-        limit: 30,
-        time: '1d',
-        format: 'yyyy-MM-dd',
-        from: calculationDate(),
-        to: `${moment(new Date()).format('YYYY-MM-DD')} 23:59:59`,
-      },
-    },
-    {
-      dashboard: 'device',
-      object: 'message',
-      measurement: 'quantity',
-      dimension: 'agg',
-      group: 'month',
-      params: {
-        time: '1M',
-        format: 'yyyy-MM-dd',
-        from: calculationDate(),
-        to: `${moment(new Date()).format('YYYY-MM-DD')} 23:59:59`,
-      },
-    },
-  ];
-
-  useEffect(() => {
-    service.getMulti(list).subscribe((data) => {
-      console.log(data);
-    });
-  }, []);
-
-  const data = [
-    {
-      type: '1-3秒',
-      value: 0.16,
-    },
-    {
-      type: '4-10秒',
-      value: 0.125,
-    },
-    {
-      type: '11-30秒',
-      value: 0.24,
-    },
-    {
-      type: '31-60秒',
-      value: 0.19,
-    },
-    {
-      type: '1-3分',
-      value: 0.22,
-    },
-    {
-      type: '3-10分',
-      value: 0.05,
-    },
-    {
-      type: '10-30分',
-      value: 0.01,
-    },
-    {
-      type: '30+分',
-      value: 0.015,
-    },
-  ];
-
-  const paletteSemanticRed = '#F4664A';
-  const brandColor = '#5B8FF9';
-  const config: ColumnConfig = {
-    data,
-    xField: 'type',
-    yField: 'value',
-    seriesField: '',
-    color: function color(_ref: any) {
-      const { type } = _ref;
-      if (type === '10-30分' || type === '30+分') {
-        return paletteSemanticRed;
-      }
-      return brandColor;
-    },
-    width: 200,
-    height: 200,
-    label: {
-      offset: 10,
-    },
-    legend: false,
-    xAxis: {
-      label: {
-        autoHide: true,
-        autoRotate: false,
-      },
-    },
-  };
-  return <Column {...config} />;
-};
-export default MessageChart;

src/pages/Analysis/index.tsx

@@ -1,59 +0,0 @@
-import { StatisticCard } from '@ant-design/pro-card';
-import RcResizeObserver from 'rc-resize-observer';
-import { useState } from 'react';
-import { useIntl } from '@@/plugin-locale/localeExports';
-import CPU from '@/pages/Analysis/CPU';
-import Jvm from '@/pages/Analysis/Jvm';
-import DeviceMessageChart from '@/pages/Analysis/DeviceMessage';
-import DeviceChart from '@/pages/Analysis/DeviceChart';
-import MessageChart from '@/pages/Analysis/MessageChart';
-import Service from '@/pages/Analysis/service';
-
-const { Divider } = StatisticCard;
-
-export const service = new Service();
-const Analysis = () => {
-  const [responsive, setResponsive] = useState(false);
-  const intl = useIntl();
-
-  return (
-    <RcResizeObserver
-      key="resize-observer"
-      onResize={(offset) => {
-        setResponsive(offset.width < 596);
-      }}
-    >
-      <StatisticCard.Group direction={responsive ? 'column' : 'row'}>
-        <StatisticCard
-          title={intl.formatMessage({
-            id: 'pages.analysis.cpu',
-            defaultMessage: 'CPU使用率',
-          })}
-          chart={<CPU />}
-        />
-        <Divider type={responsive ? 'horizontal' : 'vertical'} />
-        <StatisticCard
-          title={intl.formatMessage({
-            id: 'pages.analysis.jvm',
-            defaultMessage: 'JVM内存',
-          })}
-          chart={<Jvm />}
-        />
-        <Divider type={responsive ? 'horizontal' : 'vertical'} />
-        <StatisticCard
-          title={intl.formatMessage({
-            id: 'pages.analysis.volume',
-            defaultMessage: '今日设备消息量',
-          })}
-          chart={<MessageChart />}
-        />
-        <Divider type={responsive ? 'horizontal' : 'vertical'} />
-        <DeviceChart />
-      </StatisticCard.Group>
-      <Divider type={responsive ? 'horizontal' : 'vertical'} />
-
-      <DeviceMessageChart />
-    </RcResizeObserver>
-  );
-};
-export default Analysis;

src/pages/Analysis/service.ts

@@ -1,19 +0,0 @@
-import BaseService from '@/utils/BaseService';
-import { request } from 'umi';
-import SystemConst from '@/utils/const';
-import Token from '@/utils/token';
-import { defer, from } from 'rxjs';
-
-class Service extends BaseService<unknown> {
-  public getMulti = (data: unknown) =>
-    defer(() =>
-      from(
-        request(`${SystemConst.API_BASE}/dashboard/_multi?:X_Access_Token=${Token.get()}`, {
-          method: 'POST',
-          data,
-        }),
-      ),
-    );
-}
-
-export default Service;

src/pages/cloud/Aliyun/index.tsx

@@ -1,140 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import BaseService from '@/utils/BaseService';
-import { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import BaseCrud from '@/components/BaseCrud';
-import { Popconfirm, Tooltip } from 'antd';
-import {
-  CloseCircleOutlined,
-  EditOutlined,
-  EyeOutlined,
-  PlayCircleOutlined,
-} from '@ant-design/icons';
-import { CurdModel } from '@/components/BaseCrud/model';
-import type { AliyunItem } from '@/pages/cloud/Aliyun/typings';
-import { useIntl } from '@@/plugin-locale/localeExports';
-import { onlyMessage } from '@/utils/util';
-
-export const service = new BaseService<AliyunItem>('device/aliyun/bridge');
-
-const stateIconMap = {
-  enabled: <CloseCircleOutlined />,
-  disabled: <PlayCircleOutlined />,
-};
-
-const Aliyun = () => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-  const columns: ProColumns<AliyunItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-      align: 'center',
-      dataIndex: 'name',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.table.description',
-        defaultMessage: '说明',
-      }),
-      align: 'center',
-      dataIndex: 'description',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.searchTable.titleStatus',
-        defaultMessage: '状态',
-      }),
-      dataIndex: 'state',
-      render: (value: any) => value.text,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.detail',
-              defaultMessage: '查看',
-            })}
-            key={'detail'}
-          >
-            <EyeOutlined />
-          </Tooltip>
-        </a>,
-        <a key="editable" onClick={() => CurdModel.update(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a key="status">
-          <Popconfirm
-            title={intl.formatMessage({
-              id: `pages.data.option.${
-                record.state.value === 'disabled' ? 'enabled' : 'disabled'
-              }.tips`,
-              defaultMessage: `确认${record.state.value === 'disabled' ? '启' : '禁'}用？`,
-            })}
-            onConfirm={async () => {
-              // const state = record.state.value === 'disabled' ? 'enable' : 'disable';
-              // await service.changeStatus(record.id, state);
-              onlyMessage(
-                intl.formatMessage({
-                  id: 'pages.data.option.success',
-                  defaultMessage: '操作成功!',
-                }),
-              );
-              actionRef.current?.reload();
-            }}
-          >
-            <Tooltip
-              title={intl.formatMessage({
-                id: `pages.data.option.${
-                  record.state.value === 'enabled' ? 'disabled' : 'enabled'
-                }`,
-                defaultMessage: record.state.text,
-              })}
-            >
-              {stateIconMap[record.state.value]}
-            </Tooltip>
-          </Popconfirm>
-        </a>,
-      ],
-    },
-  ];
-  const schema = {};
-
-  return (
-    <PageContainer>
-      <BaseCrud<AliyunItem>
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.cloud.aliyun',
-          defaultMessage: '阿里云',
-        })}
-        schema={schema}
-        actionRef={actionRef}
-      />
-    </PageContainer>
-  );
-};
-export default Aliyun;

src/pages/cloud/Aliyun/typings.d.ts

@@ -1,22 +0,0 @@
-import type { BaseItem, State } from '@/utils/typings';
-
-type AliyunItem = {
-  accessConfig: {
-    bridgeDeviceName: string;
-    bridgeDeviceSecret: string;
-    bridgeProductKey: string;
-    http2Endpoint: string;
-    serverId: string;
-  };
-  bridgeConfigs: {
-    accessKeyId: string;
-    accessSecret: string;
-    apiEndpoint: string;
-    authEndpoint: string;
-    productKey: string;
-    regionId: string;
-  };
-  codecProtocol: string;
-  createTime: number;
-  state: State;
-} & BaseItem;

src/pages/cloud/Ctwing/index.tsx

@@ -1,124 +0,0 @@
-import BaseCrud from '@/components/BaseCrud';
-import { CurdModel } from '@/components/BaseCrud/model';
-import BaseService from '@/utils/BaseService';
-import { CloseCircleOutlined, EditOutlined, PlayCircleOutlined } from '@ant-design/icons';
-import { PageContainer } from '@ant-design/pro-layout';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import { Popconfirm, Tooltip } from 'antd';
-import { useRef } from 'react';
-import type { CtwingItem } from '@/pages/cloud/Ctwing/typings';
-import { useIntl } from '@@/plugin-locale/localeExports';
-import { onlyMessage } from '@/utils/util';
-
-export const service = new BaseService<CtwingItem>('ctwing/product');
-
-const stateIconMap = {
-  enabled: <CloseCircleOutlined />,
-  disabled: <PlayCircleOutlined />,
-};
-
-const Ctwing = () => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-  const columns: ProColumns<CtwingItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-      align: 'center',
-      dataIndex: 'name',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.searchTable.titleStatus',
-        defaultMessage: '状态',
-      }),
-      dataIndex: 'state',
-      render: (value: any) => value.text,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.table.description',
-        defaultMessage: '说明',
-      }),
-      align: 'center',
-      dataIndex: 'description',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a key="editable" onClick={() => CurdModel.update(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a key="status">
-          <Popconfirm
-            title={intl.formatMessage({
-              id: `pages.data.option.${
-                record.state.value === 'disabled' ? 'enabled' : 'disabled'
-              }.tips`,
-              defaultMessage: `确认${record.state.value === 'disabled' ? '启' : '禁'}用？`,
-            })}
-            onConfirm={async () => {
-              // const state = record.state.value === 'disabled' ? 'enable' : 'disable';
-              // await service.changeStatus(record.id, state);
-              onlyMessage(
-                intl.formatMessage({
-                  id: 'pages.data.option.success',
-                  defaultMessage: '操作成功!',
-                }),
-              );
-              actionRef.current?.reload();
-            }}
-          >
-            <Tooltip
-              title={intl.formatMessage({
-                id: `pages.data.option.${
-                  record.state.value === 'enabled' ? 'disabled' : 'enabled'
-                }`,
-                defaultMessage: record.state.text,
-              })}
-            >
-              {stateIconMap[record.state.value]}
-            </Tooltip>
-          </Popconfirm>
-        </a>,
-      ],
-    },
-  ];
-  const schema = {};
-
-  return (
-    <PageContainer>
-      <BaseCrud<CtwingItem>
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.cloud.ctwing',
-          defaultMessage: 'ctwing',
-        })}
-        schema={schema}
-        actionRef={actionRef}
-      />
-    </PageContainer>
-  );
-};
-export default Ctwing;

src/pages/cloud/Ctwing/typings.d.ts

@@ -1,9 +0,0 @@
-import type { BaseItem, State } from '@/utils/typings';
-
-type CtwingItem = {
-  apiAddress: string;
-  appKey: string;
-  appSecret: string;
-  masterKey: string;
-  state: State;
-} & BaseItem;

src/pages/cloud/DuerOS/Save/index.tsx

@@ -1,11 +0,0 @@
-import { Modal } from 'antd';
-
-const Save = () => {
-  return (
-    <Modal title="新增" visible>
-      。。。
-    </Modal>
-  );
-};
-
-export default Save;

src/pages/cloud/DuerOS/index.tsx

@@ -1,158 +0,0 @@
-import BaseService from '@/utils/BaseService';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import { PageContainer } from '@ant-design/pro-layout';
-import { useRef, useState } from 'react';
-import { Space, Tooltip } from 'antd';
-import { DeleteOutlined, EditOutlined, MinusOutlined, PlusOutlined } from '@ant-design/icons';
-import type { DuerOSItem } from '@/pages/cloud/DuerOS/typings';
-import { useIntl } from '@@/plugin-locale/localeExports';
-import SearchComponent from '@/components/SearchComponent';
-import { PermissionButton, ProTableCard } from '@/components';
-import DuerOSCard from '@/components/ProTableCard/CardItems/duerOs';
-
-export const service = new BaseService<DuerOSItem>('dueros/product');
-const DuerOS = () => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-  const columns: ProColumns<DuerOSItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-      dataIndex: 'name',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.cloud.duerOS.applianceType',
-        defaultMessage: '设备类型',
-      }),
-      dataIndex: 'applianceType',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.cloud.duerOS.manufacturerName',
-        defaultMessage: '厂家名称',
-      }),
-      dataIndex: 'manufacturerName',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.cloud.duerOS.version',
-        defaultMessage: '动作数量',
-      }),
-      dataIndex: 'version',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a
-          onClick={() => {
-            console.log(record);
-          }}
-        >
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.remove',
-              defaultMessage: '删除',
-            })}
-          >
-            <MinusOutlined />
-          </Tooltip>
-        </a>,
-      ],
-    },
-  ];
-  // const schema = {};
-
-  const [param, setParam] = useState({});
-  return (
-    <PageContainer>
-      <SearchComponent
-        field={columns}
-        onSearch={(data) => {
-          actionRef.current?.reset?.();
-          setParam(data);
-        }}
-      />
-      <ProTableCard<any>
-        actionRef={actionRef}
-        rowKey="id"
-        search={false}
-        params={param}
-        columns={columns}
-        columnEmptyText={''}
-        request={(params) =>
-          service.query({ ...params, sorts: [{ name: 'createTime', order: 'desc' }] })
-        }
-        cardRender={(record) => (
-          <DuerOSCard
-            {...record}
-            action={[
-              <PermissionButton>
-                <EditOutlined />
-                编辑
-              </PermissionButton>,
-              <PermissionButton
-                type="link"
-                popConfirm={{
-                  disabled: record.state?.value !== 'disabled',
-                  title: '确认删除?',
-                  onConfirm: async () => {
-                    await service.remove(record.id);
-                    actionRef.current?.reset?.();
-                  },
-                }}
-                isPermission={true}
-                key="delete"
-              >
-                <DeleteOutlined />
-              </PermissionButton>,
-            ]}
-          />
-        )}
-        headerTitle={
-          <Space>
-            <PermissionButton
-              isPermission={true}
-              onClick={() => {
-                // setCurrent(undefined);
-                // setVisible(true);
-              }}
-              key="button"
-              icon={<PlusOutlined />}
-              type="primary"
-            >
-              {intl.formatMessage({
-                id: 'pages.data.option.add',
-                defaultMessage: '新增',
-              })}
-            </PermissionButton>
-          </Space>
-        }
-      />
-    </PageContainer>
-  );
-};
-export default DuerOS;

src/pages/cloud/DuerOS/typings.d.ts

@@ -1,45 +0,0 @@
-import type { BaseItem } from '@/utils/typings';
-
-// type Action = {
-//   arg: unknown[];
-// } & BaseItem;
-//
-// type Mode = BaseItem;
-//
-// type Property = BaseItem;
-
-// type DuerOSItem = {
-//   actions?: Action[];
-//   modes?: Mode[];
-//   properties?: Property[];
-// } & BaseItem;
-
-type PropertyMapping = {
-  source: string;
-  target: string[];
-};
-
-type ActionMapping = {
-  action: string;
-  actionType: string;
-  command: {
-    message: Record<string, any>;
-    messageType: string;
-  };
-};
-type DuerOSItem = {
-  productName?: string;
-  version: number;
-  manufacturerName: string;
-  autoReportProperty: boolean;
-  applianceType: {
-    text: string;
-    value: string;
-  };
-  state?: {
-    text: string;
-    value: string;
-  };
-  actionMappings: ActionMapping[];
-  propertyMappings: PropertyMapping[];
-} & BaseItem;

src/pages/cloud/Onenet/index.tsx

@@ -1,136 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import BaseService from '@/utils/BaseService';
-import { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import { Popconfirm, Tooltip } from 'antd';
-import {
-  CloseCircleOutlined,
-  EditOutlined,
-  MinusOutlined,
-  PlayCircleOutlined,
-} from '@ant-design/icons';
-import BaseCrud from '@/components/BaseCrud';
-import { CurdModel } from '@/components/BaseCrud/model';
-import type { OnenetItem } from '@/pages/cloud/Onenet/typings';
-import { useIntl } from '@@/plugin-locale/localeExports';
-import { onlyMessage } from '@/utils/util';
-
-export const service = new BaseService<OnenetItem>('one-net/product');
-
-const stateIconMap = {
-  enabled: <CloseCircleOutlined />,
-  disabled: <PlayCircleOutlined />,
-};
-
-const Onenet = () => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-  const columns: ProColumns<OnenetItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-      align: 'center',
-      dataIndex: 'name',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.searchTable.titleStatus',
-        defaultMessage: '状态',
-      }),
-      align: 'center',
-      dataIndex: 'state.text',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.table.description',
-        defaultMessage: '说明',
-      }),
-      align: 'center',
-      dataIndex: 'description',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a key="editable" onClick={() => CurdModel.update(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a key="status">
-          <Popconfirm
-            title={intl.formatMessage({
-              id: `pages.data.option.${
-                record.state.value === 'disabled' ? 'enabled' : 'disabled'
-              }.tips`,
-              defaultMessage: `确认${record.state.value === 'disabled' ? '启' : '禁'}用？`,
-            })}
-            onConfirm={async () => {
-              onlyMessage(
-                intl.formatMessage({
-                  id: 'pages.data.option.success',
-                  defaultMessage: '操作成功!',
-                }),
-              );
-              actionRef.current?.reload();
-            }}
-          >
-            <Tooltip
-              title={intl.formatMessage({
-                id: `pages.data.option.${
-                  record.state.value === 'enabled' ? 'disabled' : 'enabled'
-                }`,
-                defaultMessage: record.state.text,
-              })}
-            >
-              {stateIconMap[record.state.value]}
-            </Tooltip>
-          </Popconfirm>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.remove',
-              defaultMessage: '删除',
-            })}
-          >
-            <MinusOutlined />
-          </Tooltip>
-        </a>,
-      ],
-    },
-  ];
-  const schema = {};
-  return (
-    <PageContainer>
-      <BaseCrud<OnenetItem>
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.cloud.onenet',
-          defaultMessage: 'Onenet',
-        })}
-        schema={schema}
-        actionRef={actionRef}
-      />
-    </PageContainer>
-  );
-};
-export default Onenet;

src/pages/cloud/Onenet/typings.d.ts

@@ -1,10 +0,0 @@
-import type { BaseItem, State } from '@/utils/typings';
-
-type OnenetItem = {
-  aesKey: string;
-  apiAddress: string;
-  apiKey: string;
-  description: string;
-  state: State;
-  validateToken: string;
-} & BaseItem;

src/pages/device/Command/cat/index.tsx

@@ -1,42 +0,0 @@
-import { Input, Modal } from 'antd';
-import type { CommandItem } from '@/pages/device/Command/typings';
-import MonacoEditor from 'react-monaco-editor';
-
-interface Props {
-  close: () => void;
-  data: CommandItem | undefined;
-  visible: boolean;
-}
-
-const Cat = (props: Props) => {
-  const { close, data, visible } = props;
-  return (
-    <Modal
-      maskClosable={false}
-      width="40vw"
-      visible={visible}
-      onCancel={() => close()}
-      footer={null}
-      title="查看指令"
-    >
-      下发指令:
-      <MonacoEditor
-        height={300}
-        language={'json'}
-        editorDidMount={(editor) => {
-          editor.getAction('editor.action.formatDocument').run();
-          editor.onDidContentSizeChange?.(() => {
-            editor.getAction('editor.action.formatDocument').run();
-            // .finally(() => {
-            //   editor.updateOptions({ readOnly: true });
-            // });
-          });
-        }}
-        value={JSON.stringify(data?.downstream)}
-      />
-      回复结果:
-      <Input.TextArea rows={3} />
-    </Modal>
-  );
-};
-export default Cat;

src/pages/device/Command/create/index.tsx

@@ -1,260 +0,0 @@
-import type { Field } from '@formily/core';
-import { createForm, onFieldValueChange } from '@formily/core';
-import { createSchemaField } from '@formily/react';
-import { ArrayTable, Form, FormItem, Input, Select, Space } from '@formily/antd';
-import { action } from '@formily/reactive';
-import type { ISchema } from '@formily/json-schema';
-import { service } from '@/pages/device/Command';
-import { Modal } from 'antd';
-import FSelectDevices from '@/components/FSelectDevices';
-import { useRef } from 'react';
-import type { DeviceMetadata, ProductItem } from '@/pages/device/Product/typings';
-import { onlyMessage } from '@/utils/util';
-
-interface Props {
-  close: () => void;
-  visible: boolean;
-}
-
-const Create = (props: Props) => {
-  const { close, visible } = props;
-  const products = useRef<ProductItem[]>([]);
-
-  const metadataRef = useRef<DeviceMetadata>();
-  const form = createForm({
-    validateFirst: true,
-    initialValues: {},
-    effects() {
-      onFieldValueChange('productId', (field, f) => {
-        const value = (field as Field).value;
-        const product = products.current.find((item) => item.id === value);
-        const deviceId = field.query('deviceId').take();
-        deviceId.setComponentProps({
-          productId: value,
-        });
-
-        const metadata = JSON.parse(product?.metadata as string) as DeviceMetadata;
-        metadataRef.current = metadata;
-        f.setFieldState(field.query('message.properties.key'), (state) => {
-          state.dataSource = metadata?.properties.map((item) => ({
-            label: item.name,
-            value: item.id,
-          }));
-        });
-        f.setFieldState(field.query('message.functionId'), (state) => {
-          state.dataSource = metadata?.functions.map((item) => ({
-            label: item.name,
-            value: item.id,
-          }));
-        });
-      });
-      onFieldValueChange('message.functionId', (field, f1) => {
-        const value = (field as Field).value;
-        const func = metadataRef.current?.functions.find((item) => item.id === value)?.inputs;
-        f1.setFieldState(field.query('message.inputs'), (state) => {
-          state.value = func?.map((item) => ({
-            key: `${item.name}(${item.id})`,
-            value: null,
-            name: item.id,
-          }));
-        });
-      });
-    },
-  });
-
-  const SchemaField = createSchemaField({
-    components: {
-      FormItem,
-      Input,
-      Select,
-      FSelectDevices,
-      ArrayTable,
-      Space,
-    },
-  });
-
-  const useAsyncDataSource = (services: (arg0: Field) => Promise<any>) => (field: Field) => {
-    field.loading = true;
-    services(field).then(
-      action.bound!((data: any) => {
-        products.current = data.result;
-        field.dataSource = data.result.map((item: any) => ({ label: item.name, value: item.id }));
-        field.loading = false;
-      }),
-    );
-  };
-
-  const loadData = async () => service.queryProduct();
-
-  const schema: ISchema = {
-    type: 'object',
-    properties: {
-      productId: {
-        title: '产品',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        'x-reactions': ['{{useAsyncDataSource(loadData)}}'],
-      },
-      deviceId: {
-        title: '设备',
-        'x-decorator': 'FormItem',
-        'x-component': 'FSelectDevices',
-        'x-component-props': {
-          type: 'multi',
-        },
-      },
-      message: {
-        type: 'object',
-        properties: {
-          messageType: {
-            title: '指令',
-            'x-decorator': 'FormItem',
-            'x-component': 'Select',
-            enum: [
-              { label: '读取属性', value: 'READ_PROPERTY' },
-              { label: '设置属性', value: 'WRITE_PROPERTY' },
-              { label: '调用功能', value: 'INVOKE_FUNCTION' },
-            ],
-          },
-          properties: {
-            type: 'object',
-            properties: {
-              key: {
-                title: '属性',
-                'x-decorator': 'FormItem',
-                'x-component': 'Select',
-                enum: [],
-                'x-reactions': {
-                  dependencies: ['..messageType'],
-                  fulfill: {
-                    state: {
-                      visible: "{{['READ_PROPERTY','WRITE_PROPERTY'].includes($deps[0])}}",
-                      componentProps: {
-                        mode: "{{$deps[0]==='READ_PROPERTY'&&'multiple'}}",
-                      },
-                    },
-                  },
-                },
-                'x-visible': false,
-              },
-              value: {
-                title: '设置值',
-                'x-component': 'Input',
-                'x-decorator': 'FormItem',
-                'x-reactions': {
-                  dependencies: ['..messageType'],
-                  fulfill: {
-                    state: {
-                      visible: "{{['WRITE_PROPERTY'].includes($deps[0])}}",
-                    },
-                  },
-                },
-                'x-visible': false,
-              },
-            },
-          },
-          functionId: {
-            title: '功能',
-            'x-decorator': 'FormItem',
-            'x-component': 'Select',
-            enum: [],
-            'x-reactions': {
-              dependencies: ['.messageType'],
-              fulfill: {
-                state: {
-                  visible: "{{['INVOKE_FUNCTION'].includes($deps[0])}}",
-                },
-              },
-            },
-            'x-visible': false,
-          },
-          inputs: {
-            title: '参数',
-            'x-decorator': 'FormItem',
-            'x-component': 'ArrayTable',
-            type: 'array',
-            items: {
-              type: 'object',
-              properties: {
-                column1: {
-                  type: 'void',
-                  'x-component': 'ArrayTable.Column',
-                  'x-component-props': { title: '键' },
-                  properties: {
-                    key: {
-                      type: 'string',
-                      'x-decorator': 'FormItem',
-                      'x-component': 'Input',
-                      'x-read-only': true,
-                    },
-                  },
-                },
-                column2: {
-                  type: 'void',
-                  'x-component': 'ArrayTable.Column',
-                  'x-component-props': { title: '值' },
-                  properties: {
-                    value: {
-                      type: 'string',
-                      'x-decorator': 'FormItem',
-                      'x-component': 'Input',
-                    },
-                  },
-                },
-              },
-            },
-            'x-reactions': {
-              dependencies: ['.messageType'],
-              fulfill: {
-                state: {
-                  visible: "{{['INVOKE_FUNCTION'].includes($deps[0])}}",
-                },
-              },
-            },
-            'x-visible': false,
-          },
-        },
-      },
-    },
-  };
-
-  const sendCommand = async () => {
-    const values: Record<string, any> = await form.submit();
-    const type = values.message?.messageType;
-    switch (type) {
-      case 'READ_PROPERTY':
-        const property = values.message.properties.key;
-        values.message.properties = property;
-        break;
-      case 'WRITE_PROPERTY':
-        const key = values.message.properties.key;
-        const value = values.message.properties.value;
-        values.message.properties = { [key]: value };
-        break;
-      default:
-        break;
-    }
-    const resp = await service.task(values);
-    if (resp.status === 200) {
-      onlyMessage('操作成功');
-    } else {
-      onlyMessage('操作失败', 'error');
-    }
-    close();
-  };
-  return (
-    <Modal
-      maskClosable={false}
-      onOk={sendCommand}
-      onCancel={() => close()}
-      width="50vw"
-      visible={visible}
-      title="下发指令"
-    >
-      <Form form={form} labelCol={5} wrapperCol={16}>
-        <SchemaField schema={schema} scope={{ useAsyncDataSource, loadData }} />
-      </Form>
-    </Modal>
-  );
-};
-export default Create;

src/pages/device/Command/index.tsx

@@ -1,219 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import ProTable from '@jetlinks/pro-table';
-import type { CommandItem } from '@/pages/device/Command/typings';
-import { Button, Tooltip } from 'antd';
-import moment from 'moment';
-import { EyeOutlined, PlusOutlined, SyncOutlined } from '@ant-design/icons';
-import { useIntl } from '@@/plugin-locale/localeExports';
-import Service from '@/pages/device/Command/service';
-import Create from '@/pages/device/Command/create';
-import encodeQuery from '@/utils/encodeQuery';
-import { model } from '@formily/reactive';
-import { observer } from '@formily/react';
-import Cat from '@/pages/device/Command/cat';
-import { onlyMessage } from '@/utils/util';
-
-export const service = new Service('device/message/task');
-
-export const state = model<{
-  visible: boolean;
-  cat: boolean;
-  data?: CommandItem;
-}>({
-  visible: false,
-  cat: false,
-});
-const Command = observer(() => {
-  const actionRef = useRef<ActionType>();
-  const intl = useIntl();
-
-  const columns: ProColumns<CommandItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.table.deviceId',
-        defaultMessage: '设备ID',
-      }),
-      dataIndex: 'deviceId',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.table.deviceName',
-        defaultMessage: '设备名称',
-      }),
-      dataIndex: 'deviceName',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.device.command.type',
-        defaultMessage: '指令类型',
-      }),
-      dataIndex: 'messageType',
-      filters: [
-        {
-          text: intl.formatMessage({
-            id: 'pages.device.command.type.readProperty',
-            defaultMessage: '读取属性',
-          }),
-          value: 'READ_PROPERTY',
-        },
-        {
-          text: intl.formatMessage({
-            id: 'pages.device.command.type.writeProperty',
-            defaultMessage: '设置属性',
-          }),
-          value: 'WRITE_PROPERTY',
-        },
-        {
-          text: intl.formatMessage({
-            id: 'pages.device.command.type.invokeFunction',
-            defaultMessage: '调用属性',
-          }),
-          value: 'INVOKE_FUNCTION',
-        },
-      ],
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.searchTable.titleStatus',
-        defaultMessage: '状态',
-      }),
-      dataIndex: 'state',
-      filters: [
-        {
-          text: intl.formatMessage({
-            id: 'pages.device.command.status.wait',
-            defaultMessage: '等待中',
-          }),
-          value: 'wait',
-        },
-        {
-          text: intl.formatMessage({
-            id: 'pages.device.command.status.sendError',
-            defaultMessage: '发送失败',
-          }),
-          value: 'sendError',
-        },
-        {
-          text: intl.formatMessage({
-            id: 'pages.device.command.status.success',
-            defaultMessage: '发送成功',
-          }),
-          value: 'success',
-        },
-      ],
-      render: (value: any) => value.text,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.device.command.lastError',
-        defaultMessage: '错误信息',
-      }),
-      dataIndex: 'lastError',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.device.command.sendTime',
-        defaultMessage: '发送时间',
-      }),
-      dataIndex: 'sendTimestamp',
-      render: (text: any) => moment(text).format('YYYY-MM-DD HH:mm:ss'),
-      sorter: true,
-      defaultSortOrder: 'descend',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a
-          key="cat"
-          onClick={() => {
-            state.cat = true;
-            state.data = record;
-          }}
-        >
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.detail',
-              defaultMessage: '查看',
-            })}
-            key="detail"
-          >
-            <EyeOutlined />
-          </Tooltip>
-        </a>,
-        record.state.value !== 'wait' && (
-          <a
-            key="action"
-            onClick={async () => {
-              const resp = await service.resend(encodeQuery({ terms: { id: record.id } }));
-              if (resp.status === 200) {
-                onlyMessage('操作成功！');
-              } else {
-                onlyMessage('操作失败！', 'error');
-              }
-            }}
-          >
-            <Tooltip
-              title={intl.formatMessage({
-                id: 'pages.device.command.option.send',
-                defaultMessage: '重新发送',
-              })}
-            >
-              <SyncOutlined />
-            </Tooltip>
-          </a>
-        ),
-      ],
-    },
-  ];
-
-  return (
-    <PageContainer>
-      <ProTable<CommandItem>
-        toolBarRender={() => [
-          <Button
-            onClick={() => {
-              state.visible = true;
-            }}
-            key="button"
-            icon={<PlusOutlined />}
-            type="primary"
-          >
-            下发指令
-          </Button>,
-        ]}
-        request={async (params) => service.query(params)}
-        columns={columns}
-        actionRef={actionRef}
-        rowKey="id"
-        columnEmptyText={''}
-      />
-      <Create
-        visible={state.visible}
-        close={() => {
-          state.visible = false;
-        }}
-      />
-      <Cat
-        close={() => {
-          state.cat = false;
-        }}
-        data={state.data}
-        visible={state.cat}
-      />
-    </PageContainer>
-  );
-});
-export default Command;

src/pages/device/Command/service.ts

@@ -1,23 +0,0 @@
-import BaseService from '@/utils/BaseService';
-import { request } from '@@/plugin-request/request';
-import type { CommandItem } from '@/pages/device/Command/typings';
-import SystemConst from '@/utils/const';
-
-class Service extends BaseService<CommandItem> {
-  queryProduct = () =>
-    request(`/${SystemConst.API_BASE}/device/product/_query/no-paging?paging=false`);
-
-  task = (data: Record<string, unknown>) =>
-    request(`/${SystemConst.API_BASE}/device/message/task`, {
-      method: 'POST',
-      data,
-    });
-
-  resend = (data: Record<string, unknown>) =>
-    request(`/${SystemConst.API_BASE}/device/message/task/state/wait`, {
-      method: 'PUT',
-      data,
-    });
-}
-
-export default Service;

src/pages/device/Command/typings.d.ts

@@ -1,28 +0,0 @@
-export type CommandItem = {
-  id: string;
-  deviceId: string;
-  deviceName: string;
-  lastError: string;
-  lastErrorCode: string;
-  maxRetryTimes: number;
-  messageId: string;
-  messageType: string;
-  productId: string;
-  replyTimestamp: number;
-  retryTimes: number;
-  sendTimestamp: number;
-  serverId: string;
-  state: {
-    text: string;
-    value: string;
-  };
-  downstream: {
-    deviceId: string;
-    functionId: string;
-    headers: Record<string, any>;
-    inputs: Record<string, any>[];
-    messageId: string;
-    messageType: string;
-    timestamp: number;
-  };
-};

src/pages/device/Instance/Detail/MetadataLog/Property/index copy.tsx

@@ -1,508 +0,0 @@
-import { InstanceModel, service } from '@/pages/device/Instance';
-import { useParams } from 'umi';
-import { DatePicker, Modal, Radio, Select, Space, Table, Tabs, Tooltip as ATooltip } from 'antd';
-import type { PropertyMetadata } from '@/pages/device/Product/typings';
-import encodeQuery from '@/utils/encodeQuery';
-import { useEffect, useState } from 'react';
-import moment from 'moment';
-import { Axis, Chart, Legend, LineAdvance, Point, Slider, Tooltip } from 'bizcharts';
-import FileComponent from '../../Running/Property/FileComponent';
-import { DownloadOutlined, SearchOutlined } from '@ant-design/icons';
-import Detail from './Detail';
-import AMap from './AMap';
-
-interface Props {
-  close: () => void;
-  data: Partial<PropertyMetadata>;
-}
-
-const PropertyLog = (props: Props) => {
-  const params = useParams<{ id: string }>();
-  const { close, data } = props;
-  const list = ['int', 'float', 'double', 'long'];
-  const [dataSource, setDataSource] = useState<any>({});
-  const [start, setStart] = useState<number>(moment().startOf('day').valueOf());
-  const [end, setEnd] = useState<number>(new Date().getTime());
-  const [radioValue, setRadioValue] = useState<undefined | 'today' | 'week' | 'month'>('today');
-  const [dateValue, setDateValue] = useState<any>(undefined);
-  const [chartsList, setChartsList] = useState<any>([]);
-  const [cycle, setCycle] = useState<string>(
-    list.includes(data.valueType?.type || '') ? '*' : '1m',
-  );
-  const [agg, setAgg] = useState<string>('AVG');
-  const [tab, setTab] = useState<string>('table');
-  const [detailVisible, setDetailVisible] = useState<boolean>(false);
-  const [current, setCurrent] = useState<any>('');
-
-  const [geoList, setGeoList] = useState<any>({});
-
-  const columns = [
-    {
-      title: '时间',
-      dataIndex: 'timestamp',
-      key: 'timestamp',
-      ellipsis: true,
-      render: (text: any) => <span>{text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''}</span>,
-    },
-    {
-      title: <span>{data.valueType?.type !== 'file' ? '自定义属性' : '文件内容'}</span>,
-      dataIndex: 'value',
-      key: 'value',
-      ellipsis: true,
-      render: (text: any, record: any) => (
-        <FileComponent type="table" value={{ formatValue: record.value }} data={data} />
-      ),
-    },
-    {
-      title: '操作',
-      dataIndex: 'action',
-      key: 'action',
-      render: (text: any, record: any) => (
-        <a>
-          {data.valueType?.type === 'file' && data?.valueType?.fileType == 'url' ? (
-            <ATooltip title="下载">
-              <DownloadOutlined
-                onClick={() => {
-                  const type = (record?.value || '').split('.').pop();
-                  const downloadUrl = record.value;
-                  const downNode = document.createElement('a');
-                  downNode.href = downloadUrl;
-                  downNode.target = '_blank';
-                  downNode.download = `${InstanceModel.detail.name}-${data.name}${moment(
-                    new Date().getTime(),
-                  ).format('YYYY-MM-DD-HH-mm-ss')}.${type}`;
-                  downNode.style.display = 'none';
-                  document.body.appendChild(downNode);
-                  downNode.click();
-                  document.body.removeChild(downNode);
-                }}
-              />
-            </ATooltip>
-          ) : (
-            <SearchOutlined
-              onClick={() => {
-                setDetailVisible(true);
-                setCurrent(record.value);
-              }}
-            />
-          )}
-        </a>
-      ),
-    },
-  ];
-
-  const geoColumns = [
-    {
-      title: '时间',
-      dataIndex: 'timestamp',
-      key: 'timestamp',
-      render: (text: any) => <span>{text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''}</span>,
-    },
-    {
-      title: '位置',
-      dataIndex: 'value',
-      key: 'value',
-      render: (text: any, record: any) => (
-        <FileComponent type="table" value={{ formatValue: record.value }} data={data} />
-      ),
-    },
-  ];
-
-  const tabList = [
-    {
-      tab: '列表',
-      key: 'table',
-    },
-    {
-      tab: '图表',
-      key: 'charts',
-    },
-  ];
-
-  const handleSearch = (param: any, startTime?: number, endTime?: number) => {
-    service
-      .getPropertyData(
-        params.id,
-        encodeQuery({
-          ...param,
-          terms: {
-            property: data.id,
-            timestamp$BTW: startTime && endTime ? [startTime, endTime] : [],
-          },
-          sorts: { timestamp: 'desc' },
-        }),
-      )
-      .then((resp) => {
-        if (resp.status === 200) {
-          setDataSource(resp.result);
-        }
-      });
-  };
-
-  const queryChartsList = async (startTime?: number, endTime?: number) => {
-    const resp = await service.queryPropertieList(params.id, data.id || '', {
-      paging: false,
-      terms: [
-        {
-          column: 'timestamp$BTW',
-          value: startTime && endTime ? [startTime, endTime] : [],
-          type: 'and',
-        },
-      ],
-      sorts: [{ name: 'timestamp', order: 'asc' }],
-    });
-    if (resp.status === 200) {
-      const dataList: any[] = [];
-      resp.result.data.forEach((i: any) => {
-        dataList.push({
-          year: moment(i.timestamp).format('YYYY-MM-DD HH:mm:ss'),
-          value: i.value,
-          type: data?.name || '',
-        });
-      });
-      setChartsList(dataList);
-    }
-  };
-
-  const queryChartsAggList = async (datas: any) => {
-    const resp = await service.queryPropertieInfo(params.id, datas);
-    if (resp.status === 200) {
-      const dataList: any[] = [];
-      resp.result.forEach((i: any) => {
-        dataList.push({
-          ...i,
-          year: moment(i.time).format('YYYY-MM-DD HH:mm:ss'),
-          value: Number(i[data.id || '']),
-          type: data?.name || '',
-        });
-      });
-      setChartsList(dataList.reverse());
-    }
-  };
-
-  useEffect(() => {
-    setRadioValue('today');
-    setTab('table');
-    setStart(moment().startOf('day').valueOf());
-    setEnd(new Date().getTime());
-  }, []);
-
-  const scale = {
-    value: { min: 0 },
-    year: {
-      type: 'time',
-      mask: 'YYYY-MM-DD HH:mm:ss',
-      // max: end,
-      // min: start,
-    },
-  };
-
-  const renderComponent = (type: string) => {
-    switch (type) {
-      case 'table':
-        return (
-          <Table
-            size="small"
-            rowKey={'id'}
-            onChange={(page) => {
-              handleSearch(
-                {
-                  pageSize: page.pageSize,
-                  pageIndex: Number(page.current) - 1 || 0,
-                },
-                start,
-                end,
-              );
-            }}
-            dataSource={dataSource?.data || []}
-            columns={data?.valueType?.type === 'geoPoint' ? geoColumns : columns}
-            pagination={{
-              current: (dataSource?.pageIndex || 0) + 1,
-              pageSize: dataSource?.pageSize || 10,
-              showSizeChanger: true,
-              total: dataSource?.total || 0,
-            }}
-          />
-        );
-      case 'charts':
-        return (
-          <div>
-            <div style={{ margin: '10 0', display: 'flex' }}>
-              <div style={{ marginRight: 20 }}>
-                统计周期：
-                <Select
-                  value={cycle}
-                  style={{ width: 120 }}
-                  onChange={(value: string) => {
-                    setCycle(value);
-                    if (value === '*') {
-                      queryChartsList(start, end);
-                    } else {
-                      queryChartsAggList({
-                        columns: [
-                          {
-                            property: data.id,
-                            alias: data.id,
-                            agg: agg,
-                          },
-                        ],
-                        query: {
-                          interval: value,
-                          format: 'yyyy-MM-dd HH:mm:ss',
-                          from: start,
-                          to: end,
-                        },
-                      });
-                    }
-                  }}
-                >
-                  {list.includes(data.valueType?.type || '') && (
-                    <Select.Option value="*">实际值</Select.Option>
-                  )}
-                  <Select.Option value="1m">按分钟统计</Select.Option>
-                  <Select.Option value="1h">按小时统计</Select.Option>
-                  <Select.Option value="1d">按天统计</Select.Option>
-                  <Select.Option value="1w">按周统计</Select.Option>
-                  <Select.Option value="1M">按月统计</Select.Option>
-                </Select>
-              </div>
-              {cycle !== '*' && list.includes(data.valueType?.type || '') && (
-                <div>
-                  统计规则：
-                  <Select
-                    defaultValue="AVG"
-                    style={{ width: 120 }}
-                    onChange={(value: string) => {
-                      setAgg(value);
-                      queryChartsAggList({
-                        columns: [
-                          {
-                            property: data.id,
-                            alias: data.id,
-                            agg: value,
-                          },
-                        ],
-                        query: {
-                          interval: cycle,
-                          format: 'yyyy-MM-dd HH:mm:ss',
-                          from: start,
-                          to: end,
-                        },
-                      });
-                    }}
-                  >
-                    <Select.Option value="AVG">平均值</Select.Option>
-                    <Select.Option value="MAX">最大值</Select.Option>
-                    <Select.Option value="MIN">最小值</Select.Option>
-                    <Select.Option value="COUNT">总数</Select.Option>
-                  </Select>
-                </div>
-              )}
-            </div>
-            <div style={{ marginTop: 10 }}>
-              <Chart height={400} data={chartsList} scale={scale} padding="auto" autoFit>
-                <Legend />
-                <Axis name="year" />
-                <Axis
-                  name="value"
-                  label={{
-                    formatter: (val) => parseFloat(val).toLocaleString(),
-                  }}
-                />
-                <Tooltip shared />
-                <Point position="year*value" />
-                <LineAdvance position="year*value" shape="smooth" area />
-                <Slider />
-              </Chart>
-            </div>
-          </div>
-        );
-      default:
-        return null;
-    }
-  };
-
-  useEffect(() => {
-    if (tab === 'table') {
-      handleSearch(
-        {
-          pageSize: 10,
-          pageIndex: 0,
-        },
-        start,
-        end,
-      );
-    } else if (tab === 'charts') {
-      if (list.includes(data.valueType?.type || '')) {
-        queryChartsList(start, end);
-      } else {
-        queryChartsAggList({
-          columns: [
-            {
-              property: data.id,
-              alias: data.id,
-              agg,
-            },
-          ],
-          query: {
-            interval: cycle,
-            format: 'yyyy-MM-dd HH:mm:ss',
-            from: start,
-            to: end,
-          },
-        });
-      }
-    } else if (tab === 'geo') {
-      service
-        .getPropertyData(
-          params.id,
-          encodeQuery({
-            paging: false,
-            terms: { property: data?.id, timestamp$BTW: start && start ? [start, end] : [] },
-            sorts: { timestamp: 'asc' },
-          }),
-        )
-        .then((resp) => {
-          if (resp.status === 200) {
-            setGeoList(resp.result);
-          }
-        });
-    }
-    setDateValue([moment(start), moment(end)]);
-  }, [start, end]);
-
-  // @ts-ignore
-  return (
-    <Modal
-      maskClosable={false}
-      title="详情"
-      visible
-      onCancel={() => close()}
-      onOk={() => close()}
-      width="50vw"
-    >
-      <div style={{ marginBottom: '20px' }}>
-        <Space>
-          <Radio.Group
-            value={radioValue}
-            buttonStyle="solid"
-            onChange={(e) => {
-              const value = e.target.value;
-              setRadioValue(value);
-              let st: number = 0;
-              const et = new Date().getTime();
-              if (value === 'today') {
-                st = moment().startOf('day').valueOf();
-              } else if (value === 'week') {
-                st = moment().subtract(6, 'days').valueOf();
-              } else if (value === 'month') {
-                st = moment().subtract(29, 'days').valueOf();
-              }
-              setDateValue(undefined);
-              setStart(st);
-              setEnd(et);
-            }}
-            style={{ minWidth: 220 }}
-          >
-            <Radio.Button value="today">今日</Radio.Button>
-            <Radio.Button value="week">近一周</Radio.Button>
-            <Radio.Button value="month">近一月</Radio.Button>
-          </Radio.Group>
-          {
-            // @ts-ignore
-            <DatePicker.RangePicker
-              value={dateValue}
-              showTime
-              onChange={(dates: any) => {
-                if (dates) {
-                  setRadioValue(undefined);
-                  setDateValue(dates);
-                  const st = dates[0]?.valueOf();
-                  const et = dates[1]?.valueOf();
-                  setStart(st);
-                  setEnd(et);
-                }
-              }}
-            />
-          }
-        </Space>
-      </div>
-      <Tabs
-        activeKey={tab}
-        onChange={(key: string) => {
-          setTab(key);
-          if (key === 'charts' && !!data.valueType?.type) {
-            if (list.includes(data.valueType?.type)) {
-              queryChartsList(start, end);
-            } else {
-              setCycle('1m');
-              setAgg('COUNT');
-              queryChartsAggList({
-                columns: [
-                  {
-                    property: data.id,
-                    alias: data.id,
-                    agg: 'COUNT',
-                  },
-                ],
-                query: {
-                  interval: '1m',
-                  format: 'yyyy-MM-dd HH:mm:ss',
-                  from: start,
-                  to: end,
-                },
-              });
-            }
-          }
-          if (key === 'geo') {
-            service
-              .getPropertyData(
-                params.id,
-                encodeQuery({
-                  paging: false,
-                  terms: { property: data.id, timestamp$BTW: start && end ? [start, end] : [] },
-                  sorts: { timestamp: 'asc' },
-                }),
-              )
-              .then((resp) => {
-                if (resp.status === 200) {
-                  setGeoList(resp.result);
-                }
-              });
-          }
-          if (key === 'table') {
-            handleSearch(
-              {
-                pageSize: 10,
-                pageIndex: 0,
-              },
-              start,
-              end,
-            );
-          }
-        }}
-      >
-        {tabList.map((item) => (
-          <Tabs.TabPane tab={item.tab} key={item.key}>
-            {renderComponent(item.key)}
-          </Tabs.TabPane>
-        ))}
-        {data?.valueType?.type === 'geoPoint' && (
-          <Tabs.TabPane tab="轨迹" key="geo">
-            <AMap value={geoList} name={data?.name || ''} />
-          </Tabs.TabPane>
-        )}
-      </Tabs>
-      {detailVisible && (
-        <Detail
-          close={() => {
-            setDetailVisible(false);
-          }}
-          value={current}
-          type={data.valueType?.type || ''}
-        />
-      )}
-    </Modal>
-  );
-};
-export default PropertyLog;

src/pages/device/Location/index.tsx

@@ -1,11 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import AMapComponent from '@/components/AMapComponent';
-
-const Location = () => {
-  return (
-    <PageContainer title="地理位置">
-      <AMapComponent />
-    </PageContainer>
-  );
-};
-export default Location;

src/pages/edge/Device/index.tsx

@@ -1,118 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import { Tooltip } from 'antd';
-import { ArrowDownOutlined, BugOutlined, EditOutlined, MinusOutlined } from '@ant-design/icons';
-import BaseCrud from '@/components/BaseCrud';
-import BaseService from '@/utils/BaseService';
-import type { DeviceItem } from '@/pages/edge/Device/typings';
-import { useIntl } from '@@/plugin-locale/localeExports';
-
-export const service = new BaseService<DeviceItem>('device/instance');
-const Device = () => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-
-  const columns: ProColumns<DeviceItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      dataIndex: 'id',
-      title: 'ID',
-    },
-    {
-      dataIndex: 'name',
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-    },
-    {
-      dataIndex: 'state',
-      title: intl.formatMessage({
-        id: 'pages.searchTable.titleStatus',
-        defaultMessage: '状态',
-      }),
-      render: (text, record) => record.state.value,
-    },
-    {
-      dataIndex: 'productName',
-      title: intl.formatMessage({
-        id: 'pages.table.productName',
-        defaultMessage: '产品名称',
-      }),
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a onClick={() => console.log(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.remove',
-              defaultMessage: '删除',
-            })}
-          >
-            <MinusOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.download',
-              defaultMessage: '下载配置',
-            })}
-          >
-            <ArrowDownOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.notice.option.debug',
-              defaultMessage: '调试',
-            })}
-          >
-            <BugOutlined />
-          </Tooltip>
-        </a>,
-      ],
-    },
-  ];
-
-  const schema = {};
-
-  return (
-    <PageContainer>
-      <BaseCrud
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.edge.device',
-          defaultMessage: 'config',
-        })}
-        schema={schema}
-        actionRef={actionRef}
-      />
-    </PageContainer>
-  );
-};
-export default Device;

src/pages/edge/Device/typings.d.ts

@@ -1,14 +0,0 @@
-import type { BaseItem, State } from '@/utils/typings';
-
-type DeviceItem = {
-  productId: string;
-  productName: string;
-  registryTime: number;
-  state: State;
-  createTime: number;
-  creatorId: string;
-  creatorName: string;
-  deviceMetadata: string;
-  features: unknown[];
-  configuration: Record<string, any>;
-} & BaseItem;

src/pages/edge/Product/index.tsx

@@ -1,113 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import BaseService from '@/utils/BaseService';
-import { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import { Tooltip } from 'antd';
-import { ArrowDownOutlined, BugOutlined, EditOutlined, MinusOutlined } from '@ant-design/icons';
-import BaseCrud from '@/components/BaseCrud';
-import type { ProductItem } from '@/pages/edge/Product/typings';
-import { useIntl } from '@@/plugin-locale/localeExports';
-
-export const service = new BaseService<ProductItem>('edge/product');
-const Product = () => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-
-  const columns: ProColumns<ProductItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      dataIndex: 'name',
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-    },
-    {
-      dataIndex: 'model',
-      title: intl.formatMessage({
-        id: 'pages.media.device.model',
-        defaultMessage: '型号',
-      }),
-    },
-    {
-      dataIndex: 'manufacturer',
-      title: intl.formatMessage({
-        id: 'pages.media.device.manufacturer',
-        defaultMessage: '厂家',
-      }),
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a onClick={() => console.log(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.remove',
-              defaultMessage: '删除',
-            })}
-          >
-            <MinusOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.download',
-              defaultMessage: '下载配置',
-            })}
-          >
-            <ArrowDownOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.notice.option.debug',
-              defaultMessage: '调试',
-            })}
-          >
-            <BugOutlined />
-          </Tooltip>
-        </a>,
-      ],
-    },
-  ];
-
-  const schema = {};
-
-  return (
-    <PageContainer>
-      <BaseCrud
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.edge.product',
-          defaultMessage: '产品',
-        })}
-        schema={schema}
-        actionRef={actionRef}
-      />
-    </PageContainer>
-  );
-};
-export default Product;

src/pages/edge/Product/typings.d.ts

@@ -1,9 +0,0 @@
-import type { BaseItem } from '@/utils/typings';
-
-type ProductItem = {
-  createTime: number;
-  description: string;
-  model: string;
-  version: string;
-  manufacturer: string;
-} & BaseItem;

src/pages/init-home/index.less

@@ -31,7 +31,7 @@
 
         .collapseTitle {
           display: flex;
-          font-size: 14px;
+          font-size: 15px;
           opacity: 0.85;
 
           .collapseDesc {

src/pages/media/Config/index.tsx

@@ -1,6 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-
-const Config = () => {
-  return <PageContainer>Config</PageContainer>;
-};
-export default Config;

src/pages/media/Config/typings.d.ts

@@ -1,4 +0,0 @@
-type Item = {
-  id: string;
-  name: string;
-};

src/pages/media/Reveal/index.tsx

@@ -1,6 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-
-const Reveal = () => {
-  return <PageContainer>Reveal</PageContainer>;
-};
-export default Reveal;

src/pages/media/Reveal/typings.d.ts

@@ -1,4 +0,0 @@
-type Item = {
-  id: string;
-  name: string;
-};

src/pages/rule-engine/SQLRule/index.tsx

@@ -1,150 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import type { SQLRuleItem } from '@/pages/rule-engine/SQLRule/typings';
-import { Tooltip } from 'antd';
-import {
-  CaretRightOutlined,
-  DownloadOutlined,
-  EditOutlined,
-  MinusOutlined,
-  ReloadOutlined,
-  StopOutlined,
-} from '@ant-design/icons';
-import BaseCrud from '@/components/BaseCrud';
-import { service } from '@/pages/rule-engine/Instance';
-import { useIntl } from '@@/plugin-locale/localeExports';
-import { onlyMessage } from '@/utils/util';
-
-const SQLRule = () => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-
-  const columns: ProColumns<SQLRuleItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      dataIndex: 'name',
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-    },
-    {
-      dataIndex: 'createTime',
-      title: intl.formatMessage({
-        id: 'pages.ruleEngine.sqlRule.time',
-        defaultMessage: '创建时间',
-      }),
-    },
-    {
-      dataIndex: 'state',
-      title: intl.formatMessage({
-        id: 'pages.searchTable.titleStatus',
-        defaultMessage: '状态',
-      }),
-      render: (text, record) => record.state.value,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a onClick={() => console.log(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a onClick={() => console.log(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.ruleEngine.option.start',
-              defaultMessage: '启动',
-            })}
-          >
-            <CaretRightOutlined />
-          </Tooltip>
-        </a>,
-        <a onClick={() => console.log(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.ruleEngine.option.restart',
-              defaultMessage: '重启',
-            })}
-          >
-            <ReloadOutlined />
-          </Tooltip>
-        </a>,
-        <a onClick={() => console.log(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.ruleEngine.option.stop',
-              defaultMessage: '停止',
-            })}
-          >
-            <StopOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.remove',
-              defaultMessage: '删除',
-            })}
-          >
-            <MinusOutlined />
-          </Tooltip>
-        </a>,
-        <a key="download">
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.download',
-              defaultMessage: '下载配置',
-            })}
-          >
-            <DownloadOutlined
-              onClick={() => {
-                onlyMessage(
-                  `${intl.formatMessage({
-                    id: 'pages.data.option.download',
-                    defaultMessage: '下载',
-                  })}`,
-                );
-              }}
-            />
-          </Tooltip>
-        </a>,
-      ],
-    },
-  ];
-
-  const schema = {};
-  return (
-    <PageContainer>
-      <BaseCrud
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.ruleEngine.sqlRule',
-          defaultMessage: '数据转发',
-        })}
-        schema={schema}
-        defaultParams={{ modelType: 'sql_rule' }}
-        actionRef={actionRef}
-      />
-    </PageContainer>
-  );
-};
-export default SQLRule;

src/pages/rule-engine/SQLRule/typings.d.ts

@@ -1,3 +0,0 @@
-import type { InstanceItem } from '@/pages/rule-engine/Instance/typings';
-
-type SQLRuleItem = InstanceItem;

src/pages/rule-engine/Scene/Save/components/TimingTrigger/index.tsx

@@ -124,7 +124,10 @@ export default (props: TimingTrigger) => {
 
   return (
     <Row gutter={24} className={props.className}>
-      <Col span={data.trigger !== TriggerEnum.cron ? 6 : 8}>
+      <Col
+        xxl={data.trigger !== TriggerEnum.cron ? 6 : 8}
+        xl={data.trigger !== TriggerEnum.cron ? 10 : 12}
+      >
         <ItemGroup>
           <Select
             options={[
@@ -179,7 +182,7 @@ export default (props: TimingTrigger) => {
       </Col>
       {data.trigger !== TriggerEnum.cron && (
         <>
-          <Col span={12}>
+          <Col xxl={12} xl={14}>
             <ItemGroup>
               <Select
                 options={[
@@ -228,7 +231,7 @@ export default (props: TimingTrigger) => {
               )}
             </ItemGroup>
           </Col>
-          <Col span={6}>
+          <Col xxl={6} xl={10}>
             <ItemGroup style={{ gap: 16 }}>
               {data.mod === PeriodModEnum.period ? (
                 <>

src/pages/rule-engine/Scene/Save/components/TimingTrigger/refactor.tsx

@@ -69,7 +69,10 @@ export default (props: TimingTrigger) => {
 
   return (
     <Row gutter={24} className={props.className}>
-      <Col span={data?.trigger !== TriggerEnum.cron ? 6 : 8}>
+      <Col
+        xxl={data.trigger !== TriggerEnum.cron ? 6 : 8}
+        xl={data.trigger !== TriggerEnum.cron ? 10 : 12}
+      >
         <ItemGroup>
           <Form.Item
             name={[...name, 'timer', 'trigger']}
@@ -150,7 +153,7 @@ export default (props: TimingTrigger) => {
           )}
         </ItemGroup>
       </Col>
-      <Col span={11}>
+      <Col xxl={11} xl={14}>
         {data?.trigger !== TriggerEnum.cron && (
           <ItemGroup>
             <Form.Item
@@ -193,12 +196,12 @@ export default (props: TimingTrigger) => {
           </ItemGroup>
         )}
       </Col>
-      <Col span={7}>
+      <Col xxl={7} xl={10}>
         {data?.trigger !== TriggerEnum.cron && (
           <ItemGroup style={{ gap: 16 }}>
             {data?.mod === PeriodModEnum.period ? (
               <>
-                <div style={{ paddingBottom: 14 }}> 每 </div>
+                <div style={{ paddingBottom: 16 }}> 每 </div>
                 <Form.Item
                   name={[...name, 'timer', 'period', 'every']}
                   rules={[{ required: true, message: '请输入时间' }]}
@@ -220,7 +223,7 @@ export default (props: TimingTrigger) => {
                 </Form.Item>
               </>
             ) : null}
-            <div style={{ flex: 0, flexBasis: 64, paddingBottom: 14 }}> 执行一次 </div>
+            <div style={{ flex: 0, flexBasis: 64, paddingBottom: 16 }}> 执行一次 </div>
           </ItemGroup>
         )}
       </Col>

src/pages/rule-engine/Scene/Save/index.less

@@ -45,3 +45,24 @@
   //  }
   //}
 }
+
+.scene-content {
+  position: relative;
+
+  .scene-content-left {
+    width: 66.66%;
+  }
+
+  .scene-content-right {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 33.33%;
+    height: 100%;
+
+    > div {
+      height: 100%;
+      overflow-y: auto;
+    }
+  }
+}

src/pages/rule-engine/Scene/Save/index.tsx

@@ -1,17 +1,5 @@
 import { PageContainer } from '@ant-design/pro-layout';
-import {
-  Button,
-  Card,
-  Col,
-  Form,
-  Input,
-  InputNumber,
-  Radio,
-  Row,
-  Space,
-  Switch,
-  Tooltip,
-} from 'antd';
+import { Button, Card, Form, Input, InputNumber, Radio, Space, Switch, Tooltip } from 'antd';
 import { useHistory, useIntl, useLocation } from 'umi';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { PermissionButton, TitleComponent } from '@/components';
@@ -217,8 +205,8 @@ export default () => {
   return (
     <PageContainer>
       <Card>
-        <Row>
-          <Col span={16}>
+        <div className={'scene-content'}>
+          <div className={'scene-content-left'}>
             <Form
               scrollToFirstError={{
                 behavior: 'smooth',
@@ -426,11 +414,11 @@ export default () => {
                 保存
               </PermissionButton>
             </Form>
-          </Col>
-          <Col span={8}>
+          </div>
+          <div className={'scene-content-right'}>
             <Explanation type={triggerType} />
-          </Col>
-        </Row>
+          </div>
+        </div>
       </Card>
     </PageContainer>
   );

src/pages/rule-engine/Scene/Save/trigger/index.tsx

@@ -224,17 +224,19 @@ export default observer((props: TriggerProps) => {
           </Col>
         )}
         <Col span={6}>
-          <Form.Item
-            name={['trigger', 'device', 'operation', 'operator']}
-            initialValue={undefined}
-            rules={[{ required: true, message: '请选择触发类型' }]}
-          >
-            <Select
-              placeholder={'请选择触发类型'}
-              options={operatorOptions}
-              style={{ width: '100%' }}
-            />
-          </Form.Item>
+          {productId && (
+            <Form.Item
+              name={['trigger', 'device', 'operation', 'operator']}
+              initialValue={undefined}
+              rules={[{ required: true, message: '请选择触发类型' }]}
+            >
+              <Select
+                placeholder={'请选择触发类型'}
+                options={operatorOptions}
+                style={{ width: '100%' }}
+              />
+            </Form.Item>
+          )}
         </Col>
       </Row>
       {FormModel.trigger?.device?.operation?.operator === OperatorEnum.invokeFunction ||

src/pages/simulator/Device/index.tsx

@@ -1,115 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import BaseService from '@/utils/BaseService';
-import type { DeviceItem } from '@/pages/simulator/Device/typings';
-import { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import { Tooltip } from 'antd';
-import { ArrowDownOutlined, BugOutlined, EditOutlined, MinusOutlined } from '@ant-design/icons';
-import BaseCrud from '@/components/BaseCrud';
-import { useIntl } from '@@/plugin-locale/localeExports';
-
-export const service = new BaseService<DeviceItem>('network/simulator');
-const Device = () => {
-  // todo 接口返回未分页
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-
-  const columns: ProColumns<DeviceItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      dataIndex: 'name',
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-    },
-    {
-      dataIndex: 'networkType',
-      title: intl.formatMessage({
-        id: 'pages.table.type',
-        defaultMessage: '类型',
-      }),
-    },
-    {
-      dataIndex: 'state',
-      title: intl.formatMessage({
-        id: 'pages.searchTable.titleStatus',
-        defaultMessage: '状态',
-      }),
-      render: (text, record) => record.state.value,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a onClick={() => console.log(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.remove',
-              defaultMessage: '删除',
-            })}
-          >
-            <MinusOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.download',
-              defaultMessage: '下载配置',
-            })}
-          >
-            <ArrowDownOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.notice.option.debug',
-              defaultMessage: '调试',
-            })}
-          >
-            <BugOutlined />
-          </Tooltip>
-        </a>,
-      ],
-    },
-  ];
-
-  const schema = {};
-
-  return (
-    <PageContainer>
-      <BaseCrud
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.simulator.device',
-          defaultMessage: '模拟测试',
-        })}
-        schema={schema}
-        actionRef={actionRef}
-      />
-    </PageContainer>
-  );
-};
-export default Device;

src/pages/simulator/Device/typings.d.ts

@@ -1,9 +0,0 @@
-import type { BaseItem, State } from '@/utils/typings';
-
-type DeviceItem = {
-  listeners: Record<string, any>[];
-  networkConfiguration: Record<string, any>;
-  networkType: string;
-  runner: Record<string, any>;
-  state: State;
-} & BaseItem;

src/pages/system/Basis/init.tsx

@@ -1,90 +0,0 @@
-import { UploadImage } from '@/components';
-import { Card, Col, Form, Input, Row, Select } from 'antd';
-import { useEffect } from 'react';
-
-interface Props {
-  getData: Function;
-}
-
-const Init = (props: Props) => {
-  const [form] = Form.useForm();
-
-  useEffect(() => {
-    props.getData(form);
-  }, []);
-
-  return (
-    <Card>
-      <Form layout="vertical" form={form}>
-        <Row gutter={[24, 24]}>
-          <Col span={10}>
-            <Form.Item label="系统名称" name="title">
-              <Input />
-            </Form.Item>
-            <Form.Item
-              label="主题色"
-              name="headerTheme"
-              initialValue="light"
-              rules={[{ required: true, message: '请选择主题色' }]}
-            >
-              <Select>
-                <Select.Option value="light">白色</Select.Option>
-                <Select.Option value="dark">黑色</Select.Option>
-              </Select>
-            </Form.Item>
-            <Form.Item label="高德API Key" name="apikey" tooltip="配置后平台可调用高德地图GIS服务">
-              <Input />
-            </Form.Item>
-            <Row gutter={[24, 24]}>
-              <Col>
-                <Form.Item
-                  name={'logo'}
-                  label="系统logo"
-                  extra={
-                    <>
-                      <div>推荐尺寸200*200</div>
-                      <div>支持jpg,png</div>
-                    </>
-                  }
-                >
-                  <UploadImage />
-                </Form.Item>
-              </Col>
-              <Col>
-                <Form.Item
-                  name={'ico'}
-                  label="浏览器页签"
-                  tooltip="浏览器tab页中显示的图片元素"
-                  extra={
-                    <>
-                      <div>推荐尺寸64*64</div>
-                      <div>支持ico格式</div>
-                    </>
-                  }
-                >
-                  <UploadImage size={1} types={['image/x-icon']} backgroundSize={'inherit'} />
-                </Form.Item>
-              </Col>
-            </Row>
-          </Col>
-          <Col span={14}>
-            <Form.Item
-              name={'backgroud'}
-              label="登录背景图"
-              extra={
-                <>
-                  <div>支持4M以内的图片:支持jpg、png</div>
-                  <div>建议尺寸1400x1080</div>
-                </>
-              }
-              rules={[{ required: true, message: '请上传背景图' }]}
-            >
-              <UploadImage size={4} style={{ width: 570, height: 415 }} />
-            </Form.Item>
-          </Col>
-        </Row>
-      </Form>
-    </Card>
-  );
-};
-export default Init;

src/pages/system/Config/index.tsx

@@ -1,4 +0,0 @@
-import Service from '@/pages/system/Config/service';
-
-export const service = new Service('system');
-export default () => {};

src/pages/system/Config/service.ts

@@ -1,6 +0,0 @@
-import BaseService from '@/utils/BaseService';
-import { request } from '@@/plugin-request/request';
-
-export default class Service extends BaseService<any> {
-  getAMapKey = () => request(`${this.uri}/config/amap`, { method: 'GET' });
-}

src/pages/system/OpenAPI/index.tsx

@@ -1,355 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import React, { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import type { OpenApiItem } from '@/pages/system/OpenAPI/typings';
-import { useIntl } from '@@/plugin-locale/localeExports';
-import { CurdModel } from '@/components/BaseCrud/model';
-import { Drawer, Popconfirm, Tooltip } from 'antd';
-import {
-  CloseCircleOutlined,
-  EditOutlined,
-  KeyOutlined,
-  PlayCircleOutlined,
-} from '@ant-design/icons';
-import BaseCrud from '@/components/BaseCrud';
-import BaseService from '@/utils/BaseService';
-import autzModel from '@/components/Authorization/autz';
-import Authorization from '@/components/Authorization';
-import { observer } from '@formily/react';
-import type { ISchema } from '@formily/json-schema';
-import _ from 'lodash';
-import { onlyMessage } from '@/utils/util';
-
-const service = new BaseService<OpenApiItem>('open-api');
-const OpenAPI: React.FC = observer(() => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-
-  const columns: ProColumns<OpenApiItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      title: 'clientId',
-      dataIndex: 'id',
-      sorter: true,
-      defaultSortOrder: 'ascend',
-      width: 200,
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-      dataIndex: 'clientName',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.system.openApi.username',
-        defaultMessage: '用户名',
-      }),
-      dataIndex: 'username',
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.searchTable.titleStatus',
-        defaultMessage: '状态',
-      }),
-      dataIndex: 'status',
-      filters: true,
-      align: 'center',
-      renderText: (text: any) => text.text,
-      valueType: 'select',
-      hideInForm: true,
-      onFilter: true,
-      valueEnum: {
-        default: {
-          text: intl.formatMessage({
-            id: 'pages.searchTable.titleStatus.all',
-            defaultMessage: '全部',
-          }),
-          status: 'Default',
-        },
-        '1': {
-          text: intl.formatMessage({
-            id: 'pages.searchTable.titleStatus.normal',
-            defaultMessage: '正常',
-          }),
-          status: '1',
-        },
-        '0': {
-          text: intl.formatMessage({
-            id: 'pages.searchTable.titleStatus.disable',
-            defaultMessage: '禁用',
-          }),
-          status: '0',
-        },
-      },
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a
-          key="editable"
-          onClick={() => {
-            const temp = _.omit(record, ['createTime', 'creatorId', 'status']);
-            CurdModel.update(temp);
-          }}
-        >
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a
-          key="auth"
-          onClick={() => {
-            autzModel.autzTarget.id = record.id;
-            autzModel.autzTarget.name = record.clientName;
-            autzModel.visible = true;
-          }}
-        >
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.authorize',
-              defaultMessage: '授权',
-            })}
-          >
-            <KeyOutlined />
-          </Tooltip>
-        </a>,
-        <a key="state">
-          <Popconfirm
-            title={intl.formatMessage({
-              id: 'pages.data.option.disabled.tips',
-              defaultMessage: '确认禁用？',
-            })}
-            onConfirm={async () => {
-              await service.update({
-                id: record.id,
-                status: record.status ? 0 : 1,
-              });
-              onlyMessage(
-                intl.formatMessage({
-                  id: 'pages.data.option.success',
-                  defaultMessage: '操作成功!',
-                }),
-              );
-              actionRef.current?.reload();
-            }}
-          >
-            <Tooltip
-              title={intl.formatMessage({
-                id: `pages.data.option.${record.status ? 'disabled' : 'enabled'}`,
-                defaultMessage: record.status ? '禁用' : '启用',
-              })}
-            >
-              {record.status ? <CloseCircleOutlined /> : <PlayCircleOutlined />}
-            </Tooltip>
-          </Popconfirm>
-        </a>,
-      ],
-    },
-  ];
-
-  const schema: ISchema = {
-    type: 'object',
-    properties: {
-      layout: {
-        type: 'void',
-        'x-component': 'FormGrid',
-        'x-component-props': {
-          maxColumns: 2,
-        },
-        properties: {
-          clientName: {
-            title: intl.formatMessage({
-              id: 'pages.table.name',
-              defaultMessage: '名称',
-            }),
-            type: 'string',
-            'x-decorator': 'FormItem',
-            'x-component': 'Input',
-            'x-decorator-props': {
-              labelCol: 6,
-              wrapperCol: 18,
-            },
-            name: 'clientName',
-          },
-          enableOAuth2: {
-            type: 'boolean',
-            title: 'OAuth2',
-            'x-decorator': 'FormItem',
-            'x-component': 'Switch',
-            'x-decorator-props': {
-              labelCol: 6,
-              wrapperCol: 18,
-            },
-            name: 'enableOAuth2',
-          },
-          id: {
-            title: 'clientId',
-            type: 'string',
-            'x-decorator': 'FormItem',
-            'x-component': 'Input',
-            'x-decorator-props': {
-              labelCol: 6,
-              wrapperCol: 18,
-            },
-            name: 'clientId',
-          },
-          secureKey: {
-            title: 'secureKey',
-            type: 'string',
-            'x-decorator': 'FormItem',
-            'x-component': 'Input',
-            'x-decorator-props': {
-              labelCol: 6,
-              wrapperCol: 18,
-            },
-            name: 'secureKey',
-          },
-          username: {
-            title: intl.formatMessage({
-              id: 'pages.system.openApi.username',
-              defaultMessage: '用户名',
-            }),
-            type: 'string',
-            'x-decorator': 'FormItem',
-            'x-component': 'Input',
-            'x-decorator-props': {
-              labelWrap: false,
-              wrapperWrap: false,
-              labelCol: 6,
-              wrapperCol: 18,
-            },
-            name: 'username',
-          },
-          password: {
-            title: intl.formatMessage({
-              id: 'pages.system.openApi.password',
-              defaultMessage: '密码',
-            }),
-            type: 'string',
-            'x-decorator': 'FormItem',
-            'x-component': 'Input',
-            'x-decorator-props': {
-              labelCol: 6,
-              wrapperCol: 18,
-            },
-            name: 'password',
-          },
-          redirectUrl: {
-            title: 'redirectUrl',
-            type: 'string',
-            'x-decorator': 'FormItem',
-            'x-component': 'Input',
-            'x-visible': false,
-            'x-decorator-props': {
-              fullness: false,
-              gridSpan: 2,
-              labelAlign: 'right',
-              wrapperAlign: 'left',
-              labelCol: 3,
-              wrapperCol: 21,
-            },
-            name: 'redirectUrl',
-            'x-reactions': {
-              dependencies: [
-                {
-                  property: 'value',
-                  source: '.enableOAuth2',
-                  name: 'enableOAuth2',
-                },
-              ],
-              fulfill: {
-                state: {
-                  visible: '{{$deps.enableOAuth2}}',
-                },
-              },
-            },
-          },
-        },
-      },
-      ipWhiteList: {
-        title: intl.formatMessage({
-          id: 'pages.system.openApi.ipWhileList',
-          defaultMessage: 'IP白名单',
-        }),
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input.TextArea',
-        'x-component-props': {},
-        'x-decorator-props': {
-          labelCol: 3,
-          wrapperCol: 21,
-        },
-        name: 'ipWhiteList',
-      },
-      description: {
-        title: intl.formatMessage({
-          id: 'pages.table.describe',
-          defaultMessage: '描述',
-        }),
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input.TextArea',
-        'x-component-props': {},
-        'x-decorator-props': {
-          labelCol: 3,
-          wrapperCol: 21,
-        },
-        name: 'description',
-      },
-    },
-  };
-
-  return (
-    <PageContainer>
-      <BaseCrud<OpenApiItem>
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.system.openApi',
-          defaultMessage: '第三方平台',
-        })}
-        schema={schema}
-        modelConfig={{ width: 900 }}
-        actionRef={actionRef}
-      />
-      <Drawer
-        maskClosable={false}
-        title={intl.formatMessage({
-          id: 'pages.data.option.authorize',
-          defaultMessage: '授权',
-        })}
-        width="70vw"
-        visible={autzModel.visible}
-        onClose={() => {
-          autzModel.visible = false;
-        }}
-      >
-        <Authorization
-          close={() => {
-            autzModel.visible = false;
-          }}
-          target={autzModel.autzTarget}
-        />
-      </Drawer>
-    </PageContainer>
-  );
-});
-
-export default OpenAPI;

src/pages/system/OpenAPI/typings.d.ts

@@ -1,16 +0,0 @@
-export type OpenApiItem = {
-  id: string;
-  username?: string;
-  userId?: string;
-  password: string;
-  clientName: string;
-  createTime: number;
-  creatorId: string;
-  description: string;
-  ipWhiteList: string;
-  secureKey: string;
-  signature: string;
-  enableOAuth2: boolean;
-  redirectUrl: string;
-  status: number;
-};

src/pages/visualization/Category/index.tsx

@@ -1,104 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import BaseService from '@/utils/BaseService';
-import { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import type { CategoryItem } from '@/pages/visualization/Category/typings';
-import { Tooltip } from 'antd';
-import { EditOutlined, MinusOutlined, PlusOutlined } from '@ant-design/icons';
-import BaseCrud from '@/components/BaseCrud';
-import { useIntl } from '@@/plugin-locale/localeExports';
-
-export const service = new BaseService<CategoryItem>('visualization/catalog');
-const Category = () => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-
-  const columns: ProColumns<CategoryItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      dataIndex: 'id',
-      title: 'ID',
-    },
-    {
-      dataIndex: 'name',
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-    },
-    {
-      dataIndex: 'description',
-      title: intl.formatMessage({
-        id: 'pages.table.describe',
-        defaultMessage: '描述',
-      }),
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a
-          onClick={() => {
-            console.log(record);
-          }}
-        >
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.visualization.option.addClass',
-              defaultMessage: '添加子分类',
-            })}
-          >
-            <PlusOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.remove',
-              defaultMessage: '删除',
-            })}
-          >
-            <MinusOutlined />
-          </Tooltip>
-        </a>,
-      ],
-    },
-  ];
-
-  const schema = {};
-
-  return (
-    <PageContainer>
-      <BaseCrud
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.visualization.category',
-          defaultMessage: '分类管理',
-        })}
-        schema={schema}
-        actionRef={actionRef}
-      />
-    </PageContainer>
-  );
-};
-export default Category;

src/pages/visualization/Category/typings.d.ts

@@ -1,10 +0,0 @@
-import type { BaseItem } from '@/utils/typings';
-
-type CategoryItem = {
-  level: number;
-  parentId: string;
-  description: string;
-  path: string;
-  sortIndex: number;
-  children: CategoryItem[];
-} & BaseItem;

src/pages/visualization/Configuration/index.tsx

@@ -1,142 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import BaseService from '@/utils/BaseService';
-import type { ConfigurationItem } from '@/pages/visualization/Configuration/typings';
-import { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import { Tooltip } from 'antd';
-import {
-  ArrowDownOutlined,
-  BarsOutlined,
-  CopyOutlined,
-  EditOutlined,
-  EyeOutlined,
-  MinusOutlined,
-} from '@ant-design/icons';
-import BaseCrud from '@/components/BaseCrud';
-import { useIntl } from '@@/plugin-locale/localeExports';
-
-export const service = new BaseService<ConfigurationItem>('visualization');
-const Configuration = () => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-
-  const columns: ProColumns<ConfigurationItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      dataIndex: 'name',
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-    },
-    {
-      dataIndex: 'state',
-      title: intl.formatMessage({
-        id: 'pages.searchTable.titleStatus',
-        defaultMessage: '状态',
-      }),
-      render: (text, record) => record.state.value,
-    },
-    {
-      dataIndex: 'description',
-      title: intl.formatMessage({
-        id: 'pages.table.describe',
-        defaultMessage: '描述',
-      }),
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a onClick={() => console.log(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.preview',
-              defaultMessage: '预览',
-            })}
-          >
-            <EyeOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.download',
-              defaultMessage: '下载配置',
-            })}
-          >
-            <ArrowDownOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.visualization.option.copy',
-              defaultMessage: '复制',
-            })}
-          >
-            <CopyOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.record',
-              defaultMessage: '通知记录',
-            })}
-          >
-            <BarsOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.remove',
-              defaultMessage: '删除',
-            })}
-          >
-            <MinusOutlined />
-          </Tooltip>
-        </a>,
-      ],
-    },
-  ];
-
-  const schema = {};
-
-  return (
-    <PageContainer>
-      <BaseCrud
-        defaultParams={{ type: 'vis_configuration' }}
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.visualization.configuration',
-          defaultMessage: '组态管理',
-        })}
-        schema={schema}
-        actionRef={actionRef}
-      />
-    </PageContainer>
-  );
-};
-export default Configuration;

src/pages/visualization/Configuration/typings.d.ts

@@ -1,3 +0,0 @@
-import type { ScreenItem } from '@/pages/visualization/Screen/typings';
-
-type ConfigurationItem = ScreenItem;

src/pages/visualization/Screen/index.tsx

@@ -1,144 +0,0 @@
-import { PageContainer } from '@ant-design/pro-layout';
-import BaseService from '@/utils/BaseService';
-import type { ScreenItem } from '@/pages/visualization/Screen/typings';
-import { useRef } from 'react';
-import type { ActionType, ProColumns } from '@jetlinks/pro-table';
-import type { ConfigurationItem } from '@/pages/visualization/Configuration/typings';
-import { Tooltip } from 'antd';
-import {
-  ArrowDownOutlined,
-  BarsOutlined,
-  CopyOutlined,
-  EditOutlined,
-  EyeOutlined,
-  MinusOutlined,
-} from '@ant-design/icons';
-import BaseCrud from '@/components/BaseCrud';
-import { useIntl } from '@@/plugin-locale/localeExports';
-
-export const service = new BaseService<ScreenItem>('visualization');
-
-const Screen = () => {
-  const intl = useIntl();
-  const actionRef = useRef<ActionType>();
-
-  const columns: ProColumns<ConfigurationItem>[] = [
-    {
-      dataIndex: 'index',
-      valueType: 'indexBorder',
-      width: 48,
-    },
-    {
-      dataIndex: 'name',
-      title: intl.formatMessage({
-        id: 'pages.table.name',
-        defaultMessage: '名称',
-      }),
-    },
-    {
-      dataIndex: 'state',
-      title: intl.formatMessage({
-        id: 'pages.searchTable.titleStatus',
-        defaultMessage: '状态',
-      }),
-      render: (text, record) => record.state.value,
-    },
-    {
-      dataIndex: 'description',
-      title: intl.formatMessage({
-        id: 'pages.table.describe',
-        defaultMessage: '描述',
-      }),
-    },
-    {
-      title: intl.formatMessage({
-        id: 'pages.data.option',
-        defaultMessage: '操作',
-      }),
-      valueType: 'option',
-      align: 'center',
-      width: 200,
-      render: (text, record) => [
-        <a onClick={() => console.log(record)}>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.edit',
-              defaultMessage: '编辑',
-            })}
-          >
-            <EditOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.preview',
-              defaultMessage: '预览',
-            })}
-          >
-            <EyeOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.download',
-              defaultMessage: '下载配置',
-            })}
-          >
-            <ArrowDownOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.visualization.option.copy',
-              defaultMessage: '复制',
-            })}
-          >
-            <CopyOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.record',
-              defaultMessage: '通知记录',
-            })}
-          >
-            <BarsOutlined />
-          </Tooltip>
-        </a>,
-        <a>
-          <Tooltip
-            title={intl.formatMessage({
-              id: 'pages.data.option.remove',
-              defaultMessage: '删除',
-            })}
-          >
-            <MinusOutlined />
-          </Tooltip>
-        </a>,
-      ],
-    },
-  ];
-
-  const schema = {};
-
-  return (
-    <PageContainer>
-      <BaseCrud
-        defaultParams={{ type: 'big_screen' }}
-        columns={columns}
-        service={service}
-        title={intl.formatMessage({
-          id: 'pages.visualization.screen',
-          defaultMessage: '大屏管理',
-        })}
-        schema={schema}
-        actionRef={actionRef}
-      />
-    </PageContainer>
-  );
-};
-export default Screen;

src/pages/visualization/Screen/typings.d.ts

@@ -1,9 +0,0 @@
-import type { BaseItem, State } from '@/utils/typings';
-
-type ScreenItem = {
-  catalogId: string;
-  metadata: string;
-  state: State;
-  target: string;
-  type: string;
-} & BaseItem;