packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue

@@ -169,14 +169,14 @@ const handleStartDispatch = () => {
 .force-dispatch__level-label {
   font-size: fs(18);
   font-family: SourceHanSansCN-Regular, sans-serif;
-  color: var(--text-white);
+  color: rgba(255, 255, 255, 0.8);
 }
 
 .force-dispatch__level-value {
   font-size: fs(18);
   font-family: SourceHanSansCN-Bold, sans-serif;
   font-weight: 600;
-  color: var(--text-white);
+  color: rgba(255, 255, 255, 0.95);
 }
 
 /* 智能应急方案按钮 */
@@ -210,7 +210,7 @@ const handleStartDispatch = () => {
   font-size: fs(18);
   font-family: SourceHanSansCN-Medium, sans-serif;
   font-weight: 500;
-  color: var(--text-white);
+  color: rgba(255, 255, 255, 0.95);
 }
 
 .force-dispatch__plan-icon {
@@ -254,7 +254,7 @@ const handleStartDispatch = () => {
 .force-dispatch__stat-label {
   font-size: fs(12);
   font-family: SourceHanSansCN-Regular, sans-serif;
-  color: var(--text-white);
+  color: rgba(255, 255, 255, 0.7);
 }
 
 .force-dispatch__stat-value {
@@ -272,7 +272,7 @@ const handleStartDispatch = () => {
   font-size: fs(12);
   font-family: SourceHanSansCN-Regular, sans-serif;
   font-weight: 400;
-  color: var(--text-white);
+  color: rgba(255, 255, 255, 0.8);
   margin-left: vw(2);
 }
 
@@ -349,14 +349,14 @@ const handleStartDispatch = () => {
   font-size: fs(14);
   font-family: SourceHanSansCN-Medium, sans-serif;
   font-weight: 500;
-  color: var(--text-white);
+  color: rgba(255, 255, 255, 0.9);
 }
 
 .force-dispatch__circle-line2 {
   font-size: fs(13);
   font-family: SourceHanSansCN-Regular, sans-serif;
   font-weight: 400;
-  color: var(--text-white);
+  color: rgba(255, 255, 255, 0.8);
 }
 
 /* 旋转动画 */
@@ -391,13 +391,13 @@ const handleStartDispatch = () => {
 .force-dispatch__eta-label {
   font-size: fs(11);
   font-family: SourceHanSansCN-Regular, sans-serif;
-  color: var(--text-white);
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .force-dispatch__eta-value {
   font-size: fs(13);
   font-family: SourceHanSansCN-Bold, sans-serif;
   font-weight: 600;
-  color: var(--text-white);
+  color: rgba(255, 255, 255, 0.95);
 }
 </style>

packages/screen/src/views/3DSituationalAwarenessRefactor/components/PageHeader.vue

@@ -106,7 +106,7 @@ const handleBack = () => {
     .logo-section {
       .logo-image {
         width: vw(42);
-        height: vw(42);
+        height: vh(30);
         border-radius: 50%;
       }
     }

packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/CollaborationInfo.vue

@@ -1,17 +1,16 @@
 <template>
-  <div class="collaboration-info" :class="{ 'is-collapsed': isCollapsed }">
+  <div class="collaboration-info">
     <div class="collaboration-info__header">
       <img
         src="../../assets/images/SketchPng5d7d0c9a19ebbe31859bb19ed24fd41e757f04c7980ce640abb9c2c693b54728.png"
         alt="info"
         class="header-icon"
-        @click="toggleCollapse"
       />
     </div>
 
     <div class="collaboration-info__list">
       <div
-        v-for="(info, index) in displayedInfo"
+        v-for="info in collaborationInfo"
         :key="info.id"
         class="info-item"
       >
@@ -26,28 +25,10 @@
 </template>
 
 <script setup>
-import { inject, ref, computed } from 'vue'
+import { inject } from 'vue'
 
 const { collaborationInfo } = inject('disasterData')
 
-// 折叠状态
-const isCollapsed = ref(false)
-
-// 切换折叠状态
-const toggleCollapse = () => {
-  isCollapsed.value = !isCollapsed.value
-}
-
-// 根据折叠状态显示的信息
-const displayedInfo = computed(() => {
-  if (isCollapsed.value && collaborationInfo.value.length > 0) {
-    // 折叠时只显示第一条
-    return [collaborationInfo.value[0]]
-  }
-  // 展开时显示全部
-  return collaborationInfo.value
-})
-
 // 根据信息源返回对应的颜色
 const getSourceColor = (source) => {
   const colorMap = {
@@ -61,7 +42,7 @@ const getSourceColor = (source) => {
     '宣传部门': '#00D68F'       // 绿色
   }
 
-  return colorMap[source] || '#4A9EFF' // 默认蓝色
+  return colorMap[source] || '#4A9EFF' // <EFBFBD><EFBFBD><EFBFBD>认蓝色
 }
 </script>
 
@@ -78,19 +59,13 @@ const getSourceColor = (source) => {
 
   &__header {
     position: absolute;
-    top: 10px;
+    top: vh(16);
     right: vw(5);
     z-index: 1;
 
     .header-icon {
       width: vw(20);
       height: vh(20);
-      cursor: pointer;
-      transition: all 0.3s ease;
-
-      &:hover {
-        opacity: 0.8;
-      }
     }
   }
 
@@ -101,8 +76,6 @@ const getSourceColor = (source) => {
     padding: vw(8) vw(16);
     max-height: vh(200);
     overflow-y: auto;
-    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
-    opacity: 1;
 
     &::-webkit-scrollbar {
       width: vw(4);
@@ -141,27 +114,5 @@ const getSourceColor = (source) => {
       }
     }
   }
-
-  // 折叠状态
-  &.is-collapsed {
-    .header-icon {
-      transform: rotate(180deg);
-    }
-
-    .collaboration-info__list {
-      max-height: vh(30); // 折叠时只显示一行的高度
-      overflow: hidden;
-
-      .info-item:not(:first-child) {
-        opacity: 0;
-        transform: translateY(-10px);
-      }
-    }
-  }
-
-  // 为列表项添加过渡
-  .info-item {
-    transition: opacity 0.3s ease, transform 0.3s ease;
-  }
 }
 </style>

packages/screen/src/views/3DSituationalAwarenessRefactor/composables/use3DTiles.js

@@ -30,18 +30,18 @@ export function use3DTiles() {
 
       const tileset = await Cesium.Cesium3DTileset.fromUrl(url, {
         skipLevelOfDetail: true,
-        baseScreenSpaceError: 1024,
+        baseScreenSpaceError: 100,
         skipScreenSpaceErrorFactor: 16,
         skipLevels: 1,
         immediatelyLoadDesiredLevelOfDetail: false,
         loadSiblings: false,
-        maximumScreenSpaceError: 2.0,  // 降低到2.0以提高模型精细度（原来是16.0）
+        maximumScreenSpaceError: 16.0,  // 进一步增大，最大限度减少瓦片细化（之前是8.0）
-        dynamicScreenSpaceError: true, // 启用动态屏幕空间误差调整
+        dynamicScreenSpaceError: false, // 禁用动态屏幕空间误差调整
-        dynamicScreenSpaceErrorDensity: 0.00278, // 启用密度调整
+        dynamicScreenSpaceErrorDensity: 0, // 禁用密度调整
-        dynamicScreenSpaceErrorFactor: 4.0, // 动态因子
+        dynamicScreenSpaceErrorFactor: 1, // 禁用动态因子
-        foveatedScreenSpaceError: true, // 启用视锥细化
+        foveatedScreenSpaceError: false, // 禁用视锥细化
-        foveatedConeSize: 0.1, // 视锥大小
+        foveatedConeSize: 0.1, // 减小视锥大小
-        foveatedMinimumScreenSpaceErrorRelaxation: 0.0 // 最小放松
+        foveatedMinimumScreenSpaceErrorRelaxation: 0 // 禁用放松
       })
 
       // 将tileset添加到viewer的primitives

packages/screen/src/views/3DSituationalAwarenessRefactor/index.vue

@@ -132,7 +132,7 @@
       <!-- 加载动画层 - 一键启动后显示 -->
       <div v-if="showLoading" class="situational-awareness__loading-layer">
         <img
-          src="./assets/images/加载.gif"
+          src="./assets/images/加载gif.gif"
           alt="加载中"
           class="situational-awareness__loading-gif"
         />