feat: 大屏可视化中间地球动画

src/views/screen/index.vue

@@ -67,6 +67,7 @@ import ItemWrap from './components/common/item-wrap';
 import AccessStatus from './components/AccessStatus.vue';
 import MajorSystemHealthStatus from './components/MajorSystemHealthStatus.vue';
 import MajorAlert from './components/MajorAlert.vue';
+import AccessSituation from './components/AccessSituation.vue';
 
 /** 机构切换配置 */
 const orgList = ref([
@@ -110,6 +111,9 @@ const getComponent = (componentName) => {
         case 'MajorAlert':
             component = shallowRef(MajorAlert);
             break;
+        case 'AccessSituation':
+            component = shallowRef(AccessSituation);
+            break;
     }
     return component;
 };
@@ -122,6 +126,9 @@ const getComponentClass = computed(() => (componentName) => {
         case 'MajorSystemHealthStatus':
             className = 'content_lb-item';
             break;
+        case 'AccessSituation':
+            className = 'content_ct-item';
+            break;
     }
     return className;
 });
@@ -137,7 +144,10 @@ const getLayout = (id) => {
                             { title: '综合看板', componentName: 'AccessStatus' },
                             { title: '重要系统健康状态', componentName: 'MajorSystemHealthStatus' },
                         ],
-                        center: [{ title: '重要告警', componentName: 'MajorAlert' }],
+                        center: [
+                            { title: '重要告警', componentName: 'MajorAlert' },
+                            { title: 'IT资源接入情况', componentName: 'AccessSituation' },
+                        ],
                         right: [],
                     };
                     break;
@@ -147,7 +157,10 @@ const getLayout = (id) => {
                             { title: '综合看板', componentName: 'AccessStatus' },
                             { title: '重要系统健康状态', componentName: 'MajorSystemHealthStatus' },
                         ],
-                        center: [{ title: '重要告警', componentName: 'MajorAlert' }],
+                        center: [
+                            { title: '重要告警', componentName: 'MajorAlert' },
+                            { title: 'IT资源接入情况', componentName: 'AccessSituation' },
+                        ],
                         right: [],
                     };
                     break;