fix: 修改bug12。16

src/components/FormItems/MetadataJsonInput/index.tsx

@@ -1,8 +1,8 @@
 import { Input, Modal } from 'antd';
 import { FormOutlined } from '@ant-design/icons';
 import { useEffect, useState } from 'react';
-import MonacoEditor from 'react-monaco-editor';
 import { isObject } from 'lodash';
+import { JMonacoEditor } from '@/components/FMonacoEditor';
 
 type MetaDataJsonInputProps = {
   json: Record<string, any>;
@@ -19,7 +19,7 @@ export const MetaDataJsonHandle = (data: any): Record<string, any> => {
 
     switch (type) {
       case 'object':
-        _JSON[id] = MetaDataJsonHandle((data as any)['json']['properties'][0]);
+        _JSON[id] = MetaDataJsonHandle((data as any)?.json?.properties?.[0]);
         break;
       case 'array':
         _JSON[id] = [];
@@ -101,13 +101,13 @@ export default (props: MetaDataJsonInputProps) => {
         }}
         width={700}
       >
-        <MonacoEditor
+        <JMonacoEditor
           width={'100%'}
           height={400}
           theme="vs-dark"
           language={'json'}
           value={monacoValue}
-          onChange={(newValue) => {
+          onChange={(newValue: any) => {
             setMonacoValue(newValue);
           }}
           editorDidMount={editorDidMountHandle}

src/components/ProTableCard/CardItems/protocol.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ProtocolItem } from '@/pages/link/Protocol/typings';
-import { StatusColorEnum } from '@/components/BadgeStatus';
+// import { StatusColorEnum } from '@/components/BadgeStatus';
 import { Ellipsis, TableCard } from '@/components';
 import '@/style/common.less';
 import '../index.less';
@@ -19,12 +19,13 @@ export default (props: ProcotolCardProps) => {
     <TableCard
       showMask={false}
       actions={props.actions}
-      status={props.state === 1 ? 'enabled' : 'disabled'}
-      statusText={props.state === 1 ? '正常' : '禁用'}
-      statusNames={{
-        enabled: StatusColorEnum.success,
-        disabled: StatusColorEnum.error,
-      }}
+      showStatus={false}
+      // status={props.state === 1 ? 'enabled' : 'disabled'}
+      // statusText={props.state === 1 ? '正常' : '禁用'}
+      // statusNames={{
+      //   enabled: StatusColorEnum.success,
+      //   disabled: StatusColorEnum.error,
+      // }}
     >
       <div className={'pro-table-card-item'}>
         <div className={'card-item-avatar'}>

src/pages/device/Instance/Detail/Diagnose/Message/form.tsx

@@ -0,0 +1,239 @@
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import ProForm, { ProFormInstance } from '@ant-design/pro-form';
+import { DatePicker, Input, InputNumber, Select, Tooltip } from 'antd';
+import { GeoPoint, MetadataJsonInput } from '@/components';
+import { EditableProTable, ProColumns } from '@jetlinks/pro-table';
+import { QuestionCircleOutlined } from '@ant-design/icons';
+
+type DiagnoseFormProps = {
+  data: any[];
+};
+
+type FunctionTableDataType = {
+  id: string;
+  name: string;
+  type: string;
+};
+
+const DiagnoseForm = forwardRef((props: DiagnoseFormProps, ref) => {
+  const formRef = useRef<ProFormInstance<any>>();
+  const [editableKeys, setEditableRowKeys] = useState<React.Key[]>([]);
+
+  const getItemNode = (record: any) => {
+    const type = record.type;
+    const name = record.name;
+
+    switch (type) {
+      case 'enum':
+        return (
+          <Select
+            style={{ width: '100%', textAlign: 'left' }}
+            options={record.options}
+            fieldNames={{ label: 'text', value: 'value' }}
+            placeholder={'请选择' + name}
+          />
+        );
+      case 'boolean':
+        return (
+          <Select
+            style={{ width: '100%', textAlign: 'left' }}
+            options={[
+              { label: 'true', value: true },
+              { label: 'false', value: false },
+            ]}
+            placeholder={'请选择' + name}
+          />
+        );
+      case 'int':
+      case 'long':
+      case 'float':
+      case 'double':
+        return <InputNumber style={{ width: '100%' }} placeholder={'请输入' + name} />;
+      case 'geoPoint':
+        return <GeoPoint />;
+      case 'object':
+        return <MetadataJsonInput json={record.json} />;
+      case 'date':
+        return (
+          // <>
+          //   {
+          //     // @ts-ignore
+          //     <DatePicker
+          //       format={record.format || 'YYYY-MM-DD HH:mm:ss'}
+          //       style={{ width: '100%' }}
+          //     />
+          //   }
+          // </>
+          // @ts-ignore
+          <DatePicker format={'YYYY-MM-DD HH:mm:ss'} style={{ width: '100%' }} showTime />
+        );
+      default:
+        return <Input placeholder={type === 'array' ? '多个数据用英文,分割' : '请输入' + name} />;
+    }
+  };
+
+  const columns: ProColumns<FunctionTableDataType>[] = [
+    {
+      dataIndex: 'name',
+      title: '参数名称',
+      width: 120,
+      editable: false,
+      ellipsis: true,
+    },
+    {
+      dataIndex: 'type',
+      title: '输入类型',
+      width: 120,
+      editable: false,
+      render: (row) => {
+        switch (row) {
+          case 'array':
+            return (
+              <span>
+                {row}
+                <Tooltip
+                  title={
+                    <div>
+                      <p>输入示例：</p>
+                      <p>配置类型为int时，输入[1,2,3,4]</p>
+                    </div>
+                  }
+                >
+                  <QuestionCircleOutlined style={{ marginLeft: 8 }} />
+                </Tooltip>
+              </span>
+            );
+          case 'object':
+            return (
+              <span>
+                {row}
+                <Tooltip
+                  title={
+                    <div>
+                      <p>请按照json格式输入</p>
+                    </div>
+                  }
+                >
+                  <QuestionCircleOutlined style={{ marginLeft: 8 }} />
+                </Tooltip>
+              </span>
+            );
+          case 'file':
+            return (
+              <span>
+                {row}
+                <Tooltip
+                  title={
+                    <div>
+                      <p>输入示例：</p>
+                      <p>模型配置为base64时，输入YXNkZmRzYWY=</p>
+                    </div>
+                  }
+                >
+                  <QuestionCircleOutlined style={{ marginLeft: 8 }} />
+                </Tooltip>
+              </span>
+            );
+          case 'geoPoint':
+            return (
+              <span>
+                {row}
+                <Tooltip
+                  title={
+                    <div>
+                      <p>输入示例：</p>
+                      <p>[102,12231, 39.251423]</p>
+                    </div>
+                  }
+                >
+                  <QuestionCircleOutlined style={{ marginLeft: 8 }} />
+                </Tooltip>
+              </span>
+            );
+          default:
+            return row;
+        }
+      },
+    },
+    {
+      title: '值',
+      dataIndex: 'value',
+      align: 'center',
+      formItemProps: {
+        rules: [
+          {
+            required: true,
+            message: '此项是必填项',
+          },
+        ],
+      },
+      renderFormItem: (_, row: any) => {
+        return getItemNode(row.record);
+      },
+    },
+  ];
+
+  const handleDataSource = (data: any) => {
+    const array = [];
+    for (const datum of data) {
+      const type = datum.valueType ? datum.valueType.type : '-';
+      array.push({
+        id: datum.id,
+        name: datum.name,
+        type: type,
+        format: datum.valueType ? datum.valueType.format : undefined,
+        options: datum.valueType ? datum.valueType.elements : undefined,
+        json: type === 'object' ? datum?.json?.properties?.[0] : undefined,
+        value: undefined,
+      });
+    }
+    setEditableRowKeys(array.map((d) => d.id));
+    formRef.current?.setFieldsValue({
+      table: array,
+    });
+  };
+
+  /**
+   * 执行
+   */
+  const actionRun = () => {
+    return new Promise(async (resolve) => {
+      const formData = await formRef.current?.validateFields().catch(() => {
+        resolve(false);
+      });
+      if (formData?.table) {
+        resolve(formData.table);
+      } else {
+        resolve(false);
+      }
+    });
+  };
+
+  useEffect(() => {
+    handleDataSource(props.data);
+  }, [props.data]);
+
+  useImperativeHandle(ref, () => ({
+    save: actionRun,
+  }));
+
+  return (
+    <div>
+      <ProForm<{ table: FunctionTableDataType[] }> formRef={formRef} submitter={false}>
+        <EditableProTable<FunctionTableDataType>
+          rowKey="id"
+          name="table"
+          columns={columns}
+          recordCreatorProps={false}
+          editable={{
+            type: 'multiple',
+            editableKeys,
+            onChange: setEditableRowKeys,
+          }}
+        />
+      </ProForm>
+    </div>
+  );
+});
+
+export default DiagnoseForm;

src/pages/device/Instance/Detail/Diagnose/Message/index.less

@@ -33,6 +33,6 @@
   }
 
   .inputs-parameter {
-    margin: 15px 0;
+    margin-bottom: 10px;
   }
 }

src/pages/device/Instance/Detail/Diagnose/Message/index.tsx

@@ -2,11 +2,11 @@ import TitleComponent from '@/components/TitleComponent';
 import './index.less';
 import Dialog from './Dialog';
 import { Badge, Button, Col, Empty, Row } from 'antd';
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { InstanceModel, service } from '@/pages/device/Instance';
 import useSendWebsocketMessage from '@/hooks/websocket/useSendWebsocketMessage';
 import { map } from 'rxjs/operators';
-import { Field, onFieldReact } from '@formily/core';
+import { Field } from '@formily/core';
 import { createForm, onFieldValueChange } from '@formily/core';
 import { createSchemaField, FormProvider } from '@formily/react';
 import {
@@ -23,11 +23,13 @@ import { randomString } from '@/utils/util';
 import Log from './Log';
 import { DiagnoseStatusModel, messageStatusMap, messageStyleMap } from '../Status/model';
 import { observer } from '@formily/reactive-react';
+import DiagnoseForm from './form';
 
 const Message = observer(() => {
   const [subscribeTopic] = useSendWebsocketMessage();
   const [input, setInput] = useState<any>({});
   const [inputs, setInputs] = useState<any[]>([]);
+  const DiagnoseFormRef = useRef<{ save: any }>();
 
   const metadata = JSON.parse(InstanceModel.detail?.metadata || '{}');
 
@@ -115,42 +117,6 @@ const Message = observer(() => {
     }
   }, [DiagnoseStatusModel.state]);
 
-  const form = useMemo(
-    () =>
-      createForm({
-        initialValues: {
-          data: [...inputs],
-        },
-        effects() {
-          onFieldReact('data.*.valueType.type', (field) => {
-            const value = (field as Field).value;
-            const format = field.query('..value').take() as any;
-            if (format) {
-              switch (value) {
-                case 'date':
-                  format.setComponent(FDatePicker);
-                  break;
-                case 'boolean':
-                  format.setComponent(FSelect);
-                  format.setDataSource([
-                    { label: '是', value: true },
-                    { label: '否', value: false },
-                  ]);
-                  break;
-                case 'int':
-                  format.setComponent(NumberPicker);
-                  break;
-                default:
-                  format.setComponent(FInput);
-                  break;
-              }
-            }
-          });
-        },
-      }),
-    [],
-  );
-
   const _form = useMemo(
     () =>
       createForm({
@@ -206,9 +172,6 @@ const Message = observer(() => {
               const data = (metadata?.functions || []).find((item: any) => item.id === value);
               setInput(data);
               setInputs(data?.inputs || []);
-              form.setValues({
-                data: data?.inputs || [],
-              });
             }
           });
         },
@@ -370,73 +333,6 @@ const Message = observer(() => {
     },
   };
 
-  const schema = {
-    type: 'object',
-    properties: {
-      data: {
-        type: 'array',
-        'x-decorator': 'FormItem',
-        'x-component': 'ArrayTable',
-        'x-component-props': {
-          scroll: { x: '100%' },
-        },
-        items: {
-          type: 'object',
-          properties: {
-            column1: {
-              type: 'void',
-              'x-component': 'ArrayTable.Column',
-              'x-component-props': {
-                title: '参数名称',
-              },
-              properties: {
-                name: {
-                  type: 'string',
-                  'x-decorator': 'FormItem',
-                  'x-component': 'PreviewText.Input',
-                },
-              },
-            },
-            column2: {
-              type: 'void',
-              'x-component': 'ArrayTable.Column',
-              'x-component-props': {
-                title: '输入类型',
-              },
-              properties: {
-                'valueType.type': {
-                  type: 'string',
-                  'x-decorator': 'FormItem',
-                  'x-component': 'PreviewText.Input',
-                },
-              },
-            },
-            column3: {
-              type: 'void',
-              'x-component': 'ArrayTable.Column',
-              'x-component-props': {
-                title: '值',
-              },
-              properties: {
-                value: {
-                  type: 'string',
-                  'x-decorator': 'FormItem',
-                  'x-component': 'FInput',
-                  'x-validator': [
-                    {
-                      required: true,
-                      message: '改字段必填',
-                    },
-                  ],
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-  };
-
   return (
     <Row gutter={24}>
       <Col span={16}>
@@ -479,7 +375,10 @@ const Message = observer(() => {
                     const values = await _form.submit<any>();
                     let _inputs = undefined;
                     if (inputs.length) {
-                      _inputs = await form.submit<any>();
+                      _inputs = await DiagnoseFormRef.current?.save();
+                      if (!_inputs) {
+                        return;
+                      }
                     }
                     if (values.type === 'function') {
                       const list = (_inputs?.data || []).filter((it: any) => !!it.value);
@@ -509,9 +408,7 @@ const Message = observer(() => {
               {inputs.length > 0 && (
                 <div className="inputs-parameter">
                   <h4>功能参数</h4>
-                  <FormProvider form={form}>
-                    <SchemaField schema={schema} />
-                  </FormProvider>
+                  <DiagnoseForm data={inputs} ref={DiagnoseFormRef} />
                 </div>
               )}
             </div>

src/pages/device/Instance/Detail/Functions/AdvancedMode.tsx

@@ -51,7 +51,7 @@ export default (props: FunctionProps) => {
     for (const datum of properties) {
       switch (datum.valueType.type) {
         case 'object':
-          obj[datum.id] = MetaDataJsonHandle(datum['json']['properties'][0]);
+          obj[datum.id] = MetaDataJsonHandle(datum?.json?.properties?.[0]);
           break;
         case 'array':
           obj[datum.id] = [];

src/pages/device/Instance/Detail/Tags/Edit.tsx

@@ -1,12 +1,13 @@
-import { createForm } from '@formily/core';
+import { createForm, Field, FormPath, onFieldReact } from '@formily/core';
 import { createSchemaField, FormProvider } from '@formily/react';
 import { InstanceModel, service } from '@/pages/device/Instance';
-import { ArrayTable, FormItem, Input } from '@formily/antd';
+import { ArrayTable, FormItem, Input, NumberPicker, DatePicker, Select } from '@formily/antd';
 import { Modal } from 'antd';
 import { useIntl } from 'umi';
 import GeoComponent from './location/GeoComponent';
 import { onlyMessage } from '@/utils/util';
 import RemoveData from './RemoveData';
+import { MetadataJsonInput } from '@/components';
 
 interface Props {
   close: () => void;
@@ -22,15 +23,98 @@ const Edit = (props: Props) => {
     initialValues: {
       tags: tags,
     },
+    effects() {
+      onFieldReact('tags.*.id', (field, f) => {
+        const value = (field as Field).value;
+        const item = (tags || []).find((it: any) => it.id === value);
+        const valueType = item?.type || item?.dataType?.type;
+        const nextPath = FormPath.transform(field.path, /\d+/, (index) => {
+          return `tags.${index}.value`;
+        });
+        switch (valueType) {
+          case 'enum':
+            f.setFieldState(nextPath, (state) => {
+              state.componentType = 'Select';
+              state.dataSource = (item?.dataType?.elements || []).map((i: any) => {
+                return {
+                  label: i?.text,
+                  value: i?.value,
+                };
+              });
+              state.componentProps = {
+                placeholder: '请选择',
+              };
+            });
+            break;
+          case 'boolean':
+            f.setFieldState(nextPath, (state) => {
+              state.componentType = 'Select';
+              state.dataSource = [
+                { label: '是', value: true },
+                { label: '否', value: false },
+              ];
+              state.componentProps = {
+                placeholder: '请选择',
+              };
+            });
+            break;
+          case 'int':
+          case 'long':
+          case 'float':
+          case 'double':
+            f.setFieldState(nextPath, (state) => {
+              state.componentType = 'NumberPicker';
+              state.componentProps = {
+                placeholder: '请输入',
+              };
+            });
+            break;
+          case 'geoPoint':
+            f.setFieldState(nextPath, (state) => {
+              state.componentType = 'GeoComponent';
+              state.componentProps = {
+                json: item?.json?.properties?.[0],
+              };
+            });
+            break;
+          case 'object':
+            f.setFieldState(nextPath, (state) => {
+              state.componentType = 'MetadataJsonInput';
+            });
+            break;
+          case 'date':
+            f.setFieldState(nextPath, (state) => {
+              state.componentType = 'DatePicker';
+              state.componentProps = {
+                placeholder: '请选择',
+                format: 'YYYY-MM-DD HH:mm:ss',
+              };
+            });
+            break;
+          default:
+            f.setFieldState(nextPath, (state) => {
+              state.componentType = 'Input';
+              state.componentProps = {
+                placeholder: '请输入',
+              };
+            });
+            break;
+        }
+      });
+    },
   });
 
   const SchemaField = createSchemaField({
     components: {
       FormItem,
       Input,
+      Select,
       ArrayTable,
+      DatePicker,
+      NumberPicker,
       RemoveData,
       GeoComponent,
+      MetadataJsonInput,
     },
   });
 
@@ -53,6 +137,12 @@ const Edit = (props: Props) => {
               'x-component': 'ArrayTable.Column',
               'x-component-props': { width: 200, title: 'ID' },
               properties: {
+                id: {
+                  type: 'string',
+                  'x-decorator': 'FormItem',
+                  'x-component': 'Input',
+                  'x-hidden': true,
+                },
                 key: {
                   type: 'string',
                   'x-decorator': 'FormItem',
@@ -100,14 +190,14 @@ const Edit = (props: Props) => {
                   type: 'string',
                   'x-decorator': 'FormItem',
                   'x-component': 'Input',
-                  'x-reactions': {
-                    dependencies: ['.type'],
-                    fulfill: {
-                      state: {
-                        componentType: '{{$deps[0]==="geoPoint"?"GeoComponent":"Input"}}',
-                      },
-                    },
-                  },
+                  // 'x-reactions': {
+                  //   dependencies: ['.type'],
+                  //   fulfill: {
+                  //     state: {
+                  //       componentType: '{{$deps[0]==="geoPoint"?"GeoComponent":"Input"}}',
+                  //     },
+                  //   },
+                  // },
                 },
               },
             },
@@ -161,7 +251,12 @@ const Edit = (props: Props) => {
         if (values?.tags.length === 0) {
           props.close();
         } else {
-          const list = (values?.tags || []).filter((item: any) => item?.key);
+          const list = (values?.tags || [])
+            .filter((item: any) => item?.key)
+            .map((i: any) => {
+              const { dataType, ...extra } = i;
+              return { ...extra };
+            });
           const resp = await service.saveTags(InstanceModel.detail?.id || '', list);
           if (resp.status === 200) {
             props.refresh();

src/pages/device/Instance/Detail/Tags/ValueForm/index.tsx

@@ -0,0 +1,58 @@
+import { DatePicker, Input, InputNumber, Select } from 'antd';
+import { GeoPoint, MetadataJsonInput } from '@/components';
+
+type ValueFormProps = {
+  value: any;
+  data: any;
+  onChange: () => void;
+};
+
+const ValueForm = (props: ValueFormProps) => {
+  const { data } = props;
+  const getItemNode = (record: any) => {
+    const type = record.type;
+
+    switch (type) {
+      case 'enum':
+        return (
+          <Select
+            style={{ width: '100%', textAlign: 'left' }}
+            options={record.options}
+            fieldNames={{ label: 'text', value: 'value' }}
+            placeholder={'请选择' + name}
+          />
+        );
+      case 'boolean':
+        return (
+          <Select
+            style={{ width: '100%', textAlign: 'left' }}
+            options={[
+              { label: 'true', value: true },
+              { label: 'false', value: false },
+            ]}
+            placeholder={'请选择' + name}
+          />
+        );
+      case 'int':
+      case 'long':
+      case 'float':
+      case 'double':
+        return <InputNumber style={{ width: '100%' }} placeholder={'请输入' + name} />;
+      case 'geoPoint':
+        return <GeoPoint />;
+      case 'object':
+        return <MetadataJsonInput json={record.json} />;
+      case 'date':
+        return (
+          // @ts-ignore
+          <DatePicker format={'YYYY-MM-DD HH:mm:ss'} style={{ width: '100%' }} showTime />
+        );
+      default:
+        return <Input placeholder={type === 'array' ? '多个数据用英文,分割' : '请输入' + name} />;
+    }
+  };
+
+  return getItemNode(data);
+};
+
+export default ValueForm;

src/pages/device/Instance/Detail/Tags/index.tsx

@@ -50,15 +50,6 @@ const Tags = () => {
               <EditOutlined />
               编辑
             </PermissionButton>
-            {/* <Button
-              type="link"
-              onClick={() => {
-                setVisible(true);
-              }}
-            >
-              <EditOutlined />
-              编辑
-            </Button> */}
           </span>
         }
       >

src/pages/device/Product/Detail/Access/AccessConfig/index.tsx

@@ -61,25 +61,25 @@ const AccessConfig = (props: Props) => {
                     termType: 'in',
                     value: 'child-device,edge-child-device',
                   },
-                  {
-                    column: 'state',
-                    termType: 'eq',
-                    value: 'enabled',
-                  },
+                  // {
+                  //   column: 'state',
+                  //   termType: 'eq',
+                  //   value: 'enabled',
+                  // },
                 ],
               },
             ]
           : [
               ...params?.terms,
-              {
-                terms: [
-                  {
-                    column: 'state',
-                    termType: 'eq',
-                    value: 'enabled',
-                  },
-                ],
-              },
+              // {
+              //   terms: [
+              //     {
+              //       column: 'state',
+              //       termType: 'eq',
+              //       value: 'enabled',
+              //     },
+              //   ],
+              // },
             ],
     };
     service.queryList({ ...temp, sorts: [{ name: 'createTime', order: 'desc' }] }).then((resp) => {

src/pages/link/AccessConfig/Detail/data.ts

@@ -2,7 +2,7 @@ export const ProtocolMapping = new Map();
 ProtocolMapping.set('websocket-server', 'WebSocket');
 ProtocolMapping.set('http-server-gateway', 'HTTP');
 ProtocolMapping.set('udp-device-gateway', 'UDP');
-ProtocolMapping.set('coap-server-gateway', 'COAP');
+ProtocolMapping.set('coap-server-gateway', 'CoAP');
 ProtocolMapping.set('mqtt-client-gateway', 'MQTT');
 ProtocolMapping.set('mqtt-server-gateway', 'MQTT');
 ProtocolMapping.set('tcp-server-gateway', 'TCP');

src/pages/link/Protocol/index.tsx

@@ -1,20 +1,20 @@
 import { PageContainer } from '@ant-design/pro-layout';
 import type { ActionType, ProColumns } from '@jetlinks/pro-table';
 import type { ProtocolItem } from '@/pages/link/Protocol/typings';
-import { Badge } from 'antd';
+// import { Badge } from 'antd';
 import { useEffect, useRef, useState } from 'react';
 import {
   DeleteOutlined,
   EditOutlined,
-  PlayCircleOutlined,
+  // PlayCircleOutlined,
   PlusOutlined,
-  StopOutlined,
+  // StopOutlined,
 } from '@ant-design/icons';
 import Service from '@/pages/link/Protocol/service';
 import { useIntl, useLocation } from 'umi';
 import SearchComponent from '@/components/SearchComponent';
 import { PermissionButton, ProTableCard } from '@/components';
-import ProcotolCard from '@/components/ProTableCard/CardItems/protocol';
+import ProtocolCard from '@/components/ProTableCard/CardItems/protocol';
 import Save from './save';
 import { onlyMessage } from '@/utils/util';
 
@@ -28,15 +28,15 @@ const Protocol = () => {
   const { permission } = PermissionButton.usePermission('link/Protocol');
   const intl = useIntl();
 
-  const modifyState = async (id: string, type: 'deploy' | 'un-deploy') => {
-    const resp = await service.modifyState(id, type);
-    if (resp.status === 200) {
-      onlyMessage('操作成功!');
-    } else {
-      onlyMessage(resp?.message || '操作失败', 'error');
-    }
-    actionRef.current?.reload();
-  };
+  // const modifyState = async (id: string, type: 'deploy' | 'un-deploy') => {
+  //   const resp = await service.modifyState(id, type);
+  //   if (resp.status === 200) {
+  //     onlyMessage('操作成功!');
+  //   } else {
+  //     onlyMessage(resp?.message || '操作失败', 'error');
+  //   }
+  //   actionRef.current?.reload();
+  // };
 
   const columns: ProColumns<ProtocolItem>[] = [
     {
@@ -71,24 +71,24 @@ const Protocol = () => {
         },
       },
     },
-    {
-      dataIndex: 'state',
-      title: '状态',
-      valueType: 'select',
-      valueEnum: {
-        0: {
-          text: '禁用',
-          status: 0,
-        },
-        1: {
-          text: '正常',
-          status: 1,
-        },
-      },
-      renderText: (text) => (
-        <Badge color={text !== 1 ? 'red' : 'green'} text={text !== 1 ? '禁用' : '正常'} />
-      ),
-    },
+    // {
+    //   dataIndex: 'state',
+    //   title: '状态',
+    //   valueType: 'select',
+    //   valueEnum: {
+    //     0: {
+    //       text: '禁用',
+    //       status: 0,
+    //     },
+    //     1: {
+    //       text: '正常',
+    //       status: 1,
+    //     },
+    //   },
+    //   renderText: (text) => (
+    //     <Badge color={text !== 1 ? 'red' : 'green'} text={text !== 1 ? '禁用' : '正常'} />
+    //   ),
+    // },
     {
       dataIndex: 'description',
       ellipsis: true,
@@ -120,37 +120,38 @@ const Protocol = () => {
         >
           <EditOutlined />
         </PermissionButton>,
-        <PermissionButton
-          isPermission={permission.action}
-          key="action"
-          type={'link'}
-          style={{ padding: 0 }}
-          tooltip={{
-            title: record.state === 1 ? '禁用' : '启用',
-          }}
-          popConfirm={{
-            title: `确认${record.state === 1 ? '禁用' : '启用'}`,
-            onConfirm: () => {
-              if (record.state === 1) {
-                modifyState(record.id, 'un-deploy');
-              } else {
-                modifyState(record.id, 'deploy');
-              }
-            },
-          }}
-        >
-          {record.state === 1 ? <StopOutlined /> : <PlayCircleOutlined />}
-        </PermissionButton>,
+        // <PermissionButton
+        //   isPermission={permission.action}
+        //   key="action"
+        //   type={'link'}
+        //   style={{ padding: 0 }}
+        //   tooltip={{
+        //     title: record.state === 1 ? '禁用' : '启用',
+        //   }}
+        //   popConfirm={{
+        //     title: `确认${record.state === 1 ? '禁用' : '启用'}`,
+        //     onConfirm: () => {
+        //       if (record.state === 1) {
+        //         modifyState(record.id, 'un-deploy');
+        //       } else {
+        //         modifyState(record.id, 'deploy');
+        //       }
+        //     },
+        //   }}
+        // >
+        //   {record.state === 1 ? <StopOutlined /> : <PlayCircleOutlined />}
+        // </PermissionButton>,
         <PermissionButton
           isPermission={permission.delete}
           tooltip={{
-            title: record.state !== 1 ? '删除' : '请先禁用该协议，再删除',
+            // title: record.state !== 1 ? '删除' : '请先禁用该协议，再删除',
+            title: '删除',
           }}
           style={{ padding: 0 }}
-          disabled={record.state === 1}
+          // disabled={record.state === 1}
           popConfirm={{
             title: '确认删除',
-            disabled: record.state === 1,
+            // disabled: record.state === 1,
             onConfirm: async () => {
               const resp: any = await service.remove(record.id);
               if (resp.status === 200) {
@@ -234,7 +235,7 @@ const Protocol = () => {
           </PermissionButton>,
         ]}
         cardRender={(record) => (
-          <ProcotolCard
+          <ProtocolCard
             {...record}
             actions={[
               <PermissionButton
@@ -256,37 +257,38 @@ const Protocol = () => {
                 <EditOutlined />
                 编辑
               </PermissionButton>,
-              <PermissionButton
-                isPermission={permission.action}
-                key="action"
-                type={'link'}
-                style={{ padding: 0 }}
-                tooltip={{
-                  title: record.state === 1 ? '禁用' : '启用',
-                }}
-                popConfirm={{
-                  title: `确认${record.state === 1 ? '禁用' : '启用'}`,
-                  onConfirm: () => {
-                    if (record.state === 1) {
-                      modifyState(record.id, 'un-deploy');
-                    } else {
-                      modifyState(record.id, 'deploy');
-                    }
-                  },
-                }}
-              >
-                {record.state === 1 ? <StopOutlined /> : <PlayCircleOutlined />}
-                {record.state === 1 ? '禁用' : '启用'}
-              </PermissionButton>,
+              // <PermissionButton
+              //   isPermission={permission.action}
+              //   key="action"
+              //   type={'link'}
+              //   style={{ padding: 0 }}
+              //   tooltip={{
+              //     title: record.state === 1 ? '禁用' : '启用',
+              //   }}
+              //   popConfirm={{
+              //     title: `确认${record.state === 1 ? '禁用' : '启用'}`,
+              //     onConfirm: () => {
+              //       if (record.state === 1) {
+              //         modifyState(record.id, 'un-deploy');
+              //       } else {
+              //         modifyState(record.id, 'deploy');
+              //       }
+              //     },
+              //   }}
+              // >
+              //   {record.state === 1 ? <StopOutlined /> : <PlayCircleOutlined />}
+              //   {record.state === 1 ? '禁用' : '启用'}
+              // </PermissionButton>,
               <PermissionButton
                 isPermission={permission.delete}
                 tooltip={{
-                  title: record.state !== 1 ? '删除' : '请先禁用该协议，再删除',
+                  // title: record.state !== 1 ? '删除' : '请先禁用该协议，再删除',
+                  title: '删除',
                 }}
-                disabled={record.state === 1}
+                // disabled={record.state === 1}
                 popConfirm={{
                   title: '确认删除',
-                  disabled: record.state === 1,
+                  // disabled: record.state === 1,
                   onConfirm: async () => {
                     const resp: any = await service.remove(record.id);
                     if (resp.status === 200) {

src/pages/rule-engine/Alarm/Log/SolveComponent/index.tsx

@@ -26,11 +26,13 @@ const SolveComponent = (props: Props) => {
         layout="vertical"
         form={form}
         onFinish={async (values: any) => {
-          const resp = await service.handleLog(data?.id || '', {
-            id: data?.id || '',
+          const resp = await service.handleLog({
             describe: values.describe,
             type: 'user',
             state: 'normal',
+            alarmRecordId: data?.id || '',
+            alarmConfigId: data?.alarmConfigId || '',
+            alarmTime: data?.alarmTime || '',
           });
           if (resp.status === 200) {
             onlyMessage('操作成功！');

src/pages/rule-engine/Alarm/Log/service.ts

@@ -8,8 +8,8 @@ class Service extends BaseService<AlarmLogItem> {
       method: 'GET',
     });
 
-  handleLog = (id: string, data: any) =>
-    request(`/${SystemConst.API_BASE}/alarm/record/${id}/_handle`, {
+  handleLog = (data: any) =>
+    request(`/${SystemConst.API_BASE}/alarm/record/_handle`, {
       method: 'POST',
       data,
     });

src/pages/rule-engine/Alarm/Log/typings.d.ts

@@ -10,6 +10,7 @@ type AlarmLogItem = {
   level: number;
   description?: string;
   state: Record<string, any>;
+  alarmTime?: number | string;
 };
 
 type AlarmLogSolveHistoryItem = {