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

 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>

-<template>
-  <div>
-    <PageWrapper title="测试脚本功能" class="pl-4 pr-4 pt-4" :contentStyle="{ display: 'none' }" />
-    <div class="h-full flex p-4">
-      <div class="flex flex-col w-1/2">
-        <div class="flex-1 mr-4 mb-4">
-          <Card title="消息" :bodyStyle="cardStyle">
-            <template #extra>
-              <Tag color="blue">Message</Tag>
-              <a-button @click="handleFormatJson" size="small">格式化</a-button>
-              <a-button @click="handleMiniJson" size="small" class="ml-2">收起</a-button>
-            </template>
-            <div ref="jsoneditorRef" style="height: 100%"></div>
-          </Card>
-        </div>
-        <div class="flex-1 mr-4">
-          <Card title="转换函数" :bodyStyle="cardStyle">
-            <template #extra>
-              <Tag color="blue">Transform Function</Tag>
-              <a-button @click="handleFormatJScript" size="small">格式化</a-button>
-
-              <Tooltip title="帮助文档" @click="openModal">
-                <QuestionCircleOutlined class="ml-2" style="font-size: 1rem" />
-              </Tooltip>
-            </template>
-            <div class="ml-8">function Transform(msg, metadata) {</div>
-            <div ref="aceRef" style="height: calc(100% - 44px)"></div>
-            <div class="ml-7">}</div>
-          </Card>
-        </div>
-      </div>
-      <div class="flex flex-col w-1/2">
-        <div class="flex-1 mb-4">
-          <Card title="元数据" :bodyStyle="cardStyle">
-            <template #extra>
-              <Tag color="blue">Meta Data</Tag>
-            </template>
-            <Description @register="registerDesc" />
-          </Card>
-        </div>
-        <div class="flex-1">
-          <Card title="输出" :bodyStyle="cardStyle">
-            <template #extra>
-              <Tag color="blue">Output</Tag>
-              <a-button @click="handleFormatOutPutJson" size="small">格式化</a-button>
-              <a-button @click="handleCompactJson" size="small" class="ml-2">收起</a-button>
-            </template>
-            <div class="ml-8 opacity-0">site</div>
-            <div ref="outputRef" style="height: calc(100% - 44px)"></div>
-            <div class="ml-7 opacity-0">site</div>
-          </Card>
-        </div>
-      </div>
-    </div>
-    <div class="flex justify-between pl-4 pr-4">
-      <div>
-        <a-button class="" type="primary" @click="handleTestFunc"> 测试</a-button>
-      </div>
-      <div>
-        <a-button class="ml-4" @click="handleCancel"> 取消</a-button>
-        <a-button class="ml-4" type="primary" @click="handleOk"> 保存</a-button>
-      </div>
-    </div>
-    <BasicModal
-      @register="registerModal"
-      title="转换消息功能"
-      :footer="null"
-      width="800px"
-      centered
-      v-bind="$attrs"
-    >
-      <h2> function Transform(msg,metadata): {msg: object, metadata: object} </h2>
-      <li> 将输入消息、元数据转换为输出消息的 JavaScript 函数 </li>
-      <h2>参数:</h2>
-      <ul>
-        <li>msg: {[key: string]: any} - 是消息有效负载键/值对象。</li>
-        <li>metadata: {[key: string]: string} - 是消息元数据键/值映射，其中键和值都是字符串。</li>
-      </ul>
-      <h2>返回值:</h2>
-      <ul>
-        <li> { msg?: {[key: string]: any}, metadata?: {[key: string]: string} } </li>
-        <li> 结果对象中的所有字段都是可选的，如果未指定，将从原始消息中获取。 </li>
-      </ul>
-    </BasicModal>
-  </div>
-</template>
-<script lang="ts" setup>
-  import { ref, onMounted, defineComponent } from 'vue';
-  import { Card, Tag, Tooltip } from 'ant-design-vue';
-  import { PageWrapper } from '/@/components/Page';
-  import { Description, DescItem, useDescription } from '/@/components/Description/index';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { QuestionCircleOutlined } from '@ant-design/icons-vue';
-  import { BasicModal, useModal } from '/@/components/Modal/index';
-
-  import jsoneditor from 'jsoneditor';
-  import 'jsoneditor/dist/jsoneditor.min.css';
-  import ace from 'ace-builds';
-  import 'ace-builds/src-noconflict/theme-chrome'; // 默认设置的主题
-  import 'ace-builds/src-noconflict/mode-javascript'; // 默认设置的语言模式
-  import 'ace-builds/src-noconflict/ext-language_tools.js'; //语言提示
-  import { beautify } from 'ace-builds/src-noconflict/ext-beautify.js'; //格式化
-  // !!!important 重要，配置ace编辑器的错误提示，基础路径。否则会加载不到相关web Worker,就没有syntax validation提示
-  ace.config.set('basePath', 'https://cdn.jsdelivr.net/npm/ace-builds@1.4.14/src-noconflict/');
-  defineComponent({
-    Tooltip,
-  });
-
-  const jsonValue = ref({
-    temperature: 22.4,
-    humidity: 78,
-  });
-  const cardStyle = { padding: 0, height: '280px' };
-
-  // json 以及初始化JSON
-  const jsoneditorRef = ref();
-  const JsonEditor = ref();
-  const outputRef = ref();
-  const outputEditor = ref();
-  const aceEditor = ref();
-  const aceRef = ref();
-  const emit = defineEmits(['isStatus']);
-  function initEditor() {
-    let options = {
-      mode: 'code',
-      mainMenuBar: false,
-      statusBar: false,
-      onError: function (err) {
-        alert('EF1 ->' + err.toString());
-      },
-    };
-    let editor = new jsoneditor(jsoneditorRef.value, options);
-    editor.set(jsonValue.value);
-    JsonEditor.value = editor;
-    let outEditor = new jsoneditor(outputRef.value, options);
-    outEditor.set(true);
-    outputEditor.value = outEditor;
-
-    aceEditor.value = ace.edit(aceRef.value, {
-      maxLines: 12, // 最大行数，超过会自动出现滚动条
-      minLines: 12, // 最小行数，还未到最大行数时，编辑器会自动伸缩大小
-      fontSize: 14, // 编辑器内字体大小
-      theme: 'ace/theme/chrome', // 默认设置的主题
-      mode: 'ace/mode/javascript', // 默认设置的语言模式
-      tabSize: 2, // 制表符设置为 2 个空格大小
-      enableBasicAutocompletion: true, //补全
-      enableLiveAutocompletion: true, //
-    });
-  }
-  const mataData: any = {
-    deviceName: 'Test Device',
-    deviceType: 'default',
-    ts: Date.now(),
-  };
-  const schema: DescItem[] = [
-    {
-      field: 'deviceName',
-      label: 'deviceName',
-    },
-    {
-      field: 'deviceType',
-      label: 'deviceType',
-    },
-    {
-      field: 'ts',
-      label: 'ts',
-    },
-  ];
-  const [registerDesc] = useDescription({
-    column: 1,
-    data: mataData,
-    schema,
-  });
-  // 格式化json
-  const handleFormatJson = () => {
-    JsonEditor.value.repair();
-    JsonEditor.value.format();
-  };
-  // 迷你json
-  const handleMiniJson = () => {
-    JsonEditor.value.repair();
-    JsonEditor.value.compact();
-  };
-  // format json
-  const handleFormatOutPutJson = () => {
-    outputEditor.value.repair();
-    outputEditor.value.format();
-  };
-  // 迷你json
-  const handleCompactJson = () => {
-    outputEditor.value.repair();
-    outputEditor.value.compact();
-  };
-
-  // 测试
-  const handleTestFunc = async () => {
-    // 收集3方数据
-    try {
-      const msg = JsonEditor.value.get();
-      const metadata = mataData;
-      const jsCode = aceEditor.value.getValue();
-      // 执行动态Javascript脚本
-      let result = Function('msg', 'metadata', jsCode)(msg, metadata);
-      // 设置输出值
-      outputEditor.value.set(result);
-    } catch (e) {
-      console.log(e);
-      const { createMessage } = useMessage();
-      createMessage.error(e.toString());
-    }
-  };
-  const [registerModal, { openModal }] = useModal();
-  const handleCancel = () => {
-    emit('isStatus', { status: 0, emitType: 'cancel' });
-  };
-  const handleOk = () => {
-    emit('isStatus', { status: 0, emitType: 'ok' });
-  };
-  const handleFormatJScript = () => {
-    beautify(aceEditor.value.session);
-  };
-  onMounted(() => {
-    initEditor();
-  });
-  defineExpose({ aceEditor });
-</script>
-
-<style scope>
-  .jsoneditor {
-    border: none;
-  }
-</style>

-<template>
-  <div>
-    <BasicTable @register="registerTable" v-show="isStatus === 0">
-      <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> 新增转换脚本 </a-button>
-        <a-button color="error" @click="handleDeleteOrBatchDelete(null)" :disabled="hasBatchDelete">
-          批量删除
-        </a-button>
-      </template>
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: '编辑',
-              icon: 'clarity:note-edit-line',
-
-              onClick: handleEdit.bind(null, record),
-            },
-            {
-              label: '删除',
-              icon: 'ant-design:delete-outlined',
-              ifShow: record.status == 0,
-              color: 'error',
-              popConfirm: {
-                title: '是否确认删除',
-                confirm: handleDeleteOrBatchDelete.bind(null, record),
-              },
-            },
-          ]"
-        />
-      </template>
-    </BasicTable>
-    <ScriptDrawer
-      @register="registerDrawer"
-      @isStatus="handleIsStatus"
-      ref="scriptDrawerRef"
-      @success="handleSuccess"
-    />
-    <TestScript v-show="isStatus === 1" @isStatus="handleCancelStatus" ref="testScriptRef" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-  import { ref } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { columns, searchFormSchema } from './config/config.data.ts';
-  import { getConvertApi, deleteTransformApi } from '/@/api/device/TransformScriptApi';
-  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-  import { useDrawer } from '/@/components/Drawer/index';
-  import ScriptDrawer from './cpns/ScriptDrawer.vue';
-  import TestScript from './cpns/TestScript.vue';
-  const handleSuccess = () => {
-    reload();
-  };
-  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-    deleteTransformApi,
-    handleSuccess
-  );
-  const [registerTable, { reload }] = useTable({
-    api: getConvertApi,
-    title: '转换脚本列表',
-    columns,
-    useSearchForm: true,
-    showTableSetting: true,
-    bordered: true,
-    showIndexColumn: false,
-    formConfig: {
-      labelWidth: 100,
-      schemas: searchFormSchema,
-    },
-    actionColumn: {
-      width: 180,
-      title: '操作',
-      dataIndex: 'action',
-      slots: { customRender: 'action' },
-      fixed: 'right',
-    },
-    ...selectionOptions,
-  });
-  const [registerDrawer, { openDrawer }] = useDrawer({});
-
-  const isStatus = ref(0);
-  const testScriptRef = ref();
-  const scriptDrawerRef = ref();
-  const handleIsStatus = ({ status, jsCode }) => {
-    isStatus.value = status;
-    testScriptRef.value.aceEditor.setValue(jsCode);
-  };
-  const handleCancelStatus = ({ status, emitType }) => {
-    openDrawer(true);
-    isStatus.value = status;
-    if (emitType === 'ok') {
-      const jsCode = testScriptRef.value.aceEditor.getValue();
-      scriptDrawerRef.value.aceEditor.setValue(jsCode);
-    }
-  };
-  const handleCreate = () => {
-    openDrawer(true, {
-      isUpdate: false,
-    });
-  };
-  const handleEdit = (record: Recordable) => {
-    openDrawer(true, { isUpdate: true, record });
-  };
-</script>

-<template>
-  <BasicDrawer
-    v-bind="$attrs"
-    @register="registerDrawer"
-    showFooter
-    :title="getTitle"
-    width="500px"
-    @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 { saveOrEditMessageConfig } from '/@/api/message/config';
-  import { useMessage } from '/@/hooks/web/useMessage';
-
-  export default defineComponent({
-    name: 'ConfigDrawer',
-    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)) {
-          const config = data.record.config;
-          for (const key in config) {
-            Reflect.set(data.record, key + '', config[key]);
-          }
-          await setFieldsValue({
-            ...data.record,
-          });
-        }
-      });
-
-      const getTitle = computed(() => (!unref(isUpdate) ? '新增消息配置' : '编辑消息配置'));
-
-      async function handleSubmit() {
-        try {
-          const values = await validate();
-          const { createMessage } = useMessage();
-          setDrawerProps({ confirmLoading: true });
-          let config = {};
-          if (values.messageType === 'PHONE_MESSAGE') {
-            config = {
-              accessKeyId: values.accessKeyId,
-              accessKeySecret: values.accessKeySecret,
-            };
-          } else if (values.messageType === 'EMAIL_MESSAGE') {
-            config = {
-              host: values.host,
-              port: values.port,
-              username: values.username,
-              password: values.password,
-            };
-          }
-          Reflect.set(values, 'config', config);
-          let saveMessage = '添加成功';
-          let updateMessage = '修改成功';
-          await saveOrEditMessageConfig(values, unref(isUpdate));
-          closeDrawer();
-          emit('success');
-          createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);
-        } finally {
-          setDrawerProps({ confirmLoading: false });
-        }
-      }
-
-      return {
-        registerDrawer,
-        registerForm,
-        getTitle,
-        handleSubmit,
-      };
-    },
-  });
-</script>

-import { BasicColumn } from '/@/components/Table';
-import { FormSchema } from '/@/components/Table';
-import { findDictItemByCode } from '/@/api/system/dict';
-
-export const columns: BasicColumn[] = [
-  {
-    title: '场景联动名称',
-    dataIndex: 'name',
-  },
-  {
-    title: '触发方式',
-    // dataIndex: 'name',
-    width: 200,
-  },
-  {
-    title: '状态',
-    dataIndex: 'status',
-    width: 200,
-  },
-  {
-    title: '描述',
-    dataIndex: 'description',
-    width: 180,
-  },
-];
-
-export const formSchema: FormSchema[] = [
-  {
-    field: 'configName',
-    label: '场景联动名称',
-    required: true,
-    component: 'Input',
-  },
-  {
-    field: 'messageType',
-    label: '所属组织',
-    required: true,
-    component: 'ApiSelect',
-    componentProps: {
-      api: findDictItemByCode,
-      params: {
-        dictCode: 'message_type',
-      },
-      labelField: 'itemText',
-      valueField: 'itemValue',
-    },
-  },
-  {
-    field: 'no1',
-    label: '触发器',
-    required: true,
-    component: 'Input',
-  },
-  {
-    field: 'no2',
-    label: '执行条件',
-    required: true,
-    component: 'Input',
-  },
-  {
-    field: 'no3',
-    label: '执行动作',
-    required: true,
-    component: 'Input',
-  },
-];

-<template>
-  <div class="p-4">
-    <BasicTable @register="registerTable">
-      <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> 新增设备 </a-button>
-      </template>
-      <template #config="{ record }">
-        <a-button type="link" class="ml-2" @click="showData(record)"> 查看配置 </a-button>
-      </template>
-      <template #deviceProfile="{ record }">
-        <a-button type="link" class="ml-2" @click="goDeviceProfile">
-          {{ record.deviceProfile.name }}
-        </a-button>
-      </template>
-      <template #deviceType="{ record }">
-        <Tag color="success" class="ml-2">
-          {{
-            record.deviceType == DeviceTypeEnum.GATEWAY
-              ? '网关设备'
-              : record.deviceType == DeviceTypeEnum.DIRECT_CONNECTION
-              ? '直连设备'
-              : '网关子设备'
-          }}
-        </Tag>
-      </template>
-      <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>
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: '编辑',
-              icon: 'clarity:note-edit-line',
-              onClick: handleEdit.bind(null, record),
-            },
-            {
-              label: '删除',
-              icon: 'ant-design:delete-outlined',
-              color: 'error',
-              popConfirm: {
-                title: '是否确认删除',
-                confirm: handleDelete.bind(null, record),
-              },
-            },
-          ]"
-        />
-      </template>
-    </BasicTable>
-    <RuleEngineDrawer @register="registerDrawer" @success="handleSuccess" />
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, h } from 'vue';
-  import { DeviceState, DeviceTypeEnum } from '/@/api/device/model/deviceModel';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { useDrawer } from '/@/components/Drawer';
-  import RuleEngineDrawer from './RuleEngineDrawer.vue';
-  import { columns } from './config.data';
-  import { Modal, Tag } from 'ant-design-vue';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { deleteDevice, devicePage } from '/@/api/device/deviceManager';
-  import { PageEnum } from '/@/enums/pageEnum';
-  import { useGo } from '/@/hooks/web/usePage';
-
-  export default defineComponent({
-    name: 'DeviceManagement',
-    components: { BasicTable, RuleEngineDrawer, TableAction, Tag },
-    setup() {
-      const [registerDrawer, { openDrawer }] = useDrawer();
-      const { createMessage } = useMessage();
-      const go = useGo();
-      const [registerTable, { reload }] = useTable({
-        title: '设备列表',
-        api: devicePage,
-        columns,
-        useSearchForm: false,
-        showTableSetting: true,
-        bordered: true,
-        showIndexColumn: false,
-        actionColumn: {
-          width: 200,
-          title: '操作',
-          dataIndex: 'action',
-          slots: { customRender: 'action' },
-          fixed: 'right',
-        },
-      });
-
-      function handleCreate() {
-        openDrawer(true, {
-          isUpdate: false,
-        });
-      }
-
-      function handleEdit(record: Recordable) {
-        openDrawer(true, {
-          record,
-          isUpdate: true,
-        });
-      }
-
-      function handleDelete(record: Recordable) {
-        let ids = [record.id];
-        deleteDevice(ids).then(() => {
-          createMessage.success('删除设备成功');
-          handleSuccess();
-        });
-      }
-
-      function handleSuccess() {
-        reload();
-      }
-      function showData(record: Recordable) {
-        Modal.info({
-          title: '当前配置',
-          width: 480,
-          content: h(JsonPreview, { data: JSON.parse(JSON.stringify(record.deviceInfo)) }),
-        });
-      }
-      function goDeviceProfile() {
-        go(PageEnum.DEVICE_PROFILE);
-      }
-      return {
-        registerTable,
-        registerDrawer,
-        showData,
-        handleCreate,
-        handleEdit,
-        handleDelete,
-        handleSuccess,
-        goDeviceProfile,
-        DeviceTypeEnum,
-        DeviceState,
-      };
-    },
-  });
-</script>

-<template>
-  <CollapseContainer style="background-color: #eeeeee">
-    <div style="position: relative">
-      <BasicForm
-        :labelWidth="100"
-        :emptySpan="10"
-        :showResetButton="false"
-        :showSubmitButton="false"
-        @register="registerCondition"
-      />
-    </div>
-  </CollapseContainer>
-</template>
-<script lang="ts">
-  import { defineComponent, ref } from 'vue';
-  import { CollapseContainer } from '/@/components/Container/index';
-  import { BasicForm, useForm } from '/@/components/Form/index';
-  import { Input } from 'ant-design-vue';
-  import { useConditionDrawerSchema } from '../config';
-  // import { screenLinkPageByDeptIdGetDevice } from '/@/api/ruleengine/ruleengineApi';
-
-  export default defineComponent({
-    components: { CollapseContainer, BasicForm, [Input.name]: Input },
-    props: ['deviceInfo1', 'editConditionFather', 'newConditionMapFather'],
-
-    setup(props) {
-      const fieldValue: any = ref({});
-      const [registerCondition, { setFieldsValue, getFieldsValue, updateSchema, resetFields }] =
-        useForm({
-          labelWidth: 100,
-          schemas: useConditionDrawerSchema,
-          actionColOptions: { span: 24 },
-        });
-      const getFieldsValueFunc = () => {
-        fieldValue.value = getFieldsValue();
-        return fieldValue.value;
-      };
-      const resetFieldsValueFunc = () => {
-        resetFields();
-      };
-      const updateFieldDeviceId = (v) => {
-        setTimeout(() => {
-          updateSchema({
-            field: 'entityId',
-            componentProps: {
-              options: v,
-            },
-          });
-        }, 10);
-      };
-
-      //回显数据
-      const setFieldsFormValueFun = () => {
-        if (props.editConditionFather !== 1) {
-          setTimeout(() => {
-            setFieldsValue(props.editConditionFather);
-            setFieldsValue({
-              type:
-                props.editConditionFather?.triggerCondition?.condition[0]?.valueType == 'NUMERIC'
-                  ? 'NUMERIC1'
-                  : 'NUMERIC2',
-              operation1:
-                props.editConditionFather?.triggerCondition?.condition[0]?.predicate?.operation,
-              operation2:
-                props.editConditionFather?.triggerCondition?.condition[0]?.predicate?.operation,
-              value1:
-                props.editConditionFather?.triggerCondition?.condition[0]?.predicate?.value
-                  ?.defaultValue,
-              value2:
-                props.editConditionFather?.triggerCondition?.condition[0]?.predicate?.value
-                  ?.defaultValue,
-            });
-          }, 100);
-        }
-      };
-      setFieldsFormValueFun();
-      const editSelectDevice = () => {
-        if (props.newConditionMapFather !== 1) {
-          setTimeout(() => {
-            updateSchema({
-              field: 'entityId',
-              componentProps: {
-                options: props.newConditionMapFather,
-              },
-            });
-          }, 100);
-        }
-      };
-      editSelectDevice();
-      //新增清空设备选择
-      const clearSelectDevice = () => {
-        updateSchema({
-          field: 'entityId',
-          componentProps: {
-            options: [],
-          },
-        });
-      };
-      // const editSelectDevice = (v) => {
-      //   updateSchema({
-      //     field: 'entityId',
-      //     componentProps: {
-      //       options: v,
-      //     },
-      //   });
-      // };
-      return {
-        updateFieldDeviceId,
-        resetFieldsValueFunc,
-        clearSelectDevice,
-        editSelectDevice,
-        getFieldsValueFunc,
-        registerCondition,
-      };
-    },
-  });
-</script>

-<template>
-  <CollapseContainer class="prefixRedDot" style="background-color: #eeeeee">
-    <div style="position: relative">
-      <BasicForm
-        :labelWidth="100"
-        :showResetButton="false"
-        :showSubmitButton="false"
-        :emptySpan="10"
-        @register="registerAction"
-      />
-    </div>
-  </CollapseContainer>
-</template>
-<script lang="ts">
-  import { defineComponent, ref } from 'vue';
-  import { CollapseContainer } from '/@/components/Container/index';
-  import { BasicForm, useForm } from '/@/components/Form/index';
-  import { Input } from 'ant-design-vue';
-  import { useActionDrawerSchema } from '../config';
-
-  export default defineComponent({
-    components: { CollapseContainer, BasicForm, [Input.name]: Input },
-    props: ['deviceInfo2', 'editActionFather', 'newActionMapFather'],
-
-    setup(props) {
-      const fieldValue: any = ref({});
-      const [registerAction, { setFieldsValue, getFieldsValue, resetFields, updateSchema }] =
-        useForm({
-          labelWidth: 100,
-          schemas: useActionDrawerSchema,
-          actionColOptions: { span: 24 },
-        });
-      const getFieldsValueFunc = () => {
-        fieldValue.value = getFieldsValue();
-        return fieldValue.value;
-      };
-      const resetFieldsValueFunc = () => {
-        resetFields();
-      };
-      const updateFieldDeviceId = (v) => {
-        setTimeout(() => {
-          updateSchema({
-            field: 'deviceId',
-            componentProps: {
-              options: v,
-            },
-          });
-        }, 10);
-      };
-
-      //回显数据
-      const setFieldsFormValueFun = () => {
-        if (props.editActionFather !== 1) {
-          setTimeout(() => {
-            setFieldsValue(props.editActionFather);
-          }, 100);
-        }
-      };
-      setFieldsFormValueFun();
-      const editSelectDevice = () => {
-        if (props.newActionMapFather !== 1) {
-          setTimeout(() => {
-            updateSchema({
-              field: 'deviceId',
-              componentProps: {
-                options: props.newActionMapFather,
-              },
-            });
-          }, 100);
-        }
-      };
-      editSelectDevice();
-      //新增清空设备选择
-      const clearSelectDevice = () => {
-        updateSchema({
-          field: 'deviceId',
-          componentProps: {
-            options: [],
-          },
-        });
-      };
-      return {
-        updateFieldDeviceId,
-        clearSelectDevice,
-        editSelectDevice,
-        resetFieldsValueFunc,
-        getFieldsValueFunc,
-        registerAction,
-      };
-    },
-  });
-</script>
-
-<style lang="less">
-  .prefixRedDot:before {
-    content: '* ';
-    color: red;
-    vertical-align: middle;
-    display: inline-block;
-    position: relative;
-    top: 20px;
-    left: 5px;
-  }
-</style>

-<template>
-  <div>
-    <CollapseContainer style="background-color: #eeeeee">
-      <div>
-        <BasicForm
-          :labelWidth="100"
-          :showResetButton="false"
-          :showSubmitButton="false"
-          :emptySpan="10"
-          @register="registerTrigger"
-        />
-      </div>
-    </CollapseContainer>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref } from 'vue';
-  import { CollapseContainer } from '/@/components/Container/index';
-  import { BasicForm, useForm } from '/@/components/Form/index';
-  import { Input } from 'ant-design-vue';
-  import { useTriggerDrawerSchema } from '../config';
-
-  export default defineComponent({
-    components: { CollapseContainer, BasicForm, [Input.name]: Input },
-    props: ['deviceInfo', 'editTriggerFather', 'newFilterMapFather'],
-    setup(props) {
-      const fieldValue: any = ref({});
-      const [registerTrigger, { resetFields, setFieldsValue, getFieldsValue, updateSchema }] =
-        useForm({
-          labelWidth: 100,
-          schemas: useTriggerDrawerSchema,
-          actionColOptions: { span: 24 },
-        });
-      const getFieldsValueFunc = () => {
-        fieldValue.value = getFieldsValue();
-        return fieldValue.value;
-      };
-      const updateFieldDeviceId = (v) => {
-        setTimeout(() => {
-          updateSchema({
-            field: 'entityId',
-            componentProps: {
-              options: v,
-            },
-          });
-        }, 10);
-      };
-      const resetFieldsValueFunc = () => {
-        resetFields();
-      };
-
-      //回显数据
-      const setFieldsFormValueFun = () => {
-        if (props.editTriggerFather != 1) {
-          setTimeout(() => {
-            setFieldsValue(props.editTriggerFather);
-            setFieldsValue({
-              entityId1: props.editTriggerFather.entityId,
-              entityId2: props.editTriggerFather.entityId,
-              type1: props.editTriggerFather?.triggerCondition?.condition[0]?.key?.type,
-              type2: props.editTriggerFather?.triggerCondition?.condition[0]?.predicate?.type,
-              operation:
-                props.editTriggerFather?.triggerCondition?.condition[0]?.predicate?.operation,
-              value:
-                props.editTriggerFather?.triggerCondition?.condition[0]?.predicate?.value
-                  ?.defaultValue,
-            });
-          }, 10);
-        }
-      };
-
-      setFieldsFormValueFun();
-      //新增清空设备选择
-      const clearSelectDevice = () => {
-        updateSchema({
-          field: 'entityId',
-          componentProps: {
-            options: [],
-          },
-        });
-      };
-      const editSelectDevice = () => {
-        if (props.newFilterMapFather != 1) {
-          setTimeout(() => {
-            updateSchema({
-              field: 'entityId',
-              componentProps: {
-                options: props.newFilterMapFather,
-              },
-            });
-          }, 100);
-        }
-      };
-      editSelectDevice();
-      //新增清空场景触发器选择
-      const clearSelectScene = () => {
-        updateSchema({
-          field: 'sceneLinkageId',
-          componentProps: {
-            options: [],
-          },
-        });
-      };
-      const editSelectScene = (v) => {
-        updateSchema({
-          field: 'sceneLinkageId',
-          componentProps: {
-            options: v,
-          },
-        });
-      };
-      return {
-        updateFieldDeviceId,
-        resetFieldsValueFunc,
-        clearSelectScene,
-        editSelectScene,
-        clearSelectDevice,
-        editSelectDevice,
-        getFieldsValueFunc,
-        registerTrigger,
-      };
-    },
-  });
-</script>
-
-<style>
-  .ant-slider-handle {
-    display: none !important;
-  }
-</style>

-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { ref } from 'vue';
-import {
-  screenLinkOrganizationGetApi,
-  screenLinkPagePutApi,
-} from '/@/api/ruleengine/ruleengineApi';
-import { h } from 'vue';
-import { Switch } from 'ant-design-vue';
-import { useMessage } from '/@/hooks/web/useMessage';
-import { copyTransFun } from '/@/utils/fnUtils';
-
-/**
- * 所使用的枚举值
- */
-
-export enum TriggerEnum {
-  IS_DEVICE_ACT = 'DEVICE_TRIGGER',
-  IS_TIME_ACT = 'SCHEDULE_TRIGGER',
-  IS_SCENE_ACT = 'SCENE_TRIGGER',
-  IS_HAND_ACT = 'HAND_ACT',
-  IS_MSG_NOTIFY = 'MSG_NOTIFY',
-  IS_DEVICE_STATUS = 'DEVICE_STATUS',
-  IS_TIME_ALL = 'SCHEDULE_TRIGGER',
-}
-
-export enum AttributeActionEnum {
-  IS_ATTRIBUTE_ACT = 'ATTRIBUTE',
-  IS_UP_DOWN_ACT = 'TIME_SERIES',
-}
-
-export enum AttrAndWenDuEnum {
-  IS_ALL_ATTR = 'ALL_ATTR',
-  IS_WENDU_ACT = 'NUMERIC',
-  IS_SHIDU = 'NUMERIC',
-  IS_CONDITION_WENDU = 'NUMERIC2',
-  IS_CONDITION_SHIDU = 'NUMERIC1',
-}
-export const isConditionShiDu = (type: string) => {
-  return type === AttrAndWenDuEnum.IS_CONDITION_SHIDU;
-};
-export const isConditionWenDu = (type: string) => {
-  return type === AttrAndWenDuEnum.IS_CONDITION_WENDU;
-};
-
-export const isShiDu = (type: string) => {
-  return type === AttrAndWenDuEnum.IS_SHIDU;
-};
-
-export const isWenDu = (type: string) => {
-  return type === AttrAndWenDuEnum.IS_WENDU_ACT;
-};
-
-export const isTimeAll = (type: string) => {
-  return type === TriggerEnum.IS_TIME_ACT;
-};
-
-export const isMsg = (type: string) => {
-  return type === TriggerEnum.IS_MSG_NOTIFY;
-};
-
-export const isUpAndDown = (type: string) => {
-  return type === AttributeActionEnum.IS_UP_DOWN_ACT;
-};
-
-export const isDevice = (type: string) => {
-  return type === TriggerEnum.IS_DEVICE_ACT;
-};
-
-export const isTime = (type: string) => {
-  return type === TriggerEnum.IS_TIME_ACT;
-};
-
-export const isScene = (type: string) => {
-  return type === TriggerEnum.IS_SCENE_ACT;
-};
-
-export const isHand = (type: string) => {
-  return type === TriggerEnum.IS_HAND_ACT;
-};
-
-export const columns: BasicColumn[] = [
-  {
-    title: '场景联动名称',
-    dataIndex: 'name',
-    width: 200,
-  },
-  {
-    title: '触发方式',
-    dataIndex: 'triggerType',
-    format: (text: string, record: Recordable) => {
-      return record.triggers[0]?.triggerType == 'DEVICE_TRIGGER'
-        ? '设备触发'
-        : record.triggers[0]?.triggerType == 'SCHEDULE_TRIGGER'
-        ? '定时触发'
-        : record.triggers[0]?.triggerType == 'SCENE_TRIGGER'
-        ? '场景触发'
-        : '手动触发';
-    },
-    width: 200,
-  },
-  {
-    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();
-          screenLinkPagePutApi({ id: record.id, status: newStatus })
-            .then(() => {
-              record.status = newStatus;
-              if (record.status == 1) {
-                createMessage.success(`已启用`);
-              } else {
-                createMessage.error('已禁用');
-              }
-            })
-            .catch(() => {
-              createMessage.error('已禁用');
-            })
-            .finally(() => {
-              record.pendingStatus = false;
-            });
-        },
-      });
-    },
-  },
-  {
-    title: '描述',
-    dataIndex: 'description',
-    width: 200,
-  },
-  {
-    title: '创建时间',
-    dataIndex: 'createTime',
-    width: 180,
-  },
-];
-
-export const getData = ref(null);
-
-export const formSchema: FormSchema[] = [
-  {
-    field: 'name',
-    label: '场景联动名称',
-    colProps: { span: 24 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 36,
-      placeholder: '请输入场景联动名称',
-    },
-  },
-  {
-    required: true,
-    field: 'organizationId',
-    label: '所属组织',
-    colProps: { span: 24 },
-    component: 'ApiTreeSelect',
-    componentProps: ({ formModel, formActionType }) => {
-      return {
-        api: async () => {
-          const data = await screenLinkOrganizationGetApi();
-          copyTransFun(data as any as any[]);
-          return data;
-        },
-        onChange: async (v) => {
-          if (v == undefined) {
-            formModel.entityId = undefined;
-            const { updateSchema } = formActionType;
-            updateSchema({
-              field: 'entityId',
-              componentProps: {
-                options: undefined,
-              },
-            });
-          } else {
-            getData.value = v;
-          }
-        },
-      };
-    },
-  },
-  {
-    field: 'description',
-    label: '描述',
-    colProps: { span: 24 },
-    component: 'InputTextArea',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入描述',
-    },
-  },
-];
-
-export const searchFormSchema: FormSchema[] = [
-  {
-    field: 'organizationId',
-    label: '所属组织',
-    colProps: { span: 6 },
-    component: 'ApiTreeSelect',
-    componentProps: {
-      api: async () => {
-        const data = await screenLinkOrganizationGetApi();
-        copyTransFun(data as any as any[]);
-        return data;
-      },
-    },
-  },
-  {
-    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 useTriggerDrawerSchema: FormSchema[] = [
-  {
-    field: 'triggerType',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '设备触发',
-      options: [
-        { label: '设备触发', value: 'DEVICE_TRIGGER' },
-        { label: '定时触发', value: 'SCHEDULE_TRIGGER' },
-        { label: '场景触发', value: 'SCENE_TRIGGER' },
-        { label: '手动触发', value: 'HAND_ACT' },
-      ],
-    },
-    colProps: { span: 12 },
-  },
-  {
-    field: 'entityId',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '请选择设备',
-    },
-    ifShow: ({ values }) =>
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')),
-    colProps: {
-      span: 12,
-    },
-  },
-  {
-    field: 'entityId1',
-    component: 'Input',
-    label: '',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入Cron表达式',
-    },
-    colProps: {
-      span: 12,
-    },
-    ifShow: ({ values }) => isTimeAll(Reflect.get(values, 'triggerType')),
-  },
-  {
-    field: 'type1',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '属性触发',
-      options: [
-        { label: '属性触发', value: 'ATTRIBUTE' },
-        { label: '上下线触发', value: 'TIME_SERIES' },
-      ],
-    },
-    ifShow: ({ values }) =>
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')),
-    colProps: { span: 12 },
-  },
-  {
-    field: 'key1',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '请选择上下线',
-      options: [
-        { label: '上下线', value: '1' },
-        { label: '上线', value: '2' },
-        { label: '下线', value: '3' },
-      ],
-    },
-    colProps: { span: 12 },
-    ifShow: ({ values }) =>
-      isUpAndDown(Reflect.get(values, 'type1')) &&
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')),
-  },
-  {
-    field: 'type2',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '全部属性',
-      options: [
-        { label: '全部属性', value: 'STRING' },
-        { label: 'wendu', value: 'NUMERIC' },
-      ],
-    },
-    ifShow: ({ values }) =>
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')) &&
-      !isUpAndDown(Reflect.get(values, 'type1')),
-    colProps: { span: 12 },
-  },
-  {
-    field: 'operation',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '',
-      options: [
-        { label: '=', value: 'EQUAL' },
-        { label: '<', value: 'LESS' },
-        { label: '>', value: 'GREATER' },
-        { label: '<=', value: 'LESS_OR_EQUAL' },
-        { label: '>=', value: 'GREATER_OR_EQUAL' },
-      ],
-    },
-    ifShow: ({ values }) =>
-      isWenDu(Reflect.get(values, 'type2')) &&
-      !isUpAndDown(Reflect.get(values, 'type1')) &&
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')),
-    colProps: { span: 12 },
-  },
-  {
-    field: 'value',
-    component: 'Input',
-    label: '',
-    componentProps: {
-      maxLength: 16,
-      placeholder: '请输入比较值',
-    },
-
-    ifShow: ({ values }) =>
-      isWenDu(Reflect.get(values, 'type2')) &&
-      !isUpAndDown(Reflect.get(values, 'type1')) &&
-      !isTime(Reflect.get(values, 'triggerType')) &&
-      !isScene(Reflect.get(values, 'triggerType')) &&
-      !isHand(Reflect.get(values, 'triggerType')),
-    colProps: {
-      span: 12,
-    },
-  },
-
-  {
-    field: 'entityId2',
-    label: '',
-    component: 'Select',
-    colProps: {
-      span: 12,
-    },
-    componentProps: {
-      placeholder: '请输入场景触发器',
-      options: [
-        { label: '场景触发器1', value: '1' },
-        { label: '场景触发器2', value: '2' },
-        { label: '场景触发器3', value: '3' },
-      ],
-    },
-    ifShow: ({ values }) => isScene(Reflect.get(values, 'triggerType')),
-  },
-
-  {
-    field: 'no3',
-    label: '',
-    component: 'ApiSelect',
-    colProps: {
-      span: 12,
-    },
-    componentProps: {
-      placeholder: '暂不实现',
-    },
-    ifShow: ({ values }) => isHand(Reflect.get(values, 'triggerType')),
-  },
-];
-
-export const useConditionDrawerSchema: FormSchema[] = [
-  {
-    field: 'triggerType',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '设备状态',
-      options: [
-        { label: '设备触发', value: 'DEVICE_TRIGGER' },
-        { label: '时间范围', value: 'SCHEDULE_TRIGGER' },
-      ],
-    },
-    colProps: { span: 12 },
-  },
-  {
-    field: 'entityId',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '请选择设备',
-    },
-    ifShow: ({ values }) => !isTimeAll(Reflect.get(values, 'triggerType')),
-    colProps: {
-      span: 12,
-    },
-  },
-  {
-    field: 'createTime',
-    component: 'DatePicker',
-    label: '',
-    componentProps: {
-      placeholder: '请选择起始时间',
-    },
-    colProps: {
-      span: 12,
-    },
-    ifShow: ({ values }) => isTimeAll(Reflect.get(values, 'triggerType')),
-  },
-  {
-    field: 'updateTime',
-    component: 'DatePicker',
-    label: '',
-    componentProps: {
-      placeholder: '请选择结束时间',
-    },
-    colProps: {
-      span: 12,
-    },
-    ifShow: ({ values }) => isTimeAll(Reflect.get(values, 'triggerType')),
-  },
-  {
-    field: 'type',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '请选择或者输入属性',
-      options: [
-        { label: 'shidu', value: 'NUMERIC1' },
-        { label: 'wendu', value: 'NUMERIC2' },
-      ],
-    },
-    ifShow: ({ values }) => !isTimeAll(Reflect.get(values, 'triggerType')),
-    colProps: { span: 12 },
-  },
-  {
-    field: 'operation1',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '',
-      options: [
-        { label: '=', value: 'EQUAL' },
-        { label: '<', value: 'LESS' },
-        { label: '>', value: 'GREATER' },
-        { label: '<=', value: 'LESS_OR_EQUAL' },
-        { label: '>=', value: 'GREATER_OR_EQUAL' },
-      ],
-    },
-    ifShow: ({ values }) =>
-      isConditionShiDu(Reflect.get(values, 'type')) &&
-      !isTimeAll(Reflect.get(values, 'triggerType')),
-    colProps: { span: 12 },
-  },
-  {
-    field: 'value1',
-    component: 'Input',
-    label: '',
-    componentProps: {
-      maxLength: 16,
-      placeholder: '请输入比较值',
-    },
-
-    ifShow: ({ values }) =>
-      isConditionShiDu(Reflect.get(values, 'type')) &&
-      !isTimeAll(Reflect.get(values, 'triggerType')),
-    colProps: {
-      span: 12,
-    },
-  },
-
-  {
-    field: 'operation2',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '',
-      options: [
-        { label: '=', value: 'EQUAL' },
-        { label: '<', value: 'LESS' },
-        { label: '>', value: 'GREATER' },
-        { label: '<=', value: 'LESS_OR_EQUAL' },
-        { label: '>=', value: 'GREATER_OR_EQUAL' },
-      ],
-    },
-    ifShow: ({ values }) =>
-      isConditionWenDu(Reflect.get(values, 'type')) &&
-      !isTimeAll(Reflect.get(values, 'triggerType')),
-    colProps: { span: 12 },
-  },
-  {
-    field: 'value2',
-    component: 'Input',
-    label: '',
-    componentProps: {
-      maxLength: 16,
-      placeholder: '请输入比较值',
-    },
-    ifShow: ({ values }) =>
-      isConditionWenDu(Reflect.get(values, 'type')) &&
-      !isTimeAll(Reflect.get(values, 'triggerType')),
-    colProps: {
-      span: 12,
-    },
-  },
-];
-
-export const useActionDrawerSchema: FormSchema[] = [
-  {
-    field: 'outTarget',
-    label: '',
-    component: 'Select',
-    required: true,
-    componentProps: {
-      placeholder: '请选择设备输出',
-      options: [
-        { label: '设备输出', value: 'DEVICE_OUT' },
-        { label: '消息通知', value: 'MSG_NOTIFY' },
-        { label: '场景联动', value: 'SCENE_TRIGGER' },
-      ],
-    },
-    colProps: { span: 12 },
-  },
-  {
-    field: 'deviceId',
-    label: '',
-    component: 'Select',
-    componentProps: {
-      placeholder: '请选择设备',
-    },
-    ifShow: ({ values }) =>
-      !isScene(Reflect.get(values, 'outTarget')) && !isMsg(Reflect.get(values, 'outTarget')),
-    colProps: {
-      span: 12,
-    },
-  },
-  {
-    field: 'doContext',
-    component: 'Input',
-    label: '',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入下发指定',
-    },
-    ifShow: ({ values }) =>
-      !isScene(Reflect.get(values, 'outTarget')) && !isMsg(Reflect.get(values, 'outTarget')),
-    colProps: {
-      span: 12,
-    },
-  },
-  {
-    field: 'wu2',
-    component: 'Input',
-    label: '',
-    componentProps: {
-      placeholder: '暂不实现',
-    },
-    colProps: {
-      span: 12,
-    },
-    ifShow: ({ values }) => isMsg(Reflect.get(values, 'outTarget')),
-  },
-  {
-    field: 'wu3',
-    label: '',
-    component: 'Input',
-    componentProps: {
-      placeholder: '无',
-      style: {
-        visibility: 'hidden',
-      },
-    },
-    colProps: { span: 12 },
-    ifShow: ({ values }) => isMsg(Reflect.get(values, 'outTarget')),
-  },
-  {
-    field: 'entityId',
-    label: '',
-    component: 'Select',
-    colProps: {
-      span: 12,
-    },
-    componentProps: {
-      placeholder: '请选择场景触发器',
-      options: [
-        { label: '场景触发器1', value: '1' },
-        { label: '场景触发器2', value: '2' },
-        { label: '场景触发器3', value: '3' },
-        { label: '场景触发器4', value: '4' },
-      ],
-    },
-    ifShow: ({ values }) => isScene(Reflect.get(values, 'outTarget')),
-  },
-  {
-    field: 'wu4',
-    label: '',
-    component: 'Input',
-    componentProps: {
-      placeholder: '无',
-      style: {
-        visibility: 'hidden',
-      },
-    },
-    colProps: { span: 12 },
-    ifShow: ({ values }) => isScene(Reflect.get(values, 'outTarget')),
-  },
-];

-export interface IAddTrigger {
-  triggerType: string;
-  entityId: string;
-  touchWay: string;
-  attributeChoose: string;
-  compare: string;
-  value: string;
-}
-
-export interface IAddCondition {
-  triggerType: string;
-  entityId: string;
-  createTime: string;
-  updateTime: string;
-  compare: string;
-  value: string;
-}
-
-export interface IAddAction {
-  outTarget: string;
-  deviceId: string;
-  command: string;
-  sceneLinkageId: string;
-}

-<template>
-  <div>
-    <BasicTable
-      @register="registerTable"
-      @selection-change="useSelectionChange"
-      :rowSelection="{ type: 'checkbox' }"
-    >
-      <template #toolbar>
-        <a-button type="primary" @click="handleAdd"> 新增场景联动 </a-button>
-        <a-button color="error" @click="handleDeleteOrBatchDelete(null)" :disabled="hasBatchDelete">
-          批量删除
-        </a-button>
-      </template>
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: '编辑',
-              icon: 'clarity:note-edit-line',
-              onClick: handleEdit.bind(null, record),
-            },
-            {
-              label: '删除',
-              icon: 'ant-design:delete-outlined',
-              color: 'error',
-              popConfirm: {
-                title: '是否确认删除',
-                confirm: handleDeleteOrBatchDelete.bind(null, record),
-              },
-            },
-          ]"
-        />
-      </template>
-    </BasicTable>
-    <SceneLinkAgeDrawer
-      @register="registerDrawer"
-      @success="handleSuccess"
-      ref="sceneLinkAgeDrawerRef"
-    />
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, getCurrentInstance, ref } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { useDrawer } from '/@/components/Drawer';
-  import SceneLinkAgeDrawer from './useDrawer.vue';
-  import { columns, searchFormSchema } from './config';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { screenLinkPageGetApi, screenLinkPageDeleteApi } from '/@/api/ruleengine/ruleengineApi';
-  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-
-  export default defineComponent({
-    name: 'Index',
-    components: { BasicTable, SceneLinkAgeDrawer, TableAction },
-    emits: ['default', 'registerTable', 'registerDrawer', 'register'],
-    setup() {
-      const { proxy } = getCurrentInstance();
-      const sceneLinkAgeDrawerRef: any = ref(null);
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-        screenLinkPageDeleteApi,
-        handleSuccess
-      );
-      let selectedRowKeys: Array<string> = [];
-      const [registerDrawer, { openDrawer }] = useDrawer();
-      const { createMessage } = useMessage();
-      const [registerTable, { reload, getSelectRowKeys }] = useTable({
-        title: '场景联动列表',
-        api: screenLinkPageGetApi,
-        columns,
-        formConfig: {
-          labelWidth: 120,
-          schemas: searchFormSchema,
-        },
-        useSearchForm: true,
-        showTableSetting: true,
-        bordered: true,
-        showIndexColumn: false,
-        actionColumn: {
-          width: 200,
-          title: '操作',
-          dataIndex: 'action',
-          slots: { customRender: 'action' },
-          fixed: 'right',
-        },
-        ...selectionOptions,
-      });
-
-      function handleAdd() {
-        openDrawer(true, {
-          isUpdate: false,
-        });
-        try {
-          setTimeout(() => {
-            // proxy.$refs.sceneLinkAgeDrawerRef.defaultAddTrigger();
-            // proxy.$refs.sceneLinkAgeDrawerRef.defaultAddCondition();
-            proxy.$refs.sceneLinkAgeDrawerRef.defaultAddAction();
-          }, 50);
-        } catch (e) {
-          return e;
-        }
-      }
-
-      const useSelectionChange = () => {
-        selectedRowKeys = getSelectRowKeys();
-      };
-
-      async function handleToolbarDel() {
-        await screenLinkPageDeleteApi(selectedRowKeys);
-        createMessage.success('删除成功');
-        reload();
-      }
-
-      function handleEdit(record: Recordable) {
-        openDrawer(true, {
-          record,
-          isUpdate: true,
-        });
-      }
-      async function handleDelete(record: Recordable) {
-        try {
-          let ids = [record.id];
-          await screenLinkPageDeleteApi(ids);
-          createMessage.success('删除成功');
-          reload();
-        } catch (e) {
-          return e;
-        }
-      }
-      function handleSuccess() {
-        reload();
-      }
-      return {
-        sceneLinkAgeDrawerRef,
-        useSelectionChange,
-        registerTable,
-        registerDrawer,
-        handleAdd,
-        handleToolbarDel,
-        handleEdit,
-        handleDelete,
-        handleSuccess,
-        hasBatchDelete,
-        handleDeleteOrBatchDelete,
-      };
-    },
-  });
-</script>
-
-<style lang="less" scoped></style>

-<template>
-  <BasicDrawer
-    v-bind="$attrs"
-    @register="registerDrawer"
-    showFooter
-    :title="getTitle"
-    width="1000px"
-    @ok="handleSubmit"
-    @close="handleClose"
-  >
-    <div>
-      <BasicForm @register="registerForm" />
-      <!-- 触发器 -->
-      <div style="border-radius: 4px">
-        <template
-          v-for="(item, index) in isUpdate == false ? addTriggerPushData : editTriggerPushData"
-          :key="index"
-        >
-          <span style="display: none">{{ item + index }}</span>
-          <span style="position: relative; top: 3.2vh; left: 0.5vw">触发器 {{ index + 1 }}</span>
-          <div style="display: block">
-            <AddTriggerForm
-              ref="refTriggerChild"
-              :editTriggerFather="isUpdate == false ? 1 : item"
-              :newFilterMapFather="isUpdate == false ? 1 : newFilterMap"
-              :deviceInfo="getDeviceInfo"
-            />
-          </div>
-          <div style="height: 3vh"></div>
-        </template>
-        <div
-          style="
-            display: flex;
-            width: 11vw;
-            height: 4vh;
-            flex-direction: row;
-            justify-content: space-between;
-          "
-        >
-          <div style="display: flex; width: 4vw; height: 4vh">
-            <Button type="primary" style="border-radius: 2px" class="mt-5" @click="addTrigger"
-              >新增触发器</Button
-            >
-          </div>
-          <div style="display: flex; width: 4vw; height: 4vh">
-            <Button
-              v-if="addTriggerPushData.length != 0 || editTriggerPushData.length != 0"
-              type="default"
-              style="border-radius: 2px; background-color: rgba(237, 111, 111, 1)"
-              class="mt-5"
-              @click="removeTrigger"
-            >
-              <span style="color: white">删除</span></Button
-            >
-          </div>
-        </div>
-      </div>
-      <div style="height: 5vh"></div>
-      <!-- 执行条件 -->
-      <div style="border-radius: 4px" class="condition-style">
-        <template
-          v-for="(item, index) in isUpdate == false ? addConditionPushData : editConditionPushData"
-          :key="index"
-        >
-          <span style="display: none">{{ item + index }}</span>
-          <span style="position: relative; top: 3.2vh; left: 0.5vw">执行条件 {{ index + 1 }}</span>
-
-          <div>
-            <AddConditiForm
-              :editConditionFather="isUpdate == false ? 1 : item"
-              :newConditionMapFather="isUpdate == false ? 1 : newConditionFilterMap"
-              :deviceInfo1="getDeviceInfo1"
-              ref="refConditionChild"
-            />
-          </div>
-          <div style="height: 3vh"></div>
-        </template>
-        <div
-          style="
-            display: flex;
-            width: 11vw;
-            height: 4vh;
-            flex-direction: row;
-            justify-content: space-between;
-          "
-        >
-          <div style="display: flex; width: 4vw; height: 4vh">
-            <Button type="primary" style="border-radius: 2px" class="mt-5" @click="addCondition"
-              >新增执行条件</Button
-            >
-          </div>
-          <div style="display: flex; width: 4vw; height: 4vh">
-            <Button
-              v-if="addConditionPushData.length != 0 || editConditionPushData.length != 0"
-              style="border-radius: 2px; background-color: rgba(237, 111, 111, 1)"
-              type="default"
-              class="mt-5"
-              @click="removeCondition"
-            >
-              <span style="color: white">删除</span></Button
-            >
-          </div>
-        </div>
-      </div>
-      <!-- 执行动作 -->
-      <div style="height: 5vh"></div>
-      <div style="border-radius: 4px">
-        <template
-          v-for="(item, index) in isUpdate == false ? addActionPushData : editActionPushData"
-          :key="index"
-        >
-          <span style="display: none">{{ item + index }}</span>
-          <span style="position: relative; top: 4.2vh; left: 0.65vw">执行动作 {{ index + 1 }}</span>
-
-          <div>
-            <AddActionForm
-              :editActionFather="isUpdate == false ? 1 : item"
-              :newActionMapFather="isUpdate == false ? 1 : newActionFilterMap"
-              :deviceInfo2="getDeviceInfo2"
-              ref="refActionChild"
-            />
-          </div>
-          <div style="height: 3vh"></div>
-        </template>
-        <div
-          style="
-            display: flex;
-            width: 11vw;
-            height: 4vh;
-            flex-direction: row;
-            justify-content: space-between;
-          "
-        >
-          <div style="display: flex; width: 4vw; height: 4vh">
-            <Button type="primary" style="border-radius: 2px" class="mt-5" @click="addAction"
-              >新增执行动作</Button
-            >
-          </div>
-          <div style="display: flex; width: 4vw; height: 4vh">
-            <Button
-              v-if="addActionPushData.length !== 0 || editActionPushData.length !== 0"
-              style="border-radius: 2px; background-color: rgba(237, 111, 111, 1)"
-              type="default"
-              class="mt-5"
-              @click="removeAction"
-            >
-              <span style="color: white">删除</span></Button
-            >
-          </div>
-        </div>
-        <div style="height: 5vh"></div>
-      </div>
-    </div>
-  </BasicDrawer>
-</template>
-<script lang="ts">
-  import { defineComponent, ref, computed, unref, reactive, getCurrentInstance, watch } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { formSchema, getData } from './config';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  import {
-    screenLinkPageAddApi,
-    screenLinkPageUpdateApi,
-    screenLinkPageByDeptIdGetDevice,
-  } from '/@/api/ruleengine/ruleengineApi';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import AddTriggerForm from './addForm/trigger.vue';
-  import AddConditiForm from './addForm/condition.vue';
-  import AddActionForm from './addForm/doaction.vue';
-  import { IAddTrigger } from './index';
-  import { Button } from '/@/components/Button';
-
-  export default defineComponent({
-    name: 'ConfigDrawer',
-    components: {
-      BasicDrawer,
-      BasicForm,
-      AddTriggerForm,
-      AddConditiForm,
-      AddActionForm,
-      Button,
-    },
-    emits: ['success', 'register', 'registerForm'],
-    setup(_, { emit }) {
-      const { proxy } = getCurrentInstance();
-      const lastEditRefTriggerChildDataArray = ref<[]>([]);
-      const lastRefTriggerChildDataArray = ref<[]>([]);
-      const lastRefConditionChildDataArray = ref<[]>([]);
-      const lastRefActionChildDataArray = ref<[]>([]);
-      let refTriggerChildData: any = reactive({});
-      let refConditionChildData: any = reactive({});
-      let refActionChildData: any = reactive({});
-      const addTriggerData = reactive<IAddTrigger>({
-        triggerType: '',
-        entityId: '',
-        touchWay: '',
-        attributeChoose: '',
-        compare: '',
-        value: '',
-      });
-      const addTriggerPushData = ref<[]>([]);
-      const addConditionPushData = ref<[]>([]);
-      const addActionPushData = ref<[]>([]);
-      //edit data
-      const editTriggerPushData = ref<[]>([]);
-      const editConditionPushData = ref<[]>([]);
-      const editActionPushData = ref<[]>([]);
-      const getChildData = ref(null);
-      const refTriggerChild = ref(null);
-      const refConditionChild = ref(null);
-      const refActionChild = ref(null);
-      const getConditionChildData = ref(null);
-      const { createMessage } = useMessage();
-      const isUpdate = ref(true);
-      let getAllFormData: any = reactive({});
-      let getValuesFormData: any = reactive({});
-      const getId = ref('');
-      const getTenantId = ref('');
-      const getDeviceInfo = ref(null);
-      const getDeviceInfo1 = ref(null);
-      const getDeviceInfo2 = ref(null);
-      const newFilterMap = ref<[]>([]);
-      const newConditionFilterMap = ref<[]>([]);
-      const newActionFilterMap = ref<[]>([]);
-      let filterNewConditionArr = [];
-      const pushEditArray = ref<any>([{}]);
-      const pushEditConditionArray = ref<any>([{}]);
-      const pushEditActionArray = ref<any>([{}]);
-      let filterArrayTrigger = [];
-      const filterArrayCondition = ref<[]>([]);
-      const filterArrayAction = ref<[]>([]);
-      let filterNewTriggerArr = [];
-      let triggersObj = {
-        triggers: [],
-      };
-      let conditionsObj = {
-        doConditions: [],
-      };
-      let actionsObj = {
-        doActions: [],
-      };
-      let optionsItemArray = ref<[]>([]);
-      const isNoChange = ref(false);
-      let kongTriggerObj = {};
-      let kongConditionObj = {};
-      let kongActionObj = {};
-
-      const [registerForm, { resetFields, setFieldsValue, validateFields }] = 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)) {
-          try {
-            refTriggerChildData = {};
-            refConditionChildData = {};
-            refActionChildData = {};
-            getAllFormData = {};
-            triggersObj = {
-              triggers: [],
-            };
-            conditionsObj = {
-              doConditions: [],
-            };
-            actionsObj = {
-              doActions: [],
-            };
-            filterNewTriggerArr.length = 0;
-            filterNewConditionArr.length = 0;
-            lastRefTriggerChildDataArray.value.length = 0;
-            lastRefConditionChildDataArray.value.length = 0;
-            lastRefActionChildDataArray.value.length = 0;
-            editTriggerPushData.value.length = 0;
-            editConditionPushData.value.length = 0;
-            editActionPushData.value.length = 0;
-            addTriggerPushData.value.length = 0;
-            addConditionPushData.value.length = 0;
-            addActionPushData.value.length = 0;
-            handleClose();
-            optionsItemArray.value.length = 0;
-            try {
-              setTimeout(() => {
-                proxy.$refs.refTriggerChild.resetFieldsValueFunc();
-                proxy.$refs.refTriggerChild.clearSelectDevice();
-                proxy.$refs.refConditionChild.resetFieldsValueFunc();
-                proxy.$refs.refConditionChild.clearSelectDevice();
-                proxy.$refs.refActionChild.resetFieldsValueFunc();
-                proxy.$refs.refActionChild.clearSelectDevice();
-                clearActionsAllDevice();
-                resetActionsAllArrayFunc();
-              }, 10);
-            } catch (e) {
-              return e;
-            }
-          } catch (e) {
-            return e;
-          }
-        } else {
-          try {
-            emit('success');
-            kongTriggerObj = {};
-            kongConditionObj = {};
-            kongActionObj = {};
-            pushEditArray.value = [];
-            pushEditArray.value.length = 0;
-            pushEditConditionArray.value.length = 0;
-            pushEditConditionArray.value = [];
-            pushEditActionArray.value = [];
-            pushEditActionArray.value.length = 0;
-            newFilterMap.value = [];
-            newConditionFilterMap.value = [];
-            newActionFilterMap.value = [];
-            clearAllArrayFunc();
-            editTriggerPushData.value = [];
-            editTriggerPushData.value.length = 0;
-            editConditionPushData.value = [];
-            editConditionPushData.value.length = 0;
-            editActionPushData.value = [];
-            editActionPushData.value.length = 0;
-            lastEditRefTriggerChildDataArray.value = [];
-            getId.value = data.record.id;
-            getTenantId.value = data.record.tenantId;
-            await setFieldsValue({
-              ...data.record,
-            });
-            editTriggerPushData.value = data.record.triggers;
-            isNoChange.value = true;
-            editConditionPushData.value = data.record.doConditions;
-            editActionPushData.value = data.record.doActions;
-            const options = await screenLinkPageByDeptIdGetDevice({
-              organizationId: data.record.organizationId,
-            });
-            data.record.triggers.forEach((f1) => {
-              options.items?.forEach((f2) => {
-                if (f2.tbDeviceId == f1.entityId) {
-                  newFilterMap.value.push({
-                    value: f2.tbDeviceId,
-                    label: f2.name,
-                  });
-                }
-              });
-            });
-            data.record.doConditions.forEach((f1) => {
-              options.items?.forEach((f2) => {
-                if (f2.tbDeviceId == f1.entityId) {
-                  newConditionFilterMap.value.push({
-                    value: f2.tbDeviceId,
-                    label: f2.name,
-                  });
-                }
-              });
-            });
-            data.record.doActions.forEach((f1) => {
-              options.items?.forEach((f2) => {
-                if (f2.tbDeviceId == f1.deviceId) {
-                  newActionFilterMap.value.push({
-                    value: f2.tbDeviceId,
-                    label: f2.name,
-                  });
-                }
-              });
-            });
-          } catch (e) {
-            return e;
-          }
-        }
-      });
-      const getTitle = computed(() => (!unref(isUpdate) ? '新增场景联动' : '编辑场景联动'));
-      const handleClose = () => {
-        pushEditArray.value.length = 0;
-        pushEditConditionArray.value.length = 0;
-        pushEditActionArray.value.length = 0;
-        lastRefTriggerChildDataArray.value.length = 0;
-        lastRefTriggerChildDataArray.value = [];
-        lastRefConditionChildDataArray.value.length = 0;
-        lastRefActionChildDataArray.value.length = 0;
-        lastRefActionChildDataArray.value = [];
-        filterArrayTrigger.length = 0;
-        filterArrayCondition.value.length = 0;
-        filterArrayAction.value.length = 0;
-      };
-
-      const clearAllArrayFunc = () => {
-        unref(addTriggerPushData).length = 0;
-        unref(addConditionPushData).length = 0;
-        unref(addActionPushData).length = 0;
-        lastRefTriggerChildDataArray.value.length = 0;
-        lastRefConditionChildDataArray.value.length = 0;
-        lastRefActionChildDataArray.value.length = 0;
-        lastEditRefTriggerChildDataArray.value.length = 0;
-      };
-      const resetActionsAllArrayFunc = () => {
-        try {
-          proxy.$refs.refActionChild.resetFieldsValueFunc();
-        } catch (e) {
-          return e;
-        }
-      };
-      const clearActionsAllDevice = () => {
-        try {
-          proxy.$refs.refActionChild.clearSelectDevice();
-        } catch (e) {
-          return e;
-        }
-      };
-      watch(getData, async (newV) => {
-        const options = await screenLinkPageByDeptIdGetDevice({ organizationId: newV });
-        options.items.forEach((v) => {
-          return (v.value = v.tbDeviceId), (v.label = v.name);
-        });
-        optionsItemArray.value = options.items;
-        updateDeviceIdFunc(optionsItemArray.value);
-        try {
-          proxy.$refs.refActionChild.updateFieldDeviceId(optionsItemArray.value);
-        } catch (e) {
-          return e;
-        }
-      });
-
-      const updateDeviceIdFunc = (v) => {
-        try {
-          proxy.$refs.refTriggerChild.updateFieldDeviceId(v);
-          proxy.$refs.refConditionChild.updateFieldDeviceId(v);
-          proxy.$refs.refActionChild.updateFieldDeviceId(v);
-        } catch (e) {
-          return e;
-        }
-      };
-
-      //获取触发器方法
-      const refTriggerChildDataFunc = () => {
-        try {
-          refTriggerChildData = proxy.$refs.refTriggerChild.getFieldsValueFunc();
-        } catch (e) {
-          return e;
-        }
-      };
-      //获取执行条件方法
-      const refConditionChildDataFunc = () => {
-        try {
-          refConditionChildData = proxy.$refs.refConditionChild.getFieldsValueFunc();
-        } catch (e) {
-          return e;
-        }
-      };
-      //获取执行动作方法
-      const refActionChildDataFunc = () => {
-        try {
-          refActionChildData = proxy.$refs.refActionChild.getFieldsValueFunc();
-        } catch (e) {
-          return e;
-        }
-      };
-
-      const getDefaultValue = () => {
-        if (!unref(isUpdate)) {
-          refTriggerChildDataFunc();
-          refConditionChildDataFunc();
-          refActionChildDataFunc();
-          let newTriggerArray = addTriggerPushData.value.concat(refTriggerChildData);
-          let newConditionArray = addConditionPushData.value.concat(refConditionChildData);
-          let newActionArray = addActionPushData.value.concat(refActionChildData);
-          newTriggerArray = newTriggerArray.map((m) => {
-            return {
-              triggerType: m?.triggerType,
-              entityId: m?.entityId || m?.entityId1 || m?.entityId2,
-              triggerCondition: {
-                condition: [
-                  {
-                    key: {
-                      key: m.key1 == null ? 'CO2' : m.key1,
-                      type: m.type1 == null ? 'TIME_SERIES' : m.type1,
-                    },
-                    valueType: m.type2 == null ? 'NUMERIC' : m.type2,
-                    value: {},
-                    predicate: {
-                      type: m.type2 == null ? 'NUMERIC' : m.type2,
-                      value: {
-                        defaultValue: Number(m.value) == null ? 0 : Number(m.value),
-                      },
-                      operation: m.operation == null ? 'GREATER_OR_EQUAL' : m.operation,
-                    },
-                  },
-                ],
-                spec: {
-                  type: 'SIMPLE',
-                },
-              },
-            };
-          });
-          newConditionArray = newConditionArray.map((m) => {
-            return {
-              triggerType: m?.triggerType,
-              entityId: m?.entityId,
-              triggerCondition: {
-                condition: [
-                  {
-                    key: {
-                      type: 'TIME_SERIES',
-                      key: 'CO2',
-                    },
-                    valueType:
-                      m.type == 'NUMERIC1'
-                        ? 'NUMERIC'
-                        : m.type == 'NUMERIC2'
-                        ? 'NUMERIC'
-                        : 'NUMERIC',
-                    value: {},
-                    predicate: {
-                      type:
-                        m.type == 'NUMERIC1'
-                          ? 'NUMERIC'
-                          : m.type == 'NUMERIC2'
-                          ? 'NUMERIC'
-                          : 'NUMERIC',
-                      value: {
-                        defaultValue:
-                          Number(m.value1) == null
-                            ? 0
-                            : Number(m.value1) || Number(m.value2) == null
-                            ? 0
-                            : Number(m.value2),
-                      },
-                      operation: m.operation1 || m.operatio2,
-                    },
-                  },
-                ],
-                spec: {
-                  type: 'SIMPLE',
-                },
-              },
-            };
-          });
-          newTriggerArray.shift();
-          newConditionArray.shift();
-          newActionArray.shift();
-          delete getAllFormData.id;
-          delete getAllFormData.getTenantId;
-          triggersObj = {
-            triggers: newTriggerArray,
-          };
-          conditionsObj = {
-            doConditions: newConditionArray,
-          };
-          actionsObj = {
-            doActions: newActionArray,
-          };
-          Object.assign(getAllFormData, triggersObj, conditionsObj, actionsObj);
-        } else {
-          editTriggerPushData.value.forEach((f) => {
-            kongTriggerObj = f;
-            pushEditArray.value.push(kongTriggerObj);
-          });
-          editConditionPushData.value.forEach((f) => {
-            kongConditionObj = f;
-            pushEditConditionArray.value.push(kongConditionObj);
-          });
-          editActionPushData.value.forEach((f) => {
-            kongActionObj = f;
-            pushEditActionArray.value.push(kongActionObj);
-          });
-          refTriggerChildDataFunc();
-          let newTriggerArray = pushEditArray.value.concat(refTriggerChildData);
-          newTriggerArray = newTriggerArray.filter((f) => Object.keys(f).length !== 0);
-          newTriggerArray.shift();
-          triggersObj = {
-            triggers: isNoChange.value ? editTriggerPushData.value : newTriggerArray,
-          };
-          refConditionChildDataFunc();
-          let newConditionArray = pushEditConditionArray.value.concat(refConditionChildData);
-          newConditionArray = newConditionArray.filter((f) => Object.keys(f).length !== 0);
-          newConditionArray.shift();
-          conditionsObj = {
-            doConditions: newConditionArray,
-          };
-          refActionChildDataFunc();
-          let newActionArray = pushEditActionArray.value.concat(refActionChildData);
-          newActionArray = newActionArray.filter((f) => Object.keys(f).length !== 0);
-          newActionArray.shift();
-          actionsObj = {
-            doActions: newActionArray,
-          };
-          Object.assign(getAllFormData, triggersObj, conditionsObj, actionsObj);
-        }
-      };
-
-      const handleSubmit = async () => {
-        if (!unref(isUpdate)) {
-          getDefaultValue();
-          getValuesFormData = await validateFields();
-          if (!getValuesFormData) return;
-          let isKongNum = 0;
-          getAllFormData.doActions.forEach((f) => {
-            isKongNum = Object.keys(f).length;
-          });
-
-          if (getAllFormData.doActions.length == 1 && isKongNum == 0)
-            return createMessage.error('请填写执行动作');
-          Object.assign(getAllFormData, getValuesFormData);
-          await screenLinkPageAddApi(getAllFormData);
-          createMessage.success('场景联动新增成功');
-          closeDrawer();
-          emit('success');
-        } else {
-          getDefaultValue();
-          getValuesFormData = await validateFields();
-          Object.assign(getAllFormData, getValuesFormData);
-          getAllFormData.id = getId.value;
-          getAllFormData.tenantId = getTenantId.value;
-          refTriggerChildData = {};
-          pushEditArray.value.length = 0;
-          pushEditConditionArray.value.length = 0;
-          pushEditActionArray.value.length = 0;
-          await screenLinkPageUpdateApi(getAllFormData);
-          createMessage.success('场景联动编辑成功');
-          closeDrawer();
-          emit('success');
-        }
-      };
-      //新增触发器
-      const addTrigger = () => {
-        if (!unref(isUpdate)) {
-          refTriggerChildDataFunc();
-          unref(addTriggerPushData).push(refTriggerChildData as never);
-          addTriggerPushData.value = addTriggerPushData.value.map((m) => {
-            return {
-              triggerType: m?.triggerType,
-              entityId: m?.entityId || m?.entityId1 || m?.entityId2,
-              triggerCondition: {
-                condition: [
-                  {
-                    key: {
-                      key: m.key1 == null ? 'CO2' : m.key1,
-                      type: m.type1 == null ? 'TIME_SERIES' : m.type1,
-                    },
-                    valueType: m.type2 == null ? 'NUMERIC' : m.type2,
-                    value: {},
-                    predicate: {
-                      type: m.type2 == null ? 'NUMERIC' : m.type2,
-                      value: {
-                        defaultValue: Number(m.value) == null ? 0 : Number(m.value),
-                      },
-                      operation: m.operation == null ? 'GREATER_OR_EQUAL' : m.operation,
-                    },
-                  },
-                ],
-                spec: {
-                  type: 'SIMPLE',
-                },
-              },
-            };
-          });
-          try {
-            setTimeout(() => {
-              proxy.$refs.refTriggerChild.updateFieldDeviceId(optionsItemArray.value);
-            }, 50);
-          } catch (e) {
-            return e;
-          }
-        } else {
-          isNoChange.value = false;
-          unref(editTriggerPushData).push(refTriggerChildData as never);
-          refTriggerChildDataFunc();
-          pushEditArray.value.push(refTriggerChildData);
-          pushEditArray.value = pushEditArray.value.map((m) => {
-            return {
-              triggerType: m?.triggerType,
-              entityId: m?.entityId || m?.entityId1 || m?.entityId2,
-              triggerCondition: {
-                condition: [
-                  {
-                    key: {
-                      key: m.key1 == null ? 'CO2' : m.key1,
-                      type: m.type1 == null ? 'TIME_SERIES' : m.type1,
-                    },
-                    valueType: m.type2 == null ? 'NUMERIC' : m.type2,
-                    value: {},
-                    predicate: {
-                      type: m.type2 == null ? 'NUMERIC' : m.type2,
-                      value: {
-                        defaultValue: Number(m.value) == null ? 0 : Number(m.value),
-                      },
-                      operation: m.operation == null ? 'GREATER_OR_EQUAL' : m.operation,
-                    },
-                  },
-                ],
-                spec: {
-                  type: 'SIMPLE',
-                },
-              },
-            };
-          });
-          try {
-            setTimeout(() => {
-              proxy.$refs.refTriggerChild.updateFieldDeviceId(optionsItemArray.value);
-            }, 50);
-          } catch (e) {
-            return e;
-          }
-          refTriggerChildData = {};
-        }
-      };
-      const removeTrigger = () => {
-        if (!unref(isUpdate)) {
-          try {
-            unref(addTriggerPushData).pop();
-          } catch (e) {
-            return e;
-          }
-        } else {
-          try {
-            unref(editTriggerPushData).pop();
-          } catch (e) {
-            return e;
-          }
-        }
-      };
-
-      //新增执行条件
-      const addCondition = () => {
-        if (!unref(isUpdate)) {
-          refConditionChildDataFunc();
-          unref(addConditionPushData).push(refConditionChildData as never);
-          addConditionPushData.value = addConditionPushData.value.map((m) => {
-            return {
-              triggerType: m?.triggerType,
-              entityId: m?.entityId,
-              triggerCondition: {
-                condition: [
-                  {
-                    key: {
-                      type: 'TIME_SERIES',
-                      key: 'CO2',
-                    },
-                    valueType:
-                      m.type == 'NUMERIC1'
-                        ? 'NUMERIC'
-                        : m.type == 'NUMERIC2'
-                        ? 'NUMERIC'
-                        : 'NUMERIC',
-                    value: {},
-                    predicate: {
-                      type:
-                        m.type == 'NUMERIC1'
-                          ? 'NUMERIC'
-                          : m.type == 'NUMERIC2'
-                          ? 'NUMERIC'
-                          : 'NUMERIC',
-                      value: {
-                        defaultValue:
-                          Number(m.value1) == null
-                            ? 0
-                            : Number(m.value1) || Number(m.value2) == null
-                            ? 0
-                            : Number(m.value2),
-                      },
-                      operation: m.operation1 || m.operatio2,
-                    },
-                  },
-                ],
-                spec: {
-                  type: 'SIMPLE',
-                },
-              },
-            };
-          });
-          try {
-            setTimeout(() => {
-              proxy.$refs.refConditionChild.updateFieldDeviceId(optionsItemArray.value);
-            }, 50);
-          } catch (e) {
-            return e;
-          }
-        } else {
-          isNoChange.value = false;
-          unref(editConditionPushData).push(refConditionChildData as never);
-          refConditionChildDataFunc();
-          pushEditConditionArray.value.push(refConditionChildData);
-          pushEditConditionArray.value = pushEditConditionArray.value.map((m) => {
-            return {
-              triggerType: m?.triggerType,
-              entityId: m?.entityId,
-              triggerCondition: {
-                condition: [
-                  {
-                    key: {
-                      type: 'TIME_SERIES',
-                      key: 'CO2',
-                    },
-                    valueType:
-                      m.type == 'NUMERIC1'
-                        ? 'NUMERIC'
-                        : m.type == 'NUMERIC2'
-                        ? 'NUMERIC'
-                        : 'NUMERIC',
-                    value: {},
-                    predicate: {
-                      type:
-                        m.type == 'NUMERIC1'
-                          ? 'NUMERIC'
-                          : m.type == 'NUMERIC2'
-                          ? 'NUMERIC'
-                          : 'NUMERIC',
-                      value: {
-                        defaultValue:
-                          Number(m.value1) == null
-                            ? 0
-                            : Number(m.value1) || Number(m.value2) == null
-                            ? 0
-                            : Number(m.value2),
-                      },
-                      operation: m.operation1 || m.operatio2,
-                    },
-                  },
-                ],
-                spec: {
-                  type: 'SIMPLE',
-                },
-              },
-            };
-          });
-          try {
-            setTimeout(() => {
-              proxy.$refs.refConditionChild.updateFieldDeviceId(optionsItemArray.value);
-            }, 50);
-          } catch (e) {
-            return e;
-          }
-          refConditionChildData = {};
-        }
-      };
-      const removeCondition = () => {
-        if (!unref(isUpdate)) {
-          try {
-            unref(addConditionPushData).pop();
-          } catch (e) {
-            return e;
-          }
-        } else {
-          try {
-            unref(editConditionPushData).pop();
-          } catch (e) {
-            return e;
-          }
-        }
-      };
-
-      //默认新增执行动作
-      const defaultAddAction = () => {
-        if (unref(addActionPushData).length == 0) {
-          addAction();
-        }
-      };
-      //新增执行动作
-      const addAction = () => {
-        if (!unref(isUpdate)) {
-          refActionChildDataFunc();
-          unref(addActionPushData).push(refActionChildData as never);
-          try {
-            setTimeout(() => {
-              proxy.$refs.refActionChild.updateFieldDeviceId(optionsItemArray.value);
-            }, 50);
-          } catch (e) {
-            return e;
-          }
-        } else {
-          isNoChange.value = false;
-          unref(editActionPushData).push(refActionChildData as never);
-          refActionChildDataFunc();
-          pushEditActionArray.value.push(refActionChildData);
-          try {
-            setTimeout(() => {
-              proxy.$refs.refActionChild.updateFieldDeviceId(optionsItemArray.value);
-            }, 50);
-          } catch (e) {
-            return e;
-          }
-          refActionChildData = {};
-        }
-      };
-      const removeAction = () => {
-        if (!unref(isUpdate)) {
-          try {
-            unref(addActionPushData).pop();
-          } catch (e) {
-            return e;
-          }
-        } else {
-          try {
-            unref(editActionPushData).pop();
-          } catch (e) {
-            return e;
-          }
-        }
-      };
-
-      return {
-        updateDeviceIdFunc,
-        handleClose,
-        newFilterMap,
-        newConditionFilterMap,
-        newActionFilterMap,
-        editTriggerPushData,
-        editConditionPushData,
-        editActionPushData,
-        isUpdate,
-        clearActionsAllDevice,
-        getDeviceInfo,
-        getDeviceInfo1,
-        getDeviceInfo2,
-        resetActionsAllArrayFunc,
-        addActionPushData,
-        defaultAddAction,
-        refActionChild,
-        addAction,
-        removeAction,
-        addConditionPushData,
-        refConditionChild,
-        addCondition,
-        removeCondition,
-        clearAllArrayFunc,
-        removeTrigger,
-        addTriggerPushData,
-        addTriggerData,
-        addTrigger,
-        getConditionChildData,
-        refTriggerChild,
-        getChildData,
-        getAllFormData,
-        registerDrawer,
-        registerForm,
-        getTitle,
-        handleSubmit,
-      };
-    },
-  });
-</script>
-
-<style lang="less" scoped>
-  .condition-style {
-    :deep .ant-calendar-picker {
-      width: 24.9vw !important;
-    }
-  }
-</style>

-<template>
-  <div>
-    <BasicModal
-      v-bind="$attrs"
-      @register="registerModal"
-      :showFooter="false"
-      :title="dataSource?.sysNotice?.title"
-      width="50%"
-      centered
-      :showCancelBtn="false"
-      :showOkBtn="false"
-      @cancel="handleClose"
-    >
-      <PageWrapper dense contentFullHeight contentBackground>
-        <div class="detail-notice-info">
-          <span class="mr-6"
-            ><UserOutlined class="mr-2" />发送者:{{ dataSource?.user?.realName }}</span
-          >
-          <span class="mr-6"
-            ><SolutionOutlined class="mr-2" />通知类型:{{
-              dataSource?.sysNotice?.type === 'NOTICE'
-                ? '公告'
-                : dataSource?.sysNotice?.type === 'MEETING'
-                ? '会议'
-                : dataSource?.sysNotice?.type === 'OTHER'
-                ? '其他'
-                : ''
-            }}</span
-          >
-          <span class="mr-6"
-            ><FieldTimeOutlined class="mr-2" />发送时间{{ dataSource?.sysNotice.senderDate }}</span
-          >
-        </div>
-        <!--eslint-disable-next-line vue/no-v-html-->
-        <p v-html="dataSource?.sysNotice?.content"></p>
-      </PageWrapper>
-    </BasicModal>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref, unref } from 'vue';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { UserOutlined, SolutionOutlined, FieldTimeOutlined } from '@ant-design/icons-vue';
-  import { PageWrapper } from '/@/components/Page';
-  import { notifyMyGetDetailApi } from '/@/api/stationnotification/stationnotifyApi';
-  export default defineComponent({
-    name: 'MyNoticeDrawer',
-    components: { BasicModal, PageWrapper, UserOutlined, SolutionOutlined, FieldTimeOutlined },
-    emits: ['success', 'register'],
-    setup(_, { emit }) {
-      const dataSource = ref();
-      const [registerModal] = useModalInner(async (data) => {
-        dataSource.value = data.record;
-      });
-      const handleClose = async () => {
-        // 如果已读,就不刷新表格了
-        if (unref(dataSource).readStatus === '1') return;
-        await notifyMyGetDetailApi(unref(dataSource).id);
-        emit('success');
-      };
-      return {
-        registerModal,
-        handleClose,
-        dataSource,
-      };
-    },
-  });
-</script>
-
-<style lang="less" scoped>
-  .detail-notice-info {
-    color: #999;
-    border-top: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-    padding-top: 5px;
-    padding-bottom: 5px;
-  }
-</style>

-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { Tag } from 'ant-design-vue';
-import { DescItem } from '/@/components/Description/index';
-
-import { h } from 'vue';
-
-export const columns: BasicColumn[] = [
-  {
-    title: '标题',
-    dataIndex: 'sysNotice.title',
-    width: 200,
-  },
-  {
-    title: '类型',
-    dataIndex: 'type',
-    width: 200,
-    format: (text: string, record: Recordable) => {
-      return record.sysNotice.type === 'NOTICE'
-        ? '公告'
-        : record.sysNotice.type === 'MEETING'
-        ? '会议'
-        : record.sysNotice.type === 'OTHER'
-        ? '其他'
-        : '无';
-    },
-  },
-  {
-    title: '发送者',
-    dataIndex: 'sysNotice.senderName',
-    width: 200,
-  },
-  {
-    title: '发送时间',
-    dataIndex: 'sysNotice.senderDate',
-    width: 200,
-  },
-  {
-    title: '阅读状态',
-    dataIndex: 'readStatus',
-    width: 200,
-    customRender: ({ record }) => {
-      const status = record.readStatus;
-      const enable = status == 0 ? '未读' : status == 1 ? '已读' : '其他';
-      const color = enable == '未读' ? 'yellow' : enable == '已读' ? 'green' : 'red';
-      const text = enable == '未读' ? '未读' : enable == '已读' ? '已读' : '其他';
-      return h(Tag, { color }, () => text);
-    },
-  },
-];
-
-export const searchFormSchema: FormSchema[] = [
-  {
-    field: 'type',
-    label: '通知类型',
-    colProps: { span: 6 },
-    component: 'Select',
-    componentProps: {
-      placeholder: '请选择类型',
-      options: [
-        {
-          label: '公告',
-          value: 'NOTICE',
-        },
-        {
-          label: '会议',
-          value: 'MEETING',
-        },
-        {
-          label: '其他',
-          value: 'OTHER',
-        },
-      ],
-    },
-  },
-];
-
-export const DescDetailSchema: DescItem[] = [
-  {
-    field: 'sysNotice.senderName',
-    label: '发送者',
-  },
-  {
-    field: 'sysNotice.senderDate',
-    label: '发送时间',
-  },
-  {
-    field: 'sysNotice.type',
-    label: '类型',
-    render: (text) => {
-      return text === 'NOTICE'
-        ? '公告'
-        : text === 'MEETING'
-        ? '会议'
-        : text === 'OTHER'
-        ? '其他'
-        : '';
-    },
-  },
-];

-<template>
-  <div>
-    <BasicTable @register="registerTable">
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: '查看',
-              tooltip: '查看',
-              icon: 'ant-design:eye-outlined',
-              onClick: handleView.bind(null, record),
-            },
-          ]"
-        />
-      </template>
-    </BasicTable>
-    <CatNoticeModal @register="registerModal" @success="handleSuccess" />
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { useModal } from '/@/components/Modal';
-  import CatNoticeModal from './CatNoticeModal.vue';
-  import { columns, searchFormSchema } from './config.d';
-  import { notifyMyGetrPageApi } from '/@/api/stationnotification/stationnotifyApi';
-  export default defineComponent({
-    name: 'LoginForm',
-    components: { BasicTable, CatNoticeModal, TableAction },
-    setup() {
-      const [registerModal, { openModal }] = useModal();
-      const [registerTable, { reload }] = useTable({
-        api: notifyMyGetrPageApi,
-        columns,
-        formConfig: {
-          labelWidth: 120,
-          schemas: searchFormSchema,
-        },
-        useSearchForm: true,
-        showTableSetting: true,
-        bordered: true,
-        showIndexColumn: false,
-        actionColumn: {
-          width: 200,
-          title: '操作',
-          dataIndex: 'action',
-          slots: { customRender: 'action' },
-          fixed: 'right',
-        },
-      });
-
-      function handleView(record: Recordable) {
-        openModal(true, {
-          record,
-        });
-      }
-
-      function handleSuccess() {
-        reload();
-      }
-      return {
-        registerTable,
-        registerModal,
-        handleView,
-        handleSuccess,
-      };
-    },
-  });
-</script>

-import { h } from 'vue';
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { Tinymce } from '/@/components/Tinymce/index';
-import { getOrganizationList } from '/@/api/system/system';
-import { copyTransFun } from '/@/utils/fnUtils';
-import { Tag } from 'ant-design-vue';
-
-export enum IsOrgEnum {
-  IS_ORG_ENUM = '1',
-}
-export const isOrg = (type: string) => {
-  return type === IsOrgEnum.IS_ORG_ENUM;
-};
-
-export const columns: BasicColumn[] = [
-  {
-    title: '类型',
-    dataIndex: 'type',
-    width: 200,
-    format: (_text: string, record: Recordable) => {
-      return record.type === 'NOTICE'
-        ? '公告'
-        : record.type === 'MEETING'
-        ? '会议'
-        : record.type === 'OTHER'
-        ? '其他'
-        : '';
-    },
-  },
-  {
-    title: '标题',
-    dataIndex: 'title',
-    width: 200,
-  },
-  {
-    title: '内容',
-    dataIndex: 'content',
-    width: 120,
-    format: (text: string, record: Recordable) => {
-      return !record.content ? '' : record.content.slice(3, record.content.length - 4);
-    },
-  },
-  {
-    title: '发送者',
-    dataIndex: 'senderName',
-    width: 200,
-    format: (text: string, record: Recordable) => {
-      return record.senderName ? record.senderName : '无';
-    },
-  },
-  {
-    title: '状态',
-    dataIndex: 'status',
-    width: 200,
-    customRender: ({ record }) => {
-      const status = record.status;
-      const enable = status === '已发布' ? '已发布' : status === '草稿' ? '草稿' : '其他';
-      const color = enable === '已发布' ? 'green' : enable === '草稿' ? 'yellow' : 'red';
-      const text = enable === '已发布' ? '已发布' : enable === '草稿' ? '草稿' : '其他';
-      return h(Tag, { color: color }, () => text);
-    },
-  },
-];
-
-export const formSchema: FormSchema[] = [
-  {
-    field: 'type',
-    label: '类型',
-    colProps: { span: 24 },
-    required: true,
-    component: 'RadioGroup',
-    componentProps: {
-      options: [
-        {
-          label: '公告',
-          value: 'NOTICE',
-        },
-        {
-          label: '会议',
-          value: 'MEETING',
-        },
-        {
-          label: '其他',
-          value: 'OTHER',
-        },
-      ],
-    },
-  },
-  {
-    field: 'title',
-    label: '标题',
-    required: true,
-    colProps: { span: 24 },
-    component: 'Input',
-    componentProps: {
-      placeholder: '请输入标题',
-      maxLength: 200,
-    },
-  },
-  {
-    field: 'content',
-    component: 'Input',
-    colProps: { span: 24 },
-    label: '通知内容',
-    required: true,
-    render: ({ model, field }) => {
-      return h(Tinymce, {
-        value: model[field],
-        onChange: (value: string) => {
-          model[field] = value;
-        },
-      });
-    },
-  },
-  {
-    field: 'receiverType',
-    required: true,
-    label: '接收者',
-    colProps: { span: 13 },
-    component: 'Select',
-    componentProps: {
-      placeholder: '接收者',
-      options: [
-        { label: '全部', value: '0' },
-        { label: '组织', value: '1' },
-      ],
-    },
-  },
-  {
-    field: 'organizationId',
-    label: '所属组织',
-    colProps: { span: 13 },
-    component: 'ApiTreeSelect',
-    required: true,
-    componentProps: {
-      multiple: true,
-      api: async () => {
-        const data = await getOrganizationList();
-        copyTransFun(data as any as any[]);
-        return data;
-      },
-    },
-    ifShow: ({ values }) => isOrg(Reflect.get(values, 'receiverType')),
-  },
-];
-
-export const searchFormSchema: FormSchema[] = [
-  {
-    field: 'type',
-    label: '通知类型',
-    colProps: { span: 6 },
-    component: 'Select',
-    componentProps: {
-      placeholder: '请选择类型',
-      options: [
-        {
-          label: '公告',
-          value: 'NOTICE',
-        },
-        {
-          label: '会议',
-          value: 'MEETING',
-        },
-        {
-          label: '其他',
-          value: 'OTHER',
-        },
-      ],
-    },
-  },
-];
-export const detailColumns: BasicColumn[] = [
-  {
-    title: '接收者',
-    dataIndex: 'user.realName',
-    width: 200,
-  },
-  {
-    title: '阅读状态',
-    dataIndex: 'readStatus',
-    width: 200,
-    slots: { customRender: 'readStatus' },
-  },
-  {
-    title: '阅读时间',
-    dataIndex: 'readDate',
-    width: 200,
-  },
-];

-<template>
-  <div>
-    <BasicTable @register="registerTable">
-      <template #toolbar>
-        <a-button type="primary" @click="handleAdd">新增通知</a-button>
-        <a-button color="error" @click="handleDeleteOrBatchDelete(null)" :disabled="hasBatchDelete">
-          批量删除
-        </a-button>
-      </template>
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: '查看',
-              icon: 'ant-design:eye-outlined',
-              onClick: handleView.bind(null, record),
-              ifShow: (_action) => {
-                return record.status === '已发布';
-              },
-            },
-            {
-              label: '编辑',
-              icon: 'clarity:note-edit-line',
-              onClick: handleEdit.bind(null, record),
-              ifShow: (_action) => {
-                return record.status === '草稿';
-              },
-            },
-            {
-              label: '删除',
-              icon: 'ant-design:delete-outlined',
-              color: 'error',
-              popConfirm: {
-                title: '是否确认删除',
-                confirm: handleDeleteOrBatchDelete.bind(null, record),
-              },
-            },
-          ]"
-        />
-      </template>
-    </BasicTable>
-    <NotifyManagerDrawer
-      @register="registerAdd"
-      @success="handleSuccess"
-      ref="NotifyManagerDrawerRef"
-    />
-    <tableViewChild @register="registerDrawer" />
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { useDrawer } from '/@/components/Drawer';
-  import NotifyManagerDrawer from './useDrawer.vue';
-  import tableViewChild from './viewDetailDrawer.vue';
-  import { columns, searchFormSchema } from './config.d';
-  import { notifyGetTableApi, notifyDeleteApi } from '/@/api/stationnotification/stationnotifyApi';
-  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-  export default defineComponent({
-    name: 'Notificationmannager',
-    components: { BasicTable, NotifyManagerDrawer, TableAction, tableViewChild },
-    setup() {
-      const [registerDrawer, { openDrawer }] = useDrawer();
-      const [registerAdd, { openDrawer: openDrawerAdd }] = useDrawer();
-
-      // 批量删除
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-        notifyDeleteApi,
-        handleSuccess
-      );
-      const NotifyManagerDrawerRef = ref();
-      const [registerTable, { reload }] = useTable({
-        api: notifyGetTableApi,
-        columns,
-        formConfig: {
-          labelWidth: 120,
-          schemas: searchFormSchema,
-        },
-        useSearchForm: true,
-        showTableSetting: true,
-        bordered: true,
-        showIndexColumn: false,
-        actionColumn: {
-          width: 200,
-          title: '操作',
-          dataIndex: 'action',
-          slots: { customRender: 'action' },
-          fixed: 'right',
-        },
-        ...selectionOptions,
-      });
-
-      function handleAdd() {
-        openDrawerAdd(true, {
-          isUpdate: false,
-        });
-        NotifyManagerDrawerRef.value.setFieldsValue({ content: '' });
-      }
-
-      const handleView = (record: Recordable) => {
-        openDrawer(true, {
-          record,
-        });
-      };
-      function handleEdit(record: Recordable) {
-        openDrawerAdd(true, {
-          record,
-          isUpdate: true,
-        });
-      }
-      function handleSuccess() {
-        reload();
-      }
-      return {
-        hasBatchDelete,
-        handleView,
-        registerAdd,
-        registerTable,
-        registerDrawer,
-        handleAdd,
-        handleEdit,
-        handleSuccess,
-        handleDeleteOrBatchDelete,
-        NotifyManagerDrawerRef,
-      };
-    },
-  });
-</script>

-<template>
-  <div>
-    <BasicDrawer
-      v-bind="$attrs"
-      @register="registerDrawer"
-      :title="getTitle"
-      width="800px"
-      showFooter
-    >
-      <BasicForm @register="registerForm" />
-      <template #footer>
-        <a-button @click="handleCancel">取消</a-button>
-        <a-button @click="handleSaveDraft">保存草稿</a-button>
-        <a-button type="primary" @click="handleSend">发布通知</a-button>
-      </template>
-    </BasicDrawer>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, computed, unref, ref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { formSchema } from './config.d';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  import {
-    notifyAddDraftApi,
-    notifyAddLeaseApi,
-  } from '/@/api/stationnotification/stationnotifyApi';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  export default defineComponent({
-    name: 'ConfigDrawer',
-    components: { BasicDrawer, BasicForm },
-    emits: ['success', 'register'],
-    setup(_, { emit }) {
-      const { createMessage } = useMessage();
-      const isUpdate = ref<Boolean>();
-      const getTitle = computed(() => (!unref(isUpdate) ? '新增通知' : '编辑通知'));
-      const noticeId = ref('');
-      const [registerForm, { setFieldsValue, resetFields, validate, getFieldsValue }] = useForm({
-        labelWidth: 120,
-        schemas: formSchema,
-        showActionButtonGroup: false,
-      });
-      const [registerDrawer, { closeDrawer }] = useDrawerInner(async (data) => {
-        await resetFields();
-        isUpdate.value = data.isUpdate;
-        //编辑
-        if (data.isUpdate) {
-          noticeId.value = data.record.id;
-          Reflect.set(data.record, 'receiverType', data.record.receiverType === '全部' ? '0' : '1');
-          if (data.record.receiverType === '1') {
-            if (!data.record.pointId.length) return;
-            const organizationId = data.record.pointId.split(',');
-            Reflect.set(data.record, 'organizationId', organizationId);
-          }
-          setFieldsValue(data.record);
-        }
-      });
-      // 发布通知
-      const handleSend = async () => {
-        await validate();
-        const field = getFieldsValue();
-        const pointId = field.receiverType === '1' ? field.organizationId + '' : null;
-        // 新增情况
-        if (!unref(isUpdate)) {
-          const addNotice = {
-            ...field,
-            pointId,
-          };
-          await notifyAddLeaseApi(addNotice);
-        } else {
-          const editNotice = {
-            ...field,
-            pointId,
-            id: unref(noticeId),
-          };
-          await notifyAddLeaseApi(editNotice);
-        }
-        emit('success');
-        closeDrawer();
-        createMessage.success('发布成功');
-      };
-      // 保存草稿
-      const handleSaveDraft = async () => {
-        await validate();
-        const field = getFieldsValue();
-        const pointId = field.receiverType === '1' ? field.organizationId + '' : null;
-        if (!unref(isUpdate)) {
-          const saveDraft = {
-            ...field,
-            pointId,
-          };
-          await notifyAddDraftApi(saveDraft);
-        } else {
-          const editDraft = {
-            ...field,
-            pointId,
-            id: unref(noticeId),
-          };
-          await notifyAddDraftApi(editDraft);
-        }
-        emit('success');
-        closeDrawer();
-        createMessage.success('保存草稿成功');
-      };
-      const handleCancel = () => {
-        // resetFields();
-        closeDrawer();
-      };
-      return {
-        getTitle,
-        handleSend,
-        handleCancel,
-        handleSaveDraft,
-        registerForm,
-        registerDrawer,
-        setFieldsValue,
-      };
-    },
-  });
-</script>

-<template>
-  <div>
-    <BasicDrawer
-      v-bind="$attrs"
-      @register="registerDrawer"
-      :showFooter="false"
-      :title="descInfo?.title"
-      destroyOnClose
-      width="70%"
-    >
-      <div v-html="descInfo?.content"></div>
-      <Description @register="registerDesc" class="mt-4" />
-      <BasicTable @register="registerTable" class="mt-4">
-        <template #readStatus="{ record }">
-          <Tag :color="record.readStatus === '0' ? 'orange' : 'green'">
-            {{ record.readStatus === '0' ? '未读' : '已读' }}
-          </Tag>
-        </template>
-      </BasicTable>
-    </BasicDrawer>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref } from 'vue';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  import { Description, DescItem, useDescription } from '/@/components/Description/index';
-  import {
-    getNotifyDetailPage,
-    noticeByIdGetInfo,
-  } from '/@/api/stationnotification/stationnotifyApi';
-  import { useTable, BasicTable } from '/@/components/Table';
-  import { detailColumns } from './config.d';
-  import { Tag } from 'ant-design-vue';
-  const schema: DescItem[] = [
-    {
-      field: 'senderName',
-      label: '发送者',
-    },
-    {
-      field: 'type',
-      label: '类型',
-      render: (_, { type }) => {
-        return type === 'NOTICE'
-          ? '公告'
-          : type === 'MEETING'
-          ? '会议'
-          : type === 'OTHER'
-          ? '其他'
-          : '';
-      },
-    },
-    {
-      field: 'senderDate',
-      label: '发送时间',
-    },
-  ];
-  export default defineComponent({
-    name: 'ConfigDrawer',
-    components: { BasicDrawer, Description, BasicTable, Tag },
-    emits: ['success', 'register'],
-    setup() {
-      let descInfo = ref();
-      let noticeId;
-      const [registerDrawer] = useDrawerInner(async (data) => {
-        let getDescInfo = await noticeByIdGetInfo(data.record.id);
-        noticeId = data.record.id;
-        descInfo.value = getDescInfo;
-        reload();
-      });
-      const [registerTable, { reload }] = useTable({
-        api: getNotifyDetailPage,
-        columns: detailColumns,
-        bordered: true,
-        showTableSetting: true,
-        showIndexColumn: false,
-        immediate: false,
-        beforeFetch: getNoticeId,
-      });
-      function getNoticeId(data) {
-        Reflect.set(data, 'noticeId', noticeId);
-      }
-
-      const [registerDesc] = useDescription({
-        bordered: true,
-        data: descInfo,
-        schema,
-      });
-      return {
-        descInfo,
-        registerDesc,
-        registerTable,
-        registerDrawer,
-      };
-    },
-  });
-</script>

-<template>
-  <div>
-    <PageWrapper
-      title="第一次使用请修改当前用户密码，待修改完成后退出登录，才能使用本系统!"
-      content="修改成功后会自动退出当前登录！"
-      class="p-4"
-    >
-      <div class="py-8 bg-white flex flex-col justify-center items-center">
-        <BasicForm @register="register" />
-        <div class="flex justify-center">
-          <a-button @click="resetFields"> 重置 </a-button>
-          <a-button class="!ml-4" type="primary" @click="handleSubmit"> 确认 </a-button>
-        </div>
-      </div>
-    </PageWrapper>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent } from 'vue';
-  import { PageWrapper } from '/@/components/Page';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { USER_INFO_KEY } from '/@/enums/cacheEnum';
-  import { getAuthCache } from '/@/utils/auth';
-  import { formSchema } from './pwd.data';
-  import { resetPassword } from '/@/api/system/system';
-  import { useMultipleTabStore } from '/@/store/modules/multipleTab';
-  import { useUserStore } from '/@/store/modules/user';
-  import { useAppStore } from '/@/store/modules/app';
-  import { usePermissionStore } from '/@/store/modules/permission';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  export default defineComponent({
-    name: 'ChangePassword',
-    components: { BasicForm, PageWrapper },
-    setup() {
-      const [register, { validate, resetFields }] = useForm({
-        size: 'large',
-        labelWidth: 100,
-        showActionButtonGroup: false,
-        schemas: formSchema,
-      });
-      const tabStore = useMultipleTabStore();
-      const userStore = useUserStore();
-      const appStore = useAppStore();
-      const permissionStore = usePermissionStore();
-      const { createMessage } = useMessage();
-      const userInfo = getAuthCache(USER_INFO_KEY);
-      // console.log(userInfo, 'userInfo');
-      async function handleSubmit() {
-        try {
-          const values = await validate();
-          const { passwordOld, passwordNew } = values;
-          const params = {
-            userId: userInfo.userId,
-            password: passwordOld,
-            resetPassword: passwordNew,
-          };
-
-          await resetPassword(params).then((result) => {
-            if (result.data) {
-              createMessage.success('修改成功');
-              // /dashboard/analysis
-              setTimeout(function () {
-                localStorage.clear();
-                appStore.resetAllState();
-                permissionStore.resetState();
-                tabStore.resetState();
-                userStore.resetState();
-                location.reload();
-              }, 500);
-            }
-          });
-        } catch (error) {}
-      }
-      return { register, resetFields, handleSubmit };
-    },
-  });
-</script>

-import { FormSchema } from '/@/components/Form';
-import { InputRegExp } from '/@/enums/regexpEnum';
-export const formSchema: FormSchema[] = [
-  {
-    field: 'passwordOld',
-    label: '当前密码',
-    component: 'InputPassword',
-    required: true,
-  },
-  {
-    field: 'passwordNew',
-    label: '新密码',
-    component: 'StrengthMeter',
-    componentProps: {
-      placeholder: '新密码',
-    },
-    rules: [
-      {
-        required: true,
-        message: '请输入新密码',
-      },
-    ],
-  },
-  {
-    field: 'confirmPassword',
-    label: '确认密码',
-    component: 'InputPassword',
-
-    dynamicRules: ({ values }) => {
-      return [
-        {
-          required: true,
-          validator: (_, value) => {
-            if (!value) {
-              return Promise.reject('密码不能为空');
-            }
-            if (value !== values.passwordNew) {
-              return Promise.reject('两次输入的密码不一致!');
-            }
-
-            const pwdRegex = new RegExp(InputRegExp.PASSWORD_INPUT);
-            if (!pwdRegex.test(value)) {
-              return Promise.reject(
-                '密码中必须包含大小写 字母、数字、特称字符，至少8个字符，最多30个字符'
-              );
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-];

-import type { FormSchema } from '/@/components/Form/index';
-export const schemas: FormSchema[] = [
-  {
-    field: 'name',
-    component: 'Input',
-    label: '平台名称',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入平台名称',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 255) {
-              return Promise.reject('字数不超过255个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'logo',
-    component: 'Upload',
-    label: 'APP Logo',
-    colProps: {
-      span: 24,
-    },
-    slot: 'logoUpload',
-  },
-  {
-    field: 'background',
-    component: 'Input',
-    label: '登录页背景图片',
-    colProps: {
-      span: 24,
-    },
-    slot: 'bgUpload',
-  },
-  {
-    field: 'backgroundColor',
-    component: 'AutoComplete',
-    label: '登录页背景颜色',
-    colProps: {
-      span: 24,
-    },
-    slot: 'colorInput',
-  },
-  {
-    field: 'background',
-    component: 'Input',
-    label: '首页轮播图',
-    colProps: {
-      span: 24,
-    },
-    slot: 'homeSwiper',
-  },
-];

-import type { FormSchema } from '/@/components/Form/index';
-
-export const schemas: FormSchema[] = [
-  {
-    field: 'name',
-    component: 'Input',
-    label: '平台名称',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入平台名称',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 255) {
-              return Promise.reject('字数不超过255个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'logo',
-    component: 'Upload',
-    label: '平台Logo',
-    colProps: {
-      span: 24,
-    },
-    slot: 'logoUpload',
-  },
-  {
-    field: 'icon',
-    component: 'Upload',
-    label: '浏览器Icon图标',
-    colProps: {
-      span: 24,
-    },
-    slot: 'iconUpload',
-  },
-  {
-    field: 'background',
-    component: 'Input',
-    label: '登录页背景图片',
-    colProps: {
-      span: 24,
-    },
-    slot: 'bgUpload',
-  },
-  {
-    field: 'backgroundColor',
-    component: 'AutoComplete',
-    label: '登录页背景颜色',
-    colProps: {
-      span: 24,
-    },
-    slot: 'colorInput',
-  },
-  {
-    field: 'copyright',
-    component: 'Input',
-    label: '页面底部版权信息',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 100,
-      placeholder: '请输入页面底部版权信息',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 100) {
-              return Promise.reject('字数不超过100个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'presentedOurselves',
-    component: 'Input',
-    label: '备案信息',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 50,
-      placeholder: '请输入备案信息',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 50) {
-              return Promise.reject('字数不超过50个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'domain',
-    component: 'Input',
-    label: '绑定域名',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 100,
-      placeholder: '请输入绑定域名',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 100) {
-              return Promise.reject('字数不超过100个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-];

-import type { FormSchema } from '/@/components/Form/index';
-import { getAreaList } from '/@/api/oem/index';
-import { emailRule, phoneRule } from '/@/utils/rules';
-
-export const schemas: FormSchema[] = [
-  {
-    field: 'name',
-    component: 'Input',
-    label: '公司名称',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 100,
-      placeholder: '请输入公司名称',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 100) {
-              return Promise.reject('字数不超过100个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'abbreviation',
-    component: 'Input',
-    label: '公司简称',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 100,
-      placeholder: '请输入公司简称',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 100) {
-              return Promise.reject('字数不超过100个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'officialWebsite',
-    component: 'Input',
-    label: '公司官网',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入公司官网',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 255) {
-              return Promise.reject('字数不超过255个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'email',
-    component: 'Input',
-    label: '公司邮箱',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      placeholder: '请输入公司邮箱',
-    },
-    rules: emailRule,
-  },
-  {
-    field: 'synopsis',
-    component: 'InputTextArea',
-    label: '公司简介',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 500,
-      placeholder: '请输入公司简介',
-      autoSize: { minRows: 8, maxRows: 12 },
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 500) {
-              return Promise.reject('字数不超过500个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'nameCountry',
-    component: 'ApiSelect',
-    label: '国家/地区',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      api: getAreaList,
-      params: { parentId: 0 },
-      labelField: 'name',
-      valueField: 'code',
-      placeholder: '国家/地区',
-    },
-  },
-  {
-    field: 'prov',
-    label: '所在城市',
-    component: 'Input',
-    colProps: {
-      span: 24,
-    },
-
-    slot: 'customProv',
-  },
-  {
-    field: 'address',
-    component: 'Input',
-    label: '详细地址',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 100,
-      placeholder: '请输入详细地址',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 100) {
-              return Promise.reject('字数不超过100个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-
-  {
-    field: 'contacts',
-    component: 'Input',
-    label: '联系人',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 25,
-      placeholder: '请输入联系人',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 25) {
-              return Promise.reject('字数不超过25个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
-  {
-    field: 'tel',
-    component: 'Input',
-    label: '联系电话',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      placeholder: '请输入联系电话',
-    },
-    rules: phoneRule,
-  },
-  {
-    field: 'qrcode',
-    label: '二维码',
-    component: 'Input',
-    colProps: {
-      span: 24,
-    },
-    slot: 'qrcode',
-  },
-  {
-    field: 'id',
-    label: '唯一id',
-    component: 'Input',
-    show: false,
-    componentProps: {
-      maxLength: 36,
-      placeholder: '请输入唯一id',
-    },
-  },
-];
-
-export const provSchemas: FormSchema[] = [
-  {
-    field: 'nameProv',
-    component: 'ApiSelect',
-    label: '',
-    colProps: {
-      span: 6,
-    },
-    componentProps({ formModel, formActionType }) {
-      const { updateSchema } = formActionType;
-      return {
-        api: getAreaList,
-        labelField: 'name',
-        valueField: 'code',
-        placeholder: '省份',
-        params: { parentId: 1 },
-        async onChange(value) {
-          if (value === undefined) {
-            formModel.nameCity = undefined; //  reset city value
-            formModel.nameCoun = undefined;
-            formModel.nameTown = undefined;
-            updateSchema([
-              {
-                field: 'nameCity',
-                componentProps: {
-                  options: [],
-                  placeholder: '城市',
-                },
-              },
-              {
-                field: 'nameCoun',
-                componentProps: {
-                  options: [],
-                  placeholder: '区/县',
-                },
-              },
-              {
-                field: 'nameTown',
-                componentProps: {
-                  options: [],
-                  placeholder: '城镇/街道',
-                },
-              },
-            ]);
-          } else {
-            const nameCity = await getAreaList({ parentId: value });
-            nameCity.forEach((item) => {
-              item.label = item.name;
-              item.value = item.code;
-            });
-            formModel.nameCity = undefined; //  reset city value
-            formModel.nameCoun = undefined;
-            formModel.nameTown = undefined;
-            updateSchema({
-              field: 'nameCity',
-              componentProps: {
-                options: nameCity,
-                placeholder: '城市',
-                async onChange(value) {
-                  if (value === undefined) {
-                    formModel.nameCoun = undefined; //  reset city value
-                    formModel.nameTown = undefined;
-                    updateSchema([
-                      {
-                        field: 'nameCoun',
-                        componentProps: {
-                          options: [],
-                        },
-                      },
-                      {
-                        field: 'nameTown',
-                        componentProps: {
-                          options: [],
-                        },
-                      },
-                    ]);
-                  } else {
-                    // 获取区数据
-                    const nameCoun = await getAreaList({ parentId: value });
-                    nameCoun.forEach((item) => {
-                      item.label = item.name;
-                      item.value = item.code;
-                    });
-                    updateSchema({
-                      field: 'nameCoun',
-                      componentProps: {
-                        // 请选择区
-                        options: nameCoun,
-                        async onChange(value) {
-                          if (value === undefined) {
-                            formModel.nameTown = undefined;
-                            updateSchema({
-                              field: 'nameTown',
-                              componentProps: {
-                                placeholder: '城镇/街道',
-                                options: [],
-                              },
-                            });
-                          } else {
-                            const nameTown = await getAreaList({ parentId: value });
-                            nameTown.forEach((item) => {
-                              item.label = item.name;
-                              item.value = item.code;
-                            });
-                            updateSchema({
-                              field: 'nameTown',
-                              componentProps: {
-                                placeholder: '城镇/街道',
-                                options: nameTown,
-                              },
-                            });
-                          }
-                        },
-                      },
-                    });
-                  }
-                },
-              },
-            });
-          }
-        },
-      };
-    },
-  },
-  {
-    field: 'nameCity',
-    component: 'Select',
-    label: '',
-    colProps: {
-      span: 6,
-    },
-  },
-  {
-    field: 'nameCoun',
-    component: 'Select',
-    label: '',
-    colProps: {
-      span: 6,
-    },
-    componentProps: {
-      placeholder: '区/县',
-    },
-  },
-  {
-    field: 'nameTown',
-    component: 'Select',
-    label: '',
-    colProps: {
-      span: 6,
-    },
-    componentProps: {
-      placeholder: '城镇/街道',
-    },
-  },
-];

-<template>
-  <div class="card">
-    <Card :bordered="false" class="card">
-      <BasicForm @register="registerForm">
-        <template #logoUpload>
-          <Upload
-            name="avatar"
-            list-type="picture-card"
-            class="avatar-uploader"
-            :show-upload-list="false"
-            @preview="handlePreview"
-            :customRequest="customUploadLogoPic"
-            :before-upload="beforeUploadLogoPic"
-          >
-            <img v-if="logoPic" :src="logoPic" />
-            <div v-else>
-              <div style="margin-top: 1.875rem">
-                <PlusOutlined style="font-size: 2.5rem" />
-              </div>
-              <div
-                class="ant-upload-text flex"
-                style="width: 180px; height: 100px; align-items: center; font-size: 0.5625rem"
-              >
-                支持.PNG、.JPG格式，建议尺寸为32*32px，大小不超过500KB</div
-              >
-            </div>
-          </Upload>
-        </template>
-        <template #bgUpload>
-          <Upload
-            name="avatar"
-            list-type="picture-card"
-            class="avatar-uploader"
-            :show-upload-list="false"
-            :customRequest="customUploadBgPic"
-            :before-upload="beforeUploadBgPic"
-          >
-            <img v-if="bgPic" :src="bgPic" alt="avatar" />
-            <div v-else>
-              <div style="margin-top: 1.875rem">
-                <PlusOutlined style="font-size: 2.5rem" />
-              </div>
-              <div
-                class="ant-upload-text flex"
-                style="width: 280px; height: 100px; align-items: center; font-size: 0.5625rem"
-              >
-                支持.PNG、.JPG格式，建议尺寸为1080*1620px，大小不超过5M</div
-              >
-            </div>
-          </Upload>
-        </template>
-        <template #colorInput="{ model, field }"
-          ><Input disabled v-model:value="model[field]">
-            <template #prefix> <input type="color" v-model="model[field]" /> </template
-          ></Input>
-        </template>
-
-        <template #homeSwiper>
-          <Upload
-            v-model:file-list="fileList"
-            list-type="picture-card"
-            @preview="handlePreview"
-            :customRequest="customUploadHomeSwiper"
-            :before-upload="beforeUploadHomeSwiper"
-          >
-            <div v-if="fileList.length < 5">
-              <div style="margin-top: 1.875rem">
-                <PlusOutlined style="font-size: 2.5rem" />
-              </div>
-              <div
-                class="ant-upload-text flex"
-                style="width: 150px; height: 70px; align-items: center; font-size: 0.5625rem"
-                >支持.PNG、.JPG格式，建议尺寸为800*600px，大小不超过3M</div
-              >
-            </div>
-          </Upload>
-          <Modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
-            <img alt="example" style="width: 100%" :src="previewImage" />
-          </Modal>
-        </template>
-      </BasicForm>
-    </Card>
-    <Loading v-bind="compState" />
-    <a-button
-      @click="handleUpdateInfo"
-      size="large"
-      type="primary"
-      style="margin-top: 20px; border-radius: 5px"
-      >保存信息</a-button
-    >
-  </div>
-</template>
-
-<script lang="ts">
-  import { defineComponent, ref, unref, onMounted } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
-  import { Loading } from '/@/components/Loading/index';
-  import { Card, Upload, Input, Modal } from 'ant-design-vue';
-  import { PlusOutlined } from '@ant-design/icons-vue';
-  import { schemas } from '../config/AppDraw.config';
-  import { FileItem, FileInfo } from '../types/index';
-  import { logoUpload, bgUpload } from '/@/api/oem/index';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { getAppDesign, updateAppDesign } from '/@/api/oem/index';
-  export default defineComponent({
-    components: {
-      Card,
-      BasicForm,
-      Upload,
-      Loading,
-      PlusOutlined,
-      Input,
-      Modal,
-    },
-    setup() {
-      const compState = ref({
-        absolute: false,
-        loading: false,
-        tip: '拼命加载中...',
-      });
-      const { createMessage } = useMessage();
-      const [registerForm, { getFieldsValue, setFieldsValue }] = useForm({
-        schemas,
-        showSubmitButton: false,
-        showResetButton: false,
-        labelWidth: 150,
-        wrapperCol: {
-          span: 10,
-        },
-      });
-      const previewVisible = ref<boolean>(false);
-      const previewImage = ref<string | undefined>('');
-      function getBase64(file: File) {
-        return new Promise((resolve, reject) => {
-          const reader = new FileReader();
-          reader.readAsDataURL(file);
-          reader.onload = () => resolve(reader.result);
-          reader.onerror = (error) => reject(error);
-        });
-      }
-      const handleCancel = () => {
-        previewVisible.value = false;
-      };
-      const handlePreview = async (file: FileItem) => {
-        if (!file.url && !file.preview) {
-          file.preview = (await getBase64(file.originFileObj)) as string;
-        }
-        previewImage.value = file.url || file.preview;
-        previewVisible.value = true;
-      };
-      const handleChange = ({ fileList: newFileList }: FileInfo) => {
-        fileList.value = newFileList;
-      };
-
-      // logo图片上传
-      const logoPic = ref();
-      async function customUploadLogoPic({ file }) {
-        if (beforeUploadLogoPic(file)) {
-          const formData = new FormData();
-          formData.append('file', file);
-          const response = await logoUpload(formData);
-          if (response.fileStaticUri) {
-            logoPic.value = response.fileStaticUri;
-          }
-        }
-      }
-      const beforeUploadLogoPic = (file) => {
-        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
-        if (!isJpgOrPng) {
-          createMessage.error('只能上传图片文件!');
-        }
-        const isLt2M = (file.size as number) / 1024 < 500;
-        if (!isLt2M) {
-          createMessage.error('图片大小不能超过500KB!');
-        }
-        return isJpgOrPng && isLt2M;
-      };
-
-      // 登录页背景上传
-      const bgPic = ref();
-      async function customUploadBgPic({ file }) {
-        if (beforeUploadBgPic(file)) {
-          const formData = new FormData();
-          formData.append('file', file);
-          const response = await bgUpload(formData);
-          if (response.fileStaticUri) {
-            bgPic.value = response.fileStaticUri;
-          }
-        }
-      }
-      const beforeUploadBgPic = (file) => {
-        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
-        if (!isJpgOrPng) {
-          createMessage.error('只能上传图片文件!');
-        }
-        const isLt2M = (file.size as number) / 1024 / 1024 < 5;
-        if (!isLt2M) {
-          createMessage.error('图片大小不能超过5MB!');
-        }
-        return isJpgOrPng && isLt2M;
-      };
-      // 首页轮播图
-      const fileList = ref<FileItem[]>([]);
-      async function customUploadHomeSwiper({ file }) {
-        if (beforeUploadHomeSwiper(file)) {
-          const formData = new FormData();
-          formData.append('file', file);
-
-          const response = await bgUpload(formData);
-          if (response.fileStaticUri) {
-            fileList.value.push({
-              uid: -Math.random() + '',
-              name: response.fileName,
-              status: 'done',
-              url: response.fileStaticUri,
-            });
-            const fileArr = fileList.value.filter((item) => {
-              return item.percent !== 0;
-            });
-            fileList.value = fileArr;
-          }
-        }
-      }
-
-      const beforeUploadHomeSwiper = (file) => {
-        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
-        if (!isJpgOrPng) {
-          createMessage.error('只能上传图片文件!');
-        }
-        const isLt2M = (file.size as number) / 1024 / 1024 < 5;
-        if (!isLt2M) {
-          createMessage.error('图片大小不能超过5MB!');
-        }
-        return isJpgOrPng && isLt2M;
-      };
-
-      const handleUpdateInfo = async () => {
-        try {
-          const fieldValue = getFieldsValue();
-          // 做换字段
-          const homeSwiper = fileList.value.map((item) => item.url);
-          const rotation = homeSwiper.join(',');
-
-          compState.value.loading = true;
-          await updateAppDesign({
-            ...fieldValue,
-            background: unref(bgPic),
-            icon: unref(bgPic),
-            logo: unref(logoPic),
-            rotation,
-          });
-          compState.value.loading = false;
-          createMessage.success('保存信息成功');
-        } catch (e) {
-          createMessage.error('保存信息失败');
-        }
-      };
-
-      onMounted(async () => {
-        const res = await getAppDesign();
-        const rotation = res.rotation ? res.rotation.split(',') : [];
-        const arr: any[] = [];
-        for (let item of rotation) {
-          arr.push({
-            uid: -Math.random() + '',
-            name: '111',
-            url: item,
-            status: 'done',
-          });
-        }
-        setFieldsValue(res);
-        logoPic.value = res.logo;
-        bgPic.value = res.background;
-        if (arr[0]?.url === '') return;
-        fileList.value = arr;
-      });
-      return {
-        compState,
-        fileList,
-        registerForm,
-        handleUpdateInfo,
-        handleCancel,
-        handlePreview,
-        customUploadLogoPic,
-        beforeUploadLogoPic,
-        customUploadBgPic,
-        beforeUploadBgPic,
-        customUploadHomeSwiper,
-        beforeUploadHomeSwiper,
-        handleChange,
-        logoPic,
-        bgPic,
-        previewVisible,
-        previewImage,
-      };
-    },
-  });
-</script>
-
-<style lang="less" scoped>
-  .ant-upload-select-picture-card i {
-    font-size: 32px;
-    color: #999;
-  }
-
-  .ant-upload-select-picture-card .ant-upload-text {
-    margin-top: 8px;
-    color: #666;
-  }
-</style>

-<template>
-  <div class="card">
-    <Card :bordered="false" class="card">
-      <BasicForm @register="registerForm">
-        <template #logoUpload>
-          <Upload
-            name="avatar"
-            list-type="picture-card"
-            class="avatar-uploader"
-            :show-upload-list="false"
-            :customRequest="customUploadLogoPic"
-            :before-upload="beforeUploadLogoPic"
-          >
-            <img v-if="logoPic" :src="logoPic" />
-            <div v-else>
-              <div style="margin-top: 1.875rem">
-                <PlusOutlined style="font-size: 2.5rem" />
-              </div>
-              <div
-                class="ant-upload-text flex"
-                style="width: 180px; height: 100px; align-items: center; font-size: 0.5625rem"
-              >
-                支持.PNG、.JPG格式，建议尺寸为32*32px，大小不超过500KB</div
-              >
-            </div>
-          </Upload>
-        </template>
-        <template #iconUpload>
-          <Upload
-            name="avatar"
-            list-type="picture-card"
-            class="avatar-uploader"
-            :show-upload-list="false"
-            :customRequest="customUploadIconPic"
-            :before-upload="beforeUploadIconPic"
-          >
-            <div v-if="iconPic">
-              <img :src="iconPic" class="m-auto" />
-              <div style="background-color: #ccc; margin-top: 20px">重新上传</div>
-            </div>
-            <div v-else>
-              <div style="margin-top: 20px">
-                <PlusOutlined style="font-size: 30px" />
-              </div>
-              <div
-                class="ant-upload-text flex"
-                style="width: 130px; height: 70px; align-items: center; font-size: 0.5625rem"
-              >
-                支持.ICON格式，建议尺寸为16*16px</div
-              >
-            </div>
-          </Upload>
-        </template>
-        <template #bgUpload>
-          <Upload
-            name="avatar"
-            list-type="picture-card"
-            class="avatar-uploader"
-            :show-upload-list="false"
-            :customRequest="customUploadBgPic"
-            :before-upload="beforeUploadBgPic"
-          >
-            <img v-if="bgPic" :src="bgPic" alt="avatar" />
-            <div v-else>
-              <div style="margin-top: 1.875rem">
-                <PlusOutlined style="font-size: 2.5rem" />
-              </div>
-              <div
-                class="ant-upload-text flex"
-                style="width: 280px; height: 130px; align-items: center; font-size: 0.5625rem"
-              >
-                支持.PNG、.JPG格式，建议尺寸为1920*1080px以上，大小不超过5M</div
-              >
-            </div>
-          </Upload>
-        </template>
-
-        <template #colorInput="{ model, field }"
-          ><Input disabled v-model:value="model[field]">
-            <template #prefix> <input type="color" v-model="model[field]" /> </template
-          ></Input>
-        </template>
-      </BasicForm>
-    </Card>
-    <Loading v-bind="compState" />
-    <a-button
-      @click="handleUpdateInfo"
-      size="large"
-      type="primary"
-      style="margin-top: 20px; border-radius: 5px"
-      >保存信息</a-button
-    >
-  </div>
-</template>
-
-<script lang="ts">
-  import { defineComponent, ref, onMounted, unref } from 'vue';
-  import { Card, Upload, Input } from 'ant-design-vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
-  import { schemas } from '../config/CVIDraw.config';
-  import { Loading } from '/@/components/Loading/index';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import type { FileItem } from '/@/components/Upload/src/typing';
-  import { logoUpload, iconUpload, bgUpload, getPlatForm, updatePlatForm } from '/@/api/oem/index';
-  import { PlusOutlined } from '@ant-design/icons-vue';
-  import { useUserStore } from '/@/store/modules/user';
-  import { createLocalStorage } from '/@/utils/cache/index';
-  import { useTitle } from '@vueuse/core';
-  import { useGlobSetting } from '/@/hooks/setting';
-  export default defineComponent({
-    components: {
-      BasicForm,
-      Card,
-      Loading,
-      Upload,
-      Input,
-      PlusOutlined,
-    },
-    setup() {
-      const compState = ref({
-        absolute: false,
-        loading: false,
-        tip: '拼命加载中...',
-      });
-      const { createMessage } = useMessage();
-      const userStore = useUserStore();
-      const storage = createLocalStorage();
-      const [registerForm, { getFieldsValue, setFieldsValue }] = useForm({
-        schemas,
-        showSubmitButton: false,
-        showResetButton: false,
-        labelWidth: 150,
-        wrapperCol: {
-          span: 10,
-        },
-      });
-
-      const logoPic = ref();
-      const iconPic = ref();
-      const bgPic = ref();
-      // logo图片上传
-      async function customUploadLogoPic({ file }) {
-        if (beforeUploadLogoPic(file)) {
-          const formData = new FormData();
-          formData.append('file', file);
-          const response = await logoUpload(formData);
-          if (response.fileStaticUri) {
-            logoPic.value = response.fileStaticUri;
-          }
-        }
-      }
-      const beforeUploadLogoPic = (file: FileItem) => {
-        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
-        if (!isJpgOrPng) {
-          createMessage.error('只能上传图片文件!');
-        }
-        const isLt2M = (file.size as number) / 1024 < 500;
-        if (!isLt2M) {
-          createMessage.error('图片大小不能超过500KB!');
-        }
-        return isJpgOrPng && isLt2M;
-      };
-      // Icon上传
-      async function customUploadIconPic({ file }) {
-        if (beforeUploadIconPic(file)) {
-          const formData = new FormData();
-          formData.append('file', file);
-          const response = await iconUpload(formData);
-          if (response.fileStaticUri) {
-            iconPic.value = response.fileStaticUri;
-          }
-        }
-      }
-      const beforeUploadIconPic = (file: FileItem) => {
-        const isJpgOrPng = file.type === 'image/x-icon';
-        if (!isJpgOrPng) {
-          createMessage.error('只能上传.icon图片文件!');
-        }
-        const isLt2M = (file.size as number) / 1024 < 500;
-        if (!isLt2M) {
-          createMessage.error('图片大小不能超过500KB!');
-        }
-        return isJpgOrPng && isLt2M;
-      };
-      // 登录页背景上传
-      async function customUploadBgPic({ file }) {
-        if (beforeUploadBgPic(file)) {
-          const formData = new FormData();
-          formData.append('file', file);
-          const response = await bgUpload(formData);
-          if (response.fileStaticUri) {
-            bgPic.value = response.fileStaticUri;
-          }
-        }
-      }
-      const beforeUploadBgPic = (file: FileItem) => {
-        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
-        if (!isJpgOrPng) {
-          createMessage.error('只能上传图片文件!');
-        }
-        const isLt2M = (file.size as number) / 1024 / 1024 < 5;
-        if (!isLt2M) {
-          createMessage.error('图片大小不能超过5MB!');
-        }
-        return isJpgOrPng && isLt2M;
-      };
-
-      // 更新
-      const handleUpdateInfo = async () => {
-        try {
-          const fieldValue = getFieldsValue();
-          compState.value.loading = true;
-          const newFieldValue = {
-            ...fieldValue,
-            logo: unref(logoPic),
-            icon: unref(iconPic),
-            background: unref(bgPic),
-          };
-          await updatePlatForm(newFieldValue);
-          compState.value.loading = false;
-          createMessage.success('保存信息成功');
-
-          setPlatFormInfo(newFieldValue);
-        } catch (e) {
-          createMessage.error('保存信息失败');
-        }
-      };
-      // 设置平台信息
-      function setPlatFormInfo(newFieldValue) {
-        // 保存store
-        userStore.setPlatInfo(newFieldValue);
-        // 保存本地缓存
-        storage.set('platInfo', newFieldValue);
-        const { title } = useGlobSetting();
-        useTitle(`OEM定制 - ${newFieldValue.name === '' ? title : newFieldValue.name}`);
-      }
-
-      onMounted(async () => {
-        const res = await getPlatForm();
-        setFieldsValue(res);
-        logoPic.value = res.logo;
-        iconPic.value = res.icon;
-        bgPic.value = res.background;
-      });
-      return {
-        registerForm,
-        logoPic,
-        iconPic,
-        bgPic,
-        customUploadLogoPic,
-        beforeUploadLogoPic,
-        customUploadIconPic,
-        beforeUploadIconPic,
-        customUploadBgPic,
-        beforeUploadBgPic,
-        compState,
-        handleUpdateInfo,
-      };
-    },
-  });
-</script>
-
-<style lang="less" scoped></style>

-<template>
-  <div class="card">
-    <Card :bordered="false" class="card">
-      <BasicForm @register="registerForm">
-        <template #qrcode>
-          <Upload
-            name="avatar"
-            list-type="picture-card"
-            class="avatar-uploader"
-            :show-upload-list="false"
-            :customRequest="customUploadqrcodePic"
-            :before-upload="beforeUploadqrcodePic"
-          >
-            <img v-if="qrcodePic" :src="qrcodePic" alt="avatar" />
-            <div v-else>
-              <div style="margin-top: 1.875rem">
-                <PlusOutlined style="font-size: 2.5rem" />
-              </div>
-              <div
-                class="ant-upload-text flex"
-                style="width: 180px; height: 100px; align-items: center; font-size: 0.5625rem"
-              >
-                支持.PNG、.JPG格式，建议尺寸为300*300px，大小不超过2M</div
-              >
-            </div>
-          </Upload>
-        </template>
-        <template #customProv>
-          <BasicForm @register="registerCustomForm" />
-        </template>
-      </BasicForm>
-    </Card>
-    <Loading v-bind="compState" />
-    <a-button
-      @click="handleUpdateInfo"
-      size="large"
-      type="primary"
-      style="margin-top: 1rem; border-radius: 0.5rem"
-      >更新基本信息</a-button
-    >
-  </div>
-</template>
-
-<script lang="ts">
-  import { defineComponent, onMounted, ref } from 'vue';
-  import { Card, Upload } from 'ant-design-vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
-  import { schemas, provSchemas } from '../config/enterPriseInfo.config';
-  import { getAreaList, getEnterPriseDetail, updateEnterPriseDetail } from '/@/api/oem/index';
-  import { Loading } from '/@/components/Loading';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { useUserStore } from '/@/store/modules/user';
-  import { createLocalStorage } from '/@/utils/cache';
-  import { PlusOutlined } from '@ant-design/icons-vue';
-  import { qrcodeUpload } from '/@/api/oem/index';
-  import type { FileItem } from '/@/components/Upload/src/typing';
-  import type { CityItem, Code } from '../types';
-  export default defineComponent({
-    components: {
-      Card,
-      BasicForm,
-      Loading,
-      Upload,
-      PlusOutlined,
-    },
-    setup() {
-      const compState = ref({
-        absolute: false,
-        loading: false,
-        tip: '拼命加载中...',
-      });
-      const [registerForm, { getFieldsValue, setFieldsValue, validate }] = useForm({
-        labelWidth: 80,
-        schemas,
-        showResetButton: false,
-        showSubmitButton: false,
-        wrapperCol: {
-          span: 12,
-        },
-      });
-
-      const [
-        registerCustomForm,
-        { getFieldsValue: getNameTown, updateSchema, setFieldsValue: setNameTown },
-      ] = useForm({
-        labelWidth: 80,
-        schemas: provSchemas,
-        showResetButton: false,
-        showSubmitButton: false,
-        compact: true,
-        actionColOptions: {
-          span: 0,
-        },
-      });
-
-      const { createMessage } = useMessage();
-
-      const qrcodePic = ref();
-      const customUploadqrcodePic = async ({ file }) => {
-        if (beforeUploadqrcodePic(file)) {
-          const formData = new FormData();
-          formData.append('file', file);
-          const response = await qrcodeUpload(formData);
-          if (response.fileStaticUri) {
-            qrcodePic.value = response.fileStaticUri;
-          }
-        }
-      };
-      const beforeUploadqrcodePic = (file: FileItem) => {
-        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
-        if (!isJpgOrPng) {
-          createMessage.error('只能上传图片文件!');
-        }
-        const isLt2M = (file.size as number) / 1024 / 1024 < 2;
-        if (!isLt2M) {
-          createMessage.error('图片大小不能超过2MB!');
-        }
-        return isJpgOrPng && isLt2M;
-      };
-      // 更新
-      const handleUpdateInfo = async () => {
-        try {
-          const fieldsValue = getFieldsValue();
-          const { nameTown } = getNameTown();
-          const newFieldValue: any = {
-            ...fieldsValue,
-            codeTown: nameTown,
-            qrCode: qrcodePic.value,
-          };
-          delete newFieldValue.nameProv;
-          delete newFieldValue.nameCity;
-          delete newFieldValue.nameCoun;
-          delete newFieldValue.nameTown;
-
-          // 表单校验
-          await validate();
-          compState.value.loading = true;
-          await updateEnterPriseDetail(newFieldValue);
-          createMessage.success('更新信息成功');
-          setEnterPriseInfo(newFieldValue);
-        } finally {
-          compState.value.loading = false;
-        }
-      };
-
-      const userStore = useUserStore();
-      const storage = createLocalStorage();
-
-      // 设置企业信息
-      function setEnterPriseInfo(newFieldValue) {
-        // 保存store
-        userStore.setEnterPriseInfo(newFieldValue);
-        // 保存本地缓存
-        storage.set('enterpriseInfo', newFieldValue);
-      }
-
-      // 地区显示回显和数据联动
-      async function updateCityData(
-        cities: CityItem[],
-        couns: CityItem[],
-        towns: CityItem[],
-        code: Code
-      ) {
-        // 加工后端返回字段
-
-        cities.forEach((item) => {
-          item.label = item.name;
-          item.value = item.code;
-        });
-
-        couns.forEach((item) => {
-          item.label = item.name;
-          item.value = item.code;
-        });
-        towns.forEach((item) => {
-          item.label = item.name;
-          item.value = item.code;
-        });
-        const { codeProv, codeCity, codeCoun, codeTown } = code;
-        updateSchema([
-          {
-            field: 'nameCity',
-            componentProps: ({ formModel }) => {
-              return {
-                options: cities,
-                async onChange(value) {
-                  if (value === undefined) {
-                    formModel.nameCoun = undefined; //  reset city value
-                    formModel.nameTown = undefined;
-                    updateSchema([
-                      {
-                        field: 'nameCoun',
-                        componentProps: {
-                          options: [],
-                        },
-                      },
-                      {
-                        field: 'nameTown',
-                        componentProps: {
-                          options: [],
-                        },
-                      },
-                    ]);
-                  } else {
-                    let couns: CityItem[] = await getAreaList({ parentId: value });
-                    couns.forEach((item) => {
-                      item.label = item.name;
-                      item.value = item.code;
-                    });
-                    formModel.nameCoun = undefined; //  reset city value
-                    formModel.nameTown = undefined;
-                    updateSchema({
-                      field: 'nameCoun',
-                      componentProps: {
-                        // 请选择区
-                        options: couns,
-                        async onChange(value) {
-                          if (value === undefined) {
-                            formModel.nameTown = undefined;
-                          } else {
-                            let towns: CityItem[] = await getAreaList({ parentId: value });
-                            towns.forEach((item) => {
-                              item.label = item.name;
-                              item.value = item.code;
-                            });
-                            formModel.nameTown = undefined;
-                            updateSchema({
-                              field: 'nameTown',
-                              componentProps: {
-                                placeholder: '城镇/街道',
-                                options: towns,
-                              },
-                            });
-                          }
-                        },
-                      },
-                    });
-                  }
-                },
-              };
-            },
-          },
-          {
-            field: 'nameCoun',
-            componentProps: {
-              options: couns,
-              async onChange(value) {
-                if (value === undefined) {
-                  setNameTown({
-                    nameTown: undefined,
-                  });
-                  updateSchema({
-                    field: 'nameTown',
-                    componentProps: {
-                      placeholder: '城镇/街道',
-                      options: [],
-                    },
-                  });
-                } else {
-                  let towns = await getAreaList({ parentId: value });
-                  towns.forEach((item) => {
-                    item.label = item.name;
-                    item.value = item.code;
-                  });
-                  setNameTown({
-                    nameTown: undefined,
-                  });
-                  updateSchema({
-                    field: 'nameTown',
-                    componentProps: {
-                      placeholder: '城镇/街道',
-                      options: towns,
-                    },
-                  });
-                }
-              },
-            },
-          },
-          {
-            field: 'nameTown',
-            componentProps: {
-              options: towns,
-            },
-          },
-        ]);
-        setNameTown({
-          nameProv: codeProv,
-          nameCity: codeCity,
-          nameCoun: codeCoun,
-          nameTown: codeTown,
-        });
-      }
-
-      onMounted(async () => {
-        const res = await getEnterPriseDetail();
-        if (res.sysTown) {
-          const { cities, couns, towns, codeCountry, codeProv, codeCity, codeCoun, codeTown } =
-            res.sysTown;
-          const code = {
-            codeCountry,
-            codeProv,
-            codeCity,
-            codeCoun,
-            codeTown,
-          };
-          updateCityData(cities, couns, towns, code);
-          setFieldsValue({ nameCountry: codeCountry });
-        }
-        setFieldsValue(res);
-        console.log(res);
-        qrcodePic.value = res.qrCode;
-      });
-
-      return {
-        registerForm,
-        compState,
-        qrcodePic,
-        handleUpdateInfo,
-        customUploadqrcodePic,
-        beforeUploadqrcodePic,
-        registerCustomForm,
-      };
-    },
-  });
-</script>

-<template>
-  <div class="platform flex">
-    <Card class="tab-card" :bordered="false">
-      <Tabs v-model:activeKey="activeKey" tab-position="left">
-        <Tabs.TabPane key="企业信息" tab="企业信息" />
-        <Tabs.TabPane key="平台定制" tab="平台定制" />
-        <Tabs.TabPane key="APP定制" tab="APP定制" />
-      </Tabs>
-    </Card>
-
-    <div style="width: 100%">
-      <Card class="card" :title="activeKey" :bordered="false" :bodyStyle="{ display: 'none' }" />
-      <EnterpriseInfo v-if="activeKey === '企业信息'" />
-      <CVIDraw v-else-if="activeKey === '平台定制'" />
-      <AppDraw v-else />
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-  import { Tabs, Card } from 'ant-design-vue';
-  import { ref } from 'vue';
-  import EnterpriseInfo from './cpns/EnterpriseInfo.vue';
-  import CVIDraw from './cpns/CVIDraw.vue';
-  import AppDraw from './cpns/AppDraw.vue';
-
-  const activeKey = ref('企业信息');
-</script>
-
-<style lang="less" scoped>
-  .title {
-    width: 97.4%;
-    height: 50px;
-    margin: 1rem;
-    line-height: 50px;
-    font-size: 18px;
-    padding-left: 10px;
-    background-color: #fff;
-  }
-  .tab-card {
-    margin: 1rem 0 1rem 1rem;
-  }
-  .card {
-    margin: 1rem;
-  }
-</style>

-export interface FileItem {
-  uid: string;
-  name?: string;
-  status?: string;
-  response?: string;
-  percent?: number;
-  url?: string;
-  preview?: string;
-  originFileObj?: any;
-}
-
-export interface FileInfo {
-  file: FileItem;
-  fileList: FileItem[];
-}
-
-export interface CityItem {
-  code: number;
-  level: string;
-  name: string;
-  parentId: number;
-  label?: string;
-  value?: number;
-}
-export interface Code {
-  codeCountry: number;
-  codeProv: number;
-  codeCity: number;
-  codeCoun: number;
-  codeTown: number;
-}