diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
index d7e316e..a4db8c7 100644
--- a/src/views/oneMap/BIM/Tunnel.vue
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -1,42 +1,56 @@
 <template>
   <div id="Tunnel" ref="threeDom">
-    <div class="YuanDian" v-for="(item, i) in labelData" :key="item.id" :id="item.id" style="display: none">
+    <div
+      class="YuanDian"
+      v-for="(item, i) in labelData"
+      :key="item.id"
+      :id="item.id"
+      style="display: none"
+    >
       <div class="iconBox" v-show="item.show">
         <img src="@/assets/images/ljx.png" alt="" class="iconImg" />
         <div class="ydBox">
           <div class="YuanDianText">{{ item.name }}</div>
           <div class="ydData" v-for="(val, k) in item.data" :key="k" v-show="val.data">
-            <div class="leftData">{{ val.phy + ':' }}</div>
-            <div class="rightData">{{ val.data + ' ' + val.unit }}</div>
+            <div class="leftData">{{ val.phy + ":" }}</div>
+            <div class="rightData">{{ val.data + " " + val.unit }}</div>
           </div>
           <div class="ydData">
-            <div class="leftData">{{ '检测时间:' }}</div>
+            <div class="leftData">{{ "检测时间:" }}</div>
             <div class="rightData">{{ item.dataTime }}</div>
           </div>
         </div>
       </div>
-      <img class="YuanDianIcon" :src="item.icon" @mouseenter="item.show = true" @mouseleave="item.show = false" />
+      <img
+        class="YuanDianIcon"
+        :src="item.icon"
+        @mouseenter="item.show = true"
+        @mouseleave="item.show = false"
+      />
     </div>
   </div>
 </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 bus from '@/bus';
+import {
+  CSS3DRenderer,
+  CSS3DObject,
+} from "three/examples/jsm/renderers/CSS3DRenderer.js";
+import gsap from "gsap";
+import { CSSRulePlugin } from "gsap/CSSRulePlugin";
+import bus from "@/bus";
 
-import { pointGetDataList } from '@/api/system/tanchuang';
+import { pointGetDataList } from "@/api/system/tanchuang";
 
-const show = ref('');
+const show = ref("");
 const width = ref(null);
 const height = ref(null);
 const Camera = ref(null);
@@ -48,7 +62,7 @@
 let Twater = null;
 const labelData = ref([
   {
-    name: '激光位移计',
+    name: "激光位移计",
     id: `YuanDian1`,
     position: {
       // x: -1400,
@@ -56,14 +70,14 @@
       y: 30,
       z: -140,
     },
-    icon: '/Three/icon/wyj_mx.png',
+    icon: "/Three/icon/wyj_mx.png",
     data: [],
     show: false,
-    pointCode: 'kohqORm',
-    dataTime: '',
+    pointCode: "kohqORm",
+    dataTime: "",
   },
   {
-    name: '激光位移计',
+    name: "激光位移计",
     id: `YuanDian2`,
     position: {
       // x: -1400,
@@ -71,67 +85,67 @@
       y: 30,
       z: -85,
     },
-    icon: '/Three/icon/wyj_mx.png',
+    icon: "/Three/icon/wyj_mx.png",
     data: [],
     show: false,
-    pointCode: 'LtfAqBh',
-    dataTime: '',
+    pointCode: "LtfAqBh",
+    dataTime: "",
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian3`,
     position: {
       x: -1390,
       y: -50,
       z: -90,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [],
     show: false,
-    pointCode: 'xr8JcRb',
-    dataTime: '',
+    pointCode: "xr8JcRb",
+    dataTime: "",
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian4`,
     position: {
       x: -900,
       y: -50,
       z: -90,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [],
     show: false,
-    pointCode: 'zkbTwJW',
-    dataTime: '',
+    pointCode: "zkbTwJW",
+    dataTime: "",
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian5`,
     position: {
       x: -900,
       y: 80,
       z: 0,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [],
     show: false,
-    pointCode: '13G1Hnc',
-    dataTime: '',
+    pointCode: "13G1Hnc",
+    dataTime: "",
   },
   {
-    name: '裂缝计',
+    name: "裂缝计",
     id: `YuanDian6`,
     position: {
       x: -900,
       y: 80,
       z: -210,
     },
-    icon: '/Three/icon/lfj_mx.png',
+    icon: "/Three/icon/lfj_mx.png",
     data: [],
     show: false,
-    pointCode: 'WAB89Dk',
-    dataTime: '',
+    pointCode: "WAB89Dk",
+    dataTime: "",
   },
 ]);
 const deviceCode = ref(null);
@@ -165,11 +179,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;
@@ -209,7 +223,7 @@
     y: position.y,
     z: position.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
   // gsap.to(Camera.value.lookAt, {
   //   x: lookAt.x,
@@ -223,7 +237,7 @@
     y: lookAt.y,
     z: lookAt.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
 };
 
@@ -232,8 +246,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
@@ -254,8 +268,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);
 };
@@ -265,7 +279,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);
 };
 
@@ -296,8 +315,8 @@
   // 是否开启右键拖拽
   Controls.value.enablePan = true;
   // AxesHelper：辅助观察的坐标系
-  // const axesHelper = new THREE.AxesHelper(3000);
-  // Scene.add(axesHelper);
+  const axesHelper = new THREE.AxesHelper(3000);
+  Scene.add(axesHelper);
 };
 
 /**
@@ -312,11 +331,11 @@
   // Scene.fog = new THREE.Fog(0x1784f9, 50, 2000); // 距离10开始，到200结束
   //  创建平行光源
   // const directionalLight = new THREE.DirectionalLight(0xffffff, 0.6);
-  // const directionalLight = new THREE.DirectionalLight(0xffffff, 1);
-  // // directionalLight.position.set(-2500, 1, 1);
-  // Scene.add(directionalLight);
+  const directionalLight = new THREE.DirectionalLight(0xcccccc, 10);
+  directionalLight.position.set(-2500, 100, 100);
+  Scene.add(directionalLight);
   // 创建环境光
-  const ambientLight = new THREE.AmbientLight('#ffffff', 0.5);
+  const ambientLight = new THREE.AmbientLight("#ffffff", 1);
   ambientLight.visible = true;
   // const ambientLight = new THREE.AmbientLight('#1784f9', 0.8);
   Scene.add(ambientLight);
@@ -324,13 +343,13 @@
   // const directionalLightHelper = new THREE.DirectionalLightHelper(directionalLight, 0.5);
   // Scene.add(directionalLightHelper);
   // 创建点光源
-  // const PointLight = new THREE.PointLight(0x1784f9, 1, 300);
-  // PointLight.position.set(100, -100, 10);
+  // const PointLight = new THREE.PointLight(0xffffff, 1.0);
+  // PointLight.position.set(-2500, 100, 100);
   // Scene.add(PointLight);
   // const spotLight = new THREE.SpotLight(0xffffff);
-  // spotLight.position.set(-1000, 1000, 0);
-  // spotLight.castShadow = true;
-  // spotLight.intensity = 800;
+  // spotLight.position.set(1000, 1000, 0);
+  // // spotLight.castShadow = true;
+  // spotLight.intensity = 10;
   // Scene.add(spotLight);
 };
 
@@ -341,18 +360,18 @@
  * 注意：此函数未使用TextureLoader加载背景图片，而是使用HDR纹理
  */
 const initSky = () => {
-  // var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
-  // pmremGenerator.compileEquirectangularShader();
-  // new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
-  //   const envMap = pmremGenerator.fromEquirectangular(texture).texture;
-  //   envMap.isPmremTexture = true;
-  //   Scene.environment = envMap;
-  //   // Scene.background = envMap;
-  //   pmremGenerator.dispose();
-  // });
-  new THREE.TextureLoader().load('/Gltf/bg.png', function (texture) {
-    Scene.background = texture;
+  var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
+  pmremGenerator.compileEquirectangularShader();
+  new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
+    const envMap = pmremGenerator.fromEquirectangular(texture).texture;
+    envMap.isPmremTexture = true;
+    // Scene.environment = envMap;
+    Scene.background = envMap;
+    pmremGenerator.dispose();
   });
+  // new THREE.TextureLoader().load("/Gltf/bg.png", function (texture) {
+  //   Scene.background = texture;
+  // });
 };
 
 /**
@@ -378,7 +397,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);
@@ -407,16 +426,16 @@
   });
 }
 
-const flyTo = data => {
+const flyTo = (data) => {
   // 静立水准仪
-  if (data.name[0] == '激光位移计') {
+  if (data.name[0] == "激光位移计") {
     // 摄像机位置
     gsap.to(Camera.value.position, {
       x: -1509.9225299741292,
       y: 437.8471459592194,
       z: 345.1272978647253,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     // 视角
     gsap.to(Controls.value.target, {
@@ -424,16 +443,16 @@
       y: -406.06002918439316,
       z: -648.358072973929,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
-  } else if (data.name[0] == '静力水准仪') {
+  } else if (data.name[0] == "静力水准仪") {
     // 摄像机位置
     gsap.to(Camera.value.position, {
       x: -1797.8251896016222,
       y: 191.14387148699308,
       z: 635.4949495785738,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     // 视角
     gsap.to(Controls.value.target, {
@@ -441,42 +460,42 @@
       y: 35.607933619702905,
       z: -983.3798167321406,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
-  } else if (data.name.includes('应变计')) {
+  } else if (data.name.includes("应变计")) {
     gsap.to(Camera.value.position, {
       x: -1694.6408790629657,
       y: 259.7822136553308,
       z: 583.3976961218505,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     gsap.to(Controls.value.target, {
       x: -546.8674967113623,
       y: 24.916489480624683,
       z: -409.17274087310204,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
-  } else if (data.name.includes('裂缝计')) {
+  } else if (data.name.includes("裂缝计")) {
     gsap.to(Camera.value.position, {
       x: -1530.357885036637,
       y: 356.99171737793193,
       z: 332.61457706089254,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     gsap.to(Controls.value.target, {
       x: -80.11715403668808,
       y: -84.77688943101725,
       z: -787.9032398615595,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
   }
 
   // 打开弹窗
-  labelData.value.forEach(element => {
+  labelData.value.forEach((element) => {
     // if (element.name == data.name[0]) {
     if (data.name.includes(element.name)) {
       element.show = true;
@@ -488,10 +507,10 @@
 
 // 获取点位信息
 const getPonintInfo = () => {
-  const promises = labelData.value.map(item => {
-    return pointGetDataList({ pointCode: item.pointCode }).then(res => {
+  const promises = labelData.value.map((item) => {
+    return pointGetDataList({ pointCode: item.pointCode }).then((res) => {
       // 检测时间
-      const timeWithDate = res.data.find(time => time.dataTime);
+      const timeWithDate = res.data.find((time) => time.dataTime);
       if (timeWithDate) {
         item.dataTime = timeWithDate.dataTime;
       }
@@ -500,21 +519,24 @@
   });
 
   Promise.all(promises)
-    .then(updatedItems => {
+    .then((updatedItems) => {
       labelData.value = updatedItems;
-      console.log("🚀 ~ getPonintInfo ~ updatedItems:", updatedItems)
+      console.log("🚀 ~ getPonintInfo ~ updatedItems:", updatedItems);
     })
-    .catch(error => {
-      console.error('请求出错:labelData.value', error);
+    .catch((error) => {
+      console.error("请求出错:labelData.value", error);
     });
 };
 
 onBeforeMount(() => {
   //   initGltfFloor();
   // initModal('ChangJing', '/Gltf/ChuWangCheng.gltf');
-  initModal('yjlSD', 'https://newfiber-cloud-1255570142.cos.ap-chengdu.myqcloud.com/yanan/yjlSD3.gltf');
+  initModal(
+    "yjlSD",
+    "https://newfiber-cloud-1255570142.cos.ap-chengdu.myqcloud.com/yanan/yjlSD2.gltf"
+  );
   // 共同弹窗触发事件
-  bus.on('Tunnel_flyTo', params => {
+  bus.on("Tunnel_flyTo", (params) => {
     // 打开弹窗
     flyTo(params);
   });
@@ -522,7 +544,7 @@
 onMounted(() => {
   getPonintInfo();
   nextTick(() => {
-    if (document.readyState === 'complete') {
+    if (document.readyState === "complete") {
       createLable();
       // createWaterLevel();
     }
@@ -539,15 +561,15 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('Tunnel_flyTo');
+  bus.off("Tunnel_flyTo");
   // 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 {
@@ -600,7 +622,11 @@
       bottom: 12px;
       width: 60px;
       // height: 26px;
-      background: linear-gradient(0deg, rgba(12, 54, 92, 0.6) 0%, rgba(12, 54, 92, 0.6) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(12, 54, 92, 0.6) 0%,
+        rgba(12, 54, 92, 0.6) 100%
+      );
       border-radius: 2px;
       border: 1px solid #04d8ff;
       .ydData {
@@ -630,7 +656,11 @@
       pointer-events: none;
       font-size: 3px;
       text-align: center;
-      background: linear-gradient(90deg, rgba(4, 216, 255, 0.8) 0%, rgba(4, 216, 255, 0.2) 100%);
+      background: linear-gradient(
+        90deg,
+        rgba(4, 216, 255, 0.8) 0%,
+        rgba(4, 216, 255, 0.2) 100%
+      );
     }
 
     .YuanDianIcon {

diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
index d7e316e..a4db8c7 100644
--- a/src/views/oneMap/BIM/Tunnel.vue
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -1,42 +1,56 @@
 <template>
   <div id="Tunnel" ref="threeDom">
-    <div class="YuanDian" v-for="(item, i) in labelData" :key="item.id" :id="item.id" style="display: none">
+    <div
+      class="YuanDian"
+      v-for="(item, i) in labelData"
+      :key="item.id"
+      :id="item.id"
+      style="display: none"
+    >
       <div class="iconBox" v-show="item.show">
         <img src="@/assets/images/ljx.png" alt="" class="iconImg" />
         <div class="ydBox">
           <div class="YuanDianText">{{ item.name }}</div>
           <div class="ydData" v-for="(val, k) in item.data" :key="k" v-show="val.data">
-            <div class="leftData">{{ val.phy + ':' }}</div>
-            <div class="rightData">{{ val.data + ' ' + val.unit }}</div>
+            <div class="leftData">{{ val.phy + ":" }}</div>
+            <div class="rightData">{{ val.data + " " + val.unit }}</div>
           </div>
           <div class="ydData">
-            <div class="leftData">{{ '检测时间:' }}</div>
+            <div class="leftData">{{ "检测时间:" }}</div>
             <div class="rightData">{{ item.dataTime }}</div>
           </div>
         </div>
       </div>
-      <img class="YuanDianIcon" :src="item.icon" @mouseenter="item.show = true" @mouseleave="item.show = false" />
+      <img
+        class="YuanDianIcon"
+        :src="item.icon"
+        @mouseenter="item.show = true"
+        @mouseleave="item.show = false"
+      />
     </div>
   </div>
 </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 bus from '@/bus';
+import {
+  CSS3DRenderer,
+  CSS3DObject,
+} from "three/examples/jsm/renderers/CSS3DRenderer.js";
+import gsap from "gsap";
+import { CSSRulePlugin } from "gsap/CSSRulePlugin";
+import bus from "@/bus";
 
-import { pointGetDataList } from '@/api/system/tanchuang';
+import { pointGetDataList } from "@/api/system/tanchuang";
 
-const show = ref('');
+const show = ref("");
 const width = ref(null);
 const height = ref(null);
 const Camera = ref(null);
@@ -48,7 +62,7 @@
 let Twater = null;
 const labelData = ref([
   {
-    name: '激光位移计',
+    name: "激光位移计",
     id: `YuanDian1`,
     position: {
       // x: -1400,
@@ -56,14 +70,14 @@
       y: 30,
       z: -140,
     },
-    icon: '/Three/icon/wyj_mx.png',
+    icon: "/Three/icon/wyj_mx.png",
     data: [],
     show: false,
-    pointCode: 'kohqORm',
-    dataTime: '',
+    pointCode: "kohqORm",
+    dataTime: "",
   },
   {
-    name: '激光位移计',
+    name: "激光位移计",
     id: `YuanDian2`,
     position: {
       // x: -1400,
@@ -71,67 +85,67 @@
       y: 30,
       z: -85,
     },
-    icon: '/Three/icon/wyj_mx.png',
+    icon: "/Three/icon/wyj_mx.png",
     data: [],
     show: false,
-    pointCode: 'LtfAqBh',
-    dataTime: '',
+    pointCode: "LtfAqBh",
+    dataTime: "",
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian3`,
     position: {
       x: -1390,
       y: -50,
       z: -90,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [],
     show: false,
-    pointCode: 'xr8JcRb',
-    dataTime: '',
+    pointCode: "xr8JcRb",
+    dataTime: "",
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian4`,
     position: {
       x: -900,
       y: -50,
       z: -90,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [],
     show: false,
-    pointCode: 'zkbTwJW',
-    dataTime: '',
+    pointCode: "zkbTwJW",
+    dataTime: "",
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian5`,
     position: {
       x: -900,
       y: 80,
       z: 0,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [],
     show: false,
-    pointCode: '13G1Hnc',
-    dataTime: '',
+    pointCode: "13G1Hnc",
+    dataTime: "",
   },
   {
-    name: '裂缝计',
+    name: "裂缝计",
     id: `YuanDian6`,
     position: {
       x: -900,
       y: 80,
       z: -210,
     },
-    icon: '/Three/icon/lfj_mx.png',
+    icon: "/Three/icon/lfj_mx.png",
     data: [],
     show: false,
-    pointCode: 'WAB89Dk',
-    dataTime: '',
+    pointCode: "WAB89Dk",
+    dataTime: "",
   },
 ]);
 const deviceCode = ref(null);
@@ -165,11 +179,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;
@@ -209,7 +223,7 @@
     y: position.y,
     z: position.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
   // gsap.to(Camera.value.lookAt, {
   //   x: lookAt.x,
@@ -223,7 +237,7 @@
     y: lookAt.y,
     z: lookAt.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
 };
 
@@ -232,8 +246,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
@@ -254,8 +268,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);
 };
@@ -265,7 +279,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);
 };
 
@@ -296,8 +315,8 @@
   // 是否开启右键拖拽
   Controls.value.enablePan = true;
   // AxesHelper：辅助观察的坐标系
-  // const axesHelper = new THREE.AxesHelper(3000);
-  // Scene.add(axesHelper);
+  const axesHelper = new THREE.AxesHelper(3000);
+  Scene.add(axesHelper);
 };
 
 /**
@@ -312,11 +331,11 @@
   // Scene.fog = new THREE.Fog(0x1784f9, 50, 2000); // 距离10开始，到200结束
   //  创建平行光源
   // const directionalLight = new THREE.DirectionalLight(0xffffff, 0.6);
-  // const directionalLight = new THREE.DirectionalLight(0xffffff, 1);
-  // // directionalLight.position.set(-2500, 1, 1);
-  // Scene.add(directionalLight);
+  const directionalLight = new THREE.DirectionalLight(0xcccccc, 10);
+  directionalLight.position.set(-2500, 100, 100);
+  Scene.add(directionalLight);
   // 创建环境光
-  const ambientLight = new THREE.AmbientLight('#ffffff', 0.5);
+  const ambientLight = new THREE.AmbientLight("#ffffff", 1);
   ambientLight.visible = true;
   // const ambientLight = new THREE.AmbientLight('#1784f9', 0.8);
   Scene.add(ambientLight);
@@ -324,13 +343,13 @@
   // const directionalLightHelper = new THREE.DirectionalLightHelper(directionalLight, 0.5);
   // Scene.add(directionalLightHelper);
   // 创建点光源
-  // const PointLight = new THREE.PointLight(0x1784f9, 1, 300);
-  // PointLight.position.set(100, -100, 10);
+  // const PointLight = new THREE.PointLight(0xffffff, 1.0);
+  // PointLight.position.set(-2500, 100, 100);
   // Scene.add(PointLight);
   // const spotLight = new THREE.SpotLight(0xffffff);
-  // spotLight.position.set(-1000, 1000, 0);
-  // spotLight.castShadow = true;
-  // spotLight.intensity = 800;
+  // spotLight.position.set(1000, 1000, 0);
+  // // spotLight.castShadow = true;
+  // spotLight.intensity = 10;
   // Scene.add(spotLight);
 };
 
@@ -341,18 +360,18 @@
  * 注意：此函数未使用TextureLoader加载背景图片，而是使用HDR纹理
  */
 const initSky = () => {
-  // var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
-  // pmremGenerator.compileEquirectangularShader();
-  // new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
-  //   const envMap = pmremGenerator.fromEquirectangular(texture).texture;
-  //   envMap.isPmremTexture = true;
-  //   Scene.environment = envMap;
-  //   // Scene.background = envMap;
-  //   pmremGenerator.dispose();
-  // });
-  new THREE.TextureLoader().load('/Gltf/bg.png', function (texture) {
-    Scene.background = texture;
+  var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
+  pmremGenerator.compileEquirectangularShader();
+  new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
+    const envMap = pmremGenerator.fromEquirectangular(texture).texture;
+    envMap.isPmremTexture = true;
+    // Scene.environment = envMap;
+    Scene.background = envMap;
+    pmremGenerator.dispose();
   });
+  // new THREE.TextureLoader().load("/Gltf/bg.png", function (texture) {
+  //   Scene.background = texture;
+  // });
 };
 
 /**
@@ -378,7 +397,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);
@@ -407,16 +426,16 @@
   });
 }
 
-const flyTo = data => {
+const flyTo = (data) => {
   // 静立水准仪
-  if (data.name[0] == '激光位移计') {
+  if (data.name[0] == "激光位移计") {
     // 摄像机位置
     gsap.to(Camera.value.position, {
       x: -1509.9225299741292,
       y: 437.8471459592194,
       z: 345.1272978647253,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     // 视角
     gsap.to(Controls.value.target, {
@@ -424,16 +443,16 @@
       y: -406.06002918439316,
       z: -648.358072973929,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
-  } else if (data.name[0] == '静力水准仪') {
+  } else if (data.name[0] == "静力水准仪") {
     // 摄像机位置
     gsap.to(Camera.value.position, {
       x: -1797.8251896016222,
       y: 191.14387148699308,
       z: 635.4949495785738,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     // 视角
     gsap.to(Controls.value.target, {
@@ -441,42 +460,42 @@
       y: 35.607933619702905,
       z: -983.3798167321406,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
-  } else if (data.name.includes('应变计')) {
+  } else if (data.name.includes("应变计")) {
     gsap.to(Camera.value.position, {
       x: -1694.6408790629657,
       y: 259.7822136553308,
       z: 583.3976961218505,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     gsap.to(Controls.value.target, {
       x: -546.8674967113623,
       y: 24.916489480624683,
       z: -409.17274087310204,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
-  } else if (data.name.includes('裂缝计')) {
+  } else if (data.name.includes("裂缝计")) {
     gsap.to(Camera.value.position, {
       x: -1530.357885036637,
       y: 356.99171737793193,
       z: 332.61457706089254,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     gsap.to(Controls.value.target, {
       x: -80.11715403668808,
       y: -84.77688943101725,
       z: -787.9032398615595,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
   }
 
   // 打开弹窗
-  labelData.value.forEach(element => {
+  labelData.value.forEach((element) => {
     // if (element.name == data.name[0]) {
     if (data.name.includes(element.name)) {
       element.show = true;
@@ -488,10 +507,10 @@
 
 // 获取点位信息
 const getPonintInfo = () => {
-  const promises = labelData.value.map(item => {
-    return pointGetDataList({ pointCode: item.pointCode }).then(res => {
+  const promises = labelData.value.map((item) => {
+    return pointGetDataList({ pointCode: item.pointCode }).then((res) => {
       // 检测时间
-      const timeWithDate = res.data.find(time => time.dataTime);
+      const timeWithDate = res.data.find((time) => time.dataTime);
       if (timeWithDate) {
         item.dataTime = timeWithDate.dataTime;
       }
@@ -500,21 +519,24 @@
   });
 
   Promise.all(promises)
-    .then(updatedItems => {
+    .then((updatedItems) => {
       labelData.value = updatedItems;
-      console.log("🚀 ~ getPonintInfo ~ updatedItems:", updatedItems)
+      console.log("🚀 ~ getPonintInfo ~ updatedItems:", updatedItems);
     })
-    .catch(error => {
-      console.error('请求出错:labelData.value', error);
+    .catch((error) => {
+      console.error("请求出错:labelData.value", error);
     });
 };
 
 onBeforeMount(() => {
   //   initGltfFloor();
   // initModal('ChangJing', '/Gltf/ChuWangCheng.gltf');
-  initModal('yjlSD', 'https://newfiber-cloud-1255570142.cos.ap-chengdu.myqcloud.com/yanan/yjlSD3.gltf');
+  initModal(
+    "yjlSD",
+    "https://newfiber-cloud-1255570142.cos.ap-chengdu.myqcloud.com/yanan/yjlSD2.gltf"
+  );
   // 共同弹窗触发事件
-  bus.on('Tunnel_flyTo', params => {
+  bus.on("Tunnel_flyTo", (params) => {
     // 打开弹窗
     flyTo(params);
   });
@@ -522,7 +544,7 @@
 onMounted(() => {
   getPonintInfo();
   nextTick(() => {
-    if (document.readyState === 'complete') {
+    if (document.readyState === "complete") {
       createLable();
       // createWaterLevel();
     }
@@ -539,15 +561,15 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('Tunnel_flyTo');
+  bus.off("Tunnel_flyTo");
   // 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 {
@@ -600,7 +622,11 @@
       bottom: 12px;
       width: 60px;
       // height: 26px;
-      background: linear-gradient(0deg, rgba(12, 54, 92, 0.6) 0%, rgba(12, 54, 92, 0.6) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(12, 54, 92, 0.6) 0%,
+        rgba(12, 54, 92, 0.6) 100%
+      );
       border-radius: 2px;
       border: 1px solid #04d8ff;
       .ydData {
@@ -630,7 +656,11 @@
       pointer-events: none;
       font-size: 3px;
       text-align: center;
-      background: linear-gradient(90deg, rgba(4, 216, 255, 0.8) 0%, rgba(4, 216, 255, 0.2) 100%);
+      background: linear-gradient(
+        90deg,
+        rgba(4, 216, 255, 0.8) 0%,
+        rgba(4, 216, 255, 0.2) 100%
+      );
     }
 
     .YuanDianIcon {
diff --git a/src/views/oneMap/components/mapboxPopup.vue b/src/views/oneMap/components/mapboxPopup.vue
index f37e3bf..d1f83a5 100644
--- a/src/views/oneMap/components/mapboxPopup.vue
+++ b/src/views/oneMap/components/mapboxPopup.vue
@@ -278,7 +278,7 @@
       </div>
       <div class="materialContent">
         <div class="materialName">位置：</div>
-        <div class="materialValue">XX路与XX路下交叉口</div>
+        <div class="materialValue">杨家岭隧道新区方向五十米处</div>
       </div>
       <div class="materialContent">
         <div class="materialName">处理时间：</div>
@@ -307,7 +307,7 @@
 //import chartOption from '@/components/Echarts/pieChart_1.js';
 //import { graphicReport, getoneRiverRisk } from '@/api/dataAnalysis/syntherticData';
 import * as echarts from "echarts";
-import dialogTabsStore from '@/store/modules/dialogTabs';
+import dialogTabsStore from "@/store/modules/dialogTabs";
 
 const useDialogTabs = dialogTabsStore();
 
@@ -502,7 +502,7 @@
 };
 //街景弹框点击事件
 const showStreetLayer = () => {
-  useDialogTabs.addPosition(allData.streetPosition)
+  useDialogTabs.addPosition(allData.streetPosition);
   let data = {
     title: allData.dataList.roadName,
     comIDs: ["streetscape"],
@@ -576,23 +576,32 @@
         bus.emit("xxinformationList", params);
       }, 100);
     }
-    
-        // 排水弹窗
-    if (params.popupInfo.type == "paishuiSupervise" || params.popupInfo.type == "ranQi_supervise") {
+
+    // 排水弹窗
+    if (
+      params.popupInfo.type == "paishuiSupervise" ||
+      params.popupInfo.type == "ranQi_supervise"
+    ) {
       allData.popupShow = false;
-      let title = params.popupInfo.type == "paishuiSupervise" ?'水位计：'+  params.popupInfo.name :'燃气井下探测器：'+  params.popupInfo.name
-      useDialogTabs.setMapType(params.popupInfo.type,title);
+      let title =
+        params.popupInfo.type == "paishuiSupervise"
+          ? "水位计：" + params.popupInfo.name
+          : "燃气井下探测器：" + params.popupInfo.name;
+      useDialogTabs.setMapType(params.popupInfo.type, title);
       let data = {
         // 燃气井下探测器  device_id
         title,
-        comIDs: ["JC_dialog",'JC_oldList'],
-        SiteNo: params.popupInfo.type == "paishuiSupervise" ?params.popupInfo.siteNo: params.popupInfo.device_id,
+        comIDs: ["JC_dialog", "JC_oldList"],
+        SiteNo:
+          params.popupInfo.type == "paishuiSupervise"
+            ? params.popupInfo.siteNo
+            : params.popupInfo.device_id,
       };
       bus.emit("publicDialog", data);
       // setTimeout(() => {
       //   bus.emit("xxinformationList", params);
       // }, 100);
-      return
+      return;
     }
     if (allData.dataList.siteType == "rain") changeDate(); //雨量站曲线图
     if (allData.dataList.type == "waterCourse") changeDateSW(); //河道水位计

diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
index d7e316e..a4db8c7 100644
--- a/src/views/oneMap/BIM/Tunnel.vue
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -1,42 +1,56 @@
 <template>
   <div id="Tunnel" ref="threeDom">
-    <div class="YuanDian" v-for="(item, i) in labelData" :key="item.id" :id="item.id" style="display: none">
+    <div
+      class="YuanDian"
+      v-for="(item, i) in labelData"
+      :key="item.id"
+      :id="item.id"
+      style="display: none"
+    >
       <div class="iconBox" v-show="item.show">
         <img src="@/assets/images/ljx.png" alt="" class="iconImg" />
         <div class="ydBox">
           <div class="YuanDianText">{{ item.name }}</div>
           <div class="ydData" v-for="(val, k) in item.data" :key="k" v-show="val.data">
-            <div class="leftData">{{ val.phy + ':' }}</div>
-            <div class="rightData">{{ val.data + ' ' + val.unit }}</div>
+            <div class="leftData">{{ val.phy + ":" }}</div>
+            <div class="rightData">{{ val.data + " " + val.unit }}</div>
           </div>
           <div class="ydData">
-            <div class="leftData">{{ '检测时间:' }}</div>
+            <div class="leftData">{{ "检测时间:" }}</div>
             <div class="rightData">{{ item.dataTime }}</div>
           </div>
         </div>
       </div>
-      <img class="YuanDianIcon" :src="item.icon" @mouseenter="item.show = true" @mouseleave="item.show = false" />
+      <img
+        class="YuanDianIcon"
+        :src="item.icon"
+        @mouseenter="item.show = true"
+        @mouseleave="item.show = false"
+      />
     </div>
   </div>
 </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 bus from '@/bus';
+import {
+  CSS3DRenderer,
+  CSS3DObject,
+} from "three/examples/jsm/renderers/CSS3DRenderer.js";
+import gsap from "gsap";
+import { CSSRulePlugin } from "gsap/CSSRulePlugin";
+import bus from "@/bus";
 
-import { pointGetDataList } from '@/api/system/tanchuang';
+import { pointGetDataList } from "@/api/system/tanchuang";
 
-const show = ref('');
+const show = ref("");
 const width = ref(null);
 const height = ref(null);
 const Camera = ref(null);
@@ -48,7 +62,7 @@
 let Twater = null;
 const labelData = ref([
   {
-    name: '激光位移计',
+    name: "激光位移计",
     id: `YuanDian1`,
     position: {
       // x: -1400,
@@ -56,14 +70,14 @@
       y: 30,
       z: -140,
     },
-    icon: '/Three/icon/wyj_mx.png',
+    icon: "/Three/icon/wyj_mx.png",
     data: [],
     show: false,
-    pointCode: 'kohqORm',
-    dataTime: '',
+    pointCode: "kohqORm",
+    dataTime: "",
   },
   {
-    name: '激光位移计',
+    name: "激光位移计",
     id: `YuanDian2`,
     position: {
       // x: -1400,
@@ -71,67 +85,67 @@
       y: 30,
       z: -85,
     },
-    icon: '/Three/icon/wyj_mx.png',
+    icon: "/Three/icon/wyj_mx.png",
     data: [],
     show: false,
-    pointCode: 'LtfAqBh',
-    dataTime: '',
+    pointCode: "LtfAqBh",
+    dataTime: "",
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian3`,
     position: {
       x: -1390,
       y: -50,
       z: -90,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [],
     show: false,
-    pointCode: 'xr8JcRb',
-    dataTime: '',
+    pointCode: "xr8JcRb",
+    dataTime: "",
   },
   {
-    name: '静力水准仪',
+    name: "静力水准仪",
     id: `YuanDian4`,
     position: {
       x: -900,
       y: -50,
       z: -90,
     },
-    icon: '/Three/icon/jlszy_icon.png',
+    icon: "/Three/icon/jlszy_icon.png",
     data: [],
     show: false,
-    pointCode: 'zkbTwJW',
-    dataTime: '',
+    pointCode: "zkbTwJW",
+    dataTime: "",
   },
   {
-    name: '应变计',
+    name: "应变计",
     id: `YuanDian5`,
     position: {
       x: -900,
       y: 80,
       z: 0,
     },
-    icon: '/Three/icon/ybj_icon.png',
+    icon: "/Three/icon/ybj_icon.png",
     data: [],
     show: false,
-    pointCode: '13G1Hnc',
-    dataTime: '',
+    pointCode: "13G1Hnc",
+    dataTime: "",
   },
   {
-    name: '裂缝计',
+    name: "裂缝计",
     id: `YuanDian6`,
     position: {
       x: -900,
       y: 80,
       z: -210,
     },
-    icon: '/Three/icon/lfj_mx.png',
+    icon: "/Three/icon/lfj_mx.png",
     data: [],
     show: false,
-    pointCode: 'WAB89Dk',
-    dataTime: '',
+    pointCode: "WAB89Dk",
+    dataTime: "",
   },
 ]);
 const deviceCode = ref(null);
@@ -165,11 +179,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;
@@ -209,7 +223,7 @@
     y: position.y,
     z: position.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
   // gsap.to(Camera.value.lookAt, {
   //   x: lookAt.x,
@@ -223,7 +237,7 @@
     y: lookAt.y,
     z: lookAt.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
 };
 
@@ -232,8 +246,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
@@ -254,8 +268,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);
 };
@@ -265,7 +279,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);
 };
 
@@ -296,8 +315,8 @@
   // 是否开启右键拖拽
   Controls.value.enablePan = true;
   // AxesHelper：辅助观察的坐标系
-  // const axesHelper = new THREE.AxesHelper(3000);
-  // Scene.add(axesHelper);
+  const axesHelper = new THREE.AxesHelper(3000);
+  Scene.add(axesHelper);
 };
 
 /**
@@ -312,11 +331,11 @@
   // Scene.fog = new THREE.Fog(0x1784f9, 50, 2000); // 距离10开始，到200结束
   //  创建平行光源
   // const directionalLight = new THREE.DirectionalLight(0xffffff, 0.6);
-  // const directionalLight = new THREE.DirectionalLight(0xffffff, 1);
-  // // directionalLight.position.set(-2500, 1, 1);
-  // Scene.add(directionalLight);
+  const directionalLight = new THREE.DirectionalLight(0xcccccc, 10);
+  directionalLight.position.set(-2500, 100, 100);
+  Scene.add(directionalLight);
   // 创建环境光
-  const ambientLight = new THREE.AmbientLight('#ffffff', 0.5);
+  const ambientLight = new THREE.AmbientLight("#ffffff", 1);
   ambientLight.visible = true;
   // const ambientLight = new THREE.AmbientLight('#1784f9', 0.8);
   Scene.add(ambientLight);
@@ -324,13 +343,13 @@
   // const directionalLightHelper = new THREE.DirectionalLightHelper(directionalLight, 0.5);
   // Scene.add(directionalLightHelper);
   // 创建点光源
-  // const PointLight = new THREE.PointLight(0x1784f9, 1, 300);
-  // PointLight.position.set(100, -100, 10);
+  // const PointLight = new THREE.PointLight(0xffffff, 1.0);
+  // PointLight.position.set(-2500, 100, 100);
   // Scene.add(PointLight);
   // const spotLight = new THREE.SpotLight(0xffffff);
-  // spotLight.position.set(-1000, 1000, 0);
-  // spotLight.castShadow = true;
-  // spotLight.intensity = 800;
+  // spotLight.position.set(1000, 1000, 0);
+  // // spotLight.castShadow = true;
+  // spotLight.intensity = 10;
   // Scene.add(spotLight);
 };
 
@@ -341,18 +360,18 @@
  * 注意：此函数未使用TextureLoader加载背景图片，而是使用HDR纹理
  */
 const initSky = () => {
-  // var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
-  // pmremGenerator.compileEquirectangularShader();
-  // new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
-  //   const envMap = pmremGenerator.fromEquirectangular(texture).texture;
-  //   envMap.isPmremTexture = true;
-  //   Scene.environment = envMap;
-  //   // Scene.background = envMap;
-  //   pmremGenerator.dispose();
-  // });
-  new THREE.TextureLoader().load('/Gltf/bg.png', function (texture) {
-    Scene.background = texture;
+  var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
+  pmremGenerator.compileEquirectangularShader();
+  new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
+    const envMap = pmremGenerator.fromEquirectangular(texture).texture;
+    envMap.isPmremTexture = true;
+    // Scene.environment = envMap;
+    Scene.background = envMap;
+    pmremGenerator.dispose();
   });
+  // new THREE.TextureLoader().load("/Gltf/bg.png", function (texture) {
+  //   Scene.background = texture;
+  // });
 };
 
 /**
@@ -378,7 +397,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);
@@ -407,16 +426,16 @@
   });
 }
 
-const flyTo = data => {
+const flyTo = (data) => {
   // 静立水准仪
-  if (data.name[0] == '激光位移计') {
+  if (data.name[0] == "激光位移计") {
     // 摄像机位置
     gsap.to(Camera.value.position, {
       x: -1509.9225299741292,
       y: 437.8471459592194,
       z: 345.1272978647253,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     // 视角
     gsap.to(Controls.value.target, {
@@ -424,16 +443,16 @@
       y: -406.06002918439316,
       z: -648.358072973929,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
-  } else if (data.name[0] == '静力水准仪') {
+  } else if (data.name[0] == "静力水准仪") {
     // 摄像机位置
     gsap.to(Camera.value.position, {
       x: -1797.8251896016222,
       y: 191.14387148699308,
       z: 635.4949495785738,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     // 视角
     gsap.to(Controls.value.target, {
@@ -441,42 +460,42 @@
       y: 35.607933619702905,
       z: -983.3798167321406,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
-  } else if (data.name.includes('应变计')) {
+  } else if (data.name.includes("应变计")) {
     gsap.to(Camera.value.position, {
       x: -1694.6408790629657,
       y: 259.7822136553308,
       z: 583.3976961218505,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     gsap.to(Controls.value.target, {
       x: -546.8674967113623,
       y: 24.916489480624683,
       z: -409.17274087310204,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
-  } else if (data.name.includes('裂缝计')) {
+  } else if (data.name.includes("裂缝计")) {
     gsap.to(Camera.value.position, {
       x: -1530.357885036637,
       y: 356.99171737793193,
       z: 332.61457706089254,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
     gsap.to(Controls.value.target, {
       x: -80.11715403668808,
       y: -84.77688943101725,
       z: -787.9032398615595,
       duration: 3,
-      ease: 'power4.out',
+      ease: "power4.out",
     });
   }
 
   // 打开弹窗
-  labelData.value.forEach(element => {
+  labelData.value.forEach((element) => {
     // if (element.name == data.name[0]) {
     if (data.name.includes(element.name)) {
       element.show = true;
@@ -488,10 +507,10 @@
 
 // 获取点位信息
 const getPonintInfo = () => {
-  const promises = labelData.value.map(item => {
-    return pointGetDataList({ pointCode: item.pointCode }).then(res => {
+  const promises = labelData.value.map((item) => {
+    return pointGetDataList({ pointCode: item.pointCode }).then((res) => {
       // 检测时间
-      const timeWithDate = res.data.find(time => time.dataTime);
+      const timeWithDate = res.data.find((time) => time.dataTime);
       if (timeWithDate) {
         item.dataTime = timeWithDate.dataTime;
       }
@@ -500,21 +519,24 @@
   });
 
   Promise.all(promises)
-    .then(updatedItems => {
+    .then((updatedItems) => {
       labelData.value = updatedItems;
-      console.log("🚀 ~ getPonintInfo ~ updatedItems:", updatedItems)
+      console.log("🚀 ~ getPonintInfo ~ updatedItems:", updatedItems);
     })
-    .catch(error => {
-      console.error('请求出错:labelData.value', error);
+    .catch((error) => {
+      console.error("请求出错:labelData.value", error);
     });
 };
 
 onBeforeMount(() => {
   //   initGltfFloor();
   // initModal('ChangJing', '/Gltf/ChuWangCheng.gltf');
-  initModal('yjlSD', 'https://newfiber-cloud-1255570142.cos.ap-chengdu.myqcloud.com/yanan/yjlSD3.gltf');
+  initModal(
+    "yjlSD",
+    "https://newfiber-cloud-1255570142.cos.ap-chengdu.myqcloud.com/yanan/yjlSD2.gltf"
+  );
   // 共同弹窗触发事件
-  bus.on('Tunnel_flyTo', params => {
+  bus.on("Tunnel_flyTo", (params) => {
     // 打开弹窗
     flyTo(params);
   });
@@ -522,7 +544,7 @@
 onMounted(() => {
   getPonintInfo();
   nextTick(() => {
-    if (document.readyState === 'complete') {
+    if (document.readyState === "complete") {
       createLable();
       // createWaterLevel();
     }
@@ -539,15 +561,15 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('Tunnel_flyTo');
+  bus.off("Tunnel_flyTo");
   // 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 {
@@ -600,7 +622,11 @@
       bottom: 12px;
       width: 60px;
       // height: 26px;
-      background: linear-gradient(0deg, rgba(12, 54, 92, 0.6) 0%, rgba(12, 54, 92, 0.6) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(12, 54, 92, 0.6) 0%,
+        rgba(12, 54, 92, 0.6) 100%
+      );
       border-radius: 2px;
       border: 1px solid #04d8ff;
       .ydData {
@@ -630,7 +656,11 @@
       pointer-events: none;
       font-size: 3px;
       text-align: center;
-      background: linear-gradient(90deg, rgba(4, 216, 255, 0.8) 0%, rgba(4, 216, 255, 0.2) 100%);
+      background: linear-gradient(
+        90deg,
+        rgba(4, 216, 255, 0.8) 0%,
+        rgba(4, 216, 255, 0.2) 100%
+      );
     }
 
     .YuanDianIcon {
diff --git a/src/views/oneMap/components/mapboxPopup.vue b/src/views/oneMap/components/mapboxPopup.vue
index f37e3bf..d1f83a5 100644
--- a/src/views/oneMap/components/mapboxPopup.vue
+++ b/src/views/oneMap/components/mapboxPopup.vue
@@ -278,7 +278,7 @@
       </div>
       <div class="materialContent">
         <div class="materialName">位置：</div>
-        <div class="materialValue">XX路与XX路下交叉口</div>
+        <div class="materialValue">杨家岭隧道新区方向五十米处</div>
       </div>
       <div class="materialContent">
         <div class="materialName">处理时间：</div>
@@ -307,7 +307,7 @@
 //import chartOption from '@/components/Echarts/pieChart_1.js';
 //import { graphicReport, getoneRiverRisk } from '@/api/dataAnalysis/syntherticData';
 import * as echarts from "echarts";
-import dialogTabsStore from '@/store/modules/dialogTabs';
+import dialogTabsStore from "@/store/modules/dialogTabs";
 
 const useDialogTabs = dialogTabsStore();
 
@@ -502,7 +502,7 @@
 };
 //街景弹框点击事件
 const showStreetLayer = () => {
-  useDialogTabs.addPosition(allData.streetPosition)
+  useDialogTabs.addPosition(allData.streetPosition);
   let data = {
     title: allData.dataList.roadName,
     comIDs: ["streetscape"],
@@ -576,23 +576,32 @@
         bus.emit("xxinformationList", params);
       }, 100);
     }
-    
-        // 排水弹窗
-    if (params.popupInfo.type == "paishuiSupervise" || params.popupInfo.type == "ranQi_supervise") {
+
+    // 排水弹窗
+    if (
+      params.popupInfo.type == "paishuiSupervise" ||
+      params.popupInfo.type == "ranQi_supervise"
+    ) {
       allData.popupShow = false;
-      let title = params.popupInfo.type == "paishuiSupervise" ?'水位计：'+  params.popupInfo.name :'燃气井下探测器：'+  params.popupInfo.name
-      useDialogTabs.setMapType(params.popupInfo.type,title);
+      let title =
+        params.popupInfo.type == "paishuiSupervise"
+          ? "水位计：" + params.popupInfo.name
+          : "燃气井下探测器：" + params.popupInfo.name;
+      useDialogTabs.setMapType(params.popupInfo.type, title);
       let data = {
         // 燃气井下探测器  device_id
         title,
-        comIDs: ["JC_dialog",'JC_oldList'],
-        SiteNo: params.popupInfo.type == "paishuiSupervise" ?params.popupInfo.siteNo: params.popupInfo.device_id,
+        comIDs: ["JC_dialog", "JC_oldList"],
+        SiteNo:
+          params.popupInfo.type == "paishuiSupervise"
+            ? params.popupInfo.siteNo
+            : params.popupInfo.device_id,
       };
       bus.emit("publicDialog", data);
       // setTimeout(() => {
       //   bus.emit("xxinformationList", params);
       // }, 100);
-      return
+      return;
     }
     if (allData.dataList.siteType == "rain") changeDate(); //雨量站曲线图
     if (allData.dataList.type == "waterCourse") changeDateSW(); //河道水位计
diff --git a/vite.config.js b/vite.config.js
index ca3cd5c..bc4479e 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -9,8 +9,8 @@
 // const targetUrl = 'http://192.168.48.145:13000'; //张鸿志
 const zhz = 'http://192.168.20.5:13002'; //张鸿志
 const zyh = 'http://192.168.16.105:13002'; //张亚辉
-// const targetUrl = 'https://server2.wh-nf.cn:8088/prod-api'; //线上
-const targetUrl = 'http://192.168.16.135:13000'; //徐云欣
+const targetUrl = 'https://server2.wh-nf.cn:8088/prod-api'; //线上
+// const targetUrl = 'http://192.168.16.135:13000'; //徐云欣
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {