'修改主题色,调整页面菜单文件名称'

 import { generate } from '@ant-design/colors';
 import { generate } from '@ant-design/colors';
 
 
-export const primaryColor = '#0960bd';
+export const primaryColor = '#377DFF';
 
 
 export const darkMode = 'light';
 export const darkMode = 'light';
 
 

@@ -10,21 +10,21 @@ export default {
     status: 'status',
     status: 'status',
   },
   },
   notice: {
   notice: {
-    webSiteNotice: 'web site notice',
+    webSiteNotice: 'platform notice',
     noticeManagement: 'notice management',
     noticeManagement: 'notice management',
     myNotice: 'my notice',
     myNotice: 'my notice',
   },
   },
 
 
   device: {
   device: {
     deviceManagement: 'device management',
     deviceManagement: 'device management',
-    device: 'device',
+    device: 'device management',
     deviceProfile: 'device profile',
     deviceProfile: 'device profile',
   },
   },
   tenant: {
   tenant: {
     tenant: 'tenant',
     tenant: 'tenant',
     tenantManagement: 'tenant management',
     tenantManagement: 'tenant management',
     tenantSetting: 'tenant config',
     tenantSetting: 'tenant config',
-    tenantOEM: 'OEM  customization',
+    tenantOEM: 'platform customization',
     tenantRule: 'tenant rule',
     tenantRule: 'tenant rule',
   },
   },
 
 
@@ -49,23 +49,9 @@ export default {
     alarmManagement: 'alarm management',
     alarmManagement: 'alarm management',
     geographicPosition: 'geographic position',
     geographicPosition: 'geographic position',
     alarmContact: 'alarm contact',
     alarmContact: 'alarm contact',
-    alarmCenter: 'alarm center',
+    alarmCenter: 'alarm record',
   },
   },
 
 
-  dept: {
-    queryDeptName: 'dept name',
-    queryDeptStatus: 'status',
-    toolDeptList: 'dept list',
-    toolCreateDept: 'create dept',
-    toolEditDept: 'edit dept',
-    tableTitleDeptSort: 'sort',
-    tableTitleDeptCreateTime: 'create time',
-    tableTitleDeptOperation: 'operation',
-    drawerTitleDeptEnable: 'enable',
-    drawerTitleDeptDisable: 'disable',
-    drawerTitleDeptParentDept: 'parent dept',
-    tableTitleMemo: 'memo',
-  },
   system: {
   system: {
     system: 'system',
     system: 'system',
     accountManagement: 'account management',
     accountManagement: 'account management',

@@ -10,13 +10,13 @@ export default {
     status: '状态',
     status: '状态',
   },
   },
   notice: {
   notice: {
-    webSiteNotice: '站内通知',
+    webSiteNotice: '平台通知',
     noticeManagement: '通知管理',
     noticeManagement: '通知管理',
     myNotice: '我的通知',
     myNotice: '我的通知',
   },
   },
   device: {
   device: {
     deviceManagement: '设备管理',
     deviceManagement: '设备管理',
-    device: '设备',
+    device: '设备管理',
     deviceProfile: '设备配置',
     deviceProfile: '设备配置',
   },
   },
 
 
@@ -24,7 +24,7 @@ export default {
     tenant: '租户',
     tenant: '租户',
     tenantManagement: '租户管理',
     tenantManagement: '租户管理',
     tenantSetting: '租户配置',
     tenantSetting: '租户配置',
-    tenantOEM: 'OEM定制',
+    tenantOEM: '平台定制',
     tenantRule: '租户角色',
     tenantRule: '租户角色',
   },
   },
   organization: {
   organization: {
@@ -34,20 +34,7 @@ export default {
     toolEditOrganization: '编辑组织',
     toolEditOrganization: '编辑组织',
     parentOrganization: '上级组织',
     parentOrganization: '上级组织',
   },
   },
-  dept: {
-    queryDeptName: '部门名称',
-    queryDeptStatus: '状态',
-    toolDeptList: '部门列表',
-    toolCreateDept: '新增部门',
-    toolEditDept: '编辑部门',
-    tableTitleDeptSort: '排序',
-    tableTitleDeptCreateTime: '创建时间',
-    tableTitleDeptOperation: '操作',
-    drawerTitleDeptEnable: '启用',
-    drawerTitleDeptDisable: '停用',
-    drawerTitleDeptParentDept: '上级部门',
-    tableTitleMemo: '备注',
-  },
+
   RuleEngine: {
   RuleEngine: {
     ruleEngine: '规则引擎',
     ruleEngine: '规则引擎',
     sceneLinkage: '场景联动',
     sceneLinkage: '场景联动',
@@ -62,7 +49,7 @@ export default {
     alarmManagement: '告警管理',
     alarmManagement: '告警管理',
     geographicPosition: '地理位置',
     geographicPosition: '地理位置',
     alarmContact: '告警联系人',
     alarmContact: '告警联系人',
-    alarmCenter: '告警中心',
+    alarmCenter: '告警记录',
   },
   },
   system: {
   system: {
     system: '系统管理',
     system: '系统管理',

@@ -78,7 +78,7 @@ const setting: ProjectConfig = {
   // Menu configuration
   // Menu configuration
   menuSetting: {
   menuSetting: {
     // sidebar menu bg color
     // sidebar menu bg color
-    bgColor: SIDE_BAR_BG_COLOR_LIST[0],
+    bgColor: SIDE_BAR_BG_COLOR_LIST[3],
     //  Whether to fix the left menu
     //  Whether to fix the left menu
     fixed: true,
     fixed: true,
     // Menu collapse
     // Menu collapse

-import { alarmLevel, statusType } from '/@/views/device/manage/config/detail.config';
-import { FormSchema } from '/@/components/Form';
-import { BasicColumn } from '/@/components/Table';
-import moment from 'moment';
-export const alarmSearchSchemas: FormSchema[] = [
-  {
-    field: 'status',
-    label: '告警状态',
-    component: 'Select',
-    colProps: { span: 6 },
-    componentProps: {
-      options: [
-        {
-          label: '清除未确认',
-          value: 'CLEARED_UNACK',
-        },
-        {
-          label: '激活未确认',
-          value: 'ACTIVE_UNACK',
-        },
-        {
-          label: '清除已确认',
-          value: 'CLEARED_ACK',
-        },
-        {
-          label: '激活已确认',
-          value: 'ACTIVE_ACK',
-        },
-      ],
-    },
-  },
-  {
-    field: 'alarmType',
-    label: '告警类型',
-    component: 'Input',
-    colProps: { span: 6 },
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入告警类型',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 255) {
-              return Promise.reject('字数不超过255个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'endTime',
-    label: '告警时间',
-    component: 'DatePicker',
-    componentProps: {
-      valueFormat: 'x',
-      showTime: { defaultValue: moment('23:59:59', 'HH:mm:ss') },
-    },
-    colProps: { span: 6 },
-  },
-];
-export const alarmColumns: BasicColumn[] = [
-  {
-    title: '告警时间',
-    dataIndex: 'createdTime',
-    width: 120,
-  },
-  {
-    title: '告警设备',
-    dataIndex: 'deviceName',
-    width: 100,
-  },
-  {
-    title: '类型',
-    dataIndex: 'type',
-    width: 160,
-  },
-  {
-    title: '告警级别',
-    dataIndex: 'severity',
-    width: 160,
-    format: (text) => alarmLevel(text),
-  },
-  {
-    title: '状态',
-    dataIndex: 'status',
-    format: (text) => statusType(text),
-    width: 160,
-  },
-];
-
-export const alarmSchemasForm: FormSchema[] = [
-  {
-    field: 'deviceName',
-    label: '告警设备',
-    component: 'Input',
-    componentProps: {
-      disabled: true,
-    },
-  },
-
-  {
-    field: 'startTs',
-    label: '开始时间',
-    component: 'Input',
-    componentProps: {
-      disabled: true,
-    },
-  },
-  {
-    field: 'endTs',
-    label: '结束时间',
-    component: 'Input',
-    componentProps: {
-      disabled: true,
-    },
-  },
-  {
-    field: 'ackTs',
-    label: '处理时间',
-    component: 'Input',
-    componentProps: {
-      disabled: true,
-    },
-    ifShow: ({ values }) => values.status === '激活已确认' || values.status === '清除已确认',
-  },
-  {
-    field: 'clearTs',
-    label: '清除时间',
-    component: 'Input',
-    componentProps: {
-      disabled: true,
-    },
-    ifShow: ({ values }) => values.status === '清除已确认' || values.status === '清除未确认',
-  },
-  {
-    field: 'type',
-    label: '告警类型',
-    component: 'Input',
-    componentProps: {
-      disabled: true,
-    },
-  },
-  {
-    field: 'severity',
-    label: '严重程度',
-    component: 'Input',
-    componentProps: {
-      disabled: true,
-    },
-  },
-  {
-    field: 'status',
-    label: '状态',
-    component: 'Input',
-    componentProps: {
-      disabled: true,
-    },
-  },
-  {
-    field: 'details',
-    label: '详情',
-    component: 'InputTextArea',
-  },
-];

-<template>
-  <BasicDrawer v-bind="$attrs" title="告警详情" @register="registerDrawer" width="30%">
-    <BasicForm @register="registerForm" />
-    <div class="flex justify-end">
-      <a-button
-        type="primary"
-        class="mr-4"
-        @click="handleAlarm"
-        v-if="alarmStatus !== 'ACTIVE_ACK' && alarmStatus !== 'CLEARED_ACK'"
-        >处理</a-button
-      >
-      <a-button
-        danger
-        type="primary"
-        @click="clearAlarm"
-        v-if="alarmStatus !== 'CLEARED_UNACK' && alarmStatus !== 'CLEARED_ACK'"
-        >清除</a-button
-      >
-    </div>
-  </BasicDrawer>
-</template>
-
-<script lang="ts">
-  import { defineComponent, ref, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { alarmSchemasForm } from '../config/detail.config';
-  import { clearOrAckAlarm } from '/@/api/device/deviceManager';
-  import { alarmLevel, statusType } from '/@/views/device/manage/config/detail.config';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  export default defineComponent({
-    name: 'AlarmDetailDrawer',
-    components: {
-      BasicForm,
-      BasicDrawer,
-    },
-    emits: ['success', 'register'],
-    setup(_, { emit }) {
-      const [registerForm, { setFieldsValue, resetFields }] = useForm({
-        showActionButtonGroup: false,
-        schemas: alarmSchemasForm,
-        labelCol: {
-          span: 5,
-        },
-      });
-      const alarmId = ref('');
-      const alarmStatus = ref('');
-      const [registerDrawer, { closeDrawer }] = useDrawerInner(async (data) => {
-        await resetFields();
-        await setFieldsValue({
-          ...data,
-          severity: alarmLevel(data.severity),
-          status: statusType(data.status),
-        });
-        alarmStatus.value = data.status;
-        alarmId.value = data.id;
-      });
-      // 处理报警
-      const handleAlarm = async () => {
-        await clearOrAckAlarm(unref(alarmId), false);
-        emit('success');
-        closeDrawer();
-      };
-      // 清除报警
-      const clearAlarm = async () => {
-        await clearOrAckAlarm(unref(alarmId), true);
-        emit('success');
-        closeDrawer();
-      };
-      return {
-        registerDrawer,
-        registerForm,
-        clearAlarm,
-        handleAlarm,
-        alarmStatus,
-      };
-    },
-  });
-</script>
-
-<style lang="less" scoped></style>

-<template>
-  <div>
-    <BasicTable @register="registerTable">
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: '详情',
-              icon: 'ant-design:eye-outlined',
-              onClick: handleDetail.bind(null, record),
-            },
-          ]"
-        />
-      </template>
-    </BasicTable>
-    <AlarmDetailDrawer @register="registerDetailDrawer" @success="handleSuccess" />
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { alarmColumns, alarmSearchSchemas } from './config/detail.config';
-  import { getDeviceAlarm } from '/@/api/device/deviceManager';
-  import { useDrawer } from '/@/components/Drawer';
-  import AlarmDetailDrawer from './cpns/AlarmDetailDrawer.vue';
-
-  export default defineComponent({
-    name: 'AlarmCenter',
-    components: {
-      BasicTable,
-      TableAction,
-      AlarmDetailDrawer,
-    },
-
-    setup() {
-      const [registerTable, { reload }] = useTable({
-        api: getDeviceAlarm,
-        columns: alarmColumns,
-        formConfig: {
-          labelWidth: 120,
-          schemas: alarmSearchSchemas,
-        },
-        useSearchForm: true,
-        bordered: true,
-        showIndexColumn: false,
-        showTableSetting: true,
-        actionColumn: {
-          width: 200,
-          title: '操作',
-          slots: { customRender: 'action' },
-          fixed: 'right',
-        },
-        beforeFetch: (data) => {
-          Reflect.set(data, 'startTime', null);
-        },
-      });
-      const [registerDetailDrawer, { openDrawer }] = useDrawer();
-      const handleDetail = (record: Recordable) => {
-        openDrawer(true, record);
-      };
-      const handleSuccess = () => {
-        reload();
-      };
-      return {
-        registerTable,
-        registerDetailDrawer,
-        handleDetail,
-        handleSuccess,
-      };
-    },
-  });
-</script>

-import type { BasicColumn } from '/@/components/Table';
-import type { FormSchema } from '/@/components/Table';
-import { getOrganizationList } from '/@/api/system/system';
-import { copyTransFun } from '/@/utils/fnUtils';
-import { getDeviceProfile } from '/@/api/alarm/position';
-
-export enum AggregateDataEnum {
-  MIN = 'MIN',
-  MAX = 'MAX',
-  AVG = 'AVG',
-  SUM = 'SUM',
-  COUNT = 'COUNT',
-  NONE = 'NONE',
-}
-export const formSchema: FormSchema[] = [
-  {
-    field: 'organizationId',
-    label: '',
-    component: 'ApiTreeSelect',
-    componentProps: {
-      placeholder: '请选择组织',
-      api: async () => {
-        const data = await getOrganizationList();
-        copyTransFun(data as any as any[]);
-        return data;
-      },
-    },
-  },
-  {
-    field: 'profileId',
-    label: '',
-    component: 'ApiSelect',
-    componentProps: {
-      api: getDeviceProfile,
-      placeholder: '请选择设备配置',
-      labelField: 'name',
-      valueField: 'id',
-    },
-  },
-  {
-    field: 'name',
-    label: '',
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入设备名称',
-    },
-  },
-  {
-    field: 'deviceState',
-    label: '',
-    component: 'RadioGroup',
-    componentProps: {
-      size: 'small',
-      options: [
-        { label: '全部', value: '' },
-        { label: '待激活', value: 'INACTIVE' },
-        { label: '在线', value: 'ONLINE' },
-        { label: '离线', value: 'OFFLINE' },
-      ],
-    },
-  },
-  {
-    field: 'alarmStatus',
-    label: '是否告警',
-    component: 'RadioGroup',
-    labelWidth: '85px',
-    componentProps: {
-      size: 'small',
-      options: [
-        { label: '是', value: '1' },
-        { label: '否', value: '0' },
-      ],
-    },
-  },
-];
-
-export const columns: BasicColumn[] = [
-  {
-    title: '名称',
-    dataIndex: 'name',
-    width: 100,
-  },
-  {
-    title: '位置',
-    dataIndex: 'deviceInfo.address',
-    width: 100,
-  },
-  {
-    title: '状态',
-    dataIndex: 'deviceState',
-    width: 100,
-    slots: { customRender: 'deviceState' },
-  },
-];
-
-// 动态生成options
-function generateOptions(value: number) {
-  if (value === 3600000) {
-    return [
-      {
-        label: '10秒',
-        value: 10000,
-      },
-      {
-        label: '15秒',
-        value: 15000,
-      },
-      {
-        label: '30秒',
-        value: 30000,
-      },
-      {
-        label: '1分钟',
-        value: 60000,
-      },
-      {
-        label: '2分钟',
-        value: 120000,
-      },
-      {
-        label: '5分钟',
-        value: 300000,
-      },
-    ];
-  } else if (value === 7200000) {
-    return [
-      {
-        label: '15秒',
-        value: 15000,
-      },
-      {
-        label: '30秒',
-        value: 30000,
-      },
-      {
-        label: '1分钟',
-        value: 60000,
-      },
-      {
-        label: '2分钟',
-        value: 120000,
-      },
-      {
-        label: '5分钟',
-        value: 300000,
-      },
-      {
-        label: '10分钟',
-        value: 600000,
-      },
-      {
-        label: '15分钟',
-        value: 900000,
-      },
-    ];
-  } else if (value === 18000000) {
-    return [
-      {
-        label: '1分钟',
-        value: 60000,
-      },
-      {
-        label: '2分钟',
-        value: 120000,
-      },
-      {
-        label: '5分钟',
-        value: 300000,
-      },
-      {
-        label: '10分钟',
-        value: 600000,
-      },
-      {
-        label: '15分钟',
-        value: 900000,
-      },
-      {
-        label: '30分钟',
-        value: 1800000,
-      },
-    ];
-  } else if (value === 36000000) {
-    return [
-      {
-        label: '2分钟',
-        value: 120000,
-      },
-      {
-        label: '5分钟',
-        value: 300000,
-      },
-      {
-        label: '10分钟',
-        value: 600000,
-      },
-      {
-        label: '15分钟',
-        value: 900000,
-      },
-      {
-        label: '30分钟',
-        value: 1800000,
-      },
-      {
-        label: '1小时',
-        value: 3600000,
-      },
-    ];
-  } else if (value === 43200000) {
-    return [
-      {
-        label: '2分钟',
-        value: 120000,
-      },
-      {
-        label: '5分钟',
-        value: 300000,
-      },
-      {
-        label: '10分钟',
-        value: 600000,
-      },
-      {
-        label: '15分钟',
-        value: 900000,
-      },
-      {
-        label: '30分钟',
-        value: 1800000,
-      },
-      {
-        label: '1小时',
-        value: 3600000,
-      },
-    ];
-  } else if (value === 86400000) {
-    return [
-      {
-        label: '5分钟',
-        value: 300000,
-      },
-      {
-        label: '10分钟',
-        value: 600000,
-      },
-      {
-        label: '15分钟',
-        value: 900000,
-      },
-      {
-        label: '30分钟',
-        value: 1800000,
-      },
-      {
-        label: '1小时',
-        value: 3600000,
-      },
-      {
-        label: '2小时',
-        value: 7200000,
-      },
-    ];
-  } else if (value === 604800000) {
-    return [
-      {
-        label: '30分钟',
-        value: 1800000,
-      },
-      {
-        label: '1小时',
-        value: 3600000,
-      },
-      {
-        label: '2小时',
-        value: 7200000,
-      },
-      {
-        label: '5小时',
-        value: 18000000,
-      },
-      {
-        label: '10小时',
-        value: 36000000,
-      },
-      {
-        label: '12小时',
-        value: 43200000,
-      },
-      {
-        label: '1天',
-        value: 86400000,
-      },
-    ];
-  } else {
-    return [
-      {
-        label: '2小时',
-        value: 7200000,
-      },
-      {
-        label: '5小时',
-        value: 18000000,
-      },
-      {
-        label: '10小时',
-        value: 36000000,
-      },
-      {
-        label: '12小时',
-        value: 43200000,
-      },
-      {
-        label: '1天',
-        value: 86400000,
-      },
-    ];
-  }
-}
-export const schemas: FormSchema[] = [
-  {
-    field: 'endTs',
-    label: '最后数据',
-    component: 'Select',
-    required: true,
-    componentProps({ formModel, formActionType }) {
-      return {
-        onChange(value) {
-          const { updateSchema } = formActionType;
-          console.log(value);
-          formModel.interval = '';
-          updateSchema({
-            field: 'interval',
-            componentProps: {
-              placeholder: '请选择分组间隔',
-              options: generateOptions(value),
-            },
-          });
-        },
-        getPopupContainer: () => document.body,
-        options: [
-          {
-            label: '最近1小时',
-            value: 3600000,
-          },
-          {
-            label: '最近2小时',
-            value: 7200000,
-          },
-          {
-            label: '最近5小时',
-            value: 18000000,
-          },
-          {
-            label: '最近10小时',
-            value: 36000000,
-          },
-          {
-            label: '最近12小时',
-            value: 43200000,
-          },
-          {
-            label: '最近1天',
-            value: 86400000,
-          },
-          {
-            label: '最近7天',
-            value: 604800000,
-          },
-          {
-            label: '最近30天',
-            value: 2592000000,
-          },
-        ],
-      };
-    },
-    colProps: {
-      span: 6,
-    },
-  },
-  {
-    field: 'interval',
-    label: '分组间隔',
-    component: 'Select',
-    colProps: {
-      span: 6,
-    },
-    componentProps: {
-      placeholder: '请选择分组间隔',
-      getPopupContainer: () => document.body,
-      options: [
-        {
-          label: '5分钟',
-          value: 300000,
-        },
-        {
-          label: '10分钟',
-          value: 600000,
-        },
-        {
-          label: '15分钟',
-          value: 900000,
-        },
-        {
-          label: '30分钟',
-          value: 1800000,
-        },
-        {
-          label: '1小时',
-          value: 3600000,
-        },
-        {
-          label: '2小时',
-          value: 7200000,
-        },
-      ],
-    },
-  },
-  {
-    field: 'agg',
-    label: '数据聚合功能',
-    component: 'Select',
-    componentProps: {
-      getPopupContainer: () => document.body,
-      options: [
-        {
-          label: '最小值',
-          value: AggregateDataEnum.MIN,
-        },
-        {
-          label: '最大值',
-          value: AggregateDataEnum.MAX,
-        },
-        {
-          label: '平均值',
-          value: AggregateDataEnum.AVG,
-        },
-        {
-          label: '求和',
-          value: AggregateDataEnum.SUM,
-        },
-      ],
-    },
-    colProps: {
-      span: 6,
-    },
-  },
-];

-<template>
-  <div class="wrapper">
-    <div ref="wrapRef" :style="{ height, width }"> </div>
-    <div class="right-wrap">
-      <BasicTable @register="registerTable" @rowClick="deviceRowClick">
-        <template #deviceState="{ record }">
-          <Tag
-            :color="
-              record.deviceState == DeviceState.INACTIVE
-                ? 'warning'
-                : record.deviceState == DeviceState.ONLINE
-                ? 'success'
-                : 'error'
-            "
-            class="ml-2"
-          >
-            {{
-              record.deviceState == DeviceState.INACTIVE
-                ? '待激活'
-                : record.deviceState == DeviceState.ONLINE
-                ? '在线'
-                : '离线'
-            }}
-          </Tag>
-        </template>
-      </BasicTable>
-    </div>
-    <BasicModal
-      @register="registerModal"
-      title="历史数据"
-      width="70%"
-      :minHeight="400"
-      :footer="null"
-      @cancel="cancelHistoryModal"
-      :canFullscreen="false"
-    >
-      <BasicForm @register="registerForm" />
-      <div v-show="isNull" ref="chartRef" :style="{ height: '600px', width }"></div>
-      <Empty v-show="!isNull" />
-    </BasicModal>
-    <DeviceDetailDrawer @register="registerDetailDrawer" />
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref, nextTick, unref, onMounted, Ref } from 'vue';
-  import { useScript } from '/@/hooks/web/useScript';
-  import { formSchema, columns } from './config.data';
-  import { BasicTable, useTable } from '/@/components/Table';
-  import { devicePage } from '/@/api/alarm/contact/alarmContact';
-  import { Tag, Empty } from 'ant-design-vue';
-  import { DeviceState } from '/@/api/device/model/deviceModel';
-  import { BAI_DU_MAP_URL } from '/@/utils/fnUtils';
-  import { useModal, BasicModal } from '/@/components/Modal';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { schemas } from './config.data';
-  import { useECharts } from '/@/hooks/web/useECharts';
-  import {
-    getDeviceHistoryInfo,
-    getDeviceDataKeys,
-    getDeviceActiveTime,
-  } from '/@/api/alarm/position';
-  import { useDrawer } from '/@/components/Drawer';
-  import DeviceDetailDrawer from '/@/views/device/manage/cpns/modal/DeviceDetailDrawer.vue';
-  import moment from 'moment';
-  // 导入一些静态图片,避免打包时不能正确解析
-  import djx from '/@/assets/images/djx.png';
-  import zx from '/@/assets/images/zx.png';
-  import lx from '/@/assets/images/lx.png';
-  import djh from '/@/assets/images/djh.png';
-  import online from '/@/assets/images/online1.png';
-  import lx1 from '/@/assets/images/lx1.png';
-  export default defineComponent({
-    name: 'BaiduMap',
-    components: {
-      BasicTable,
-      Tag,
-      Empty,
-      BasicModal,
-      BasicForm,
-      DeviceDetailDrawer,
-    },
-    props: {
-      width: {
-        type: String,
-        default: '100%',
-      },
-      height: {
-        type: String,
-        default: 'calc(100vh - 78px)',
-      },
-    },
-    setup() {
-      let entityId = '';
-      let keys = [];
-      let globalRecord: any = {};
-      const wrapRef = ref<HTMLDivElement | null>(null);
-      const chartRef = ref<HTMLDivElement | null>(null);
-      const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
-      const isNull = ref(true);
-      const { toPromise } = useScript({ src: BAI_DU_MAP_URL });
-      const [registerDetailDrawer, { openDrawer }] = useDrawer();
-      const [registerModal, { openModal }] = useModal();
-      const [
-        registerForm,
-        { resetFields, getFieldsValue, setFieldsValue, validate, updateSchema },
-      ] = useForm({
-        labelWidth: 120,
-        schemas,
-        async submitFunc() {
-          // 表单验证
-          await validate();
-          let { endTs, interval, agg } = getFieldsValue();
-          if (!endTs || !keys.length) return;
-          // 数据收集
-          const dataArray: any[] = [];
-          const startTs = Date.now() - endTs;
-          endTs = Date.now();
-          // 发送请求
-          const res = await getDeviceHistoryInfo({
-            entityId,
-            keys: keys.join(),
-            startTs,
-            endTs,
-            interval,
-            agg,
-          });
-          // 判断数据对象是否为空
-          if (!Object.keys(res).length) {
-            isNull.value = false;
-            return;
-          } else {
-            isNull.value = true;
-          }
-          // 处理数据
-          for (const key in res) {
-            for (const item1 of res[key]) {
-              let { ts, value } = item1;
-              const time = moment(ts).format('YYYY-MM-DD HH:mm:ss');
-              value = Number(value).toFixed(2);
-              dataArray.push([time, value, key]);
-            }
-          }
-          const series: any = keys.map((item) => {
-            return {
-              name: item,
-              type: 'line',
-              stack: 'Total',
-              data: dataArray.filter((item1) => item1[2] === item),
-            };
-          });
-          // 设置数据
-          setOptions({
-            tooltip: {
-              trigger: 'axis',
-            },
-            legend: {
-              data: keys,
-            },
-            grid: {
-              left: '3%',
-              right: '4%',
-              bottom: '3%',
-              containLabel: true,
-            },
-            dataZoom: [
-              {
-                type: 'inside',
-                start: 0,
-                end: 50,
-              },
-              {
-                start: 20,
-                end: 40,
-              },
-            ],
-            xAxis: {
-              type: 'time',
-              boundaryGap: false,
-            },
-            yAxis: {
-              type: 'value',
-              boundaryGap: [0, '100%'],
-            },
-            series,
-          });
-        },
-      });
-      const [registerTable] = useTable({
-        api: devicePage,
-        columns,
-        formConfig: {
-          schemas: formSchema,
-          labelAlign: 'left',
-        },
-        showIndexColumn: false,
-        useSearchForm: true,
-        pagination: {
-          showSizeChanger: false,
-        },
-      });
-
-      async function initMap() {
-        await toPromise();
-        await nextTick();
-        const wrapEl = unref(wrapRef);
-        const BMap = (window as any).BMap;
-        if (!wrapEl) return;
-        const map = new BMap.Map(wrapEl);
-        const point = new BMap.Point(104.04666605565338, 30.543516387560476);
-        map.centerAndZoom(point, 15);
-        map.enableScrollWheelZoom(true);
-      }
-      // 点击表格某一行触发
-      const deviceRowClick = async (record) => {
-        entityId = record.tbDeviceId;
-        globalRecord = record;
-        const BMap = (window as any).BMap;
-        const wrapEl = unref(wrapRef);
-        const map = new BMap.Map(wrapEl);
-        if (record.deviceInfo.address) {
-          keys = await getDeviceDataKeys(entityId);
-          const { name, organizationDTO, deviceState, deviceProfile } = record;
-          const { longitude, latitude, address } = record.deviceInfo;
-          const point = new BMap.Point(longitude, latitude);
-          let options = {
-            width: 300, // 信息窗口宽度
-            height: 230, // 信息窗口高度
-          };
-          map.centerAndZoom(point, 15);
-          map.enableScrollWheelZoom(true);
-          // 创建信息窗口对象
-          const res = await getDeviceActiveTime(entityId);
-
-          let { value: activeStatus, lastUpdateTs } = res[0];
-          lastUpdateTs = moment(lastUpdateTs).format('YYYY-MM-DD HH:mm:ss');
-          let infoWindow = new BMap.InfoWindow(
-            `
-            <div style="display:flex;justify-content:space-between; margin:20px 0px;">
-              <div style="font-size:16px;font-weight:bold">${name}</div>
-              ${
-                deviceState === 'INACTIVE'
-                  ? `<div style="display:flex;align-items:center"><img style="width:15px;height:15px" src="${djh}">待激活</div>`
-                  : deviceState === 'ONLINE'
-                  ? `<div style="display:flex;align-items:center"><img style="width:15px;height:15px" src="${online}">在线</div>`
-                  : `<div style="display:flex;align-items:center"><img style="width:15px;height:15px" src="${lx1}">离线</div>`
-              }
-            </div>
-            <div>所属组织：${organizationDTO.name}</div>
-            <div style="margin-top:6px;">接入协议：${deviceProfile.transportType}</div>
-            <div style="margin-top:6px;">设备位置：${address}</div>
-            <div style="margin-top:6px;">${activeStatus ? '在' : '离'}线时间：${lastUpdateTs}</div>
-            <div style="display:flex;justify-content:end; margin-top:10px">
-              <button onclick="openDeviceInfoDrawer()" style="margin-right:10px;color:#fff;background-color:#409eff;padding:4px; border-radius:4px;">设备信息</button>
-              <button onclick="openHistoryModal()" style="color:#fff;background-color:#409eff;padding:4px; border-radius:4px;">历史数据</button>
-            </div>
-            `,
-            options
-          );
-
-          map.openInfoWindow(infoWindow, map.getCenter());
-          let preMarker = null;
-
-          const rivet = deviceState === 'INACTIVE' ? djx : deviceState === 'ONLINE' ? zx : lx;
-          let myIcon = new BMap.Icon(rivet, new BMap.Size(20, 30));
-          let marker = new BMap.Marker(point, { icon: myIcon });
-          if (marker) {
-            map.removeOverlay(preMarker);
-          }
-          map.addOverlay(marker);
-        } else {
-          const point = new BMap.Point(106.63028229687498, 36.06735821600903);
-          let options = {
-            width: 100, // 信息窗口宽度
-            height: 100, // 信息窗口高度
-            title: '提示', // 信息窗口标题
-          };
-          map.centerAndZoom(point, 5);
-          map.enableScrollWheelZoom(true);
-          let infoWindow = new BMap.InfoWindow('该设备暂无地理位置', options); // 创建信息窗口对象
-          map.openInfoWindow(infoWindow, map.getCenter());
-        }
-      };
-
-      // 设备信息
-      const openDeviceInfoDrawer = async () => {
-        const { id, tbDeviceId } = globalRecord;
-        openDrawer(true, {
-          id,
-          tbDeviceId,
-        });
-      };
-      const openHistoryModal = async () => {
-        openModal(true);
-        // 收集参数
-        const dataArray: any[] = [];
-        const startTs = Date.now() - 86400000; //最近一天
-        const endTs = Date.now();
-        // 发送请求
-        if (!keys.length) {
-          isNull.value = false;
-          return;
-        } else {
-          isNull.value = true;
-        }
-        const res = await getDeviceHistoryInfo({
-          entityId,
-          keys: keys.join(),
-          startTs,
-          endTs,
-          interval: 7200000, //间隔两小时
-          agg: 'AVG',
-        });
-        // 判断对象是否为空
-        if (!Object.keys(res).length) {
-          isNull.value = false;
-          return;
-        } else {
-          isNull.value = true;
-        }
-        // 处理数据
-        for (const key in res) {
-          for (const item1 of res[key]) {
-            let { ts, value } = item1;
-            const time = moment(ts).format('YYYY-MM-DD HH:mm:ss');
-            value = Number(value).toFixed(2);
-            dataArray.push([time, value, key]);
-          }
-        }
-        const series: any = keys.map((item) => {
-          return {
-            name: item,
-            type: 'line',
-            stack: 'Total',
-            data: dataArray.filter((item1) => item1[2] === item),
-          };
-        });
-        console.log(dataArray);
-        // 设置数据;
-        setOptions({
-          tooltip: {
-            trigger: 'axis',
-          },
-          legend: {
-            data: keys,
-          },
-          grid: {
-            left: '3%',
-            right: '4%',
-            bottom: '3%',
-            containLabel: true,
-          },
-          dataZoom: [
-            {
-              type: 'inside',
-              start: 0,
-              end: 50,
-            },
-            {
-              start: 0,
-              end: 20,
-            },
-          ],
-          xAxis: {
-            type: 'time',
-            boundaryGap: false,
-          },
-          yAxis: {
-            type: 'value',
-            boundaryGap: [0, '100%'],
-          },
-          series,
-        });
-        setFieldsValue({
-          endTs: 86400000,
-          interval: 7200000,
-          agg: 'AVG',
-        });
-      };
-      const cancelHistoryModal = () => {
-        resetFields();
-        updateSchema({
-          field: 'interval',
-          componentProps: {
-            placeholder: '请选择分组间隔',
-            options: [
-              {
-                label: '5分钟',
-                value: 300000,
-              },
-              {
-                label: '10分钟',
-                value: 600000,
-              },
-              {
-                label: '15分钟',
-                value: 900000,
-              },
-              {
-                label: '30分钟',
-                value: 1800000,
-              },
-              {
-                label: '1小时',
-                value: 3600000,
-              },
-              {
-                label: '2小时',
-                value: 7200000,
-              },
-            ],
-          },
-        });
-        setOptions({});
-      };
-      onMounted(() => {
-        initMap();
-        (window as any).openDeviceInfoDrawer = openDeviceInfoDrawer;
-        (window as any).openHistoryModal = openHistoryModal;
-      });
-      return {
-        wrapRef,
-        registerTable,
-        deviceRowClick,
-        DeviceState,
-        registerModal,
-        registerForm,
-        chartRef,
-        isNull,
-        cancelHistoryModal,
-        registerDetailDrawer,
-      };
-    },
-  });
-</script>
-<style scoped>
-  .wrapper {
-    position: relative;
-  }
-  .right-wrap {
-    padding-top: 10px;
-    width: 22%;
-    height: 95%;
-    position: absolute;
-    right: 5%;
-    top: 3%;
-    background-color: #fff;
-  }
-</style>

-<template>
-  <BasicDrawer
-    v-bind="$attrs"
-    @register="registerDrawer"
-    showFooter
-    :title="getTitle"
-    width="30%"
-    @ok="handleSubmit"
-  >
-    <BasicForm @register="registerForm" />
-  </BasicDrawer>
-</template>
-<script lang="ts">
-  import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { formSchema } from './config.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  import { saveOrEditAlarmContact } from '/@/api/alarm/contact/alarmContact';
-  import { useMessage } from '/@/hooks/web/useMessage';
-
-  export default defineComponent({
-    name: 'ContactDrawer',
-    components: { BasicDrawer, BasicForm },
-    emits: ['success', 'register'],
-    setup(_, { emit }) {
-      const isUpdate = ref(true);
-
-      const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
-        labelWidth: 120,
-        schemas: formSchema,
-        showActionButtonGroup: false,
-      });
-
-      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
-        await resetFields();
-        setDrawerProps({ confirmLoading: false });
-        isUpdate.value = !!data?.isUpdate;
-        if (unref(isUpdate)) {
-          if (data.record.organizationDTO) {
-            await setFieldsValue(data.record);
-          } else {
-            Reflect.deleteProperty(data.record, 'organizationId');
-            await setFieldsValue(data.record);
-          }
-        }
-      });
-
-      const getTitle = computed(() => (!unref(isUpdate) ? '新增联系人配置' : '编辑联系人配置'));
-
-      async function handleSubmit() {
-        try {
-          const { createMessage } = useMessage();
-          const values = await validate();
-          setDrawerProps({ confirmLoading: true });
-          let saveMessage = '添加成功';
-          let updateMessage = '修改成功';
-          await saveOrEditAlarmContact(values, unref(isUpdate));
-          closeDrawer();
-          emit('success');
-          createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);
-        } finally {
-          setDrawerProps({ confirmLoading: false });
-        }
-      }
-
-      return {
-        getTitle,
-        registerDrawer,
-        registerForm,
-        handleSubmit,
-      };
-    },
-  });
-</script>

-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { getOrganizationList } from '/@/api/system/system';
-import { copyTransFun } from '/@/utils/fnUtils';
-import { emailRule, phoneRule } from '/@/utils/rules';
-
-// 表格列数据
-export const columns: BasicColumn[] = [
-  {
-    title: '姓名',
-    dataIndex: 'username',
-    width: 120,
-  },
-  {
-    title: '所属组织',
-    dataIndex: 'organizationDTO.name',
-    width: 160,
-  },
-  {
-    title: '手机',
-    dataIndex: 'phone',
-    width: 160,
-  },
-  {
-    title: '邮箱',
-    dataIndex: 'email',
-    width: 160,
-  },
-  {
-    title: '微信',
-    dataIndex: 'wechat',
-    width: 180,
-  },
-  {
-    title: '备注',
-    dataIndex: 'remark',
-    width: 120,
-  },
-
-  {
-    title: '添加时间',
-    dataIndex: 'createTime',
-    width: 180,
-  },
-  {
-    title: '更新时间',
-    dataIndex: 'updateTime',
-    width: 180,
-  },
-];
-
-// 查询字段
-export const searchFormSchema: FormSchema[] = [
-  {
-    field: 'username',
-    label: '联系人姓名',
-    component: 'Input',
-    colProps: { span: 8 },
-    componentProps: {
-      maxLength: 36,
-      placeholder: '请输入联系人姓名',
-    },
-  },
-];
-
-// 弹框配置项
-export const formSchema: FormSchema[] = [
-  {
-    field: 'username',
-    label: '联系人姓名',
-    required: true,
-    component: 'Input',
-    componentProps: {
-      placeholder: '请输入联系人姓名',
-      maxLength: 255,
-    },
-  },
-  {
-    field: 'organizationId',
-    label: '所属组织',
-    component: 'ApiTreeSelect',
-    componentProps: {
-      api: async () => {
-        const data = await getOrganizationList();
-        copyTransFun(data as any as any[]);
-        return data;
-      },
-    },
-  },
-  {
-    field: 'phone',
-    label: '手机号码',
-    component: 'Input',
-    componentProps: {
-      placeholder: '请输入手机号码',
-    },
-    rules: phoneRule,
-  },
-  {
-    field: 'email',
-    label: '电子邮箱',
-    component: 'Input',
-    componentProps: {
-      placeholder: '请输入电子邮箱',
-    },
-    rules: emailRule,
-  },
-  {
-    field: 'wechat',
-    label: '微信',
-    component: 'Input',
-    componentProps: {
-      placeholder: '请输入微信号',
-      maxLength: 255,
-    },
-  },
-  {
-    field: 'remark',
-    label: '备注',
-    component: 'InputTextArea',
-    componentProps: {
-      placeholder: '请输入备注',
-      maxLength: 255,
-    },
-  },
-  {
-    field: 'id',
-    label: '',
-    component: 'Input',
-    show: false,
-    componentProps: {
-      maxLength: 36,
-      placeholder: 'id',
-    },
-  },
-];

-<template>
-  <div>
-    <PageWrapper dense contentFullHeight contentClass="flex">
-      <OrganizationIdTree
-        class="w-1/4 xl:w-1/5"
-        @select="handleSelect"
-        ref="organizationIdTreeRef"
-      />
-      <BasicTable @register="registerTable" :searchInfo="searchInfo" class="w-3/4 xl:w-4/5">
-        <template #toolbar>
-          <a-button type="primary" @click="handleCreateOrEdit(null)"> 新增告警联系人 </a-button>
-          <a-button
-            type="primary"
-            color="error"
-            @click="handleDeleteOrBatchDelete(null)"
-            :disabled="hasBatchDelete"
-          >
-            批量删除
-          </a-button>
-        </template>
-        <template #action="{ record }">
-          <TableAction
-            :actions="[
-              {
-                label: '编辑',
-                icon: 'clarity:note-edit-line',
-                onClick: handleCreateOrEdit.bind(null, record),
-              },
-              {
-                label: '删除',
-                icon: 'ant-design:delete-outlined',
-                color: 'error',
-                popConfirm: {
-                  title: '是否确认删除',
-                  confirm: handleDeleteOrBatchDelete.bind(null, record),
-                },
-              },
-            ]"
-          />
-        </template>
-      </BasicTable>
-    </PageWrapper>
-    <ContactDrawer @register="registerDrawer" @success="handleSuccess" />
-  </div>
-</template>
-
-<script lang="ts">
-  import { defineComponent, reactive, ref, computed } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { PageWrapper } from '/@/components/Page';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { useDrawer } from '/@/components/Drawer';
-  import ContactDrawer from './ContactDrawer.vue';
-  import { useResetOrganizationTree, OrganizationIdTree } from '/@/views/common/organizationIdTree';
-
-  import { getAlarmContact, deleteAlarmContact } from '/@/api/alarm/contact/alarmContact';
-  import { searchFormSchema, columns } from './config.data';
-  export default defineComponent({
-    components: {
-      PageWrapper,
-      OrganizationIdTree,
-      BasicTable,
-      TableAction,
-      ContactDrawer,
-    },
-    setup() {
-      let selectedRowIds = ref<string[]>([]);
-      const hasBatchDelete = computed(() => selectedRowIds.value.length <= 0);
-      // 复选框事件
-      const onSelectRowChange = (selectedRowKeys: string[]) => {
-        selectedRowIds.value = selectedRowKeys;
-      };
-      const searchInfo = reactive<Recordable>({});
-      const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
-      // 表格hooks
-      const [registerTable, { reload }] = useTable({
-        api: getAlarmContact,
-        columns,
-        clickToRowSelect: false,
-        formConfig: {
-          labelWidth: 120,
-          schemas: searchFormSchema,
-          resetFunc: resetFn,
-        },
-        useSearchForm: true,
-        showTableSetting: true,
-        bordered: true,
-        rowSelection: {
-          onChange: onSelectRowChange,
-          type: 'checkbox',
-        },
-        rowKey: 'id',
-        actionColumn: {
-          width: 200,
-          title: '操作',
-          dataIndex: 'action',
-          slots: { customRender: 'action' },
-          fixed: 'right',
-        },
-      });
-      // 弹框
-      const [registerDrawer, { openDrawer }] = useDrawer();
-      const { createMessage } = useMessage();
-
-      // 刷新
-      const handleSuccess = () => {
-        reload();
-      };
-      // 新增或编辑
-      const handleCreateOrEdit = (record: Recordable | null) => {
-        if (record) {
-          openDrawer(true, {
-            isUpdate: true,
-            record,
-          });
-        } else {
-          openDrawer(true, {
-            isUpdate: false,
-          });
-        }
-      };
-      // 删除或批量删除
-      const handleDeleteOrBatchDelete = async (record: Recordable | null) => {
-        if (record) {
-          try {
-            await deleteAlarmContact([record.id]);
-            createMessage.success('删除联系人成功');
-            handleSuccess();
-          } catch (e) {
-            createMessage.error('删除失败');
-          }
-        } else {
-          try {
-            await deleteAlarmContact(selectedRowIds.value);
-            createMessage.success('批量删除联系人成功');
-            selectedRowIds.value = [];
-            handleSuccess();
-          } catch (e) {
-            createMessage.info('删除失败');
-          }
-        }
-      };
-
-      // 树形选择器
-      const handleSelect = (organizationId: string) => {
-        searchInfo.organizationId = organizationId;
-        handleSuccess();
-      };
-      return {
-        searchInfo,
-        hasBatchDelete,
-        handleCreateOrEdit,
-        handleDeleteOrBatchDelete,
-        handleSelect,
-        handleSuccess,
-        registerTable,
-        registerDrawer,
-        organizationIdTreeRef,
-      };
-    },
-  });
-</script>

-<template>
-  <div>
-    <BasicModal
-      v-bind="$attrs"
-      @register="registerDrawer"
-      showFooter
-      :title="getTitle"
-      width="1000px"
-      @ok="handleSubmit"
-      @cancel="handleCancel"
-    >
-      <div class="step-form-form">
-        <a-steps :current="current">
-          <a-step title="选择转换方式" />
-          <a-step title="完善配置参数" />
-        </a-steps>
-      </div>
-      <div>
-        <div v-show="current === 0">
-          <TransferConfigMode ref="refTransferConfigMode" @next="handleNext"
-        /></div>
-        <div v-show="current === 1">
-          <TransferConfigParams
-            ref="refTransferConfigParams"
-            :getModeSelect="getModeSelectVal"
-            @prevSon="handlePrev"
-        /></div>
-      </div>
-    </BasicModal>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, reactive, ref, computed, unref, getCurrentInstance } from 'vue';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { Steps } from 'ant-design-vue';
-  import TransferConfigMode from './cpns/transferConfigMode.vue';
-  import TransferConfigParams from './cpns/transferConfigParams.vue';
-  import { postAddConvertApi } from '/@/api/datamanager/dataManagerApi';
-  import { useMessage } from '/@/hooks/web/useMessage';
-
-  export default defineComponent({
-    name: 'ConfigDrawer',
-    components: {
-      BasicModal,
-      [Steps.name]: Steps,
-      [Steps.Step.name]: Steps.Step,
-      TransferConfigMode,
-      TransferConfigParams,
-    },
-    emits: ['success', 'register'],
-    setup(_, { emit }) {
-      const { createMessage } = useMessage();
-      const { proxy } = getCurrentInstance();
-      const allPostForm = reactive({});
-      const getNameObj = reactive({
-        name: '',
-      });
-      const getTypeObj = reactive({
-        type: '',
-        remark: '',
-      });
-      const additionalInfoV = {
-        additionalInfo: {
-          description: '',
-        },
-      };
-      const getSonFormValue = ref({});
-      const getModeSonFormValue = ref({});
-      const refTransferConfigParams = ref(null);
-      const refTransferConfigMode = ref(null);
-      const getModeSelectVal = ref({});
-      const isUpdate = ref(true);
-      const getTitle = computed(() => (!unref(isUpdate) ? '新增转换配置' : '编辑数据转换'));
-      const current = ref(0);
-      const editPostId = ref('');
-      const editType = reactive({
-        type: '',
-        configuration: {},
-        name: '',
-      });
-      const editNextType = reactive({
-        type: '',
-        configuration: {},
-        name: '',
-        remark: '',
-      });
-      const editTypeFunc = (d) => {
-        editType.type = d.type;
-        editType.configuration = d.configuration;
-        editType.name = d.name;
-      };
-
-      const [registerDrawer, { closeModal }] = useModalInner(async (data) => {
-        isUpdate.value = !!data?.isUpdate;
-        current.value = 0;
-        if (unref(isUpdate)) {
-          editPostId.value = data.record.id;
-          editNextType.type = data.record.type;
-          editNextType.configuration = data.record;
-          editNextType.name = data.record.name;
-          editNextType.remark = data.record.remark;
-          proxy.$refs.refTransferConfigMode.setStepOneFieldsValueFunc(editNextType);
-        }
-      });
-      const handleCancel = () => {
-        defineClearFunc();
-      };
-      const defineClearFunc = () => {
-        try {
-          proxy.$refs.refTransferConfigMode.customResetStepOneFunc();
-          proxy.$refs.refTransferConfigParams?.clearSonValueDataFunc();
-        } catch (e) {
-          return e;
-        }
-      };
-      const handleNext = (args) => {
-        current.value++;
-        getModeSelectVal.value = args;
-        if (unref(isUpdate)) {
-          try {
-            if (editNextType.type == 'org.thingsboard.rule.engine.kafka.TbKafkaNode') {
-              editTypeFunc(editNextType.configuration);
-            } else if (editNextType.type == 'org.thingsboard.rule.engine.mqtt.TbMqttNode') {
-              editTypeFunc(editNextType.configuration);
-            } else if (editNextType.type == 'org.thingsboard.rule.engine.rabbitmq.TbRabbitMqNode') {
-              editTypeFunc(editNextType.configuration);
-            } else if (editNextType.type == 'org.thingsboard.rule.engine.rest.TbRestApiCallNode') {
-              editTypeFunc(editNextType.configuration);
-            }
-            proxy.$refs.refTransferConfigParams.editSonValueDataFunc(editType);
-          } catch (e) {
-            return e;
-          }
-        }
-      };
-      const handlePrev = () => {
-        current.value--;
-      };
-
-      const commonFunc = () => {
-        try {
-          additionalInfoV.additionalInfo.description =
-            getSonFormValue.value.configuration.description;
-          delete getSonFormValue.value.configuration.description;
-          delete getSonFormValue.value.configuration.type;
-          delete getSonFormValue.value?.configuration?.name;
-        } catch (e) {
-          return e;
-        }
-      };
-      const addOrEditFunc = async () => {
-        if (!unref(isUpdate)) {
-          proxy.$refs.refTransferConfigParams.clearSonValueValidateFunc();
-        }
-        getModeSonFormValue.value = await proxy.$refs.refTransferConfigMode.getSonValueFunc();
-        getSonFormValue.value = await proxy.$refs.refTransferConfigParams.getSonValueDataFunc();
-        if (getModeSonFormValue.value?.type == 'org.thingsboard.rule.engine.kafka.TbKafkaNode') {
-          getTypeObj.type = 'org.thingsboard.rule.engine.kafka.TbKafkaNode';
-          getTypeObj.remark = getModeSonFormValue.value.remark;
-          getNameObj.name = getSonFormValue.value?.configuration?.name;
-          commonFunc();
-        } else if (
-          getModeSonFormValue.value?.type == 'org.thingsboard.rule.engine.mqtt.TbMqttNode'
-        ) {
-          getTypeObj.type = 'org.thingsboard.rule.engine.mqtt.TbMqttNode';
-          getTypeObj.remark = getModeSonFormValue.value.remark;
-          getNameObj.name = getSonFormValue.value?.configuration?.name;
-          commonFunc();
-        } else if (
-          getModeSonFormValue.value?.type == 'org.thingsboard.rule.engine.rabbitmq.TbRabbitMqNode'
-        ) {
-          getTypeObj.type = 'org.thingsboard.rule.engine.rabbitmq.TbRabbitMqNode';
-          getTypeObj.remark = getModeSonFormValue.value.remark;
-          getNameObj.name = getSonFormValue.value?.configuration?.name;
-          commonFunc();
-        } else if (
-          getModeSonFormValue.value?.type == 'org.thingsboard.rule.engine.rest.TbRestApiCallNode'
-        ) {
-          getTypeObj.type = 'org.thingsboard.rule.engine.rest.TbRestApiCallNode';
-          getTypeObj.remark = getModeSonFormValue.value.remark;
-          getNameObj.name = getSonFormValue.value?.configuration?.name;
-          commonFunc();
-        }
-        const id: any = {
-          id: unref(isUpdate) ? editPostId.value : '',
-        };
-        Object.assign(
-          allPostForm,
-          getTypeObj,
-          getSonFormValue.value,
-          getNameObj,
-          id,
-          additionalInfoV
-        );
-        if (!unref(isUpdate)) {
-          delete allPostForm.id;
-        }
-      };
-      const handleSubmit = async () => {
-        if (!unref(isUpdate)) {
-          await addOrEditFunc();
-          await postAddConvertApi(allPostForm);
-          createMessage.success('数据转换新增成功');
-          emit('success');
-          defineClearFunc();
-          closeModal();
-        } else {
-          await addOrEditFunc();
-          await postAddConvertApi(allPostForm);
-          createMessage.success('数据转换编辑成功');
-          emit('success');
-          defineClearFunc();
-          closeModal();
-        }
-      };
-      return {
-        handleCancel,
-        registerDrawer,
-        handleSubmit,
-        getTitle,
-        current,
-        handleNext,
-        handlePrev,
-        getModeSelectVal,
-        refTransferConfigParams,
-        refTransferConfigMode,
-      };
-    },
-  });
-</script>

-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { h } from 'vue';
-import { Tag } from 'ant-design-vue';
-
-export const columns: BasicColumn[] = [
-  {
-    title: '数据转换名称',
-    dataIndex: 'name',
-    width: 200,
-  },
-  {
-    title: '途径',
-    dataIndex: 'type',
-    width: 200,
-    customRender: ({ record }) => {
-      const status = record.type;
-      const enable =
-        status === 'org.thingsboard.rule.engine.kafka.TbKafkaNode'
-          ? 'KafKa'
-          : record.type === 'org.thingsboard.rule.engine.mqtt.TbMqttNode'
-          ? 'MQTT'
-          : record.type === 'org.thingsboard.rule.engine.rabbitmq.TbRabbitMqNode'
-          ? 'RabbitMQ'
-          : 'REST_API';
-      const color =
-        enable == 'KafKa'
-          ? '#0099FF'
-          : enable == 'MQTT'
-          ? '#7C7CC9'
-          : enable == 'RabbitMQ'
-          ? '#E8A15E'
-          : '#81B1AB';
-      const text =
-        enable == 'KafKa'
-          ? 'KafKa'
-          : enable == 'MQTT'
-          ? 'MQTT'
-          : enable == 'RabbitMQ'
-          ? 'RabbitMQ'
-          : 'REST_API';
-      return h(Tag, { color: color }, () => text);
-    },
-
-    format: (_text: string, record: Recordable) => {
-      return record.type === 'org.thingsboard.rule.engine.kafka.TbKafkaNode'
-        ? 'KafKa'
-        : record.type === 'org.thingsboard.rule.engine.mqtt.TbMqttNode'
-        ? 'MQTT'
-        : record.type === 'org.thingsboard.rule.engine.rabbitmq.TbRabbitMqNode'
-        ? 'RabbitMQ'
-        : 'REST_API';
-    },
-  },
-  {
-    title: '状态',
-    dataIndex: 'status',
-    width: 120,
-    customRender: ({ record }) => {
-      const status = record.status;
-      const enable = ~~status === 1;
-      const color = enable ? '#2aae67' : '#eb846f';
-      const text = enable ? '启用' : '禁用';
-      return h(Tag, { color: color }, () => text);
-    },
-  },
-  {
-    title: '描述',
-    dataIndex: 'remark',
-    width: 200,
-  },
-  {
-    title: '创建时间',
-    dataIndex: 'createTime',
-    width: 180,
-  },
-];
-
-export const searchFormSchema: FormSchema[] = [
-  {
-    field: 'name',
-    label: '名称',
-    component: 'Input',
-    colProps: { span: 6 },
-    componentProps: {
-      maxLength: 36,
-      placeholder: '请输入名称',
-    },
-  },
-  {
-    field: 'status',
-    label: '状态',
-    component: 'Select',
-    componentProps: {
-      placeholder: '请选择状态',
-      options: [
-        { label: '已启用', value: '1' },
-        { label: '未启用', value: '0' },
-      ],
-    },
-    colProps: { span: 6 },
-  },
-];

-import { FormSchema } from '/@/components/Form';
-import { findDictItemByCode } from '/@/api/system/dict';
-import { isExistDataManagerNameApi } from '/@/api/datamanager/dataManagerApi';
-import { ref } from 'vue';
-import { useMessage } from '/@/hooks/web/useMessage';
-const { createMessage } = useMessage();
-
-const typeValue = ref('');
-
-export enum CredentialsEnum {
-  IS_ANONYMOUS = 'anonymous',
-  IS_BASIC = 'basic',
-  IS_PEM = 'pem',
-}
-
-export const isBasic = (type: string) => {
-  return type === CredentialsEnum.IS_BASIC;
-};
-export const isPem = (type: string) => {
-  return type === CredentialsEnum.IS_PEM;
-};
-
-export const modeForm: FormSchema[] = [
-  {
-    field: 'type',
-    label: '转换方式',
-    component: 'ApiSelect',
-    required: true,
-    colProps: {
-      span: 13,
-    },
-    componentProps({}) {
-      return {
-        api: findDictItemByCode,
-        params: {
-          dictCode: 'convert_data_to',
-        },
-        labelField: 'itemText',
-        valueField: 'itemValue',
-        onChange(value) {
-          typeValue.value = value;
-        },
-      };
-    },
-  },
-  {
-    field: 'remark',
-    label: '描述',
-    colProps: { span: 13 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入描述',
-    },
-  },
-];
-
-export const modeKafkaInseretKeyAndValueForm: FormSchema[] = [
-  {
-    field: 'key',
-    label: 'Key',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Key',
-    },
-  },
-  {
-    field: 'value',
-    label: 'Value',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Value',
-    },
-  },
-];
-
-export const modeApiInseretKeyAndValueForm: FormSchema[] = [
-  {
-    field: 'key',
-    label: 'Header',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Header',
-    },
-  },
-  {
-    field: 'value',
-    label: 'Value',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Value',
-    },
-  },
-];
-
-export const modeKafkaForm: FormSchema[] = [
-  {
-    field: 'name',
-    label: '名称',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入名称',
-    },
-    dynamicRules: ({ values }) => {
-      return [
-        {
-          required: true,
-          validator(_, value) {
-            return new Promise((resolve, reject) => {
-              if (value == '') {
-                reject('请输入名称');
-              } else {
-                if (values.name != undefined) {
-                  isExistDataManagerNameApi({
-                    name: value,
-                    type:
-                      typeValue.value == ''
-                        ? 'org.thingsboard.rule.engine.kafka.TbKafkaNode'
-                        : typeValue.value,
-                  }).then((data) => {
-                    if (data == true) {
-                      createMessage.error('名称已存在');
-                      resolve();
-                    } else {
-                      resolve();
-                    }
-                  });
-                } else {
-                  resolve();
-                }
-              }
-            });
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'topicPattern',
-    label: 'Topic',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    defaultValue: 'my-topic',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Topic pattern',
-    },
-  },
-  {
-    field: 'bootstrapServers',
-    label: 'Bootstrap',
-    colProps: { span: 12 },
-    component: 'Input',
-    defaultValue: 'localhost:9092',
-    required: true,
-    componentProps: {
-      maxLength: 255,
-      placeholder: 'localhost:9092',
-    },
-  },
-  {
-    field: 'retries',
-    label: 'Retries',
-    colProps: { span: 12 },
-    component: 'InputNumber',
-    defaultValue: 0,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Automatically retry times if fails',
-    },
-  },
-  {
-    field: 'batchSize',
-    label: 'BatchSize',
-    colProps: { span: 12 },
-    component: 'InputNumber',
-    defaultValue: 16384,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Produces batch size in bytes',
-    },
-  },
-  {
-    field: 'linger',
-    label: 'Linger',
-    colProps: { span: 12 },
-    component: 'InputNumber',
-    defaultValue: 0,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Time to buffer locally(ms)',
-    },
-  },
-  {
-    field: 'bufferMemory',
-    label: 'BufferMemory',
-    colProps: { span: 12 },
-    component: 'InputNumber',
-    defaultValue: 33554432,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Client buffer max size in bytes',
-    },
-  },
-  {
-    field: 'acks',
-    component: 'Select',
-    label: 'Acks',
-    colProps: { span: 12 },
-    defaultValue: '-1',
-    componentProps: {
-      placeholder: '请选择Number of acknowledgments',
-      options: [
-        { label: 'all', value: 'all' },
-        { label: '-1', value: '-1' },
-        { label: '0', value: '0' },
-        { label: '1', value: '1' },
-      ],
-    },
-  },
-  {
-    field: 'keySerializer',
-    label: 'Key',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    defaultValue: 'org.apache.kafka.common.serialization.StringSerializer',
-    componentProps: {
-      maxLength: 255,
-      placeholder: 'org.apache.kafka.common.serialization.StringSerializer',
-    },
-  },
-  {
-    field: 'valueSerializer',
-    label: 'Value',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    defaultValue: 'org.apache.kafka.common.serialization.StringSerializer',
-    componentProps: {
-      maxLength: 255,
-      placeholder: 'org.apache.kafka.common.serialization.StringSerializer',
-    },
-  },
-  {
-    field: '1',
-    label: '',
-    colProps: { span: 24 },
-    slot: 'addValue',
-    component: 'Input',
-  },
-  {
-    field: 'addMetadataKeyValuesAsKafkaHeaders',
-    label: '选择',
-    colProps: { span: 12 },
-    component: 'Checkbox',
-    renderComponentContent: 'Add Message metadata key-value pairs to Kafka record headers',
-  },
-  {
-    field: 'kafkaHeadersCharset',
-    component: 'Select',
-    label: 'Charset',
-    required: true,
-    colProps: { span: 12 },
-    defaultValue: 'UTF-8',
-    componentProps: {
-      placeholder: '请选择Charset encoding',
-      options: [
-        { label: 'US-ASCII', value: 'US' },
-        { label: 'ISO-8859-1', value: 'ISO-8859-1' },
-        { label: 'UTF-8', value: 'UTF-8' },
-        { label: 'UTF-16BE', value: 'UTF-16BE' },
-        { label: 'UTF-16LE', value: 'UTF-16LE' },
-        { label: 'UTF-16', value: 'UTF-16' },
-      ],
-    },
-    ifShow: ({ values }) => {
-      return !!values.addMetadataKeyValuesAsKafkaHeaders;
-    },
-  },
-
-  {
-    field: 'description',
-    label: '说明',
-    colProps: { span: 12 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入说明',
-    },
-  },
-];
-
-export const modeMqttForm: FormSchema[] = [
-  {
-    field: 'name',
-    label: '名称',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入名称',
-    },
-    dynamicRules: ({ values }) => {
-      return [
-        {
-          required: true,
-          validator(_, value) {
-            return new Promise((resolve, reject) => {
-              if (value == '') {
-                reject('请输入名称');
-              } else {
-                if (values.name != undefined) {
-                  isExistDataManagerNameApi({
-                    name: value,
-                    type:
-                      typeValue.value == ''
-                        ? 'org.thingsboard.rule.engine.mqtt.TbMqttNode'
-                        : typeValue.value,
-                  }).then((data) => {
-                    if (data == true) {
-                      createMessage.error('名称已存在');
-                      resolve();
-                    } else {
-                      resolve();
-                    }
-                  });
-                } else {
-                  resolve();
-                }
-              }
-            });
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'topicPattern',
-    label: 'Topic',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Topic pattern',
-    },
-  },
-  {
-    field: 'host',
-    label: 'Host',
-    colProps: { span: 12 },
-    component: 'Input',
-    required: true,
-    defaultValue: 'localhost',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Host',
-    },
-  },
-  {
-    field: 'port',
-    label: 'Port',
-    colProps: { span: 12 },
-    component: 'InputNumber',
-    defaultValue: 1883,
-    required: true,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Port',
-    },
-  },
-  {
-    field: 'connectTimeoutSec',
-    label: 'Connection',
-    colProps: { span: 12 },
-    component: 'InputNumber',
-    defaultValue: 10,
-    required: true,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Connection timeout (sec)',
-    },
-  },
-  {
-    field: 'clientId',
-    label: 'Client ID',
-    colProps: { span: 12 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Client ID',
-    },
-  },
-  {
-    field: 'cleanSession',
-    label: 'Clean',
-    colProps: { span: 12 },
-    component: 'Checkbox',
-    renderComponentContent: 'Clean session',
-  },
-  {
-    field: 'ssl',
-    label: 'Enable',
-    colProps: { span: 12 },
-    component: 'Checkbox',
-    renderComponentContent: 'Enable SSL',
-  },
-  {
-    field: 'type',
-    component: 'Select',
-    label: 'type',
-    colProps: { span: 12 },
-    componentProps: {
-      placeholder: '请选择Credentials',
-      options: [
-        { label: 'Anonymous', value: 'anonymous' },
-        { label: 'Basic', value: 'basic' },
-        { label: 'PEM', value: 'pem' },
-      ],
-    },
-  },
-  {
-    field: 'username',
-    label: 'Username',
-    colProps: { span: 12 },
-    component: 'Input',
-    required: true,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Username',
-    },
-    ifShow: ({ values }) => isBasic(Reflect.get(values, 'type')),
-  },
-  {
-    field: 'password',
-    label: 'Password',
-    colProps: { span: 12 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Password',
-    },
-    ifShow: ({ values }) => isBasic(Reflect.get(values, 'type')),
-  },
-  {
-    field: '4',
-    label: '',
-    colProps: { span: 24 },
-    component: 'Input',
-    slot: 'uploadAdd1',
-    ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),
-  },
-  {
-    field: '5',
-    label: '',
-    colProps: { span: 24 },
-    component: 'Input',
-    slot: 'uploadAdd2',
-    ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),
-  },
-  {
-    field: '6',
-    label: '',
-    colProps: { span: 24 },
-    component: 'Input',
-    slot: 'uploadAdd3',
-    ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),
-  },
-  {
-    field: 'password',
-    label: 'Password',
-    colProps: { span: 12 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Password',
-    },
-    ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),
-  },
-  {
-    field: 'description',
-    label: '说明',
-    colProps: { span: 12 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入说明',
-    },
-  },
-];
-
-export const modeRabbitMqForm: FormSchema[] = [
-  {
-    field: 'name',
-    label: '名称',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入名称',
-    },
-    dynamicRules: ({ values }) => {
-      return [
-        {
-          required: true,
-          validator(_, value) {
-            return new Promise((resolve, reject) => {
-              if (value == '') {
-                reject('请输入名称');
-              } else {
-                if (values.name != undefined) {
-                  isExistDataManagerNameApi({
-                    name: value,
-                    type:
-                      typeValue.value == ''
-                        ? 'org.thingsboard.rule.engine.rabbitmq.TbRabbitMqNode'
-                        : typeValue.value,
-                  }).then((data) => {
-                    if (data == true) {
-                      createMessage.error('名称已存在');
-                      resolve();
-                    } else {
-                      resolve();
-                    }
-                  });
-                } else {
-                  resolve();
-                }
-              }
-            });
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'exchangeNamePattern',
-    label: 'Exchange',
-    colProps: { span: 12 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Exchange name pattern',
-    },
-  },
-  {
-    field: 'routingKeyPattern',
-    label: 'Routing',
-    colProps: { span: 12 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Routing key pattern',
-    },
-  },
-  {
-    field: 'messageProperties',
-    component: 'Select',
-    label: 'Message',
-    colProps: { span: 12 },
-    componentProps: {
-      placeholder: '请选择Message properties',
-      options: [
-        { label: 'BASIC', value: 'BASIC' },
-        { label: 'TEXT_PLAIN', value: 'TEXT_PLAIN' },
-        { label: 'MINIMAL_BASIC', value: 'MINIMAL_BASIC' },
-        { label: 'MINIMAL_PERSISTENT_BASIC', value: 'MINIMAL_PERSISTENT_BASIC' },
-        { label: 'PERSISTENT_BASIC', value: 'PERSISTENT_BASIC' },
-        { label: 'PERSISTENT_TEXT_PLAIN', value: 'PERSISTENT_TEXT_PLAIN' },
-      ],
-    },
-  },
-  {
-    field: 'host',
-    label: 'Host',
-    colProps: { span: 12 },
-    component: 'Input',
-    required: true,
-    defaultValue: 'localhost',
-    componentProps: {
-      maxLength: 255,
-      placeholder: 'localhost',
-    },
-  },
-  {
-    field: 'port',
-    label: 'Port',
-    colProps: { span: 12 },
-    component: 'InputNumber',
-    defaultValue: 5672,
-    required: true,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Port',
-    },
-  },
-  {
-    field: 'virtualHost',
-    label: 'Virtual',
-    colProps: { span: 12 },
-    component: 'Input',
-    defaultValue: '/',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '/',
-    },
-  },
-  {
-    field: 'username',
-    label: 'Username',
-    colProps: { span: 12 },
-    component: 'Input',
-    defaultValue: 'guest',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Username',
-    },
-  },
-  {
-    field: 'password',
-    label: 'Password',
-    colProps: { span: 12 },
-    component: 'Input',
-    defaultValue: 'guest',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Password',
-    },
-  },
-  {
-    field: 'automaticRecoveryEnabled',
-    label: ' Automatic',
-    colProps: { span: 12 },
-    component: 'Checkbox',
-    renderComponentContent: 'Automatic recovery',
-  },
-  {
-    field: 'connectionTimeout',
-    label: 'Connect',
-    colProps: { span: 12 },
-    component: 'InputNumber',
-    defaultValue: 60000,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Connection timeout (ms)',
-    },
-  },
-  {
-    field: 'handshakeTimeout',
-    label: 'Handshake',
-    colProps: { span: 12 },
-    component: 'InputNumber',
-    defaultValue: 10000,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Handshake timeout (ms)',
-    },
-  },
-  {
-    field: '1',
-    label: '',
-    colProps: { span: 24 },
-    component: 'Input',
-    slot: 'addKeyAndValue',
-  },
-
-  {
-    field: 'description',
-    label: '说明',
-    colProps: { span: 12 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入说明',
-    },
-  },
-];
-
-export const modeApiForm: FormSchema[] = [
-  {
-    field: 'name',
-    label: '名称',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入名称',
-    },
-    dynamicRules: ({ values }) => {
-      return [
-        {
-          required: true,
-          validator(_, value) {
-            return new Promise((resolve, reject) => {
-              if (value == '') {
-                reject('请输入名称');
-              } else {
-                if (values.name != undefined) {
-                  isExistDataManagerNameApi({
-                    name: value,
-                    type:
-                      typeValue.value == ''
-                        ? 'org.thingsboard.rule.engine.rest.TbRestApiCallNode'
-                        : typeValue.value,
-                  }).then((data) => {
-                    if (data == true) {
-                      createMessage.error('名称已存在');
-                      resolve();
-                    } else {
-                      resolve();
-                    }
-                  });
-                } else {
-                  resolve();
-                }
-              }
-            });
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'restEndpointUrlPattern',
-    label: 'Endpoint',
-    colProps: { span: 12 },
-    required: true,
-    defaultValue: 'http://localhost/api',
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Endpoint URL pattern',
-    },
-  },
-  {
-    field: 'requestMethod',
-    component: 'Select',
-    label: 'Request',
-    colProps: { span: 12 },
-    defaultValue: 'POST',
-    componentProps: {
-      placeholder: '请选择Request method',
-      options: [
-        { label: 'GET', value: 'GET' },
-        { label: 'POST', value: 'POST' },
-        { label: 'PUT', value: 'PUT' },
-        { label: 'DELETE', value: 'DELETE' },
-      ],
-    },
-  },
-  {
-    field: 'enableProxy',
-    label: '选择',
-    colProps: { span: 12 },
-    component: 'Checkbox',
-    renderComponentContent: 'Enable proxy',
-  },
-
-  {
-    field: 'proxyHost',
-    label: 'Host',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: 'http或者https开头',
-    },
-    ifShow: ({ values }) => {
-      return !!values.enableProxy;
-    },
-  },
-  {
-    field: 'proxyPort',
-    label: 'Port',
-    colProps: { span: 12 },
-    required: true,
-    component: 'InputNumber',
-    defaultValue: 0,
-    componentProps: {
-      maxLength: 255,
-      placeholder: 'http或者https开头',
-    },
-    ifShow: ({ values }) => {
-      return !!values.enableProxy;
-    },
-  },
-  {
-    field: 'proxyUser',
-    label: 'User',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Proxy user',
-    },
-    ifShow: ({ values }) => {
-      return !!values.enableProxy;
-    },
-  },
-  {
-    field: 'proxyPassword',
-    label: 'Password',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Proxy password',
-    },
-    ifShow: ({ values }) => {
-      return !!values.enableProxy;
-    },
-  },
-
-  {
-    field: 'useSystemProxyProperties',
-    label: '选择',
-    colProps: { span: 12 },
-    component: 'Checkbox',
-    renderComponentContent: 'Use system proxy properties',
-  },
-  {
-    field: 'maxParallelRequestsCount',
-    label: 'Max',
-    colProps: { span: 12 },
-    required: true,
-    component: 'InputNumber',
-    defaultValue: 0,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Max number of paraller requests',
-    },
-    ifShow: ({ values }) => {
-      return !!values.useSystemProxyProperties;
-    },
-  },
-  {
-    field: 'ignoreRequestBody',
-    label: '选择',
-    colProps: { span: 12 },
-    component: 'Checkbox',
-    renderComponentContent: 'Without request body',
-  },
-  {
-    field: 'readTimeoutMs',
-    label: 'Read',
-    colProps: { span: 12 },
-    required: true,
-    component: 'InputNumber',
-    defaultValue: 0,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Read timeout in times',
-    },
-    ifShow: ({ values }) => {
-      return !values.useSystemProxyProperties;
-    },
-  },
-  {
-    field: 'maxParallelRequestsCount',
-    label: 'Max',
-    colProps: { span: 12 },
-    required: true,
-    component: 'InputNumber',
-    defaultValue: 0,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Max number of paraller requests',
-    },
-    ifShow: ({ values }) => {
-      return !values.useSystemProxyProperties;
-    },
-  },
-  {
-    field: 'Header',
-    label: 'Header',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    defaultValue: 'Content-Type',
-    componentProps: {
-      maxLength: 255,
-      placeholder: 'Content-Type',
-    },
-  },
-  {
-    field: 'Value',
-    label: 'Value',
-    colProps: { span: 12 },
-    required: true,
-    component: 'Input',
-    defaultValue: 'application/json',
-    componentProps: {
-      maxLength: 255,
-      placeholder: 'application/json',
-    },
-  },
-  {
-    field: '1',
-    label: '',
-    colProps: { span: 24 },
-    component: 'Input',
-    slot: 'addKeyAndValue',
-  },
-
-  {
-    field: 'useRedisQueueForMsgPersistence',
-    label: '选择',
-    colProps: { span: 12 },
-    component: 'Checkbox',
-    renderComponentContent: 'Use redis queue for message persistence',
-  },
-  {
-    field: 'trimQueue',
-    label: '选择',
-    colProps: { span: 12 },
-    component: 'Checkbox',
-    renderComponentContent: 'Trim redis queue',
-    ifShow: ({ values }) => {
-      return !!values.useRedisQueueForMsgPersistence;
-    },
-  },
-  {
-    field: 'maxQueueSize',
-    label: 'Redis',
-    colProps: { span: 12 },
-    required: true,
-    component: 'InputNumber',
-    defaultValue: 0,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Redis queue max size',
-    },
-    ifShow: ({ values }) => {
-      return !!values.useRedisQueueForMsgPersistence;
-    },
-  },
-
-  {
-    field: 'type',
-    component: 'Select',
-    label: 'type',
-    colProps: { span: 12 },
-    componentProps: {
-      placeholder: '请选择Number of acknowledgments',
-      options: [
-        { label: 'Anonymous', value: 'anonymous' },
-        { label: 'Basic', value: 'basic' },
-        { label: 'PEM', value: 'pem' },
-      ],
-    },
-  },
-  {
-    field: 'username',
-    label: 'Username',
-    colProps: { span: 12 },
-    component: 'Input',
-    required: true,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Username',
-    },
-    ifShow: ({ values }) => isBasic(Reflect.get(values, 'type')),
-  },
-  {
-    field: 'password',
-    label: 'Password',
-    colProps: { span: 12 },
-    component: 'Input',
-    required: true,
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Password',
-    },
-    ifShow: ({ values }) => isBasic(Reflect.get(values, 'type')),
-  },
-  {
-    field: '1',
-    label: '',
-    colProps: { span: 24 },
-    component: 'Input',
-    slot: 'uploadAdd1',
-    ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),
-  },
-  {
-    field: '1',
-    label: '',
-    colProps: { span: 24 },
-    component: 'Input',
-    slot: 'uploadAdd2',
-    ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),
-  },
-  {
-    field: '1',
-    label: '',
-    colProps: { span: 24 },
-    component: 'Input',
-    slot: 'uploadAdd3',
-    ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),
-  },
-  {
-    field: 'password',
-    label: 'Password',
-    colProps: { span: 12 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Password',
-    },
-    ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),
-  },
-
-  {
-    field: 'description',
-    label: '说明',
-    colProps: { span: 12 },
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入说明',
-    },
-  },
-];

-<template>
-  <div class="root">
-    <div class="root-form">
-      <BasicForm :showSubmitButton="false" @register="register">
-        <template #addKeyAndValue="{ field }">
-          <span style="display: none">{{ field }}</span>
-          <div>
-            <div>
-              <template v-for="(item, index) in keyAndValueArr" :key="index">
-                <span style="display: none">{{ item + index }}</span>
-                <BasicForm
-                  :showResetButton="false"
-                  :showSubmitButton="false"
-                  @register="registerKeyAndValue"
-                />
-              </template>
-              <div
-                style="
-                  width: 7vw;
-                  height: 3.3vh;
-                  display: flex;
-                  flex-direction: row;
-                  justify-content: center;
-                  align-items: center;
-                  margin-left: 1.8vw;
-                "
-              >
-                <div
-                  style="
-                    width: 2.9vw;
-                    height: 3.3vh;
-                    background-color: #0960bd;
-                    border-radius: 2px;
-                    cursor: pointer;
-                    text-align: center;
-                    line-height: 3.1vh;
-                  "
-                >
-                  <span @click="addKeyAndValueFunc" style="color: white">添加</span>
-                </div>
-                <div
-                  style="
-                    width: 2.9vw;
-                    height: 3.3vh;
-                    margin-left: 1vw;
-                    background-color: #ed6f6f;
-                    border-radius: 2px;
-                    cursor: pointer;
-                    text-align: center;
-                    line-height: 3.1vh;
-                  "
-                >
-                  <span @click="removeKeyAndValueFunc" style="color: white">删除</span>
-                </div>
-              </div>
-              <div> </div>
-            </div>
-          </div>
-        </template>
-        <template #uploadAdd1="{ field }">
-          <span style="display: none">{{ field }}</span>
-          <a-upload-dragger
-            v-model:fileList="fileList"
-            name="file"
-            :multiple="true"
-            action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-            @change="handleChange"
-          >
-            <p class="ant-upload-drag-icon">
-              <InboxOutlined />
-            </p>
-            <p class="ant-upload-text">Click or drag file to this area to upload</p>
-            <p class="ant-upload-hint">
-              Support for a single or bulk upload. Strictly prohibit from uploading company data or
-              other band files
-            </p>
-          </a-upload-dragger>
-        </template>
-        <template #uploadAdd2="{ field }">
-          <span style="display: none">{{ field }}</span>
-          <a-upload-dragger
-            v-model:fileList="fileList"
-            name="file"
-            :multiple="true"
-            action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-            @change="handleChange"
-          >
-            <p class="ant-upload-drag-icon">
-              <InboxOutlined />
-            </p>
-            <p class="ant-upload-text">Click or drag file to this area to upload</p>
-            <p class="ant-upload-hint">
-              Support for a single or bulk upload. Strictly prohibit from uploading company data or
-              other band files
-            </p>
-          </a-upload-dragger>
-        </template>
-        <template #uploadAdd3="{ field }">
-          <span style="display: none">{{ field }}</span>
-          <a-upload-dragger
-            v-model:fileList="fileList"
-            name="file"
-            :multiple="true"
-            action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-            @change="handleChange"
-          >
-            <p class="ant-upload-drag-icon">
-              <InboxOutlined />
-            </p>
-            <p class="ant-upload-text">Click or drag file to this area to upload</p>
-            <p class="ant-upload-hint">
-              Support for a single or bulk upload. Strictly prohibit from uploading company data or
-              other band files
-            </p>
-          </a-upload-dragger>
-        </template>
-      </BasicForm>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref, reactive } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { modeApiForm, modeApiInseretKeyAndValueForm } from '../config';
-  import { InboxOutlined } from '@ant-design/icons-vue';
-  import { Alert, Divider, Descriptions, Upload } from 'ant-design-vue';
-  interface IKeyAndValue {
-    key: string;
-    value: string;
-  }
-  export default defineComponent({
-    components: {
-      BasicForm,
-      [Alert.name]: Alert,
-      [Divider.name]: Divider,
-      [Descriptions.name]: Descriptions,
-      [Descriptions.Item.name]: Descriptions.Item,
-      InboxOutlined,
-      [Upload.Dragger.name]: Upload.Dragger,
-    },
-    emits: ['next', 'prev', 'register'],
-    setup(_, { emit }) {
-      const fileList = ref<[]>([]);
-      const keyAndValueArr = ref<[]>([]);
-      const temp = ref({});
-      let tempObj = ref({});
-      const otherPropertiesValues = reactive({
-        headers: {},
-      });
-      const credentialsV = reactive({
-        credentials: {
-          type: '',
-        },
-      });
-      const keyAndValueArrTemp = ref<[]>([]);
-      const keyAndValueObj = reactive<IKeyAndValue>({
-        key: '',
-        value: '',
-      });
-      const sonValues = reactive({
-        configuration: {},
-      });
-      const [register, { validate, setFieldsValue, resetFields: defineClearFunc }] = useForm({
-        labelWidth: 80,
-        schemas: modeApiForm,
-        actionColOptions: {
-          span: 14,
-        },
-        resetButtonOptions: {
-          text: '上一步',
-        },
-
-        resetFunc: customResetFunc,
-        submitFunc: customSubmitFunc,
-      });
-
-      const [
-        registerKeyAndValue,
-        { validate: validateKeyAndValue, resetFields: defineClearKeyAndValueFunc },
-      ] = useForm({
-        labelWidth: 80,
-        schemas: modeApiInseretKeyAndValueForm,
-        actionColOptions: {
-          span: 14,
-        },
-      });
-      const setStepTwoFieldsValueFunc = (v, v1) => {
-        setFieldsValue(v);
-        setFieldsValue({
-          name: v1,
-        });
-      };
-      const customClearStepTwoValueFunc = async () => {
-        defineClearFunc();
-        defineClearKeyAndValueFunc();
-      };
-      async function customResetFunc() {
-        emit('prev');
-      }
-      async function customSubmitFunc() {
-        try {
-          const values = await validate();
-          emit('next', values);
-        } catch (error) {
-        } finally {
-        }
-      }
-      const tempGetKeyAndVal = async () => {
-        temp.value = await validateKeyAndValue();
-      };
-      // const defaultAddKeyAndValueFunc = () => {
-      //   if (keyAndValueArr.value.length == 0) {
-      //     keyAndValueArr.value.push(keyAndValueObj as never);
-      //   }
-      // };
-      // defaultAddKeyAndValueFunc();
-
-      const getDefaultValue = async () => {
-        await tempGetKeyAndVal();
-        keyAndValueArrTemp.value.push(temp.value as never);
-      };
-
-      const addKeyAndValueFunc = async () => {
-        keyAndValueArr.value.push(keyAndValueObj as never);
-        await tempGetKeyAndVal();
-        tempObj.value = temp.value;
-        keyAndValueArrTemp.value.push(tempObj.value as never);
-      };
-      const removeKeyAndValueFunc = () => {
-        keyAndValueArr.value.splice(0, 1);
-      };
-      const handleChange = () => {};
-
-      const getSonValueFunc = async () => {
-        sonValues.configuration = await validate();
-        if (keyAndValueArrTemp.value.length != 0) {
-          await getDefaultValue();
-        }
-        credentialsV.credentials.type = sonValues.configuration.type;
-        const kong = {};
-        let kongTemp = {};
-        keyAndValueArrTemp.value.map((item) => {
-          kong[item.key] = item.value;
-        });
-        kongTemp = JSON.parse(JSON.stringify(kong));
-        otherPropertiesValues.headers = kongTemp;
-        Object.assign(sonValues.configuration, otherPropertiesValues, credentialsV);
-        return sonValues;
-      };
-      return {
-        register,
-        setStepTwoFieldsValueFunc,
-        customClearStepTwoValueFunc,
-        addKeyAndValueFunc,
-        removeKeyAndValueFunc,
-        getSonValueFunc,
-        keyAndValueArr,
-        registerKeyAndValue,
-        fileList,
-        handleChange,
-      };
-    },
-  });
-</script>
-<style lang="less" scoped>
-  .root {
-    width: 47.55vw;
-    border: 1px solid #bfbfbf;
-    display: flex;
-    margin-top: 1vh;
-    margin-left: 1.5vw;
-    border-radius: 8px;
-
-    .root-form {
-      width: 45vw;
-      margin: 1vh 1vw;
-      position: relative;
-      :deep .ant-input-number {
-        width: 18.35vw !important;
-      }
-      :deep .ant-btn {
-        position: absolute;
-        right: 1vw;
-        background-color: #0960bd;
-        border-radius: 2px;
-        span {
-          color: white;
-        }
-      }
-    }
-  }
-</style>

-<template>
-  <div class="root">
-    <div class="root-form">
-      <BasicForm :showResetButton="false" :showSubmitButton="false" @register="register">
-        <template #addValue="{ field }">
-          <span style="display: none">{{ field }}</span>
-          <div>
-            <div>
-              <div v-if="keyAndValueArr.length > 0">
-                <template v-for="(item, index) in keyAndValueArr" :key="index">
-                  <span style="display: none">{{ item + index }}</span>
-                  <BasicForm
-                    :showResetButton="false"
-                    :showSubmitButton="false"
-                    @register="registerKeyAndValue"
-                  />
-                </template>
-              </div>
-              <div
-                style="
-                  width: 7vw;
-                  height: 3.3vh;
-                  display: flex;
-                  flex-direction: row;
-                  justify-content: center;
-                  align-items: center;
-                  margin-left: 1.8vw;
-                "
-              >
-                <div
-                  style="
-                    width: 2.9vw;
-                    height: 3.3vh;
-                    background-color: #0960bd;
-                    border-radius: 2px;
-                    cursor: pointer;
-                    text-align: center;
-                    line-height: 3.1vh;
-                  "
-                >
-                  <span @click="addKeyAndValueFunc" style="color: white">添加</span>
-                </div>
-                <div
-                  style="
-                    width: 2.9vw;
-                    height: 3.3vh;
-                    margin-left: 1vw;
-                    background-color: #ed6f6f;
-                    border-radius: 2px;
-                    cursor: pointer;
-                    text-align: center;
-                    line-height: 3.1vh;
-                  "
-                >
-                  <span @click="removeKeyAndValueFunc" style="color: white">删除</span>
-                </div>
-              </div>
-              <div> </div>
-            </div>
-          </div>
-        </template>
-      </BasicForm>
-      <div
-        style="
-          width: 3.3vw;
-          height: 3.3vh;
-          margin-left: 22vw;
-          margin-top: 2vh;
-          background-color: #0960bd;
-          border-radius: 2px;
-          cursor: pointer;
-          text-align: center;
-          line-height: 3.1vh;
-        "
-      >
-        <span @click="customResetFunc" style="color: white">上一步</span>
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref, reactive } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { modeKafkaForm, modeKafkaInseretKeyAndValueForm } from '../config';
-  import { Alert, Divider, Descriptions } from 'ant-design-vue';
-
-  interface IKeyAndValue {
-    key: string;
-    value: string;
-  }
-
-  export default defineComponent({
-    components: {
-      BasicForm,
-      [Alert.name]: Alert,
-      [Divider.name]: Divider,
-      [Descriptions.name]: Descriptions,
-      [Descriptions.Item.name]: Descriptions.Item,
-    },
-    emits: ['next', 'prev', 'register'],
-    setup(_, { emit }) {
-      const temp = ref({});
-      let tempObj = ref({});
-      const keyAndValueArr = ref<[]>([]);
-      const keyAndValueArrTemp = ref<[]>([]);
-      const vType = ref('');
-      const keyAndValueObj = reactive<IKeyAndValue>({
-        key: '',
-        value: '',
-      });
-      const sonValues = reactive({
-        configuration: {},
-      });
-      const otherPropertiesValues = reactive({
-        otherProperties: {},
-      });
-
-      const [register, { validate, setFieldsValue, resetFields: defineClearFunc, clearValidate }] =
-        useForm({
-          labelWidth: 80,
-          schemas: modeKafkaForm,
-          actionColOptions: {
-            span: 14,
-          },
-          resetButtonOptions: {
-            text: '上一步',
-          },
-          resetFunc: customResetFunc,
-        });
-
-      const [
-        registerKeyAndValue,
-        { validate: validateKeyAndValue, resetFields: defineClearKeyAndValueFunc },
-      ] = useForm({
-        labelWidth: 80,
-        schemas: modeKafkaInseretKeyAndValueForm,
-        actionColOptions: {
-          span: 14,
-        },
-      });
-
-      const clearValidateFunc = async () => {
-        await clearValidate(['name']);
-      };
-
-      const setStepTwoFieldsValueFunc = async (v, v1) => {
-        setFieldsValue(v);
-        vType.value = v1;
-        setFieldsValue({
-          name: v1,
-        });
-      };
-
-      const customClearStepTwoValueFunc = async () => {
-        defineClearFunc();
-        defineClearKeyAndValueFunc();
-      };
-      async function customResetFunc() {
-        emit('prev');
-      }
-
-      const tempGetKeyAndVal = async () => {
-        temp.value = await validateKeyAndValue();
-      };
-      // const defaultAddKeyAndValueFunc = () => {
-      //   if (keyAndValueArr.value.length == 0) {
-      //     keyAndValueArr.value.push(keyAndValueObj as never);
-      //   }
-      // };
-      // defaultAddKeyAndValueFunc();
-
-      const getDefaultValue = async () => {
-        await tempGetKeyAndVal();
-        keyAndValueArrTemp.value.push(temp.value as never);
-      };
-
-      const addKeyAndValueFunc = async () => {
-        keyAndValueArr.value.push(keyAndValueObj as never);
-        await tempGetKeyAndVal();
-        tempObj.value = temp.value;
-        keyAndValueArrTemp.value.push(tempObj.value as never);
-      };
-      const removeKeyAndValueFunc = () => {
-        keyAndValueArr.value.splice(0, 1);
-      };
-
-      const getSonValueFunc = async () => {
-        try {
-          sonValues.configuration = await validate();
-          if (keyAndValueArrTemp.value.length != 0) {
-            await getDefaultValue();
-          }
-          const kong = {};
-          let kongTemp = {};
-          keyAndValueArrTemp.value.map((item) => {
-            kong[item.key] = item.value;
-          });
-          kongTemp = JSON.parse(JSON.stringify(kong));
-          otherPropertiesValues.otherProperties = kongTemp;
-          Object.assign(sonValues.configuration, otherPropertiesValues);
-          return sonValues;
-        } catch (e) {
-          return e;
-        }
-      };
-      return {
-        clearValidateFunc,
-        getSonValueFunc,
-        keyAndValueArr,
-        register,
-        setStepTwoFieldsValueFunc,
-        customClearStepTwoValueFunc,
-        addKeyAndValueFunc,
-        registerKeyAndValue,
-        removeKeyAndValueFunc,
-        customResetFunc,
-      };
-    },
-  });
-</script>
-<style lang="less" scoped>
-  .root {
-    width: 47.55vw;
-    border: 1px solid #d9d9d9;
-    display: flex;
-    margin-top: 1vh;
-    margin-left: 1.5vw;
-    border-radius: 8px;
-    .root-form {
-      width: 45vw;
-      margin: 1vh 1vw;
-      position: relative;
-      :deep .ant-input-number {
-        width: 18.35vw !important;
-      }
-    }
-  }
-</style>

-<template>
-  <div class="root">
-    <div class="root-form">
-      <BasicForm :showSubmitButton="false" @register="register">
-        <template #uploadAdd1="{ field }">
-          <span style="display: none">{{ field }}</span>
-          <a-upload-dragger
-            v-model:fileList="fileList"
-            name="file"
-            :multiple="true"
-            action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-            @change="handleChange"
-          >
-            <p class="ant-upload-drag-icon">
-              <InboxOutlined />
-            </p>
-            <p class="ant-upload-text">Click or drag file to this area to upload</p>
-            <p class="ant-upload-hint">
-              Support for a single or bulk upload. Strictly prohibit from uploading company data or
-              other band files
-            </p>
-          </a-upload-dragger>
-        </template>
-        <template #uploadAdd2="{ field }">
-          <span style="display: none">{{ field }}</span>
-          <a-upload-dragger
-            v-model:fileList="fileList"
-            name="file"
-            :multiple="true"
-            action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-            @change="handleChange"
-          >
-            <p class="ant-upload-drag-icon">
-              <InboxOutlined />
-            </p>
-            <p class="ant-upload-text">Click or drag file to this area to upload</p>
-            <p class="ant-upload-hint">
-              Support for a single or bulk upload. Strictly prohibit from uploading company data or
-              other band files
-            </p>
-          </a-upload-dragger>
-        </template>
-        <template #uploadAdd3="{ field }">
-          <span style="display: none">{{ field }}</span>
-          <a-upload-dragger
-            v-model:fileList="fileList"
-            name="file"
-            :multiple="true"
-            action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-            @change="handleChange"
-          >
-            <p class="ant-upload-drag-icon">
-              <InboxOutlined />
-            </p>
-            <p class="ant-upload-text">Click or drag file to this area to upload</p>
-            <p class="ant-upload-hint">
-              Support for a single or bulk upload. Strictly prohibit from uploading company data or
-              other band files
-            </p>
-          </a-upload-dragger>
-        </template>
-      </BasicForm>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref, reactive } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { modeMqttForm } from '../config';
-  import { InboxOutlined } from '@ant-design/icons-vue';
-  import { Alert, Divider, Descriptions, Upload } from 'ant-design-vue';
-
-  export default defineComponent({
-    components: {
-      BasicForm,
-      [Alert.name]: Alert,
-      [Divider.name]: Divider,
-      [Descriptions.name]: Descriptions,
-      [Descriptions.Item.name]: Descriptions.Item,
-      InboxOutlined,
-      [Upload.Dragger.name]: Upload.Dragger,
-    },
-    emits: ['next', 'prev', 'register'],
-    setup(_, { emit }) {
-      const fileList = ref<[]>([]);
-      const credentialsV = reactive({
-        credentials: {
-          type: '',
-        },
-      });
-      const sonValues = reactive({
-        configuration: {},
-      });
-      const [register, { validate, setFieldsValue, resetFields: defineClearFunc }] = useForm({
-        labelWidth: 80,
-        schemas: modeMqttForm,
-        actionColOptions: {
-          span: 14,
-        },
-        resetButtonOptions: {
-          text: '上一步',
-        },
-
-        resetFunc: customResetFunc,
-        submitFunc: customSubmitFunc,
-      });
-      const setStepTwoFieldsValueFunc = (v, v1) => {
-        setFieldsValue(v);
-        setFieldsValue({
-          name: v1,
-        });
-      };
-      const customClearStepTwoValueFunc = async () => {
-        defineClearFunc();
-      };
-      async function customResetFunc() {
-        emit('prev');
-      }
-      async function customSubmitFunc() {
-        try {
-          const values = await validate();
-          emit('next', values);
-        } catch (error) {
-        } finally {
-        }
-      }
-      const handleChange = () => {};
-      const getSonValueFunc = async () => {
-        sonValues.configuration = await validate();
-        credentialsV.credentials.type = sonValues.configuration.type;
-        Object.assign(sonValues.configuration, credentialsV);
-        return sonValues;
-      };
-      return {
-        getSonValueFunc,
-        register,
-        setStepTwoFieldsValueFunc,
-        customClearStepTwoValueFunc,
-        fileList,
-        handleChange,
-      };
-    },
-  });
-</script>
-<style lang="less" scoped>
-  .root {
-    width: 47.55vw;
-    min-height: 50vh;
-    border: 1px solid #bfbfbf;
-    display: flex;
-    margin-top: 1vh;
-    margin-left: 1.5vw;
-    border-radius: 8px;
-    .root-form {
-      width: 45vw;
-      margin: 1vh 1vw;
-      position: relative;
-      :deep .ant-input-number {
-        width: 18.35vw !important;
-      }
-      :deep .ant-btn {
-        position: absolute;
-        right: 1vw;
-        background-color: #0960bd;
-        border-radius: 2px;
-        span {
-          color: white;
-        }
-      }
-    }
-  }
-</style>

-<template>
-  <div class="root">
-    <div class="root-form">
-      <BasicForm :showSubmitButton="false" @register="register">
-        <template #addKeyAndValue="{ field }">
-          <span style="display: none">{{ field }}</span>
-          <div>
-            <div>
-              <template v-for="(item, index) in keyAndValueArr" :key="index">
-                <span style="display: none">{{ item + index }}</span>
-                <BasicForm
-                  :showResetButton="false"
-                  :showSubmitButton="false"
-                  @register="registerKeyAndValue"
-                />
-              </template>
-              <div
-                style="
-                  width: 7vw;
-                  height: 3.3vh;
-                  display: flex;
-                  flex-direction: row;
-                  justify-content: center;
-                  align-items: center;
-                  margin-left: 1.8vw;
-                "
-              >
-                <div
-                  style="
-                    width: 2.9vw;
-                    height: 3.3vh;
-                    background-color: #0960bd;
-                    border-radius: 1px;
-                    cursor: pointer;
-                    text-align: center;
-                    line-height: 3.1vh;
-                  "
-                >
-                  <span @click="addKeyAndValueFunc" style="color: white">添加</span>
-                </div>
-                <div
-                  style="
-                    width: 2.9vw;
-                    height: 3.3vh;
-                    margin-left: 1vw;
-                    background-color: #ed6f6f;
-                    border-radius: 1px;
-                    cursor: pointer;
-                    text-align: center;
-                    line-height: 3.1vh;
-                  "
-                >
-                  <span @click="removeKeyAndValueFunc" style="color: white">删除</span>
-                </div>
-              </div>
-              <div> </div>
-            </div>
-          </div>
-        </template>
-      </BasicForm>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref, reactive } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { modeRabbitMqForm, modeKafkaInseretKeyAndValueForm } from '../config';
-  import { Alert, Divider, Descriptions } from 'ant-design-vue';
-
-  interface IKeyAndValue {
-    key: string;
-    value: string;
-  }
-  export default defineComponent({
-    components: {
-      BasicForm,
-      [Alert.name]: Alert,
-      [Divider.name]: Divider,
-      [Descriptions.name]: Descriptions,
-      [Descriptions.Item.name]: Descriptions.Item,
-    },
-    emits: ['next', 'prev', 'register'],
-    setup(_, { emit }) {
-      const temp = ref({});
-      let tempObj = ref({});
-      const otherPropertiesValues = reactive({
-        clientProperties: {},
-      });
-
-      const keyAndValueArrTemp = ref<[]>([]);
-      const keyAndValueObj = reactive<IKeyAndValue>({
-        key: '',
-        value: '',
-      });
-      const keyAndValueArr = ref<[]>([]);
-      const sonValues = reactive({
-        configuration: {},
-      });
-
-      const [register, { validate, setFieldsValue, resetFields: defineClearFunc }] = useForm({
-        labelWidth: 80,
-        schemas: modeRabbitMqForm,
-        actionColOptions: {
-          span: 14,
-        },
-        resetButtonOptions: {
-          text: '上一步',
-        },
-
-        resetFunc: customResetFunc,
-        submitFunc: customSubmitFunc,
-      });
-
-      const [registerKeyAndValue, { validate: validateKeyAndValue }] = useForm({
-        labelWidth: 80,
-        schemas: modeKafkaInseretKeyAndValueForm,
-        actionColOptions: {
-          span: 14,
-        },
-      });
-
-      const setStepTwoFieldsValueFunc = (v, v1) => {
-        setFieldsValue(v);
-        setFieldsValue({
-          name: v1,
-        });
-      };
-      const customClearStepTwoValueFunc = async () => {
-        defineClearFunc();
-      };
-      async function customResetFunc() {
-        emit('prev');
-      }
-      async function customSubmitFunc() {
-        try {
-          const values = await validate();
-          emit('next', values);
-        } catch (error) {
-        } finally {
-        }
-      }
-      const tempGetKeyAndVal = async () => {
-        temp.value = await validateKeyAndValue();
-      };
-      // const defaultAddKeyAndValueFunc = () => {
-      //   if (keyAndValueArr.value.length == 0) {
-      //     keyAndValueArr.value.push(keyAndValueObj as never);
-      //   }
-      // };
-      // defaultAddKeyAndValueFunc();
-
-      const getDefaultValue = async () => {
-        await tempGetKeyAndVal();
-        keyAndValueArrTemp.value.push(temp.value as never);
-      };
-
-      const addKeyAndValueFunc = async () => {
-        keyAndValueArr.value.push(keyAndValueObj as never);
-        await tempGetKeyAndVal();
-        tempObj.value = temp.value;
-        keyAndValueArrTemp.value.push(tempObj.value as never);
-      };
-      const removeKeyAndValueFunc = () => {
-        keyAndValueArr.value.splice(0, 1);
-      };
-      const getSonValueFunc = async () => {
-        sonValues.configuration = await validate();
-        if (keyAndValueArrTemp.value.length != 0) {
-          await getDefaultValue();
-        }
-        const kong = {};
-        let kongTemp = {};
-        keyAndValueArrTemp.value.map((item) => {
-          kong[item.key] = item.value;
-        });
-        kongTemp = JSON.parse(JSON.stringify(kong));
-        otherPropertiesValues.clientProperties = kongTemp;
-        Object.assign(sonValues.configuration, otherPropertiesValues);
-        return sonValues;
-      };
-
-      return {
-        getSonValueFunc,
-        register,
-        setStepTwoFieldsValueFunc,
-        customClearStepTwoValueFunc,
-        keyAndValueArr,
-        registerKeyAndValue,
-        addKeyAndValueFunc,
-        removeKeyAndValueFunc,
-      };
-    },
-  });
-</script>
-<style lang="less" scoped>
-  .root {
-    width: 47.55vw;
-    border: 1px solid #d9d9d9;
-    display: flex;
-    margin-top: 1vh;
-    margin-left: 1.5vw;
-    border-radius: 8px;
-
-    .root-form {
-      width: 44vw;
-      margin: 1vh 1vw;
-      position: relative;
-      :deep .ant-input-number {
-        width: 17.85vw !important;
-      }
-      :deep .ant-btn {
-        position: absolute;
-        right: 1vw;
-        background-color: #0960bd;
-        border-radius: 2px;
-        span {
-          color: white;
-        }
-      }
-    }
-  }
-</style>

-<template>
-  <div class="root">
-    <div class="root-form">
-      <div>
-        <BasicForm @register="register" />
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { modeForm } from './config';
-  import { Select, Input, Divider } from 'ant-design-vue';
-
-  export default defineComponent({
-    components: {
-      BasicForm,
-      [Select.name]: Select,
-      [Input.name]: Input,
-      [Input.Group.name]: Input.Group,
-      [Divider.name]: Divider,
-    },
-    emits: ['next', 'resetFunc', 'register'],
-    setup(_, { emit }) {
-      const sonValues = ref({});
-      const [register, { validateFields, setFieldsValue, resetFields }] = useForm({
-        labelWidth: 100,
-        schemas: modeForm,
-        actionColOptions: {
-          span: 14,
-        },
-        showResetButton: false,
-        submitButtonOptions: {
-          text: '下一步',
-        },
-        submitFunc: customSubmitFunc,
-      });
-      //提交数据
-      async function customSubmitFunc() {
-        try {
-          const values = await validateFields();
-          emit('next', values);
-        } catch (error) {}
-      }
-      //回显数据
-      const setStepOneFieldsValueFunc = (v) => {
-        setFieldsValue(v);
-      };
-
-      //清空数据
-      const customResetStepOneFunc = () => {
-        resetFields();
-      };
-      const getSonValueFunc = async () => {
-        sonValues.value = await validateFields();
-        return sonValues.value;
-      };
-      return {
-        getSonValueFunc,
-        register,
-        setStepOneFieldsValueFunc,
-        customResetStepOneFunc,
-      };
-    },
-  });
-</script>
-<style lang="less" scoped>
-  .root {
-    width: 100vw;
-    height: 30vh;
-    .root-form {
-      width: 40vw;
-      position: relative;
-      left: 14vw;
-      top: 8vh;
-      :deep .ant-btn {
-        position: absolute;
-        right: 8.6vw;
-        top: 6vh;
-        background-color: #0960bd;
-        border-radius: 2px;
-        span {
-          color: white;
-        }
-      }
-    }
-  }
-</style>

-<template>
-  <div class="step2">
-    <div>
-      <div v-show="isWhereComp == 'org.thingsboard.rule.engine.kafka.TbKafkaNode'">
-        <TransferConfigKafka ref="refTransferConfigKafka" @prev="getSonPrev" />
-      </div>
-      <div v-show="isWhereComp == 'org.thingsboard.rule.engine.mqtt.TbMqttNode'">
-        <TransferConfigMqtt ref="refTransferConfigMqtt" @prev="getSonPrev" />
-      </div>
-      <div v-show="isWhereComp == 'org.thingsboard.rule.engine.rabbitmq.TbRabbitMqNode'">
-        <TransferConfigRabbitMq ref="refTransferConfigRabbitMq" @prev="getSonPrev" />
-      </div>
-      <div v-show="isWhereComp == 'org.thingsboard.rule.engine.rest.TbRestApiCallNode'">
-        <TransferConfigApi ref="refTransferConfigApi" @prev="getSonPrev" />
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, watch, ref, getCurrentInstance } from 'vue';
-  import TransferConfigKafka from '../cpns/cpns/transferConfigKafka.vue';
-  import TransferConfigMqtt from '../cpns/cpns/transferConfigMqtt.vue';
-  import TransferConfigRabbitMq from '../cpns/cpns/transferConfigRabbitMq.vue';
-  import TransferConfigApi from '../cpns/cpns/transferConfigApi.vue';
-  import { Alert, Divider, Descriptions } from 'ant-design-vue';
-
-  export default defineComponent({
-    components: {
-      [Alert.name]: Alert,
-      [Divider.name]: Divider,
-      [Descriptions.name]: Descriptions,
-      [Descriptions.Item.name]: Descriptions.Item,
-      TransferConfigKafka,
-      TransferConfigMqtt,
-      TransferConfigRabbitMq,
-      TransferConfigApi,
-    },
-    // eslint-disable-next-line vue/require-prop-types
-    props: ['getModeSelect', 'defineClearFuncProp'],
-    emits: ['prevSon'],
-    setup(props, { emit }) {
-      const { proxy } = getCurrentInstance();
-      const getTransferConfigKafkaValue = ref({});
-      const refTransferConfigKafka = ref(null);
-      const refTransferConfigMqtt = ref(null);
-      const refTransferConfigRabbitMq = ref(null);
-      const refTransferConfigApi = ref(null);
-      const isWhereComp = ref('');
-
-      const getSonPrev = () => {
-        emit('prevSon');
-      };
-      watch(
-        () => props.getModeSelect,
-        (val) => {
-          isWhereComp.value = val.type;
-        }
-      );
-      const clearSonValueDataFunc = () => {
-        try {
-          proxy.$refs.refTransferConfigKafka?.customClearStepTwoValueFunc();
-          proxy.$refs.refTransferConfigMqtt?.customClearStepTwoValueFunc();
-          proxy.$refs.refTransferConfigRabbitMq?.customClearStepTwoValueFunc();
-          proxy.$refs.refTransferConfigApi?.customClearStepTwoValueFunc();
-        } catch (e) {
-          return e;
-        }
-      };
-      const clearSonValueValidateFunc = () => {
-        try {
-          proxy.$refs.refTransferConfigKafka?.clearValidateFunc();
-          // proxy.$refs.refTransferConfigMqtt?.customClearStepTwoValueFunc();
-          // proxy.$refs.refTransferConfigRabbitMq?.customClearStepTwoValueFunc();
-          // proxy.$refs.refTransferConfigApi?.customClearStepTwoValueFunc();
-        } catch (e) {
-          return e;
-        }
-      };
-      const getSonValueDataFunc = () => {
-        if (isWhereComp.value == 'org.thingsboard.rule.engine.kafka.TbKafkaNode') {
-          getTransferConfigKafkaValue.value = proxy.$refs.refTransferConfigKafka.getSonValueFunc();
-        } else if (isWhereComp.value == 'org.thingsboard.rule.engine.mqtt.TbMqttNode') {
-          getTransferConfigKafkaValue.value = proxy.$refs.refTransferConfigMqtt.getSonValueFunc();
-        } else if (isWhereComp.value == 'org.thingsboard.rule.engine.rabbitmq.TbRabbitMqNode') {
-          getTransferConfigKafkaValue.value =
-            proxy.$refs.refTransferConfigRabbitMq.getSonValueFunc();
-        } else if (isWhereComp.value == 'org.thingsboard.rule.engine.rest.TbRestApiCallNode') {
-          getTransferConfigKafkaValue.value = proxy.$refs.refTransferConfigApi.getSonValueFunc();
-        }
-        return getTransferConfigKafkaValue.value;
-      };
-      const editSonValueDataFunc = (v) => {
-        try {
-          if (v.type == 'org.thingsboard.rule.engine.kafka.TbKafkaNode') {
-            isWhereComp.value = v.type;
-            proxy.$refs.refTransferConfigKafka.setStepTwoFieldsValueFunc(v.configuration, v.name);
-          } else if (v.type == 'org.thingsboard.rule.engine.mqtt.TbMqttNode') {
-            isWhereComp.value = v.type;
-            proxy.$refs.refTransferConfigMqtt.setStepTwoFieldsValueFunc(v.configuration, v.name);
-          } else if (v.type == 'org.thingsboard.rule.engine.rabbitmq.TbRabbitMqNode') {
-            isWhereComp.value = v.type;
-            proxy.$refs.refTransferConfigRabbitMq.setStepTwoFieldsValueFunc(
-              v.configuration,
-              v.name
-            );
-          } else if (v.type == 'org.thingsboard.rule.engine.rest.TbRestApiCallNode') {
-            isWhereComp.value = v.type;
-            proxy.$refs.refTransferConfigApi.setStepTwoFieldsValueFunc(v.configuration, v.name);
-          }
-        } catch (e) {
-          return e;
-        }
-      };
-      return {
-        clearSonValueValidateFunc,
-        clearSonValueDataFunc,
-        editSonValueDataFunc,
-        refTransferConfigKafka,
-        getSonValueDataFunc,
-        getSonPrev,
-        isWhereComp,
-        refTransferConfigMqtt,
-        refTransferConfigRabbitMq,
-        refTransferConfigApi,
-      };
-    },
-  });
-</script>
-<style lang="less" scoped></style>

-<template>
-  <div>
-    <BasicTable
-      @selection-change="useSelectionChange"
-      @register="registerTable"
-      :loading="loading"
-      :rowSelection="{ type: 'checkbox' }"
-    >
-      <template #toolbar>
-        <a-button type="primary" @click="handleAdd"> 添加转换 </a-button>
-        <a-button
-          :disabled="disabledStatus1"
-          @click="handleDelete"
-          :type="disabledStatus1 ? 'default' : 'primary'"
-        >
-          <span :style="{ color: disabledStatus1 ? 'grey' : 'white' }">批量删除</span>
-        </a-button>
-        <a-button
-          :disabled="disabledStatus2"
-          @click="handleMutiuteDisable"
-          :type="disabledStatus2 ? 'default' : 'primary'"
-        >
-          <span :style="{ color: disabledStatus2 ? 'grey' : 'white' }">批量禁用</span>
-        </a-button>
-        <a-button
-          :disabled="disabledStatus3"
-          @click="handleMutiuteEnable"
-          :type="disabledStatus3 ? 'default' : 'primary'"
-        >
-          <span :style="{ color: disabledStatus3 ? 'grey' : 'white' }">批量启用</span>
-        </a-button>
-      </template>
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: '编辑',
-              icon: 'clarity:note-edit-line',
-              onClick: handleEdit.bind(null, record),
-              ifShow: (_action) => {
-                return record.status == 0;
-              },
-            },
-
-            {
-              label: '删除',
-              icon: 'ant-design:delete-outlined',
-              color: 'error',
-              popConfirm: {
-                title: '是否确认删除',
-                confirm: handleSingleDelete.bind(null, record),
-              },
-              ifShow: (_action) => {
-                return record.status == 0;
-              },
-            },
-            {
-              label: '启用',
-              icon: 'ant-design:check-circle-outlined',
-              color: 'success',
-              popConfirm: {
-                title: '是否启用？',
-                confirm: handleEnableOrDisable.bind(null, record),
-              },
-              ifShow: (_action) => {
-                return record.status == 0;
-              },
-            },
-            {
-              label: '禁用',
-              icon: 'ant-design:close-circle-outlined',
-              popConfirm: {
-                title: '是否禁用？',
-                confirm: handleDisable.bind(null, record),
-              },
-              ifShow: (_action) => {
-                return record.status == 1;
-              },
-            },
-          ]"
-        />
-      </template>
-    </BasicTable>
-    <div>
-      <DataTransferDrawer @register="registerModal" @success="handleSuccess" />
-    </div>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, reactive, ref } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { columns, searchFormSchema } from './config';
-  import { useModal } from '/@/components/Modal';
-  import DataTransferDrawer from './addDataTransferDrawer.vue';
-  import {
-    getConvertApi,
-    isEnableOrDisableApi,
-    deleteConvertApi,
-  } from '/@/api/datamanager/dataManagerApi';
-  import { useMessage } from '/@/hooks/web/useMessage';
-
-  export default defineComponent({
-    name: 'Index',
-    components: { BasicTable, TableAction, DataTransferDrawer },
-    setup() {
-      const enableObj = reactive({
-        convertIds: [],
-        status: 0,
-      });
-      const disabledStatus1 = ref(true);
-      const disabledStatus2 = ref(true);
-      const disabledStatus3 = ref(true);
-      const loading = ref(true);
-      const { createMessage } = useMessage();
-      let selectedRowKeys: any = ref([]);
-      let getSelectRowsArr: any = ref([]);
-      let isJudgeSelectRowsArr: any = ref([]);
-      const [registerModal, { openModal }] = useModal();
-      const [
-        registerTable,
-        { reload, getSelectRowKeys, getSelectRows, setLoading, clearSelectedRowKeys },
-      ] = useTable({
-        title: '数据转换列表',
-        clickToRowSelect: false,
-        columns,
-        api: getConvertApi,
-        formConfig: {
-          labelWidth: 120,
-          schemas: searchFormSchema,
-        },
-        rowKey: 'id',
-        useSearchForm: true,
-        showTableSetting: true,
-        bordered: true,
-        showIndexColumn: false,
-        actionColumn: {
-          width: 180,
-          title: '操作',
-          dataIndex: 'action',
-          slots: { customRender: 'action' },
-          fixed: 'right',
-        },
-      });
-
-      //新增
-      const handleAdd = () => {
-        setTimeout(() => {
-          openModal(true, {
-            isUpdate: false,
-          });
-        }, 10);
-      };
-
-      const handleSuccess = () => {
-        reload();
-      };
-      const handleEdit = (record: Recordable) => {
-        setTimeout(() => {
-          openModal(true, {
-            record,
-            isUpdate: true,
-          });
-        }, 10);
-      };
-
-      const handleEnableOrDisable = async (record: Recordable) => {
-        setLoading(true);
-        enableObj.convertIds.length = 0;
-        try {
-          enableObj.status = record.status;
-          enableObj.convertIds.push(record.id as never);
-          if (enableObj.status == 0) {
-            enableObj.status = 1;
-          }
-          const res = await isEnableOrDisableApi(enableObj as never);
-          if (res !== '') {
-            createMessage.success('转换配置启用成功');
-            setLoading(false);
-            reload();
-          } else {
-            createMessage.error('转换配置启用失败');
-          }
-        } catch (e) {
-          return e;
-        } finally {
-          setLoading(false);
-        }
-      };
-      const handleDisable = async (record: Recordable) => {
-        setLoading(true);
-        enableObj.convertIds.length = 0;
-        try {
-          enableObj.status = record.status;
-          enableObj.convertIds.push(record.id as never);
-          if (enableObj.status == 1) {
-            enableObj.status = 0;
-          }
-          const res = await isEnableOrDisableApi(enableObj as never);
-          if (res !== '') {
-            createMessage.success('转换配置禁用成功');
-            setLoading(false);
-            reload();
-          } else {
-            createMessage.error('转换配置禁用失败');
-          }
-        } catch (e) {
-        } finally {
-          setLoading(false);
-        }
-      };
-      const handleSingleDelete = async (record: Recordable) => {
-        try {
-          let ids = [record.id];
-          await deleteConvertApi(ids);
-          createMessage.success('删除成功');
-          reload();
-        } catch (e) {
-          return e;
-        }
-      };
-      const useSelectionChange = () => {
-        selectedRowKeys.value = getSelectRowKeys();
-        isJudgeSelectRowsArr.value = getSelectRows();
-        const hasDisableStatus = isJudgeSelectRowsArr.value.map((m) => {
-          return m.status;
-        });
-        if (hasDisableStatus.length == 0) {
-          disabledStatus1.value = true;
-          disabledStatus2.value = true;
-          disabledStatus3.value = true;
-        }
-        hasDisableStatus.every((e) => {
-          if (e == 1) {
-            disabledStatus3.value = true;
-            disabledStatus2.value = false;
-          } else if (e == 0) {
-            disabledStatus2.value = true;
-            disabledStatus3.value = false;
-          }
-        });
-        let i1 = hasDisableStatus.indexOf(0);
-        let i2 = hasDisableStatus.indexOf(1);
-        if (i1 !== -1 && i2 !== -1) {
-          disabledStatus2.value = true;
-          disabledStatus3.value = true;
-        }
-        if (isJudgeSelectRowsArr.value.length == 0) {
-          disabledStatus1.value = true;
-        } else {
-          disabledStatus1.value = false;
-        }
-      };
-
-      const handleDelete = async () => {
-        try {
-          setLoading(true);
-          const data = await deleteConvertApi(selectedRowKeys.value);
-          if (data == true) {
-            createMessage.success('删除成功');
-            setLoading(false);
-            reload();
-          } else {
-            createMessage.error('删除失败');
-          }
-        } catch (e) {
-          return e;
-        } finally {
-          setLoading(false);
-          clearSelectedRowKeys();
-        }
-      };
-      const handleMutiuteDisable = async () => {
-        enableObj.convertIds.length = 0;
-        try {
-          setLoading(true);
-          getSelectRowsArr.value = getSelectRows();
-          getSelectRowsArr.value.forEach((f) => {
-            if (f.id) {
-              enableObj.status = 0;
-              enableObj.convertIds.push(f.id as never);
-            }
-          });
-          const res = await isEnableOrDisableApi(enableObj as never);
-          if (res !== '') {
-            createMessage.success('转换配置多项禁用成功');
-            setLoading(false);
-            reload();
-          } else {
-            createMessage.error('转换配置多项禁用失败');
-          }
-        } catch (e) {
-          return e;
-        } finally {
-          setLoading(false);
-          clearSelectedRowKeys();
-        }
-      };
-
-      const handleMutiuteEnable = async () => {
-        enableObj.convertIds.length = 0;
-        try {
-          setLoading(true);
-          getSelectRowsArr.value = getSelectRows();
-          getSelectRowsArr.value.forEach((f) => {
-            if (f.id) {
-              enableObj.status = 1;
-              enableObj.convertIds.push(f.id as never);
-            }
-          });
-          const res = await isEnableOrDisableApi(enableObj as never);
-          if (res !== '') {
-            createMessage.success('转换配置多项启用成功');
-            setLoading(false);
-            reload();
-          } else {
-            createMessage.error('转换配置多项启用失败');
-          }
-        } catch (e) {
-          return e;
-        } finally {
-          setLoading(false);
-          clearSelectedRowKeys();
-        }
-      };
-
-      return {
-        disabledStatus1,
-        disabledStatus2,
-        disabledStatus3,
-        handleMutiuteEnable,
-        loading,
-        registerTable,
-        handleAdd,
-        handleDelete,
-        registerModal,
-        handleSuccess,
-        handleEdit,
-        handleEnableOrDisable,
-        handleSingleDelete,
-        useSelectionChange,
-        handleMutiuteDisable,
-        handleDisable,
-      };
-    },
-  });
-</script>
-
-<style lang="less" scoped></style>

-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { h } from 'vue';
-import { Tag, Switch } from 'ant-design-vue';
-import { useMessage } from '/@/hooks/web/useMessage';
-import { updateTransformScriptStatusApi } from '/@/api/device/TransformScriptApi';
-export const columns: BasicColumn[] = [
-  {
-    title: '名称',
-    dataIndex: 'name',
-    width: 100,
-  },
-  {
-    title: '用途',
-    dataIndex: 'type',
-    width: 200,
-    customRender: () => h(Tag, { color: 'blue' }, () => '消息格式化'),
-  },
-  {
-    title: '状态',
-    dataIndex: 'status',
-    width: 120,
-    customRender: ({ record }) => {
-      if (!Reflect.has(record, 'pendingStatus')) {
-        record.pendingStatus = false;
-      }
-      return h(Switch, {
-        checked: record.status === 1,
-        checkedChildren: '已启用',
-        unCheckedChildren: '已禁用',
-        loading: record.pendingStatus,
-        onChange(checked: boolean) {
-          record.pendingStatus = true;
-          const newStatus = checked ? 1 : 0;
-          const { createMessage } = useMessage();
-          updateTransformScriptStatusApi(newStatus, record.id)
-            .then(() => {
-              record.status = newStatus;
-              createMessage.success(`${record.status ? '启用' : '禁用'}成功`);
-            })
-            .finally(() => {
-              record.pendingStatus = false;
-            });
-        },
-      });
-    },
-  },
-  {
-    title: '创建时间',
-    dataIndex: 'createTime',
-    width: 180,
-  },
-];
-
-export const searchFormSchema: FormSchema[] = [
-  {
-    field: 'name',
-    label: '名称',
-    component: 'Input',
-    colProps: { span: 6 },
-    componentProps: {
-      maxLength: 36,
-      placeholder: '请输入名称',
-    },
-  },
-  {
-    field: 'status',
-    label: '状态',
-    component: 'Select',
-    componentProps: {
-      placeholder: '请选择状态',
-      options: [
-        { label: '已启用', value: '1' },
-        { label: '未启用', value: '0' },
-      ],
-    },
-    colProps: { span: 6 },
-  },
-];
-
-export const formSchema: FormSchema[] = [
-  {
-    field: 'name',
-    label: '名称',
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 36,
-      placeholder: '请输入名称',
-    },
-  },
-  {
-    field: 'remark',
-    label: '说明',
-    component: 'InputTextArea',
-    componentProps: {
-      maxLength: 255,
-      autoSize: { minRows: 5, maxRows: 8 },
-      placeholder: '请输入说明',
-    },
-  },
-  {
-    field: 'function',
-    label: '',
-    component: 'Input',
-    slot: 'function',
-  },
-  {
-    field: 'id',
-    label: 'id',
-    component: 'Input',
-    ifShow: false,
-  },
-];

-<template>
-  <div>
-    <BasicDrawer
-      v-bind="$attrs"
-      :title="getTitle"
-      @register="register"
-      width="500px"
-      showFooter
-      @ok="handleSubmit"
-    >
-      <BasicForm @register="registerForm">
-        <template #function>
-          <Card title="转换函数" :bodyStyle="{ padding: 0, height: '280px' }">
-            <template #extra>
-              <Tag color="blue">Transform Function</Tag>
-              <a-button @click="handleFormat" size="small">格式化</a-button>
-            </template>
-            <div class="ml-8">function Transform(msg, metadata) {</div>
-            <div ref="aceRef" class="overflow-hidden"></div>
-            <div class="ml-7">}</div>
-          </Card>
-          <a-button type="primary" class="mt-4" @click="testTransformFunc">测试转换功能</a-button>
-        </template>
-      </BasicForm>
-    </BasicDrawer>
-  </div>
-</template>
-
-<script lang="ts" setup>
-  import { ref, computed } from 'vue';
-  import { useDrawerInner, BasicDrawer } from '/@/components/Drawer/index';
-  import { useForm, BasicForm } from '/@/components/Form/index';
-  import { formSchema } from '../config/config.data.ts';
-  import { Card, Tag } from 'ant-design-vue';
-  import { createOrEditTransformScriptApi } from '/@/api/device/TransformScriptApi';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import ace from 'ace-builds';
-  import 'ace-builds/src-noconflict/theme-chrome'; // 默认设置的主题
-  import 'ace-builds/src-noconflict/mode-javascript'; // 默认设置的语言模式
-  import { beautify } from 'ace-builds/src-noconflict/ext-beautify.js';
-
-  const emit = defineEmits(['register', 'isStatus', 'success']);
-  const isUpdate = ref(false);
-  const aceEditor = ref();
-  const aceRef = ref();
-  const getTitle = computed(() => (isUpdate.value ? '编辑转换脚本' : '新增转换脚本'));
-  const [register, { closeDrawer }] = useDrawerInner((data) => {
-    resetFields();
-    isUpdate.value = data.isUpdate;
-    initEditor(data.record?.configuration.jsScript);
-    if (isUpdate.value) {
-      setFieldsValue(data.record);
-    }
-  });
-  const [registerForm, { getFieldsValue, setFieldsValue, resetFields }] = useForm({
-    showActionButtonGroup: false,
-    colProps: { span: 24 },
-    schemas: formSchema,
-  });
-
-  // 初始化编辑器
-  const initEditor = (jsScript?: string) => {
-    aceEditor.value = ace.edit(aceRef.value, {
-      maxLines: 12, // 最大行数，超过会自动出现滚动条
-      minLines: 12, // 最小行数，还未到最大行数时，编辑器会自动伸缩大小
-      fontSize: 14, // 编辑器内字体大小
-      theme: 'ace/theme/chrome', // 默认设置的主题
-      mode: 'ace/mode/javascript', // 默认设置的语言模式
-      tabSize: 2, // 制表符设置为 4 个空格大小
-    });
-
-    aceEditor.value.setOptions({
-      enableBasicAutocompletion: true,
-      enableLiveAutocompletion: true,
-    });
-    aceEditor.value.setValue(jsScript ?? 'return {msg: msg, metadata: metadata};');
-    beautify(aceEditor.value.session);
-  };
-
-  const testTransformFunc = () => {
-    closeDrawer();
-    const jsCode = aceEditor.value.getValue();
-    emit('isStatus', { status: 1, jsCode });
-  };
-  const handleSubmit = async () => {
-    const fieldsValue = getFieldsValue();
-    try {
-      await createOrEditTransformScriptApi({
-        configuration: {
-          jsScript: aceEditor.value.getValue(),
-        },
-        type: 'org.thingsboard.rule.engine.transform.TbTransformMsgNode',
-        ...fieldsValue,
-      });
-      closeDrawer();
-      emit('success');
-      const { createMessage } = useMessage();
-      createMessage.success('保存成功');
-    } catch (e) {
-      const { createMessage } = useMessage();
-      createMessage.success('保存失败');
-    }
-  };
-  const handleFormat = () => {
-    beautify(aceEditor.value.session);
-  };
-  defineExpose({ aceEditor });
-</script>