Merge branch 'main_dev' into local_dev_ft

@@ -14,14 +14,12 @@
   import { ConfigurationPermission, Platform, searchFormSchema } from './center.data';
   import { ConfigurationPermission, Platform, searchFormSchema } from './center.data';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { Authority } from '/@/components/Authority';
   import { Authority } from '/@/components/Authority';
-  import { isDevMode } from '/@/utils/env';
   import ConfigurationCenterDrawer from './ConfigurationCenterDrawer.vue';
   import ConfigurationCenterDrawer from './ConfigurationCenterDrawer.vue';
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
   import { getBoundingClientRect } from '/@/utils/domUtils';
   import { getBoundingClientRect } from '/@/utils/domUtils';
   import configurationSrc from '/@/assets/icons/configuration.svg';
   import configurationSrc from '/@/assets/icons/configuration.svg';
   import { cloneDeep } from 'lodash';
   import { cloneDeep } from 'lodash';
   import { usePermission } from '/@/hooks/web/usePermission';
   import { usePermission } from '/@/hooks/web/usePermission';
-  import { useGlobSetting } from '/@/hooks/setting';
   import { AuthIcon, CardLayoutButton } from '/@/components/Widget';
   import { AuthIcon, CardLayoutButton } from '/@/components/Widget';
   import AuthDropDown from '/@/components/Widget/AuthDropDown.vue';
   import AuthDropDown from '/@/components/Widget/AuthDropDown.vue';
   import { ShareModal } from '/@/views/common/ShareModal';
   import { ShareModal } from '/@/views/common/ShareModal';
@@ -31,6 +29,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 { createScadaPageLink, ScadaModeEnum } from './help';
 
 
   const listColumn = ref(5);
   const listColumn = ref(5);
 
 
@@ -130,25 +129,15 @@
     }
     }
   };
   };
 
 
-  const { configurationPrefix } = useGlobSetting();
-  const isDev = isDevMode();
-
   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}`
-    );
+    createScadaPageLink(record, ScadaModeEnum.LIGHTBOX);
   };
   };
 
 
   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}`
-    );
+
+    createScadaPageLink(record, ScadaModeEnum.DESIGN);
   };
   };
 
 
   const handleDelete = async (record: ConfigurationCenterItemsModal) => {
   const handleDelete = async (record: ConfigurationCenterItemsModal) => {
@@ -165,14 +154,7 @@
   };
   };
 
 
   const createShareUrl = (record: ConfigurationCenterItemsModal) => {
   const createShareUrl = (record: ConfigurationCenterItemsModal) => {
-    const searchParams = new URLSearchParams();
-    isDev && searchParams.set('dev', '1');
-    searchParams.set('share', 'SCADA');
-    searchParams.set('configurationId', record.id);
-    searchParams.set('publicId', record.publicId || '');
-    searchParams.set('lightbox', '1');
-    searchParams.set('organizationId', record!.organizationId || '');
-    return `${origin}${configurationPrefix}/?${searchParams.toString()}`;
+    return createScadaPageLink(record, ScadaModeEnum.SHARE, false);
   };
   };
 
 
   const { copied, copy } = useClipboard({ legacy: true });
   const { copied, copy } = useClipboard({ legacy: true });