Merge branch 'perf/configuration-center' into 'main_dev'

Perf/configuration center

See merge request yunteng/thingskit-front!960

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

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

 import { StructJSON } from './modelOfMatterModel';
 import { StructJSON } from './modelOfMatterModel';
 import { BasicPageParams } from '/@/api/model/baseModel';
 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';
 import { DeviceStatusEnum } from '/@/views/rule/dataFlow/cpns/config';
 export enum DeviceState {
 export enum DeviceState {
   INACTIVE = 'INACTIVE',
   INACTIVE = 'INACTIVE',

@@ -4,6 +4,7 @@ import { createImgPreview } from '/@/components/Preview';
 import { uploadThumbnail } from '/@/api/configuration/center/configurationCenter';
 import { uploadThumbnail } from '/@/api/configuration/center/configurationCenter';
 import { useComponentRegister } from '/@/components/Form';
 import { useComponentRegister } from '/@/components/Form';
 import { OrgTreeSelect } from '../../common/OrgTreeSelect';
 import { OrgTreeSelect } from '../../common/OrgTreeSelect';
+import { getDeviceProfile } from '/@/api/alarm/position';
 
 
 useComponentRegister('OrgTreeSelect', OrgTreeSelect);
 useComponentRegister('OrgTreeSelect', OrgTreeSelect);
 export enum Platform {
 export enum Platform {
@@ -136,6 +137,24 @@ export const formSchema: FormSchema[] = [
     component: 'OrgTreeSelect',
     component: 'OrgTreeSelect',
   },
   },
   {
   {
+    field: 'isTemplate',
+    label: '模版',
+    component: 'Switch',
+    defaultValue: 0,
+  },
+  {
+    field: 'productIds',
+    label: '产品',
+    component: 'ApiSelect',
+    required: true,
+    componentProps: {
+      api: getDeviceProfile,
+      mode: 'multiple',
+      labelField: 'name',
+      valueField: 'tbProfileId',
+    },
+  },
+  {
     field: 'platform',
     field: 'platform',
     label: '平台',
     label: '平台',
     required: true,
     required: true,

+const getRandomString = () => Number(Math.random().toString().substring(2)).toString(36);
+
+export const encode = (record: Recordable) => {
+  let hash = JSON.stringify(record);
+  const mixinString = getRandomString()
+    .slice(0, 10)
+    .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 { useRole } from '/@/hooks/business/useRole';
   import { useClipboard } from '@vueuse/core';
   import { useClipboard } from '@vueuse/core';
   import { Icon } from '/@/components/Icon';
   import { Icon } from '/@/components/Icon';
+  import { encode } from './help';
 
 
   const listColumn = ref(5);
   const listColumn = ref(5);
 
 
@@ -135,20 +136,44 @@
 
 
   const handlePreview = (record: ConfigurationCenterItemsModal) => {
   const handlePreview = (record: ConfigurationCenterItemsModal) => {
     if (!unref(getPreviewFlag)) return;
     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) => {
   const handleDesign = (record: ConfigurationCenterItemsModal) => {
     if (!unref(getDesignFlag)) return;
     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) => {
   const handleDelete = async (record: ConfigurationCenterItemsModal) => {