From bf564e8e9b2111161d7f9bb4914e28955bcaf806 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E6=B4=81?= <209192278@qq.com>
Date: Thu, 7 Dec 2023 21:21:19 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20=E9=80=82=E9=85=8D?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json               |  1 +
 src/App.vue                | 26 +++++++++++++++++++++++++-
 src/views/home/index.vue   |  4 ++--
 src/views/login/index.vue  |  2 +-
 src/views/tunnel/index.vue | 34 ++++++++++++++++++++++++++++++++--
 5 files changed, 61 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 033d4ca..6ee804c 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
+    "autofit.js": "^3.0.4",
     "axios": "^1.4.0",
     "echarts": "^5.4.2",
     "element-plus": "^2.3.5",
diff --git a/src/App.vue b/src/App.vue
index 3411ad5..58268a8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,31 @@
 <template>
-  <RouterView />
+  <RouterView/>
 </template>
 
 <script setup>
+import autofit from 'autofit.js';
 
+onMounted(() => {
+  autofit.init({
+    dh: 2160,
+    dw: 3840,
+    el: "#app",
+    resize: true,
+    ignore: [
+      {
+        el: "#tunnel-box", //必填
+        height: "100vh", //可选，需注明单位
+        width: "100vw", //可选，需注明单位
+      }, {
+        el: "#login-box", //必填
+        height: "100vh", //可选，需注明单位
+        width: "100vw", //可选，需注明单位
+      },{
+        el: "#chat-box", //必填
+        height: "100vh", //可选，需注明单位
+        width: "100vw", //可选，需注明单位
+      }
+    ],
+  });
+});
 </script>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index a7423be..689481f 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div id="chat-box">
     <div class="chat-box">
       <div>
         <span>请输入序列号: </span>
@@ -127,4 +127,4 @@ const handleClear = () => {
   top: 0;
   right: 0;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index d118558..58093a8 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="login-box">
+  <div class="login-box" id="login-box">
     <el-form
         :model="loginForm"
         ref="formInstance"
diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue
index da75e22..98dbfa1 100644
--- a/src/views/tunnel/index.vue
+++ b/src/views/tunnel/index.vue
@@ -1,9 +1,39 @@
 <template>
-  <tunnel-scene />
+  <div class="home">
+    <div class="home-left">
+      <div class="example">
+
+      </div>
+    </div>
+    <div class="center">
+      <tunnel-scene id="tunnel-box"/>
+    </div>
+    <div class="home-right">
+    </div>
+  </div>
 </template>
 
 <script setup>
 import TunnelScene from "@/components/content/tunnelScene/TunnelScene.vue";
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.home {
+  position: relative;
+  pointer-events: none;
+
+  .home-left {
+    z-index: 2;
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    .example {
+      width: 830px;
+      height: 521px;
+      background-color: #fff;
+      opacity: 0.5;
+    }
+  }
+}
+</style>

From 56ba5f04a62405c78c761089b422ed02c3c22ef1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E6=B4=81?= <209192278@qq.com>
Date: Thu, 7 Dec 2023 22:50:13 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/tunnel/index.vue | 30 ++----------------------------
 1 file changed, 2 insertions(+), 28 deletions(-)

diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue
index 98dbfa1..1b1c9f3 100644
--- a/src/views/tunnel/index.vue
+++ b/src/views/tunnel/index.vue
@@ -1,15 +1,6 @@
 <template>
-  <div class="home">
-    <div class="home-left">
-      <div class="example">
-
-      </div>
-    </div>
-    <div class="center">
-      <tunnel-scene id="tunnel-box"/>
-    </div>
-    <div class="home-right">
-    </div>
+  <div>
+    <tunnel-scene id="tunnel-box"/>
   </div>
 </template>
 
@@ -18,22 +9,5 @@ import TunnelScene from "@/components/content/tunnelScene/TunnelScene.vue";
 </script>
 
 <style lang="scss" scoped>
-.home {
-  position: relative;
-  pointer-events: none;
 
-  .home-left {
-    z-index: 2;
-    position: absolute;
-    top: 0;
-    left: 0;
-
-    .example {
-      width: 830px;
-      height: 521px;
-      background-color: #fff;
-      opacity: 0.5;
-    }
-  }
-}
 </style>

From b194b07b95ea75f1273c89aaacd834728e22d7c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E6=B4=81?= <209192278@qq.com>
Date: Thu, 7 Dec 2023 22:53:15 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=E6=A8=A1=E5=9E=8B=E4=B8=8A=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/content/tunnelScene/TunnelScene.vue     |  8 ++++----
 .../content/tunnelScene/childComp/EditDev.vue          |  4 ++--
 src/components/content/tunnelScene/sceneClass/demo.js  | 10 +++++-----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/content/tunnelScene/TunnelScene.vue b/src/components/content/tunnelScene/TunnelScene.vue
index 2380705..0e66bf4 100644
--- a/src/components/content/tunnelScene/TunnelScene.vue
+++ b/src/components/content/tunnelScene/TunnelScene.vue
@@ -48,13 +48,13 @@ async function handleMounted() {
 
   try {
     const deviceList = [];
-    let result = await loadModel("../../../../public/devicesModel/Camera.obj");
+    let result = await loadModel("/devicesModel/Camera.obj");
     deviceList.push(result);
-    result = await loadModel("../../../../public/devicesModel/box_device.obj");
+    result = await loadModel("/devicesModel/box_device.obj");
     deviceList.push(result);
-    result = await loadModel("../../../../public/devicesModel/dev2.obj");
+    result = await loadModel("/devicesModel/dev2.obj");
     deviceList.push(result);
-    result = await loadModel("../../../../public/devicesModel/dev3.obj");
+    result = await loadModel("/devicesModel/dev3.obj");
     deviceList.push(result);
   } catch (e) {}
   // demo.initDevicesModel();
diff --git a/src/components/content/tunnelScene/childComp/EditDev.vue b/src/components/content/tunnelScene/childComp/EditDev.vue
index 0449ec5..ec4fa3d 100644
--- a/src/components/content/tunnelScene/childComp/EditDev.vue
+++ b/src/components/content/tunnelScene/childComp/EditDev.vue
@@ -37,7 +37,7 @@ function initDevicesModel() {
 
 const devItem = {
   devName: "传感器",
-  devImgUrl: "../../../../../public/images/camera.jpg",
+  devImgUrl: "/images/camera.jpg",
 };
 const list = [devItem, devItem, devItem, devItem];
 
@@ -45,7 +45,7 @@ const devicesList = reactive(list);
 const checkIndex = ref(0);
 //选择设备
 function checkDev(key) {
-  checkIndex = key;
+  checkIndex.value = key;
   emit("checkDev", key); //携带参数发射事件
 }
 // 添加设备
diff --git a/src/components/content/tunnelScene/sceneClass/demo.js b/src/components/content/tunnelScene/sceneClass/demo.js
index b56ff6d..2c61f69 100644
--- a/src/components/content/tunnelScene/sceneClass/demo.js
+++ b/src/components/content/tunnelScene/sceneClass/demo.js
@@ -126,7 +126,7 @@ export default class Demo {
     return new Promise((resolve, reject) => {
       this.gltfloader = new GLTFLoader();
       this.gltfloader.load(
-        "../../../../../public/tunnelModel/chanel.glb",
+        "/tunnelModel/chanel.glb",
         (gltf) => {
           gltf.scene.traverse((child) => {
             this._forModels(child);
@@ -418,19 +418,19 @@ export default class Demo {
   loadeOBJModel() {
     this.devMap = new Map();
     this.OBJLoader.load(
-      "../../../../../public/devicesModel/Camera.obj",
+      "/devicesModel/Camera.obj",
       callBack.bind(this, "dev_1")
     );
     this.OBJLoader.load(
-      "../../../../../public/devicesModel/Camera.obj",
+      "/devicesModel/Camera.obj",
       callBack.bind(this, "dev_2")
     );
     this.OBJLoader.load(
-      "../../../../../public/devicesModel/Camera.obj",
+      "/devicesModel/Camera.obj",
       callBack.bind(this, "dev_3")
     );
     this.OBJLoader.load(
-      "../../../../../public/devicesModel/Camera.obj",
+      "/devicesModel/Camera.obj",
       callBack.bind(this, "camera")
     );
     function callBack(param, model) {