perf: DEFECT-845 optimize configuration center page

@@ -14,9 +14,9 @@ VITE_PUBLIC_PATH = /
 # VITE_PROXY = [["/api","http://101.133.234.90:8080/api"]]
 # 线上测试环境
 # VITE_PROXY = [["/api","http://localhost:8080/api"],["/thingskit-drawio","http://localhost:3000/"]]
-VITE_PROXY = [["/api","http://222.180.200.114:48080/api"],["/thingskit-drawio","http://localhost:3000/"]]
+# VITE_PROXY = [["/api","http://222.180.200.114:48080/api"],["/thingskit-drawio","http://localhost:3000/"]]
 # VITE_PROXY = [["/api","http://121.37.251.8:8080/api"],["/thingskit-drawio","http://localhost:3000/"]]
-# VITE_PROXY = [["/api","http://192.168.10.136:8080/api"],["/thingskit-drawio","http://192.168.10.136:8080/api"]]
+VITE_PROXY = [["/api","http://192.168.10.103:8080/api"],["/thingskit-drawio","http://192.168.10.136:8080/api"]]
 
 # 实时数据的ws地址
 # VITE_WEB_SOCKET = ws://localhost:8080/api/ws/plugins/telemetry?token=

@@ -27,6 +27,7 @@
   import { getBoundingClientRect } from '/@/utils/domUtils';
   import configurationSrc from '/@/assets/icons/configuration.svg';
   import { cloneDeep } from 'lodash';
+  import { usePermission } from '/@/hooks/web/usePermission';
 
   const listColumn = ref(4);
 
@@ -112,8 +113,9 @@
   const { VITE_GLOB_CONFIGURATION } = import.meta.env;
   const isDev = isDevMode();
 
+  const { hasPermission } = usePermission();
   const handlePreview = (record: ConfigurationCenterItemsModal) => {
-    console.log(record);
+    if (!hasPermission('api:yt:configuration:center:get_configuration_info:get')) return;
     window.open(
       `${VITE_GLOB_CONFIGURATION}/${isDev ? '?dev=1&' : '?'}configurationId=${
         record!.id
@@ -206,7 +208,12 @@
             <Card hoverable>
               <template #cover>
                 <div class="h-full w-full !flex justify-center items-center text-center">
-                  <img class="w-36 h-36" alt="example" :src="item.thumbnail || configurationSrc" />
+                  <img
+                    class="w-36 h-36"
+                    alt="example"
+                    :src="item.thumbnail || configurationSrc"
+                    @click="handlePreview(item)"
+                  />
                 </div>
               </template>
               <template class="ant-card-actions" #actions>
@@ -215,18 +222,18 @@
                     <EyeOutlined key="setting" @click="handlePreview(item)" />
                   </Tooltip>
                 </Authority>
-                <Authority value="api:yt:configuration:center:update">
-                  <Tooltip title="编辑">
-                    <EditOutlined key="edit" @click="handleCreateOrUpdate(item)" />
+                <Authority value="api:yt:configuration:center:get_configuration_info:get">
+                  <Tooltip title="设计">
+                    <EditOutlined key="edit" @click="handleDesign(item)" />
                   </Tooltip>
                 </Authority>
                 <Dropdown
                   :dropMenuList="[
                     {
                       text: '设计',
-                      auth: 'api:yt:configuration:center:get_configuration_info:get',
+                      auth: 'api:yt:configuration:center:update',
                       icon: 'clarity:note-edit-line',
-                      onClick: handleDesign.bind(null, item),
+                      onClick: handleCreateOrUpdate.bind(null, item),
                     },
                     {
                       text: '删除',