perf: 优化组态中心

@@ -9,6 +9,7 @@
     "clazz",
     "Cmds",
     "COAP",
+    "drawio",
     "echarts",
     "edrx",
     "EFENTO",

@@ -8,6 +8,7 @@ export interface ConfigurationCenterItemsModal {
   remark: string;
   publicId?: string;
   organizationId?: string;
+  platform?: string;
 }
 export type queryPageParams = BasicPageParams & {
   name?: Nullable<string>;

 import { StructJSON } from './modelOfMatterModel';
 import { BasicPageParams } from '/@/api/model/baseModel';
-import { AlarmStatus } from '/@/views/alarm/log/config/detail.config';
+import { AlarmStatus } from '/@/enums/alarmEnum';
 import { DeviceStatusEnum } from '/@/views/rule/dataFlow/cpns/config';
 export enum DeviceState {
   INACTIVE = 'INACTIVE',

+const getRandomString = () => Number(Math.random().toString().substring(2)).toString(36);
+
+export const encode = (record: Recordable) => {
+  let hash = JSON.stringify(record);
+  const mixinString = getRandomString()
+    .padEnd(10, getRandomString())
+    .split('')
+    .map((item) => (Math.random() > 0.5 ? item.toUpperCase() : item))
+    .join('');
+
+  hash = window.btoa(hash);
+  hash = hash.substring(0, 6) + mixinString + hash.substring(6);
+  hash = window.btoa(hash);
+  return hash;
+};

@@ -31,6 +31,7 @@
   import { useRole } from '/@/hooks/business/useRole';
   import { useClipboard } from '@vueuse/core';
   import { Icon } from '/@/components/Icon';
+  import { encode } from './help';
 
   const listColumn = ref(5);
 
@@ -135,20 +136,44 @@
 
   const handlePreview = (record: ConfigurationCenterItemsModal) => {
     if (!unref(getPreviewFlag)) return;
-    window.open(
-      `${configurationPrefix}/${isDev ? '?dev=1&' : '?'}configurationId=${
-        record!.id
-      }&lightbox=1&organizationId=${record.organizationId}`
-    );
+    // window.open(
+    //   `${configurationPrefix}/${isDev ? '?dev=1&' : '?'}configurationId=${
+    //     record!.id
+    //   }&lightbox=1&organizationId=${record.organizationId}`
+    // );
+
+    const params = {
+      configurationId: record.id,
+      organizationId: record.organizationId,
+      mode: 'lightbox',
+      platform: record.platform,
+    };
+
+    const href = new URL(location.origin);
+    href.pathname = '/drawio';
+    href.hash = encode(params);
+    window.open(href.href);
   };
 
   const handleDesign = (record: ConfigurationCenterItemsModal) => {
     if (!unref(getDesignFlag)) return;
-    window.open(
-      `${configurationPrefix}/${isDev ? '?dev=1&' : '?'}configurationId=${
-        record!.id
-      }&organizationId=${record.organizationId}`
-    );
+    // window.open(
+    //   `${configurationPrefix}/${isDev ? '?dev=1&' : '?'}configurationId=${
+    //     record!.id
+    //   }&organizationId=${record.organizationId}`
+    // );
+
+    const params = {
+      configurationId: record.id,
+      organizationId: record.organizationId,
+      mode: 'design',
+      platform: record.platform,
+    };
+
+    const href = new URL(location.origin);
+    href.pathname = '/drawio';
+    href.hash = encode(params);
+    window.open(href.href);
   };
 
   const handleDelete = async (record: ConfigurationCenterItemsModal) => {