diff --git a/public/Gltf/Skey_1K.hdr b/public/Gltf/Skey_1K.hdr
new file mode 100644
index 0000000..44b1980
--- /dev/null
+++ b/public/Gltf/Skey_1K.hdr
Binary files differ

diff --git a/public/Gltf/Skey_1K.hdr b/public/Gltf/Skey_1K.hdr
new file mode 100644
index 0000000..44b1980
--- /dev/null
+++ b/public/Gltf/Skey_1K.hdr
Binary files differ
diff --git a/src/views/oneMap/BIM/WangJiaPIng.vue b/src/views/oneMap/BIM/WangJiaPIng.vue
index 8d5ce00..faeb480 100644
--- a/src/views/oneMap/BIM/WangJiaPIng.vue
+++ b/src/views/oneMap/BIM/WangJiaPIng.vue
@@ -3,17 +3,20 @@
 </template>
 
 <script setup name="WangJiaPIng">
-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 AllData = reactive({});
 
 const width = ref(null);
@@ -26,58 +29,58 @@
 let Twater = null;
 const labelData = ref([
   {
-    name: '一号泵机',
+    name: "一号泵机",
     id: `YuanDian1`,
     position: {
       x: -180,
       y: 230,
       z: -180,
     },
-    OnSrc: '/Three/icon/BJ_On.png',
-    OffSrc: '/Three/icon/BJ_Off.png',
+    OnSrc: "/Three/icon/BJ_On.png",
+    OffSrc: "/Three/icon/BJ_Off.png",
     status: false,
     boxShow: true,
-    value1: '--',
-    value2: '--',
-    value3: '--',
-    deviceCode: '',
-    stCode: 'HP0104201130000469',
+    value1: "--",
+    value2: "--",
+    value3: "--",
+    deviceCode: "",
+    stCode: "HP0104201130000469",
   },
   {
-    name: '二号泵机',
+    name: "二号泵机",
     id: `YuanDian2`,
     position: {
       x: 3,
       y: 230,
       z: -180,
     },
-    OnSrc: '/Three/icon/BJ_On.png',
-    OffSrc: '/Three/icon/BJ_Off.png',
+    OnSrc: "/Three/icon/BJ_On.png",
+    OffSrc: "/Three/icon/BJ_Off.png",
     status: false,
     boxShow: true,
-    value1: '--',
-    value2: '--',
-    value3: '--',
-    deviceCode: '',
-    stCode: 'HP0104201130000469',
+    value1: "--",
+    value2: "--",
+    value3: "--",
+    deviceCode: "",
+    stCode: "HP0104201130000469",
   },
   {
-    name: '三号泵机',
+    name: "三号泵机",
     id: `YuanDian3`,
     position: {
       x: 195,
       y: 230,
       z: -180,
     },
-    OnSrc: '/Three/icon/BJ_On.png',
-    OffSrc: '/Three/icon/BJ_Off.png',
+    OnSrc: "/Three/icon/BJ_On.png",
+    OffSrc: "/Three/icon/BJ_Off.png",
     status: false,
     boxShow: true,
-    value1: '--',
-    value2: '--',
-    value3: '--',
-    deviceCode: '',
-    stCode: 'HP0104201130000469',
+    value1: "--",
+    value2: "--",
+    value3: "--",
+    deviceCode: "",
+    stCode: "HP0104201130000469",
   },
 ]);
 const deviceCode = ref(null);
@@ -95,10 +98,9 @@
   // x: 457.66301930145875,
   // y: 397.5473109836439,
   // z: 943.8703438418463,
-  x: -60.66301930145875,
-  y: 2.5473109836439,
-  z: 2.8703438418463,
-
+  x: -58.221584999469584,
+  y: 6.590211176632594,
+  z: 9.665579736149148,
 };
 const cameraLookat = {
   x: 1,
@@ -115,15 +117,15 @@
   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;
-      // gltf.scene.position.y = 20;
+      gltf.scene.position.y = 2;
 
       cameraReset(cameraPosition, cameraLookat);
 
@@ -157,7 +159,7 @@
     y: position.y,
     z: position.z,
     duration: time,
-    ease: 'power4.out',
+    ease: "power4.out",
   });
   // gsap.to(Camera.value.lookAt, {
   //   x: lookAt.x,
@@ -180,8 +182,8 @@
  * 该函数负责创建和配置Three.js的WebGL渲染器，包括设置视口大小、抗锯齿、阴影、像素比、色调映射等
  */
 const initRenderer = () => {
-  width.value = document.getElementById('WangJiaPIng').clientWidth;
-  height.value = document.getElementById('WangJiaPIng').clientHeight;
+  width.value = document.getElementById("WangJiaPIng").clientWidth;
+  height.value = document.getElementById("WangJiaPIng").clientHeight;
   Renderer.value = new THREE.WebGLRenderer({
     antialias: true,
     // alpha: true, //开启alpha
@@ -202,8 +204,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);
 };
@@ -213,7 +215,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);
 };
 
@@ -244,8 +251,8 @@
   // 是否开启右键拖拽
   Controls.value.enablePan = true;
   // AxesHelper：辅助观察的坐标系
-  // const axesHelper = new THREE.AxesHelper(3000);
-  // Scene.add(axesHelper);
+  const axesHelper = new THREE.AxesHelper(3000);
+  Scene.add(axesHelper);
 };
 
 /**
@@ -253,8 +260,17 @@
  * 创建并添加环境光到场景中，以模拟全局照明效果
  */
 const initLight = () => {
-  let ambientLight = new THREE.AmbientLight(0xffffff, 0.2); // 创建环境光
-  Scene.add(ambientLight);
+  // let ambientLight = new THREE.AmbientLight(0xffffff, 0.1); // 创建环境光
+  // Scene.add(ambientLight);
+  // // 设置场景的背景颜色，即天空颜色
+  // Scene.background = new THREE.Color(0x999999); // 设置背景，可以更换为你想要的颜色
+  // // 设置天空的雾气颜色和雾气近距离
+  // Scene.fog = new THREE.Fog(0xffffff, 10, 150); // 距离10开始，到200结束
+  // //  创建平行光源
+  // const directionalLight = new THREE.DirectionalLight(0xffffff, 0.1);
+  // directionalLight.position.set(-100, 100, 100);
+  // // 将光源添加到场景
+  // Scene.add(directionalLight);
 };
 
 /**
@@ -266,19 +282,17 @@
 const initSky = () => {
   var pmremGenerator = new THREE.PMREMGenerator(Renderer.value); // 使用hdr作为背景色
   pmremGenerator.compileEquirectangularShader();
-  new RGBELoader().load(
-    'https://zhzz.hongshan.gov.cn:8865/file/hongshan/Three_Gltf/kloppenheim_06_1440h_fs.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;
-  // });
+  new RGBELoader().load("/Gltf/Skey_1K.hdr", function (texture) {
+    const envMap = pmremGenerator.fromEquirectangular(texture).texture;
+    envMap.isPmremTexture = true;
+    Scene.environment = envMap;
+    // Scene.background = envMap;
+    //  envMap.offset.set(0.8, 0.89); // 设置环境映射的偏移量
+    pmremGenerator.dispose();
+  });
+  new THREE.TextureLoader().load("/Gltf/bg.png", function (texture) {
+    Scene.background = texture;
+  });
 };
 
 /**
@@ -291,16 +305,17 @@
   Renderer.value.render(Scene, Camera.value);
   LabelRenderer.value.render(Scene, Camera.value);
   const delta = clock.getDelta();
+  console.log(Camera.value);
 };
 
 onBeforeMount(() => {
   //   initGltfFloor();
   // initModal('ChangJing', '/Gltf/ChuWangCheng.gltf');
-  initModal('daqiao', '/Gltf/daqiao.gltf');
+  initModal("daqiao", "/Gltf/daqiao.gltf");
 });
 onMounted(() => {
   nextTick(() => {
-    if (document.readyState === 'complete') {
+    if (document.readyState === "complete") {
       // createLable();
       // createWaterLevel();
     }
@@ -320,11 +335,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 {