From e1a6151b07966a136383d99205de93637984fe19 Mon Sep 17 00:00:00 2001
From: nicomacbookpro <805879871@qq.com>
Date: Thu, 21 Aug 2025 15:07:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=BA=E6=99=AF=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                   | 28 +++++++--------
 src/utils/plane_grass.js           |  6 ++++
 src/utils/three.js                 |  2 ++
 src/views/bigScreen/home/index.vue | 57 ++++++++++++++++++++++++++++--
 4 files changed, 77 insertions(+), 16 deletions(-)

diff --git a/.env.development b/.env.development
index d79667b..25f9ce1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,14 +1,14 @@
-# 页面标题
-VUE_APP_TITLE = 管理系统
-
-# 开发环境配置
-ENV = 'development'
-
-# 若依管理系统/开发环境
-# VUE_APP_BASE_API = '/dev-api' 
-# VUE_APP_BASE_API = 'http://192.168.1.25:8080'
-VUE_APP_BASE_API = 'http://192.168.142.241:8080'
-# VUE_APP_BASE_API = 'http://8.141.121.71:8080'
-
-# 路由懒加载
-VUE_CLI_BABEL_TRANSPILE_MODULES = true
+# 页面标题
+VUE_APP_TITLE = 管理系统
+
+# 开发环境配置
+ENV = 'development'
+
+# 若依管理系统/开发环境
+# VUE_APP_BASE_API = '/dev-api'
+# VUE_APP_BASE_API = 'http://192.168.1.25:8080'
+VUE_APP_BASE_URL = ''
+# VUE_APP_BASE_API = 'http://8.141.121.71:8080'
+
+# 路由懒加载
+VUE_CLI_BABEL_TRANSPILE_MODULES = true
diff --git a/src/utils/plane_grass.js b/src/utils/plane_grass.js
index 0fe686e..78e662f 100644
--- a/src/utils/plane_grass.js
+++ b/src/utils/plane_grass.js
@@ -157,5 +157,11 @@ class Grass extends THREE.Mesh {
   }
 }
 
+
 const planeGrass = new Grass(50, 100000)
+function animate(time) {
+  planeGrass.update(time)
+  requestAnimationFrame(animate)
+}
+animate()
 export { planeGrass }
diff --git a/src/utils/three.js b/src/utils/three.js
index d92cd88..e7738aa 100644
--- a/src/utils/three.js
+++ b/src/utils/three.js
@@ -518,6 +518,8 @@ export function drawAxes(element, options = {}, ballCallBack) {
   composer.addPass(fxaa);
 
   /* ========== 环境光照/HDR环境贴图 ========== */
+  console.log(process.env.VUE_APP_BASE_URL);
+
   new RGBELoader().load(process.env.VUE_APP_BASE_URL + "/hdr/basic.hdr", (tex) => {
     tex.mapping = THREE.EquirectangularReflectionMapping;
     scene.environment = tex;
diff --git a/src/views/bigScreen/home/index.vue b/src/views/bigScreen/home/index.vue
index f19a108..df2c13e 100644
--- a/src/views/bigScreen/home/index.vue
+++ b/src/views/bigScreen/home/index.vue
@@ -47,6 +47,18 @@
         <img :src="diaUrl" alt="" style="width: 100%; height: 100%;">
       </div>
     </el-dialog>
+    <div class="operate-box">
+      <el-button type="primary" @click="changeScene('ocean')">
+        海洋
+      </el-button>
+      <el-button type="primary" @click="changeScene('grass')">
+        草地
+      </el-button>
+      <el-button type="primary" @click="changeScene('desert')">
+        沙漠
+      </el-button>
+    </div>
+
   </div>
 </template>
 
@@ -261,9 +273,14 @@ export default {
     this.demo1 = drawAxes(sceneBox, options, (falg, val) => {
       this.onBallClick(falg, val)
     })
+
     this.legendList = this.demo1.getGroups()
-    // planeDesert.position.set(25, 2, 25)
-    // this.demo1.scene.add(planeDesert)
+    planeGrass.visible = false
+    planeGrass.position.set(25, 1, 25)
+    this.demo1.scene.add(planeGrass)
+    planeDesert.visible = false
+    planeDesert.position.set(25, 2, 25)
+    this.demo1.scene.add(planeDesert)
     ocean.position.set(25, 1, 25)
     this.demo1.scene.add(ocean)
   },
@@ -419,6 +436,21 @@ export default {
       this.imgIndex = -1
       done()
     },
+    changeScene(scene) {
+      if (scene == 'grass') {
+        planeGrass.visible = true
+        planeDesert.visible = false
+        ocean.visible = false
+      } else if (scene == 'desert') {
+        planeGrass.visible = false
+        planeDesert.visible = true
+        ocean.visible = false
+      } else if (scene == 'ocean') {
+        planeGrass.visible = false
+        planeDesert.visible = false
+        ocean.visible = true
+      }
+    },
     handleCheck(v, k) {
       if (this.legendList[k]) this.legendList[k].visible = !this.legendList[k].visible;
     },
@@ -668,3 +700,24 @@ export default {
   }
 }
 </style>
+
+
+<style lang="scss" scoped>
+.operate-box {
+  position: absolute;
+  top: 0;
+  right: 0;
+
+  width: 100px;
+  height: 300px;
+  background-color: #000;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  .el-button {
+    display: block;
+  }
+}
+</style>