diff --git a/src/assets/images/Sponge_screen/menu/DB_img.png b/src/assets/images/Sponge_screen/menu/DB_img.png
index 986a16f..e1e2474 100644
--- a/src/assets/images/Sponge_screen/menu/DB_img.png
+++ b/src/assets/images/Sponge_screen/menu/DB_img.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/menu/DB_img.png b/src/assets/images/Sponge_screen/menu/DB_img.png
index 986a16f..e1e2474 100644
--- a/src/assets/images/Sponge_screen/menu/DB_img.png
+++ b/src/assets/images/Sponge_screen/menu/DB_img.png
Binary files differ
diff --git a/src/utils/GISdocument/mapboxVectorLayer.js b/src/utils/GISdocument/mapboxVectorLayer.js
index b5d57d3..90c59f0 100644
--- a/src/utils/GISdocument/mapboxVectorLayer.js
+++ b/src/utils/GISdocument/mapboxVectorLayer.js
@@ -107,8 +107,9 @@
           source: layerId,
           paint: {
             'text-color': 'rgba(255, 255, 255, 1)',
-            'text-halo-color': 'rgba(14, 139, 90, 1)',
-            'text-halo-width': 2,
+            // 地图上文字的
+            'text-halo-color': 'rgba(0,0,0, 1)',
+            'text-halo-width': 1,
           },
           layout: {
             'icon-image': layerId,
@@ -119,7 +120,7 @@
             'text-field': '{name}',
             'text-font': ['KlokanTech Noto Sans Regular'],
             'icon-rotate': ['get', 'bearing'],
-            'text-size': 16,
+            'text-size': 18,
             'text-line-height': 3,
             'text-max-width': 50,
             'text-offset': [0, -3],
@@ -286,7 +287,7 @@
         // https://docs.mapbox.comhttps://docs.mapbox.com/style-spec/reference/sources/
         tiles: [
           '/geoserver/demo/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&transparent=true&width=256&height=256&' +
-            `layers=${layerName}`,
+          `layers=${layerName}`,
         ],
         tileSize: 256,
       });

diff --git a/src/assets/images/Sponge_screen/menu/DB_img.png b/src/assets/images/Sponge_screen/menu/DB_img.png
index 986a16f..e1e2474 100644
--- a/src/assets/images/Sponge_screen/menu/DB_img.png
+++ b/src/assets/images/Sponge_screen/menu/DB_img.png
Binary files differ
diff --git a/src/utils/GISdocument/mapboxVectorLayer.js b/src/utils/GISdocument/mapboxVectorLayer.js
index b5d57d3..90c59f0 100644
--- a/src/utils/GISdocument/mapboxVectorLayer.js
+++ b/src/utils/GISdocument/mapboxVectorLayer.js
@@ -107,8 +107,9 @@
           source: layerId,
           paint: {
             'text-color': 'rgba(255, 255, 255, 1)',
-            'text-halo-color': 'rgba(14, 139, 90, 1)',
-            'text-halo-width': 2,
+            // 地图上文字的
+            'text-halo-color': 'rgba(0,0,0, 1)',
+            'text-halo-width': 1,
           },
           layout: {
             'icon-image': layerId,
@@ -119,7 +120,7 @@
             'text-field': '{name}',
             'text-font': ['KlokanTech Noto Sans Regular'],
             'icon-rotate': ['get', 'bearing'],
-            'text-size': 16,
+            'text-size': 18,
             'text-line-height': 3,
             'text-max-width': 50,
             'text-offset': [0, -3],
@@ -286,7 +287,7 @@
         // https://docs.mapbox.comhttps://docs.mapbox.com/style-spec/reference/sources/
         tiles: [
           '/geoserver/demo/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&transparent=true&width=256&height=256&' +
-            `layers=${layerName}`,
+          `layers=${layerName}`,
         ],
         tileSize: 256,
       });
diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
index b45b1da..273656c 100644
--- a/src/views/oneMap/BIM/Tunnel.vue
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -3,19 +3,22 @@
 </template>
 
 <script setup name="Tunnel">
-import { ref, reactive, toRefs, onMounted } from 'vue';
-import * as THREE from 'three';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; //控制器
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; // gltf加载器
-import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader';
-import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
-import { Water } from 'three/examples/jsm/objects/Water.js';
+import { ref, reactive, toRefs, onMounted } from "vue";
+import * as THREE from "three";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; //控制器
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js"; // gltf加载器
+import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
+import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";
+import { Water } from "three/examples/jsm/objects/Water.js";
 
-import { CSS3DRenderer, CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import gsap from 'gsap';
-import { CSSRulePlugin } from 'gsap/CSSRulePlugin';
+import {
+  CSS3DRenderer,
+  CSS3DObject,
+} from "three/examples/jsm/renderers/CSS3DRenderer.js";
+import gsap from "gsap";
+import { CSSRulePlugin } from "gsap/CSSRulePlugin";
 
-const show = ref('');
+const show = ref("");
 const width = ref(null);
 const height = ref(null);
 const Camera = ref(null);
@@ -27,134 +30,134 @@
 let Twater = null;
 const labelData = ref([
   {
-    name: '风速风向仪',
+    name: "风速风向仪",
     id: `YuanDian1`,
     position: {
       x: 0,
       y: 0,
       z: 2.5,
     },
-    icon: '/Three/icon/fsfx_icon.png',
+    icon: "/Three/icon/fsfx_icon.png",
     data: [
       {
-        name: '方向',
-        value: '东北风',
-        unit: '',
+        name: "方向",
+        value: "东北风",
+        unit: "",
       },
       {
-        name: '风速',
-        value: '1.3',
-        unit: 'm/s',
+        name: "风速",
+        value: "1.3",
+        unit: "m/s",
       },
     ],
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian2`,
     position: {
       x: -46,
       y: 0,
       z: 2.5,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [
       {
-        name: '挠度变化值',
-        value: '-0.01',
-        unit: 'mm',
+        name: "挠度变化值",
+        value: "-0.01",
+        unit: "mm",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian3`,
     position: {
       x: -46,
       y: 0,
       z: -12.6,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [
       {
-        name: '挠度变化值',
-        value: '-0.01',
-        unit: 'mm',
+        name: "挠度变化值",
+        value: "-0.01",
+        unit: "mm",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian4`,
     position: {
       x: 0,
       y: 7.5,
       z: 0,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [
       {
-        name: '应变量',
-        value: '17',
-        unit: 'με',
+        name: "应变量",
+        value: "17",
+        unit: "με",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian5`,
     position: {
       x: 0,
       y: 7.5,
       z: -10,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [
       {
-        name: '应变量',
-        value: '17',
-        unit: 'με',
+        name: "应变量",
+        value: "17",
+        unit: "με",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '加速度计',
+    name: "加速度计",
     id: `YuanDian6`,
     position: {
       x: 0,
       y: 0,
       z: -5,
     },
-    icon: '/Three/icon/jsdj_icon.png',
+    icon: "/Three/icon/jsdj_icon.png",
     data: [
       {
-        name: '加速度',
-        value: '1.42',
-        unit: 'mm/s2',
+        name: "加速度",
+        value: "1.42",
+        unit: "mm/s2",
       },
       {
-        name: '风速',
-        value: '1.3',
-        unit: 'm/s',
+        name: "风速",
+        value: "1.3",
+        unit: "m/s",
       },
     ],
   },
@@ -248,11 +251,11 @@
   const Gltfloader = new GLTFLoader();
   var dracoLoader = new DRACOLoader();
   // dracoLoader.setDecoderPath("https://zhzz.hongshan.gov.cn:8865/file/hongshan/Three_Gltf/"); //设置解压库文件路径
-  dracoLoader.setDecoderPath('/draco/'); //设置解压库文件路径
+  dracoLoader.setDecoderPath("/draco/"); //设置解压库文件路径
   Gltfloader.setDRACOLoader(dracoLoader);
   Gltfloader.load(
     url,
-    gltf => {
+    (gltf) => {
       gltf.scene.name = name;
       gltf.scene.scale.set(1, 1, 1);
       // gltf.scene.position.x = -70;
@@ -290,7 +293,7 @@
     y: position.y,
     z: position.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
   // gsap.to(Camera.value.lookAt, {
   //   x: lookAt.x,
@@ -304,7 +307,7 @@
     y: lookAt.y,
     z: lookAt.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
 };
 
@@ -313,8 +316,8 @@
  * 该函数负责创建和配置Three.js的WebGL渲染器，包括设置视口大小、抗锯齿、阴影、像素比、色调映射等
  */
 const initRenderer = () => {
-  width.value = document.getElementById('Tunnel').clientWidth;
-  height.value = document.getElementById('Tunnel').clientHeight;
+  width.value = document.getElementById("Tunnel").clientWidth;
+  height.value = document.getElementById("Tunnel").clientHeight;
   Renderer.value = new THREE.WebGLRenderer({
     antialias: true,
     // alpha: true, //开启alpha
@@ -335,8 +338,8 @@
 const initLabelRenderer = () => {
   LabelRenderer.value = new CSS3DRenderer();
   LabelRenderer.value.setSize(width.value, height.value);
-  LabelRenderer.value.domElement.style.position = 'absolute';
-  LabelRenderer.value.domElement.style.top = '0px';
+  LabelRenderer.value.domElement.style.position = "absolute";
+  LabelRenderer.value.domElement.style.top = "0px";
   threeDom.value.appendChild(LabelRenderer.value.domElement);
   // LabelRenderer.value.domElement.addEventListener("click", meshOnClick);
 };
@@ -346,7 +349,12 @@
  * 创建一个透视摄像机，并设置其位置
  */
 const initCamera = () => {
-  Camera.value = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 4000);
+  Camera.value = new THREE.PerspectiveCamera(
+    45,
+    window.innerWidth / window.innerHeight,
+    1,
+    4000
+  );
   Camera.value.position.set(500, 500, 500);
 };
 
@@ -387,7 +395,7 @@
  */
 const initLight = () => {
   // 设置场景的背景颜色，即天空颜色
-  // Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
+  Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
   // 设置天空的雾气颜色和雾气近距离
   // Scene.fog = new THREE.Fog(0xffffff, 50, 200); // 距离10开始，到200结束
   // Scene.fog = new THREE.Fog(0x1784f9, 50, 2000); // 距离10开始，到200结束
@@ -418,7 +426,7 @@
 const initSky = () => {
   var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
   pmremGenerator.compileEquirectangularShader();
-  new RGBELoader().load('/Gltf/Skey_1K.hdr', function (texture) {
+  new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
     const envMap = pmremGenerator.fromEquirectangular(texture).texture;
     envMap.isPmremTexture = true;
     Scene.environment = envMap;
@@ -451,7 +459,7 @@
     let labelCSS3D = Scene.getObjectByName(`YuanDian${index + 1}`);
     if (labelCSS3D === undefined) {
       let lableDiv = document.getElementById(`YuanDian${index + 1}`);
-      lableDiv.style.display = 'block';
+      lableDiv.style.display = "block";
       labelCSS3D = new CSS3DObject(lableDiv);
       labelCSS3D.position.set(item.position.x, item.position.y, item.position.z);
       labelCSS3D.scale.set(0.1, 0.1, 0.1);
@@ -482,11 +490,11 @@
 onBeforeMount(() => {
   //   initGltfFloor();
   // initModal('ChangJing', '/Gltf/ChuWangCheng.gltf');
-  initModal('yjlSD', '/Gltf/yjlSD.gltf');
+  initModal("yjlSD", "/Gltf/yjlSD.gltf");
 });
 onMounted(() => {
   nextTick(() => {
-    if (document.readyState === 'complete') {
+    if (document.readyState === "complete") {
       // createLable();
       // createWaterLevel();
     }
@@ -506,11 +514,11 @@
   // document.removeEventListener('click', meshOnClick);
   // window.removeEventListener("resize", onWindowResize, false);
 
-  Scene.traverse(e => {
+  Scene.traverse((e) => {
     if (e.BufferGeometry) e.BufferGeometry.dispose();
     if (e.material) {
       if (Array.isArray(e.material)) {
-        e.material.forEach(m => {
+        e.material.forEach((m) => {
           m.dispose();
         });
       } else {

diff --git a/src/assets/images/Sponge_screen/menu/DB_img.png b/src/assets/images/Sponge_screen/menu/DB_img.png
index 986a16f..e1e2474 100644
--- a/src/assets/images/Sponge_screen/menu/DB_img.png
+++ b/src/assets/images/Sponge_screen/menu/DB_img.png
Binary files differ
diff --git a/src/utils/GISdocument/mapboxVectorLayer.js b/src/utils/GISdocument/mapboxVectorLayer.js
index b5d57d3..90c59f0 100644
--- a/src/utils/GISdocument/mapboxVectorLayer.js
+++ b/src/utils/GISdocument/mapboxVectorLayer.js
@@ -107,8 +107,9 @@
           source: layerId,
           paint: {
             'text-color': 'rgba(255, 255, 255, 1)',
-            'text-halo-color': 'rgba(14, 139, 90, 1)',
-            'text-halo-width': 2,
+            // 地图上文字的
+            'text-halo-color': 'rgba(0,0,0, 1)',
+            'text-halo-width': 1,
           },
           layout: {
             'icon-image': layerId,
@@ -119,7 +120,7 @@
             'text-field': '{name}',
             'text-font': ['KlokanTech Noto Sans Regular'],
             'icon-rotate': ['get', 'bearing'],
-            'text-size': 16,
+            'text-size': 18,
             'text-line-height': 3,
             'text-max-width': 50,
             'text-offset': [0, -3],
@@ -286,7 +287,7 @@
         // https://docs.mapbox.comhttps://docs.mapbox.com/style-spec/reference/sources/
         tiles: [
           '/geoserver/demo/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&transparent=true&width=256&height=256&' +
-            `layers=${layerName}`,
+          `layers=${layerName}`,
         ],
         tileSize: 256,
       });
diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
index b45b1da..273656c 100644
--- a/src/views/oneMap/BIM/Tunnel.vue
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -3,19 +3,22 @@
 </template>
 
 <script setup name="Tunnel">
-import { ref, reactive, toRefs, onMounted } from 'vue';
-import * as THREE from 'three';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; //控制器
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; // gltf加载器
-import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader';
-import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
-import { Water } from 'three/examples/jsm/objects/Water.js';
+import { ref, reactive, toRefs, onMounted } from "vue";
+import * as THREE from "three";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; //控制器
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js"; // gltf加载器
+import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
+import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";
+import { Water } from "three/examples/jsm/objects/Water.js";
 
-import { CSS3DRenderer, CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import gsap from 'gsap';
-import { CSSRulePlugin } from 'gsap/CSSRulePlugin';
+import {
+  CSS3DRenderer,
+  CSS3DObject,
+} from "three/examples/jsm/renderers/CSS3DRenderer.js";
+import gsap from "gsap";
+import { CSSRulePlugin } from "gsap/CSSRulePlugin";
 
-const show = ref('');
+const show = ref("");
 const width = ref(null);
 const height = ref(null);
 const Camera = ref(null);
@@ -27,134 +30,134 @@
 let Twater = null;
 const labelData = ref([
   {
-    name: '风速风向仪',
+    name: "风速风向仪",
     id: `YuanDian1`,
     position: {
       x: 0,
       y: 0,
       z: 2.5,
     },
-    icon: '/Three/icon/fsfx_icon.png',
+    icon: "/Three/icon/fsfx_icon.png",
     data: [
       {
-        name: '方向',
-        value: '东北风',
-        unit: '',
+        name: "方向",
+        value: "东北风",
+        unit: "",
       },
       {
-        name: '风速',
-        value: '1.3',
-        unit: 'm/s',
+        name: "风速",
+        value: "1.3",
+        unit: "m/s",
       },
     ],
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian2`,
     position: {
       x: -46,
       y: 0,
       z: 2.5,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [
       {
-        name: '挠度变化值',
-        value: '-0.01',
-        unit: 'mm',
+        name: "挠度变化值",
+        value: "-0.01",
+        unit: "mm",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian3`,
     position: {
       x: -46,
       y: 0,
       z: -12.6,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [
       {
-        name: '挠度变化值',
-        value: '-0.01',
-        unit: 'mm',
+        name: "挠度变化值",
+        value: "-0.01",
+        unit: "mm",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian4`,
     position: {
       x: 0,
       y: 7.5,
       z: 0,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [
       {
-        name: '应变量',
-        value: '17',
-        unit: 'με',
+        name: "应变量",
+        value: "17",
+        unit: "με",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian5`,
     position: {
       x: 0,
       y: 7.5,
       z: -10,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [
       {
-        name: '应变量',
-        value: '17',
-        unit: 'με',
+        name: "应变量",
+        value: "17",
+        unit: "με",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '加速度计',
+    name: "加速度计",
     id: `YuanDian6`,
     position: {
       x: 0,
       y: 0,
       z: -5,
     },
-    icon: '/Three/icon/jsdj_icon.png',
+    icon: "/Three/icon/jsdj_icon.png",
     data: [
       {
-        name: '加速度',
-        value: '1.42',
-        unit: 'mm/s2',
+        name: "加速度",
+        value: "1.42",
+        unit: "mm/s2",
       },
       {
-        name: '风速',
-        value: '1.3',
-        unit: 'm/s',
+        name: "风速",
+        value: "1.3",
+        unit: "m/s",
       },
     ],
   },
@@ -248,11 +251,11 @@
   const Gltfloader = new GLTFLoader();
   var dracoLoader = new DRACOLoader();
   // dracoLoader.setDecoderPath("https://zhzz.hongshan.gov.cn:8865/file/hongshan/Three_Gltf/"); //设置解压库文件路径
-  dracoLoader.setDecoderPath('/draco/'); //设置解压库文件路径
+  dracoLoader.setDecoderPath("/draco/"); //设置解压库文件路径
   Gltfloader.setDRACOLoader(dracoLoader);
   Gltfloader.load(
     url,
-    gltf => {
+    (gltf) => {
       gltf.scene.name = name;
       gltf.scene.scale.set(1, 1, 1);
       // gltf.scene.position.x = -70;
@@ -290,7 +293,7 @@
     y: position.y,
     z: position.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
   // gsap.to(Camera.value.lookAt, {
   //   x: lookAt.x,
@@ -304,7 +307,7 @@
     y: lookAt.y,
     z: lookAt.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
 };
 
@@ -313,8 +316,8 @@
  * 该函数负责创建和配置Three.js的WebGL渲染器，包括设置视口大小、抗锯齿、阴影、像素比、色调映射等
  */
 const initRenderer = () => {
-  width.value = document.getElementById('Tunnel').clientWidth;
-  height.value = document.getElementById('Tunnel').clientHeight;
+  width.value = document.getElementById("Tunnel").clientWidth;
+  height.value = document.getElementById("Tunnel").clientHeight;
   Renderer.value = new THREE.WebGLRenderer({
     antialias: true,
     // alpha: true, //开启alpha
@@ -335,8 +338,8 @@
 const initLabelRenderer = () => {
   LabelRenderer.value = new CSS3DRenderer();
   LabelRenderer.value.setSize(width.value, height.value);
-  LabelRenderer.value.domElement.style.position = 'absolute';
-  LabelRenderer.value.domElement.style.top = '0px';
+  LabelRenderer.value.domElement.style.position = "absolute";
+  LabelRenderer.value.domElement.style.top = "0px";
   threeDom.value.appendChild(LabelRenderer.value.domElement);
   // LabelRenderer.value.domElement.addEventListener("click", meshOnClick);
 };
@@ -346,7 +349,12 @@
  * 创建一个透视摄像机，并设置其位置
  */
 const initCamera = () => {
-  Camera.value = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 4000);
+  Camera.value = new THREE.PerspectiveCamera(
+    45,
+    window.innerWidth / window.innerHeight,
+    1,
+    4000
+  );
   Camera.value.position.set(500, 500, 500);
 };
 
@@ -387,7 +395,7 @@
  */
 const initLight = () => {
   // 设置场景的背景颜色，即天空颜色
-  // Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
+  Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
   // 设置天空的雾气颜色和雾气近距离
   // Scene.fog = new THREE.Fog(0xffffff, 50, 200); // 距离10开始，到200结束
   // Scene.fog = new THREE.Fog(0x1784f9, 50, 2000); // 距离10开始，到200结束
@@ -418,7 +426,7 @@
 const initSky = () => {
   var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
   pmremGenerator.compileEquirectangularShader();
-  new RGBELoader().load('/Gltf/Skey_1K.hdr', function (texture) {
+  new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
     const envMap = pmremGenerator.fromEquirectangular(texture).texture;
     envMap.isPmremTexture = true;
     Scene.environment = envMap;
@@ -451,7 +459,7 @@
     let labelCSS3D = Scene.getObjectByName(`YuanDian${index + 1}`);
     if (labelCSS3D === undefined) {
       let lableDiv = document.getElementById(`YuanDian${index + 1}`);
-      lableDiv.style.display = 'block';
+      lableDiv.style.display = "block";
       labelCSS3D = new CSS3DObject(lableDiv);
       labelCSS3D.position.set(item.position.x, item.position.y, item.position.z);
       labelCSS3D.scale.set(0.1, 0.1, 0.1);
@@ -482,11 +490,11 @@
 onBeforeMount(() => {
   //   initGltfFloor();
   // initModal('ChangJing', '/Gltf/ChuWangCheng.gltf');
-  initModal('yjlSD', '/Gltf/yjlSD.gltf');
+  initModal("yjlSD", "/Gltf/yjlSD.gltf");
 });
 onMounted(() => {
   nextTick(() => {
-    if (document.readyState === 'complete') {
+    if (document.readyState === "complete") {
       // createLable();
       // createWaterLevel();
     }
@@ -506,11 +514,11 @@
   // document.removeEventListener('click', meshOnClick);
   // window.removeEventListener("resize", onWindowResize, false);
 
-  Scene.traverse(e => {
+  Scene.traverse((e) => {
     if (e.BufferGeometry) e.BufferGeometry.dispose();
     if (e.material) {
       if (Array.isArray(e.material)) {
-        e.material.forEach(m => {
+        e.material.forEach((m) => {
           m.dispose();
         });
       } else {
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index ed6aebe..e728beb 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -756,7 +756,6 @@
       axisLabel: {
         formatter: "{value}Km",
       },
-      max: 60,
       axisPointer: {
         type: "shadow",
       },
@@ -788,7 +787,7 @@
         },
         data: [
           {
-            value: 22,
+            value: 499.04,
             itemStyle: {
               color: "#FE7285",
               shadowColor: "#FE7285",

diff --git a/src/assets/images/Sponge_screen/menu/DB_img.png b/src/assets/images/Sponge_screen/menu/DB_img.png
index 986a16f..e1e2474 100644
--- a/src/assets/images/Sponge_screen/menu/DB_img.png
+++ b/src/assets/images/Sponge_screen/menu/DB_img.png
Binary files differ
diff --git a/src/utils/GISdocument/mapboxVectorLayer.js b/src/utils/GISdocument/mapboxVectorLayer.js
index b5d57d3..90c59f0 100644
--- a/src/utils/GISdocument/mapboxVectorLayer.js
+++ b/src/utils/GISdocument/mapboxVectorLayer.js
@@ -107,8 +107,9 @@
           source: layerId,
           paint: {
             'text-color': 'rgba(255, 255, 255, 1)',
-            'text-halo-color': 'rgba(14, 139, 90, 1)',
-            'text-halo-width': 2,
+            // 地图上文字的
+            'text-halo-color': 'rgba(0,0,0, 1)',
+            'text-halo-width': 1,
           },
           layout: {
             'icon-image': layerId,
@@ -119,7 +120,7 @@
             'text-field': '{name}',
             'text-font': ['KlokanTech Noto Sans Regular'],
             'icon-rotate': ['get', 'bearing'],
-            'text-size': 16,
+            'text-size': 18,
             'text-line-height': 3,
             'text-max-width': 50,
             'text-offset': [0, -3],
@@ -286,7 +287,7 @@
         // https://docs.mapbox.comhttps://docs.mapbox.com/style-spec/reference/sources/
         tiles: [
           '/geoserver/demo/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&transparent=true&width=256&height=256&' +
-            `layers=${layerName}`,
+          `layers=${layerName}`,
         ],
         tileSize: 256,
       });
diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
index b45b1da..273656c 100644
--- a/src/views/oneMap/BIM/Tunnel.vue
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -3,19 +3,22 @@
 </template>
 
 <script setup name="Tunnel">
-import { ref, reactive, toRefs, onMounted } from 'vue';
-import * as THREE from 'three';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; //控制器
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; // gltf加载器
-import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader';
-import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
-import { Water } from 'three/examples/jsm/objects/Water.js';
+import { ref, reactive, toRefs, onMounted } from "vue";
+import * as THREE from "three";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; //控制器
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js"; // gltf加载器
+import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
+import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";
+import { Water } from "three/examples/jsm/objects/Water.js";
 
-import { CSS3DRenderer, CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import gsap from 'gsap';
-import { CSSRulePlugin } from 'gsap/CSSRulePlugin';
+import {
+  CSS3DRenderer,
+  CSS3DObject,
+} from "three/examples/jsm/renderers/CSS3DRenderer.js";
+import gsap from "gsap";
+import { CSSRulePlugin } from "gsap/CSSRulePlugin";
 
-const show = ref('');
+const show = ref("");
 const width = ref(null);
 const height = ref(null);
 const Camera = ref(null);
@@ -27,134 +30,134 @@
 let Twater = null;
 const labelData = ref([
   {
-    name: '风速风向仪',
+    name: "风速风向仪",
     id: `YuanDian1`,
     position: {
       x: 0,
       y: 0,
       z: 2.5,
     },
-    icon: '/Three/icon/fsfx_icon.png',
+    icon: "/Three/icon/fsfx_icon.png",
     data: [
       {
-        name: '方向',
-        value: '东北风',
-        unit: '',
+        name: "方向",
+        value: "东北风",
+        unit: "",
       },
       {
-        name: '风速',
-        value: '1.3',
-        unit: 'm/s',
+        name: "风速",
+        value: "1.3",
+        unit: "m/s",
       },
     ],
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian2`,
     position: {
       x: -46,
       y: 0,
       z: 2.5,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [
       {
-        name: '挠度变化值',
-        value: '-0.01',
-        unit: 'mm',
+        name: "挠度变化值",
+        value: "-0.01",
+        unit: "mm",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian3`,
     position: {
       x: -46,
       y: 0,
       z: -12.6,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [
       {
-        name: '挠度变化值',
-        value: '-0.01',
-        unit: 'mm',
+        name: "挠度变化值",
+        value: "-0.01",
+        unit: "mm",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian4`,
     position: {
       x: 0,
       y: 7.5,
       z: 0,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [
       {
-        name: '应变量',
-        value: '17',
-        unit: 'με',
+        name: "应变量",
+        value: "17",
+        unit: "με",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian5`,
     position: {
       x: 0,
       y: 7.5,
       z: -10,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [
       {
-        name: '应变量',
-        value: '17',
-        unit: 'με',
+        name: "应变量",
+        value: "17",
+        unit: "με",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '加速度计',
+    name: "加速度计",
     id: `YuanDian6`,
     position: {
       x: 0,
       y: 0,
       z: -5,
     },
-    icon: '/Three/icon/jsdj_icon.png',
+    icon: "/Three/icon/jsdj_icon.png",
     data: [
       {
-        name: '加速度',
-        value: '1.42',
-        unit: 'mm/s2',
+        name: "加速度",
+        value: "1.42",
+        unit: "mm/s2",
       },
       {
-        name: '风速',
-        value: '1.3',
-        unit: 'm/s',
+        name: "风速",
+        value: "1.3",
+        unit: "m/s",
       },
     ],
   },
@@ -248,11 +251,11 @@
   const Gltfloader = new GLTFLoader();
   var dracoLoader = new DRACOLoader();
   // dracoLoader.setDecoderPath("https://zhzz.hongshan.gov.cn:8865/file/hongshan/Three_Gltf/"); //设置解压库文件路径
-  dracoLoader.setDecoderPath('/draco/'); //设置解压库文件路径
+  dracoLoader.setDecoderPath("/draco/"); //设置解压库文件路径
   Gltfloader.setDRACOLoader(dracoLoader);
   Gltfloader.load(
     url,
-    gltf => {
+    (gltf) => {
       gltf.scene.name = name;
       gltf.scene.scale.set(1, 1, 1);
       // gltf.scene.position.x = -70;
@@ -290,7 +293,7 @@
     y: position.y,
     z: position.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
   // gsap.to(Camera.value.lookAt, {
   //   x: lookAt.x,
@@ -304,7 +307,7 @@
     y: lookAt.y,
     z: lookAt.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
 };
 
@@ -313,8 +316,8 @@
  * 该函数负责创建和配置Three.js的WebGL渲染器，包括设置视口大小、抗锯齿、阴影、像素比、色调映射等
  */
 const initRenderer = () => {
-  width.value = document.getElementById('Tunnel').clientWidth;
-  height.value = document.getElementById('Tunnel').clientHeight;
+  width.value = document.getElementById("Tunnel").clientWidth;
+  height.value = document.getElementById("Tunnel").clientHeight;
   Renderer.value = new THREE.WebGLRenderer({
     antialias: true,
     // alpha: true, //开启alpha
@@ -335,8 +338,8 @@
 const initLabelRenderer = () => {
   LabelRenderer.value = new CSS3DRenderer();
   LabelRenderer.value.setSize(width.value, height.value);
-  LabelRenderer.value.domElement.style.position = 'absolute';
-  LabelRenderer.value.domElement.style.top = '0px';
+  LabelRenderer.value.domElement.style.position = "absolute";
+  LabelRenderer.value.domElement.style.top = "0px";
   threeDom.value.appendChild(LabelRenderer.value.domElement);
   // LabelRenderer.value.domElement.addEventListener("click", meshOnClick);
 };
@@ -346,7 +349,12 @@
  * 创建一个透视摄像机，并设置其位置
  */
 const initCamera = () => {
-  Camera.value = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 4000);
+  Camera.value = new THREE.PerspectiveCamera(
+    45,
+    window.innerWidth / window.innerHeight,
+    1,
+    4000
+  );
   Camera.value.position.set(500, 500, 500);
 };
 
@@ -387,7 +395,7 @@
  */
 const initLight = () => {
   // 设置场景的背景颜色，即天空颜色
-  // Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
+  Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
   // 设置天空的雾气颜色和雾气近距离
   // Scene.fog = new THREE.Fog(0xffffff, 50, 200); // 距离10开始，到200结束
   // Scene.fog = new THREE.Fog(0x1784f9, 50, 2000); // 距离10开始，到200结束
@@ -418,7 +426,7 @@
 const initSky = () => {
   var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
   pmremGenerator.compileEquirectangularShader();
-  new RGBELoader().load('/Gltf/Skey_1K.hdr', function (texture) {
+  new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
     const envMap = pmremGenerator.fromEquirectangular(texture).texture;
     envMap.isPmremTexture = true;
     Scene.environment = envMap;
@@ -451,7 +459,7 @@
     let labelCSS3D = Scene.getObjectByName(`YuanDian${index + 1}`);
     if (labelCSS3D === undefined) {
       let lableDiv = document.getElementById(`YuanDian${index + 1}`);
-      lableDiv.style.display = 'block';
+      lableDiv.style.display = "block";
       labelCSS3D = new CSS3DObject(lableDiv);
       labelCSS3D.position.set(item.position.x, item.position.y, item.position.z);
       labelCSS3D.scale.set(0.1, 0.1, 0.1);
@@ -482,11 +490,11 @@
 onBeforeMount(() => {
   //   initGltfFloor();
   // initModal('ChangJing', '/Gltf/ChuWangCheng.gltf');
-  initModal('yjlSD', '/Gltf/yjlSD.gltf');
+  initModal("yjlSD", "/Gltf/yjlSD.gltf");
 });
 onMounted(() => {
   nextTick(() => {
-    if (document.readyState === 'complete') {
+    if (document.readyState === "complete") {
       // createLable();
       // createWaterLevel();
     }
@@ -506,11 +514,11 @@
   // document.removeEventListener('click', meshOnClick);
   // window.removeEventListener("resize", onWindowResize, false);
 
-  Scene.traverse(e => {
+  Scene.traverse((e) => {
     if (e.BufferGeometry) e.BufferGeometry.dispose();
     if (e.material) {
       if (Array.isArray(e.material)) {
-        e.material.forEach(m => {
+        e.material.forEach((m) => {
           m.dispose();
         });
       } else {
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index ed6aebe..e728beb 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -756,7 +756,6 @@
       axisLabel: {
         formatter: "{value}Km",
       },
-      max: 60,
       axisPointer: {
         type: "shadow",
       },
@@ -788,7 +787,7 @@
         },
         data: [
           {
-            value: 22,
+            value: 499.04,
             itemStyle: {
               color: "#FE7285",
               shadowColor: "#FE7285",
diff --git a/src/views/oneMap/components/ZTGL.vue b/src/views/oneMap/components/ZTGL.vue
index f524835..6350a70 100644
--- a/src/views/oneMap/components/ZTGL.vue
+++ b/src/views/oneMap/components/ZTGL.vue
@@ -1,24 +1,36 @@
 <template>
   <div id="ZTGL">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <LeftBox />
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <RightBox />
     </div>
   </div>
 </template>
 
 <script setup name="ZTGL">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
 const AllData = reactive({});
-import LeftBox from '@/views/oneMap/OverallOverview/LeftBox.vue';
-import RightBox from '@/views/oneMap/OverallOverview/RightBox.vue';
-import testProjection from '@/assets/testProjection.json';
-import testProjectionLabel from '@/assets/testProjectionLabel.json';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
-import xtb_img from '@/assets/newImgs/xtb_img.png';
-import bus from '@/bus';
+import LeftBox from "@/views/oneMap/OverallOverview/LeftBox.vue";
+import RightBox from "@/views/oneMap/OverallOverview/RightBox.vue";
+import testProjection from "@/assets/testProjection.json";
+import testProjectionLabel from "@/assets/testProjectionLabel.json";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
+import xtb_img from "@/assets/newImgs/xtb_img.png";
+import bus from "@/bus";
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
 const props = defineProps({
@@ -36,24 +48,24 @@
 onMounted(() => {
   let initeGLTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    if (!newfiberMapbox.map.getLayer('buildingLayer')) return;
+    if (!newfiberMapbox.map.getLayer("buildingLayer")) return;
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 13,
     });
     const layer = new mapboxL7.LineLayer({
-      name: 'testProjection',
+      name: "testProjection",
     })
       .source(testProjection)
       .size(30)
-      .shape('wall')
+      .shape("wall")
       .style({
         opacity: 0.8,
-        sourceColor: '#fe7285',
-        targetColor: 'rbga(255,255,255, 0)',
+        sourceColor: "#fe7285",
+        targetColor: "rbga(255,255,255, 0)",
       });
     newfiberMapbox.addLayer(layer);
-    mapBoxVectorLayer.addGeojsonSymbol('testProjection', testProjectionLabel, xtb_img);
+    mapBoxVectorLayer.addGeojsonSymbol("testProjection", testProjectionLabel, xtb_img);
     // setTimeout(() => {
     //   newfiberMapbox.map.moveLayer("buildingLayer", "testProjection");
     // }, 1000);
@@ -67,10 +79,10 @@
   }, 100);
 });
 onBeforeUnmount(() => {
-  bus.emit('SetLayerShow', ['蓝色地图']);
-  if (newfiberMapbox.getLayerByName('testProjection')) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('testProjection'));
-    mapBoxVectorLayer.removeByIds(['testProjection']);
+  bus.emit("SetLayerShow", ["蓝色地图"]);
+  if (newfiberMapbox.getLayerByName("testProjection")) {
+    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("testProjection"));
+    mapBoxVectorLayer.removeByIds(["testProjection"]);
   }
 });
 </script>
@@ -84,7 +96,11 @@
     left: 10px;
     top: 70px;
     // background: url('@/assets/images/LeftContent.png') no-repeat;
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
@@ -96,7 +112,11 @@
     right: 10px;
     top: 70px;
     // background: url('@/assets/images/rightContent.png') no-repeat;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;

diff --git a/src/assets/images/Sponge_screen/menu/DB_img.png b/src/assets/images/Sponge_screen/menu/DB_img.png
index 986a16f..e1e2474 100644
--- a/src/assets/images/Sponge_screen/menu/DB_img.png
+++ b/src/assets/images/Sponge_screen/menu/DB_img.png
Binary files differ
diff --git a/src/utils/GISdocument/mapboxVectorLayer.js b/src/utils/GISdocument/mapboxVectorLayer.js
index b5d57d3..90c59f0 100644
--- a/src/utils/GISdocument/mapboxVectorLayer.js
+++ b/src/utils/GISdocument/mapboxVectorLayer.js
@@ -107,8 +107,9 @@
           source: layerId,
           paint: {
             'text-color': 'rgba(255, 255, 255, 1)',
-            'text-halo-color': 'rgba(14, 139, 90, 1)',
-            'text-halo-width': 2,
+            // 地图上文字的
+            'text-halo-color': 'rgba(0,0,0, 1)',
+            'text-halo-width': 1,
           },
           layout: {
             'icon-image': layerId,
@@ -119,7 +120,7 @@
             'text-field': '{name}',
             'text-font': ['KlokanTech Noto Sans Regular'],
             'icon-rotate': ['get', 'bearing'],
-            'text-size': 16,
+            'text-size': 18,
             'text-line-height': 3,
             'text-max-width': 50,
             'text-offset': [0, -3],
@@ -286,7 +287,7 @@
         // https://docs.mapbox.comhttps://docs.mapbox.com/style-spec/reference/sources/
         tiles: [
           '/geoserver/demo/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&transparent=true&width=256&height=256&' +
-            `layers=${layerName}`,
+          `layers=${layerName}`,
         ],
         tileSize: 256,
       });
diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
index b45b1da..273656c 100644
--- a/src/views/oneMap/BIM/Tunnel.vue
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -3,19 +3,22 @@
 </template>
 
 <script setup name="Tunnel">
-import { ref, reactive, toRefs, onMounted } from 'vue';
-import * as THREE from 'three';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; //控制器
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; // gltf加载器
-import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader';
-import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
-import { Water } from 'three/examples/jsm/objects/Water.js';
+import { ref, reactive, toRefs, onMounted } from "vue";
+import * as THREE from "three";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; //控制器
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js"; // gltf加载器
+import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
+import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";
+import { Water } from "three/examples/jsm/objects/Water.js";
 
-import { CSS3DRenderer, CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import gsap from 'gsap';
-import { CSSRulePlugin } from 'gsap/CSSRulePlugin';
+import {
+  CSS3DRenderer,
+  CSS3DObject,
+} from "three/examples/jsm/renderers/CSS3DRenderer.js";
+import gsap from "gsap";
+import { CSSRulePlugin } from "gsap/CSSRulePlugin";
 
-const show = ref('');
+const show = ref("");
 const width = ref(null);
 const height = ref(null);
 const Camera = ref(null);
@@ -27,134 +30,134 @@
 let Twater = null;
 const labelData = ref([
   {
-    name: '风速风向仪',
+    name: "风速风向仪",
     id: `YuanDian1`,
     position: {
       x: 0,
       y: 0,
       z: 2.5,
     },
-    icon: '/Three/icon/fsfx_icon.png',
+    icon: "/Three/icon/fsfx_icon.png",
     data: [
       {
-        name: '方向',
-        value: '东北风',
-        unit: '',
+        name: "方向",
+        value: "东北风",
+        unit: "",
       },
       {
-        name: '风速',
-        value: '1.3',
-        unit: 'm/s',
+        name: "风速",
+        value: "1.3",
+        unit: "m/s",
       },
     ],
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian2`,
     position: {
       x: -46,
       y: 0,
       z: 2.5,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [
       {
-        name: '挠度变化值',
-        value: '-0.01',
-        unit: 'mm',
+        name: "挠度变化值",
+        value: "-0.01",
+        unit: "mm",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian3`,
     position: {
       x: -46,
       y: 0,
       z: -12.6,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [
       {
-        name: '挠度变化值',
-        value: '-0.01',
-        unit: 'mm',
+        name: "挠度变化值",
+        value: "-0.01",
+        unit: "mm",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian4`,
     position: {
       x: 0,
       y: 7.5,
       z: 0,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [
       {
-        name: '应变量',
-        value: '17',
-        unit: 'με',
+        name: "应变量",
+        value: "17",
+        unit: "με",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian5`,
     position: {
       x: 0,
       y: 7.5,
       z: -10,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [
       {
-        name: '应变量',
-        value: '17',
-        unit: 'με',
+        name: "应变量",
+        value: "17",
+        unit: "με",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '加速度计',
+    name: "加速度计",
     id: `YuanDian6`,
     position: {
       x: 0,
       y: 0,
       z: -5,
     },
-    icon: '/Three/icon/jsdj_icon.png',
+    icon: "/Three/icon/jsdj_icon.png",
     data: [
       {
-        name: '加速度',
-        value: '1.42',
-        unit: 'mm/s2',
+        name: "加速度",
+        value: "1.42",
+        unit: "mm/s2",
       },
       {
-        name: '风速',
-        value: '1.3',
-        unit: 'm/s',
+        name: "风速",
+        value: "1.3",
+        unit: "m/s",
       },
     ],
   },
@@ -248,11 +251,11 @@
   const Gltfloader = new GLTFLoader();
   var dracoLoader = new DRACOLoader();
   // dracoLoader.setDecoderPath("https://zhzz.hongshan.gov.cn:8865/file/hongshan/Three_Gltf/"); //设置解压库文件路径
-  dracoLoader.setDecoderPath('/draco/'); //设置解压库文件路径
+  dracoLoader.setDecoderPath("/draco/"); //设置解压库文件路径
   Gltfloader.setDRACOLoader(dracoLoader);
   Gltfloader.load(
     url,
-    gltf => {
+    (gltf) => {
       gltf.scene.name = name;
       gltf.scene.scale.set(1, 1, 1);
       // gltf.scene.position.x = -70;
@@ -290,7 +293,7 @@
     y: position.y,
     z: position.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
   // gsap.to(Camera.value.lookAt, {
   //   x: lookAt.x,
@@ -304,7 +307,7 @@
     y: lookAt.y,
     z: lookAt.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
 };
 
@@ -313,8 +316,8 @@
  * 该函数负责创建和配置Three.js的WebGL渲染器，包括设置视口大小、抗锯齿、阴影、像素比、色调映射等
  */
 const initRenderer = () => {
-  width.value = document.getElementById('Tunnel').clientWidth;
-  height.value = document.getElementById('Tunnel').clientHeight;
+  width.value = document.getElementById("Tunnel").clientWidth;
+  height.value = document.getElementById("Tunnel").clientHeight;
   Renderer.value = new THREE.WebGLRenderer({
     antialias: true,
     // alpha: true, //开启alpha
@@ -335,8 +338,8 @@
 const initLabelRenderer = () => {
   LabelRenderer.value = new CSS3DRenderer();
   LabelRenderer.value.setSize(width.value, height.value);
-  LabelRenderer.value.domElement.style.position = 'absolute';
-  LabelRenderer.value.domElement.style.top = '0px';
+  LabelRenderer.value.domElement.style.position = "absolute";
+  LabelRenderer.value.domElement.style.top = "0px";
   threeDom.value.appendChild(LabelRenderer.value.domElement);
   // LabelRenderer.value.domElement.addEventListener("click", meshOnClick);
 };
@@ -346,7 +349,12 @@
  * 创建一个透视摄像机，并设置其位置
  */
 const initCamera = () => {
-  Camera.value = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 4000);
+  Camera.value = new THREE.PerspectiveCamera(
+    45,
+    window.innerWidth / window.innerHeight,
+    1,
+    4000
+  );
   Camera.value.position.set(500, 500, 500);
 };
 
@@ -387,7 +395,7 @@
  */
 const initLight = () => {
   // 设置场景的背景颜色，即天空颜色
-  // Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
+  Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
   // 设置天空的雾气颜色和雾气近距离
   // Scene.fog = new THREE.Fog(0xffffff, 50, 200); // 距离10开始，到200结束
   // Scene.fog = new THREE.Fog(0x1784f9, 50, 2000); // 距离10开始，到200结束
@@ -418,7 +426,7 @@
 const initSky = () => {
   var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
   pmremGenerator.compileEquirectangularShader();
-  new RGBELoader().load('/Gltf/Skey_1K.hdr', function (texture) {
+  new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
     const envMap = pmremGenerator.fromEquirectangular(texture).texture;
     envMap.isPmremTexture = true;
     Scene.environment = envMap;
@@ -451,7 +459,7 @@
     let labelCSS3D = Scene.getObjectByName(`YuanDian${index + 1}`);
     if (labelCSS3D === undefined) {
       let lableDiv = document.getElementById(`YuanDian${index + 1}`);
-      lableDiv.style.display = 'block';
+      lableDiv.style.display = "block";
       labelCSS3D = new CSS3DObject(lableDiv);
       labelCSS3D.position.set(item.position.x, item.position.y, item.position.z);
       labelCSS3D.scale.set(0.1, 0.1, 0.1);
@@ -482,11 +490,11 @@
 onBeforeMount(() => {
   //   initGltfFloor();
   // initModal('ChangJing', '/Gltf/ChuWangCheng.gltf');
-  initModal('yjlSD', '/Gltf/yjlSD.gltf');
+  initModal("yjlSD", "/Gltf/yjlSD.gltf");
 });
 onMounted(() => {
   nextTick(() => {
-    if (document.readyState === 'complete') {
+    if (document.readyState === "complete") {
       // createLable();
       // createWaterLevel();
     }
@@ -506,11 +514,11 @@
   // document.removeEventListener('click', meshOnClick);
   // window.removeEventListener("resize", onWindowResize, false);
 
-  Scene.traverse(e => {
+  Scene.traverse((e) => {
     if (e.BufferGeometry) e.BufferGeometry.dispose();
     if (e.material) {
       if (Array.isArray(e.material)) {
-        e.material.forEach(m => {
+        e.material.forEach((m) => {
           m.dispose();
         });
       } else {
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index ed6aebe..e728beb 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -756,7 +756,6 @@
       axisLabel: {
         formatter: "{value}Km",
       },
-      max: 60,
       axisPointer: {
         type: "shadow",
       },
@@ -788,7 +787,7 @@
         },
         data: [
           {
-            value: 22,
+            value: 499.04,
             itemStyle: {
               color: "#FE7285",
               shadowColor: "#FE7285",
diff --git a/src/views/oneMap/components/ZTGL.vue b/src/views/oneMap/components/ZTGL.vue
index f524835..6350a70 100644
--- a/src/views/oneMap/components/ZTGL.vue
+++ b/src/views/oneMap/components/ZTGL.vue
@@ -1,24 +1,36 @@
 <template>
   <div id="ZTGL">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <LeftBox />
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <RightBox />
     </div>
   </div>
 </template>
 
 <script setup name="ZTGL">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
 const AllData = reactive({});
-import LeftBox from '@/views/oneMap/OverallOverview/LeftBox.vue';
-import RightBox from '@/views/oneMap/OverallOverview/RightBox.vue';
-import testProjection from '@/assets/testProjection.json';
-import testProjectionLabel from '@/assets/testProjectionLabel.json';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
-import xtb_img from '@/assets/newImgs/xtb_img.png';
-import bus from '@/bus';
+import LeftBox from "@/views/oneMap/OverallOverview/LeftBox.vue";
+import RightBox from "@/views/oneMap/OverallOverview/RightBox.vue";
+import testProjection from "@/assets/testProjection.json";
+import testProjectionLabel from "@/assets/testProjectionLabel.json";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
+import xtb_img from "@/assets/newImgs/xtb_img.png";
+import bus from "@/bus";
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
 const props = defineProps({
@@ -36,24 +48,24 @@
 onMounted(() => {
   let initeGLTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    if (!newfiberMapbox.map.getLayer('buildingLayer')) return;
+    if (!newfiberMapbox.map.getLayer("buildingLayer")) return;
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 13,
     });
     const layer = new mapboxL7.LineLayer({
-      name: 'testProjection',
+      name: "testProjection",
     })
       .source(testProjection)
       .size(30)
-      .shape('wall')
+      .shape("wall")
       .style({
         opacity: 0.8,
-        sourceColor: '#fe7285',
-        targetColor: 'rbga(255,255,255, 0)',
+        sourceColor: "#fe7285",
+        targetColor: "rbga(255,255,255, 0)",
       });
     newfiberMapbox.addLayer(layer);
-    mapBoxVectorLayer.addGeojsonSymbol('testProjection', testProjectionLabel, xtb_img);
+    mapBoxVectorLayer.addGeojsonSymbol("testProjection", testProjectionLabel, xtb_img);
     // setTimeout(() => {
     //   newfiberMapbox.map.moveLayer("buildingLayer", "testProjection");
     // }, 1000);
@@ -67,10 +79,10 @@
   }, 100);
 });
 onBeforeUnmount(() => {
-  bus.emit('SetLayerShow', ['蓝色地图']);
-  if (newfiberMapbox.getLayerByName('testProjection')) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('testProjection'));
-    mapBoxVectorLayer.removeByIds(['testProjection']);
+  bus.emit("SetLayerShow", ["蓝色地图"]);
+  if (newfiberMapbox.getLayerByName("testProjection")) {
+    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("testProjection"));
+    mapBoxVectorLayer.removeByIds(["testProjection"]);
   }
 });
 </script>
@@ -84,7 +96,11 @@
     left: 10px;
     top: 70px;
     // background: url('@/assets/images/LeftContent.png') no-repeat;
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
@@ -96,7 +112,11 @@
     right: 10px;
     top: 70px;
     // background: url('@/assets/images/rightContent.png') no-repeat;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
diff --git a/src/views/oneMap/map/newfiberMapBox.vue b/src/views/oneMap/map/newfiberMapBox.vue
index 24ebc00..d7f0eaf 100644
--- a/src/views/oneMap/map/newfiberMapBox.vue
+++ b/src/views/oneMap/map/newfiberMapBox.vue
@@ -597,13 +597,13 @@
             //根据数值中加载相对应颜色
             property: "height_3", // this will be your density property form you geojson
             stops: [
-              [10, "#0284bf"],
-              [20, "#0284bf"],
-              [30, "#0284bf"],
-              [80, "#00517e"],
-              [100, "#1f95bd"],
-              [125, "#1f95bd"],
-              [300, "#1f95bd"],
+              [10, "#009bdd"],
+              [20, "#009bdd"],
+              [30, "#009bdd"],
+              [80, "#00a8de"],
+              [100, "#24edff"],
+              [125, "#24edff"],
+              [300, "#24edff"],
             ],
           },
           //    从source 'height'属性获取填充-挤出-高度。

diff --git a/src/assets/images/Sponge_screen/menu/DB_img.png b/src/assets/images/Sponge_screen/menu/DB_img.png
index 986a16f..e1e2474 100644
--- a/src/assets/images/Sponge_screen/menu/DB_img.png
+++ b/src/assets/images/Sponge_screen/menu/DB_img.png
Binary files differ
diff --git a/src/utils/GISdocument/mapboxVectorLayer.js b/src/utils/GISdocument/mapboxVectorLayer.js
index b5d57d3..90c59f0 100644
--- a/src/utils/GISdocument/mapboxVectorLayer.js
+++ b/src/utils/GISdocument/mapboxVectorLayer.js
@@ -107,8 +107,9 @@
           source: layerId,
           paint: {
             'text-color': 'rgba(255, 255, 255, 1)',
-            'text-halo-color': 'rgba(14, 139, 90, 1)',
-            'text-halo-width': 2,
+            // 地图上文字的
+            'text-halo-color': 'rgba(0,0,0, 1)',
+            'text-halo-width': 1,
           },
           layout: {
             'icon-image': layerId,
@@ -119,7 +120,7 @@
             'text-field': '{name}',
             'text-font': ['KlokanTech Noto Sans Regular'],
             'icon-rotate': ['get', 'bearing'],
-            'text-size': 16,
+            'text-size': 18,
             'text-line-height': 3,
             'text-max-width': 50,
             'text-offset': [0, -3],
@@ -286,7 +287,7 @@
         // https://docs.mapbox.comhttps://docs.mapbox.com/style-spec/reference/sources/
         tiles: [
           '/geoserver/demo/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&transparent=true&width=256&height=256&' +
-            `layers=${layerName}`,
+          `layers=${layerName}`,
         ],
         tileSize: 256,
       });
diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
index b45b1da..273656c 100644
--- a/src/views/oneMap/BIM/Tunnel.vue
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -3,19 +3,22 @@
 </template>
 
 <script setup name="Tunnel">
-import { ref, reactive, toRefs, onMounted } from 'vue';
-import * as THREE from 'three';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; //控制器
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; // gltf加载器
-import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader';
-import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
-import { Water } from 'three/examples/jsm/objects/Water.js';
+import { ref, reactive, toRefs, onMounted } from "vue";
+import * as THREE from "three";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; //控制器
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js"; // gltf加载器
+import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
+import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";
+import { Water } from "three/examples/jsm/objects/Water.js";
 
-import { CSS3DRenderer, CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import gsap from 'gsap';
-import { CSSRulePlugin } from 'gsap/CSSRulePlugin';
+import {
+  CSS3DRenderer,
+  CSS3DObject,
+} from "three/examples/jsm/renderers/CSS3DRenderer.js";
+import gsap from "gsap";
+import { CSSRulePlugin } from "gsap/CSSRulePlugin";
 
-const show = ref('');
+const show = ref("");
 const width = ref(null);
 const height = ref(null);
 const Camera = ref(null);
@@ -27,134 +30,134 @@
 let Twater = null;
 const labelData = ref([
   {
-    name: '风速风向仪',
+    name: "风速风向仪",
     id: `YuanDian1`,
     position: {
       x: 0,
       y: 0,
       z: 2.5,
     },
-    icon: '/Three/icon/fsfx_icon.png',
+    icon: "/Three/icon/fsfx_icon.png",
     data: [
       {
-        name: '方向',
-        value: '东北风',
-        unit: '',
+        name: "方向",
+        value: "东北风",
+        unit: "",
       },
       {
-        name: '风速',
-        value: '1.3',
-        unit: 'm/s',
+        name: "风速",
+        value: "1.3",
+        unit: "m/s",
       },
     ],
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian2`,
     position: {
       x: -46,
       y: 0,
       z: 2.5,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [
       {
-        name: '挠度变化值',
-        value: '-0.01',
-        unit: 'mm',
+        name: "挠度变化值",
+        value: "-0.01",
+        unit: "mm",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian3`,
     position: {
       x: -46,
       y: 0,
       z: -12.6,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [
       {
-        name: '挠度变化值',
-        value: '-0.01',
-        unit: 'mm',
+        name: "挠度变化值",
+        value: "-0.01",
+        unit: "mm",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian4`,
     position: {
       x: 0,
       y: 7.5,
       z: 0,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [
       {
-        name: '应变量',
-        value: '17',
-        unit: 'με',
+        name: "应变量",
+        value: "17",
+        unit: "με",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian5`,
     position: {
       x: 0,
       y: 7.5,
       z: -10,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [
       {
-        name: '应变量',
-        value: '17',
-        unit: 'με',
+        name: "应变量",
+        value: "17",
+        unit: "με",
       },
       {
-        name: '温度',
-        value: '16.3',
-        unit: '℃',
+        name: "温度",
+        value: "16.3",
+        unit: "℃",
       },
     ],
   },
   {
-    name: '加速度计',
+    name: "加速度计",
     id: `YuanDian6`,
     position: {
       x: 0,
       y: 0,
       z: -5,
     },
-    icon: '/Three/icon/jsdj_icon.png',
+    icon: "/Three/icon/jsdj_icon.png",
     data: [
       {
-        name: '加速度',
-        value: '1.42',
-        unit: 'mm/s2',
+        name: "加速度",
+        value: "1.42",
+        unit: "mm/s2",
       },
       {
-        name: '风速',
-        value: '1.3',
-        unit: 'm/s',
+        name: "风速",
+        value: "1.3",
+        unit: "m/s",
       },
     ],
   },
@@ -248,11 +251,11 @@
   const Gltfloader = new GLTFLoader();
   var dracoLoader = new DRACOLoader();
   // dracoLoader.setDecoderPath("https://zhzz.hongshan.gov.cn:8865/file/hongshan/Three_Gltf/"); //设置解压库文件路径
-  dracoLoader.setDecoderPath('/draco/'); //设置解压库文件路径
+  dracoLoader.setDecoderPath("/draco/"); //设置解压库文件路径
   Gltfloader.setDRACOLoader(dracoLoader);
   Gltfloader.load(
     url,
-    gltf => {
+    (gltf) => {
       gltf.scene.name = name;
       gltf.scene.scale.set(1, 1, 1);
       // gltf.scene.position.x = -70;
@@ -290,7 +293,7 @@
     y: position.y,
     z: position.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
   // gsap.to(Camera.value.lookAt, {
   //   x: lookAt.x,
@@ -304,7 +307,7 @@
     y: lookAt.y,
     z: lookAt.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
 };
 
@@ -313,8 +316,8 @@
  * 该函数负责创建和配置Three.js的WebGL渲染器，包括设置视口大小、抗锯齿、阴影、像素比、色调映射等
  */
 const initRenderer = () => {
-  width.value = document.getElementById('Tunnel').clientWidth;
-  height.value = document.getElementById('Tunnel').clientHeight;
+  width.value = document.getElementById("Tunnel").clientWidth;
+  height.value = document.getElementById("Tunnel").clientHeight;
   Renderer.value = new THREE.WebGLRenderer({
     antialias: true,
     // alpha: true, //开启alpha
@@ -335,8 +338,8 @@
 const initLabelRenderer = () => {
   LabelRenderer.value = new CSS3DRenderer();
   LabelRenderer.value.setSize(width.value, height.value);
-  LabelRenderer.value.domElement.style.position = 'absolute';
-  LabelRenderer.value.domElement.style.top = '0px';
+  LabelRenderer.value.domElement.style.position = "absolute";
+  LabelRenderer.value.domElement.style.top = "0px";
   threeDom.value.appendChild(LabelRenderer.value.domElement);
   // LabelRenderer.value.domElement.addEventListener("click", meshOnClick);
 };
@@ -346,7 +349,12 @@
  * 创建一个透视摄像机，并设置其位置
  */
 const initCamera = () => {
-  Camera.value = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 4000);
+  Camera.value = new THREE.PerspectiveCamera(
+    45,
+    window.innerWidth / window.innerHeight,
+    1,
+    4000
+  );
   Camera.value.position.set(500, 500, 500);
 };
 
@@ -387,7 +395,7 @@
  */
 const initLight = () => {
   // 设置场景的背景颜色，即天空颜色
-  // Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
+  Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
   // 设置天空的雾气颜色和雾气近距离
   // Scene.fog = new THREE.Fog(0xffffff, 50, 200); // 距离10开始，到200结束
   // Scene.fog = new THREE.Fog(0x1784f9, 50, 2000); // 距离10开始，到200结束
@@ -418,7 +426,7 @@
 const initSky = () => {
   var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
   pmremGenerator.compileEquirectangularShader();
-  new RGBELoader().load('/Gltf/Skey_1K.hdr', function (texture) {
+  new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
     const envMap = pmremGenerator.fromEquirectangular(texture).texture;
     envMap.isPmremTexture = true;
     Scene.environment = envMap;
@@ -451,7 +459,7 @@
     let labelCSS3D = Scene.getObjectByName(`YuanDian${index + 1}`);
     if (labelCSS3D === undefined) {
       let lableDiv = document.getElementById(`YuanDian${index + 1}`);
-      lableDiv.style.display = 'block';
+      lableDiv.style.display = "block";
       labelCSS3D = new CSS3DObject(lableDiv);
       labelCSS3D.position.set(item.position.x, item.position.y, item.position.z);
       labelCSS3D.scale.set(0.1, 0.1, 0.1);
@@ -482,11 +490,11 @@
 onBeforeMount(() => {
   //   initGltfFloor();
   // initModal('ChangJing', '/Gltf/ChuWangCheng.gltf');
-  initModal('yjlSD', '/Gltf/yjlSD.gltf');
+  initModal("yjlSD", "/Gltf/yjlSD.gltf");
 });
 onMounted(() => {
   nextTick(() => {
-    if (document.readyState === 'complete') {
+    if (document.readyState === "complete") {
       // createLable();
       // createWaterLevel();
     }
@@ -506,11 +514,11 @@
   // document.removeEventListener('click', meshOnClick);
   // window.removeEventListener("resize", onWindowResize, false);
 
-  Scene.traverse(e => {
+  Scene.traverse((e) => {
     if (e.BufferGeometry) e.BufferGeometry.dispose();
     if (e.material) {
       if (Array.isArray(e.material)) {
-        e.material.forEach(m => {
+        e.material.forEach((m) => {
           m.dispose();
         });
       } else {
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index ed6aebe..e728beb 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -756,7 +756,6 @@
       axisLabel: {
         formatter: "{value}Km",
       },
-      max: 60,
       axisPointer: {
         type: "shadow",
       },
@@ -788,7 +787,7 @@
         },
         data: [
           {
-            value: 22,
+            value: 499.04,
             itemStyle: {
               color: "#FE7285",
               shadowColor: "#FE7285",
diff --git a/src/views/oneMap/components/ZTGL.vue b/src/views/oneMap/components/ZTGL.vue
index f524835..6350a70 100644
--- a/src/views/oneMap/components/ZTGL.vue
+++ b/src/views/oneMap/components/ZTGL.vue
@@ -1,24 +1,36 @@
 <template>
   <div id="ZTGL">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <LeftBox />
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <RightBox />
     </div>
   </div>
 </template>
 
 <script setup name="ZTGL">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
 const AllData = reactive({});
-import LeftBox from '@/views/oneMap/OverallOverview/LeftBox.vue';
-import RightBox from '@/views/oneMap/OverallOverview/RightBox.vue';
-import testProjection from '@/assets/testProjection.json';
-import testProjectionLabel from '@/assets/testProjectionLabel.json';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
-import xtb_img from '@/assets/newImgs/xtb_img.png';
-import bus from '@/bus';
+import LeftBox from "@/views/oneMap/OverallOverview/LeftBox.vue";
+import RightBox from "@/views/oneMap/OverallOverview/RightBox.vue";
+import testProjection from "@/assets/testProjection.json";
+import testProjectionLabel from "@/assets/testProjectionLabel.json";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
+import xtb_img from "@/assets/newImgs/xtb_img.png";
+import bus from "@/bus";
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
 const props = defineProps({
@@ -36,24 +48,24 @@
 onMounted(() => {
   let initeGLTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    if (!newfiberMapbox.map.getLayer('buildingLayer')) return;
+    if (!newfiberMapbox.map.getLayer("buildingLayer")) return;
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 13,
     });
     const layer = new mapboxL7.LineLayer({
-      name: 'testProjection',
+      name: "testProjection",
     })
       .source(testProjection)
       .size(30)
-      .shape('wall')
+      .shape("wall")
       .style({
         opacity: 0.8,
-        sourceColor: '#fe7285',
-        targetColor: 'rbga(255,255,255, 0)',
+        sourceColor: "#fe7285",
+        targetColor: "rbga(255,255,255, 0)",
       });
     newfiberMapbox.addLayer(layer);
-    mapBoxVectorLayer.addGeojsonSymbol('testProjection', testProjectionLabel, xtb_img);
+    mapBoxVectorLayer.addGeojsonSymbol("testProjection", testProjectionLabel, xtb_img);
     // setTimeout(() => {
     //   newfiberMapbox.map.moveLayer("buildingLayer", "testProjection");
     // }, 1000);
@@ -67,10 +79,10 @@
   }, 100);
 });
 onBeforeUnmount(() => {
-  bus.emit('SetLayerShow', ['蓝色地图']);
-  if (newfiberMapbox.getLayerByName('testProjection')) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('testProjection'));
-    mapBoxVectorLayer.removeByIds(['testProjection']);
+  bus.emit("SetLayerShow", ["蓝色地图"]);
+  if (newfiberMapbox.getLayerByName("testProjection")) {
+    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("testProjection"));
+    mapBoxVectorLayer.removeByIds(["testProjection"]);
   }
 });
 </script>
@@ -84,7 +96,11 @@
     left: 10px;
     top: 70px;
     // background: url('@/assets/images/LeftContent.png') no-repeat;
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
@@ -96,7 +112,11 @@
     right: 10px;
     top: 70px;
     // background: url('@/assets/images/rightContent.png') no-repeat;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
diff --git a/src/views/oneMap/map/newfiberMapBox.vue b/src/views/oneMap/map/newfiberMapBox.vue
index 24ebc00..d7f0eaf 100644
--- a/src/views/oneMap/map/newfiberMapBox.vue
+++ b/src/views/oneMap/map/newfiberMapBox.vue
@@ -597,13 +597,13 @@
             //根据数值中加载相对应颜色
             property: "height_3", // this will be your density property form you geojson
             stops: [
-              [10, "#0284bf"],
-              [20, "#0284bf"],
-              [30, "#0284bf"],
-              [80, "#00517e"],
-              [100, "#1f95bd"],
-              [125, "#1f95bd"],
-              [300, "#1f95bd"],
+              [10, "#009bdd"],
+              [20, "#009bdd"],
+              [30, "#009bdd"],
+              [80, "#00a8de"],
+              [100, "#24edff"],
+              [125, "#24edff"],
+              [300, "#24edff"],
             ],
           },
           //    从source 'height'属性获取填充-挤出-高度。
diff --git a/src/views/voice/recordPage/index.vue b/src/views/voice/recordPage/index.vue
index f6de572..61894c2 100644
--- a/src/views/voice/recordPage/index.vue
+++ b/src/views/voice/recordPage/index.vue
@@ -9,7 +9,7 @@
         class="DongImg"
         v-show="process == 0"
         src="@/assets/images/voice/ceshi1.png"
-        style="opacity: 0.15; bottom: 5px"
+        style="opacity: 0.3; bottom: 5px"
         alt=""
       />
       <el-tooltip content="点击开启智能语音" effect="customized">