diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit
diff --git a/src/router/index.ts b/src/router/index.ts
index e4760f5..9ce2c1b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,7 +44,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
@@ -151,7 +152,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit
diff --git a/src/router/index.ts b/src/router/index.ts
index e4760f5..9ce2c1b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,7 +44,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
@@ -151,7 +152,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
diff --git a/src/router/modules/menus.ts b/src/router/modules/menus.ts
index 9aa7fe3..af35115 100644
--- a/src/router/modules/menus.ts
+++ b/src/router/modules/menus.ts
@@ -1,5 +1,6 @@
 // 所有菜单路由
 import systemRoutes from './system'
+import patrolRoutes from './patrol'
 import type { Route } from '@/global'
 const Layout = () => import('@/layouts/index.vue')
 
@@ -8,7 +9,7 @@
   {
     path: '/home',
     component: Layout,
-    redirect: '/home/index',
+    redirect: '/patrol/navigation',
     name: 'Home',
     meta: {
       title: '首页',
@@ -31,6 +32,8 @@
       },
     ],
   },
+  // 巡检管理
+  ...patrolRoutes,
   // 系统路由
   ...systemRoutes,
 ]

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit
diff --git a/src/router/index.ts b/src/router/index.ts
index e4760f5..9ce2c1b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,7 +44,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
@@ -151,7 +152,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
diff --git a/src/router/modules/menus.ts b/src/router/modules/menus.ts
index 9aa7fe3..af35115 100644
--- a/src/router/modules/menus.ts
+++ b/src/router/modules/menus.ts
@@ -1,5 +1,6 @@
 // 所有菜单路由
 import systemRoutes from './system'
+import patrolRoutes from './patrol'
 import type { Route } from '@/global'
 const Layout = () => import('@/layouts/index.vue')
 
@@ -8,7 +9,7 @@
   {
     path: '/home',
     component: Layout,
-    redirect: '/home/index',
+    redirect: '/patrol/navigation',
     name: 'Home',
     meta: {
       title: '首页',
@@ -31,6 +32,8 @@
       },
     ],
   },
+  // 巡检管理
+  ...patrolRoutes,
   // 系统路由
   ...systemRoutes,
 ]
diff --git a/src/router/modules/patrol.ts b/src/router/modules/patrol.ts
new file mode 100644
index 0000000..8d6a735
--- /dev/null
+++ b/src/router/modules/patrol.ts
@@ -0,0 +1,46 @@
+// 巡检管理
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+
+const routes: Route.recordRaw[] = [
+  {
+    path: '/patrol',
+    component: Layout,
+    redirect: '/patrol',
+    name: 'Patrol',
+    meta: {
+      title: '巡检管理',
+      icon: 'ep:key',
+      auth: '/patrol',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'PatrolManage',
+        component: () => import('@/views/patrol/manage/index.vue'),
+        meta: {
+          title: '巡检管理',
+          auth: '/patrol/manage',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+      {
+        path: 'navigation',
+        name: 'PatrolNavigation',
+        component: () => import('@/views/patrol/navigation/index.vue'),
+        meta: {
+          title: '巡检导航',
+          auth: '/patrol/navigation',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+    ],
+  },
+]
+
+export default routes

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit
diff --git a/src/router/index.ts b/src/router/index.ts
index e4760f5..9ce2c1b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,7 +44,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
@@ -151,7 +152,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
diff --git a/src/router/modules/menus.ts b/src/router/modules/menus.ts
index 9aa7fe3..af35115 100644
--- a/src/router/modules/menus.ts
+++ b/src/router/modules/menus.ts
@@ -1,5 +1,6 @@
 // 所有菜单路由
 import systemRoutes from './system'
+import patrolRoutes from './patrol'
 import type { Route } from '@/global'
 const Layout = () => import('@/layouts/index.vue')
 
@@ -8,7 +9,7 @@
   {
     path: '/home',
     component: Layout,
-    redirect: '/home/index',
+    redirect: '/patrol/navigation',
     name: 'Home',
     meta: {
       title: '首页',
@@ -31,6 +32,8 @@
       },
     ],
   },
+  // 巡检管理
+  ...patrolRoutes,
   // 系统路由
   ...systemRoutes,
 ]
diff --git a/src/router/modules/patrol.ts b/src/router/modules/patrol.ts
new file mode 100644
index 0000000..8d6a735
--- /dev/null
+++ b/src/router/modules/patrol.ts
@@ -0,0 +1,46 @@
+// 巡检管理
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+
+const routes: Route.recordRaw[] = [
+  {
+    path: '/patrol',
+    component: Layout,
+    redirect: '/patrol',
+    name: 'Patrol',
+    meta: {
+      title: '巡检管理',
+      icon: 'ep:key',
+      auth: '/patrol',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'PatrolManage',
+        component: () => import('@/views/patrol/manage/index.vue'),
+        meta: {
+          title: '巡检管理',
+          auth: '/patrol/manage',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+      {
+        path: 'navigation',
+        name: 'PatrolNavigation',
+        component: () => import('@/views/patrol/navigation/index.vue'),
+        meta: {
+          title: '巡检导航',
+          auth: '/patrol/navigation',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/utils/structure.ts b/src/utils/structure.ts
index bc647d7..54507e9 100644
--- a/src/utils/structure.ts
+++ b/src/utils/structure.ts
@@ -130,7 +130,7 @@
  * @param plainList 寻找列表中的父id
  * @returns 父id列表
  */
-function findPid(plainList: Array<ArrayItem>): Array<string> {
+export function findPid(plainList: Array<ArrayItem>): Array<string> {
   const pidList = new Set<string>()
   if (plainList) {
     for (const item of plainList) { // 1.添加所有的父id

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit
diff --git a/src/router/index.ts b/src/router/index.ts
index e4760f5..9ce2c1b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,7 +44,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
@@ -151,7 +152,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
diff --git a/src/router/modules/menus.ts b/src/router/modules/menus.ts
index 9aa7fe3..af35115 100644
--- a/src/router/modules/menus.ts
+++ b/src/router/modules/menus.ts
@@ -1,5 +1,6 @@
 // 所有菜单路由
 import systemRoutes from './system'
+import patrolRoutes from './patrol'
 import type { Route } from '@/global'
 const Layout = () => import('@/layouts/index.vue')
 
@@ -8,7 +9,7 @@
   {
     path: '/home',
     component: Layout,
-    redirect: '/home/index',
+    redirect: '/patrol/navigation',
     name: 'Home',
     meta: {
       title: '首页',
@@ -31,6 +32,8 @@
       },
     ],
   },
+  // 巡检管理
+  ...patrolRoutes,
   // 系统路由
   ...systemRoutes,
 ]
diff --git a/src/router/modules/patrol.ts b/src/router/modules/patrol.ts
new file mode 100644
index 0000000..8d6a735
--- /dev/null
+++ b/src/router/modules/patrol.ts
@@ -0,0 +1,46 @@
+// 巡检管理
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+
+const routes: Route.recordRaw[] = [
+  {
+    path: '/patrol',
+    component: Layout,
+    redirect: '/patrol',
+    name: 'Patrol',
+    meta: {
+      title: '巡检管理',
+      icon: 'ep:key',
+      auth: '/patrol',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'PatrolManage',
+        component: () => import('@/views/patrol/manage/index.vue'),
+        meta: {
+          title: '巡检管理',
+          auth: '/patrol/manage',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+      {
+        path: 'navigation',
+        name: 'PatrolNavigation',
+        component: () => import('@/views/patrol/navigation/index.vue'),
+        meta: {
+          title: '巡检导航',
+          auth: '/patrol/navigation',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/utils/structure.ts b/src/utils/structure.ts
index bc647d7..54507e9 100644
--- a/src/utils/structure.ts
+++ b/src/utils/structure.ts
@@ -130,7 +130,7 @@
  * @param plainList 寻找列表中的父id
  * @returns 父id列表
  */
-function findPid(plainList: Array<ArrayItem>): Array<string> {
+export function findPid(plainList: Array<ArrayItem>): Array<string> {
   const pidList = new Set<string>()
   if (plainList) {
     for (const item of plainList) { // 1.添加所有的父id
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index 3435e67..8bef3fa 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -1,288 +1,23 @@
-首页
+<!-- 首页 -->
 <script lang="ts" setup name="Dashboard">
-//
+import threeCom from '@/components/threejs/index.vue'
 </script>
 
 <template>
   <!-- 布局 -->
-  <app-container>
-    首页
+  <app-container class="app-container">
+    <three-com class="three-area" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-.top-container {
+.app-container {
   width: 100%;
-  display: flex;
-  justify-content: space-around;
-
-  .top-left-container {
+  height: 100%;
+  .three-area {
+    position: relative;
     width: 100%;
-    display: flex;
-    justify-content: space-around;
-
-    .base {
-      width: 49.5%;
-      height: 130px;
-
-      .base-container {
-        display: flex;
-        justify-content: space-around;
-        margin-top: 15px;
-
-        .base-item {
-          width: 25%;
-          display: flex;
-
-          .img {
-            width: 30%;
-
-            img {
-              width: 80%;
-            }
-          }
-
-          .content {
-            width: 70%;
-
-            .value {
-              .value {
-                font-weight: 700;
-                font-size: 20px;
-              }
-            }
-          }
-        }
-      }
-    }
+    height: 600px;
   }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          width: 50%;
-
-          // display: flex;
-          // justify-content: center;
-          // flex-direction: column;
-          img {
-            width: 35px;
-            height: 35px;
-          }
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 40%;
-    height: 250px;
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.middle-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .type-count,
-  .dept-count {
-    width: 49.4%;
-    height: 255px;
-  }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          // box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 77%;
-    height: 250px;
-
-    .search {
-      padding: 0 15px;
-      display: flex;
-      justify-content: space-between;
-      color: #0d76d4;
-      font-size: 14px;
-
-      &:hover {
-        text-decoration: underline;
-        cursor: pointer;
-      }
-    }
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        &:hover {
-          .content,
-          .left {
-            color: #0d76d4 !important;
-            text-decoration: underline !important;
-            cursor: pointer;
-          }
-        }
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.bottom-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .week-alarm,
-  .dept-alarm {
-    width: 49.4%;
-    height: 25px;
-  }
-
-  .error {
-    width: 99.5%;
-  }
-}
-
-.top {
-  margin-top: 10px;
 }
 </style>

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit
diff --git a/src/router/index.ts b/src/router/index.ts
index e4760f5..9ce2c1b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,7 +44,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
@@ -151,7 +152,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
diff --git a/src/router/modules/menus.ts b/src/router/modules/menus.ts
index 9aa7fe3..af35115 100644
--- a/src/router/modules/menus.ts
+++ b/src/router/modules/menus.ts
@@ -1,5 +1,6 @@
 // 所有菜单路由
 import systemRoutes from './system'
+import patrolRoutes from './patrol'
 import type { Route } from '@/global'
 const Layout = () => import('@/layouts/index.vue')
 
@@ -8,7 +9,7 @@
   {
     path: '/home',
     component: Layout,
-    redirect: '/home/index',
+    redirect: '/patrol/navigation',
     name: 'Home',
     meta: {
       title: '首页',
@@ -31,6 +32,8 @@
       },
     ],
   },
+  // 巡检管理
+  ...patrolRoutes,
   // 系统路由
   ...systemRoutes,
 ]
diff --git a/src/router/modules/patrol.ts b/src/router/modules/patrol.ts
new file mode 100644
index 0000000..8d6a735
--- /dev/null
+++ b/src/router/modules/patrol.ts
@@ -0,0 +1,46 @@
+// 巡检管理
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+
+const routes: Route.recordRaw[] = [
+  {
+    path: '/patrol',
+    component: Layout,
+    redirect: '/patrol',
+    name: 'Patrol',
+    meta: {
+      title: '巡检管理',
+      icon: 'ep:key',
+      auth: '/patrol',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'PatrolManage',
+        component: () => import('@/views/patrol/manage/index.vue'),
+        meta: {
+          title: '巡检管理',
+          auth: '/patrol/manage',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+      {
+        path: 'navigation',
+        name: 'PatrolNavigation',
+        component: () => import('@/views/patrol/navigation/index.vue'),
+        meta: {
+          title: '巡检导航',
+          auth: '/patrol/navigation',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/utils/structure.ts b/src/utils/structure.ts
index bc647d7..54507e9 100644
--- a/src/utils/structure.ts
+++ b/src/utils/structure.ts
@@ -130,7 +130,7 @@
  * @param plainList 寻找列表中的父id
  * @returns 父id列表
  */
-function findPid(plainList: Array<ArrayItem>): Array<string> {
+export function findPid(plainList: Array<ArrayItem>): Array<string> {
   const pidList = new Set<string>()
   if (plainList) {
     for (const item of plainList) { // 1.添加所有的父id
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index 3435e67..8bef3fa 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -1,288 +1,23 @@
-首页
+<!-- 首页 -->
 <script lang="ts" setup name="Dashboard">
-//
+import threeCom from '@/components/threejs/index.vue'
 </script>
 
 <template>
   <!-- 布局 -->
-  <app-container>
-    首页
+  <app-container class="app-container">
+    <three-com class="three-area" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-.top-container {
+.app-container {
   width: 100%;
-  display: flex;
-  justify-content: space-around;
-
-  .top-left-container {
+  height: 100%;
+  .three-area {
+    position: relative;
     width: 100%;
-    display: flex;
-    justify-content: space-around;
-
-    .base {
-      width: 49.5%;
-      height: 130px;
-
-      .base-container {
-        display: flex;
-        justify-content: space-around;
-        margin-top: 15px;
-
-        .base-item {
-          width: 25%;
-          display: flex;
-
-          .img {
-            width: 30%;
-
-            img {
-              width: 80%;
-            }
-          }
-
-          .content {
-            width: 70%;
-
-            .value {
-              .value {
-                font-weight: 700;
-                font-size: 20px;
-              }
-            }
-          }
-        }
-      }
-    }
+    height: 600px;
   }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          width: 50%;
-
-          // display: flex;
-          // justify-content: center;
-          // flex-direction: column;
-          img {
-            width: 35px;
-            height: 35px;
-          }
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 40%;
-    height: 250px;
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.middle-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .type-count,
-  .dept-count {
-    width: 49.4%;
-    height: 255px;
-  }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          // box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 77%;
-    height: 250px;
-
-    .search {
-      padding: 0 15px;
-      display: flex;
-      justify-content: space-between;
-      color: #0d76d4;
-      font-size: 14px;
-
-      &:hover {
-        text-decoration: underline;
-        cursor: pointer;
-      }
-    }
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        &:hover {
-          .content,
-          .left {
-            color: #0d76d4 !important;
-            text-decoration: underline !important;
-            cursor: pointer;
-          }
-        }
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.bottom-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .week-alarm,
-  .dept-alarm {
-    width: 49.4%;
-    height: 25px;
-  }
-
-  .error {
-    width: 99.5%;
-  }
-}
-
-.top {
-  margin-top: 10px;
 }
 </style>
diff --git a/src/views/login.vue b/src/views/login.vue
index 5c360a3..507ae67 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -204,13 +204,13 @@
 <template>
   <div>
     <!-- <div class="bg-top-banner">
-      机器狗巡检平台
+      巡检精灵综合管理平台
     </div> -->
     <div class="bg-banner" />
     <div id="login-box">
       <div class="login-left-box">
         <div class="logo" />
-        <div class="title">欢迎访问机器狗巡检平台</div>
+        <div class="title">欢迎访问巡检精灵综合管理平台</div>
       </div>
 
       <div class="right-box">

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit
diff --git a/src/router/index.ts b/src/router/index.ts
index e4760f5..9ce2c1b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,7 +44,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
@@ -151,7 +152,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
diff --git a/src/router/modules/menus.ts b/src/router/modules/menus.ts
index 9aa7fe3..af35115 100644
--- a/src/router/modules/menus.ts
+++ b/src/router/modules/menus.ts
@@ -1,5 +1,6 @@
 // 所有菜单路由
 import systemRoutes from './system'
+import patrolRoutes from './patrol'
 import type { Route } from '@/global'
 const Layout = () => import('@/layouts/index.vue')
 
@@ -8,7 +9,7 @@
   {
     path: '/home',
     component: Layout,
-    redirect: '/home/index',
+    redirect: '/patrol/navigation',
     name: 'Home',
     meta: {
       title: '首页',
@@ -31,6 +32,8 @@
       },
     ],
   },
+  // 巡检管理
+  ...patrolRoutes,
   // 系统路由
   ...systemRoutes,
 ]
diff --git a/src/router/modules/patrol.ts b/src/router/modules/patrol.ts
new file mode 100644
index 0000000..8d6a735
--- /dev/null
+++ b/src/router/modules/patrol.ts
@@ -0,0 +1,46 @@
+// 巡检管理
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+
+const routes: Route.recordRaw[] = [
+  {
+    path: '/patrol',
+    component: Layout,
+    redirect: '/patrol',
+    name: 'Patrol',
+    meta: {
+      title: '巡检管理',
+      icon: 'ep:key',
+      auth: '/patrol',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'PatrolManage',
+        component: () => import('@/views/patrol/manage/index.vue'),
+        meta: {
+          title: '巡检管理',
+          auth: '/patrol/manage',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+      {
+        path: 'navigation',
+        name: 'PatrolNavigation',
+        component: () => import('@/views/patrol/navigation/index.vue'),
+        meta: {
+          title: '巡检导航',
+          auth: '/patrol/navigation',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/utils/structure.ts b/src/utils/structure.ts
index bc647d7..54507e9 100644
--- a/src/utils/structure.ts
+++ b/src/utils/structure.ts
@@ -130,7 +130,7 @@
  * @param plainList 寻找列表中的父id
  * @returns 父id列表
  */
-function findPid(plainList: Array<ArrayItem>): Array<string> {
+export function findPid(plainList: Array<ArrayItem>): Array<string> {
   const pidList = new Set<string>()
   if (plainList) {
     for (const item of plainList) { // 1.添加所有的父id
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index 3435e67..8bef3fa 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -1,288 +1,23 @@
-首页
+<!-- 首页 -->
 <script lang="ts" setup name="Dashboard">
-//
+import threeCom from '@/components/threejs/index.vue'
 </script>
 
 <template>
   <!-- 布局 -->
-  <app-container>
-    首页
+  <app-container class="app-container">
+    <three-com class="three-area" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-.top-container {
+.app-container {
   width: 100%;
-  display: flex;
-  justify-content: space-around;
-
-  .top-left-container {
+  height: 100%;
+  .three-area {
+    position: relative;
     width: 100%;
-    display: flex;
-    justify-content: space-around;
-
-    .base {
-      width: 49.5%;
-      height: 130px;
-
-      .base-container {
-        display: flex;
-        justify-content: space-around;
-        margin-top: 15px;
-
-        .base-item {
-          width: 25%;
-          display: flex;
-
-          .img {
-            width: 30%;
-
-            img {
-              width: 80%;
-            }
-          }
-
-          .content {
-            width: 70%;
-
-            .value {
-              .value {
-                font-weight: 700;
-                font-size: 20px;
-              }
-            }
-          }
-        }
-      }
-    }
+    height: 600px;
   }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          width: 50%;
-
-          // display: flex;
-          // justify-content: center;
-          // flex-direction: column;
-          img {
-            width: 35px;
-            height: 35px;
-          }
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 40%;
-    height: 250px;
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.middle-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .type-count,
-  .dept-count {
-    width: 49.4%;
-    height: 255px;
-  }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          // box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 77%;
-    height: 250px;
-
-    .search {
-      padding: 0 15px;
-      display: flex;
-      justify-content: space-between;
-      color: #0d76d4;
-      font-size: 14px;
-
-      &:hover {
-        text-decoration: underline;
-        cursor: pointer;
-      }
-    }
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        &:hover {
-          .content,
-          .left {
-            color: #0d76d4 !important;
-            text-decoration: underline !important;
-            cursor: pointer;
-          }
-        }
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.bottom-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .week-alarm,
-  .dept-alarm {
-    width: 49.4%;
-    height: 25px;
-  }
-
-  .error {
-    width: 99.5%;
-  }
-}
-
-.top {
-  margin-top: 10px;
 }
 </style>
diff --git a/src/views/login.vue b/src/views/login.vue
index 5c360a3..507ae67 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -204,13 +204,13 @@
 <template>
   <div>
     <!-- <div class="bg-top-banner">
-      机器狗巡检平台
+      巡检精灵综合管理平台
     </div> -->
     <div class="bg-banner" />
     <div id="login-box">
       <div class="login-left-box">
         <div class="logo" />
-        <div class="title">欢迎访问机器狗巡检平台</div>
+        <div class="title">欢迎访问巡检精灵综合管理平台</div>
       </div>
 
       <div class="right-box">
diff --git a/src/views/patrol/manage/index.vue b/src/views/patrol/manage/index.vue
new file mode 100644
index 0000000..161602a
--- /dev/null
+++ b/src/views/patrol/manage/index.vue
@@ -0,0 +1,475 @@
+<script setup lang="ts">
+import { ElMessage, ElMessageBox, ElTooltip } from 'element-plus'
+import controlImg from '@/assets/tempImages/control.png'
+import dog from '@/assets/tempImages/dog-picture.jpg'
+import dogArm from '@/assets/tempImages/dog-arm.jpg'
+import sgjc from '@/assets/tempImages/sgjc.jpg'
+import tyx from '@/assets/tempImages/tyx.jpg'
+import yrg from '@/assets/tempImages/yrg.jpg'
+const currentDevice = ref({
+  deviceName: '机器狗1号',
+  deviceStatus: '工作中',
+  battery: '80%',
+  route: '路线一',
+  speed: '2m/s',
+})
+// 点击更换设备
+const changeDevice = () => {
+  ElMessageBox.confirm(
+    '确定更换设备吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('更换成功')
+    currentDevice.value = {
+      deviceName: '机器狗2号',
+      deviceStatus: '工作中',
+      battery: '98%',
+      route: '路线二',
+      speed: '1.8m/s',
+    }
+  })
+}
+
+// 点击解除绑定
+const unbind = () => {
+  ElMessageBox.confirm(
+    '确定解除绑定吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('已解除绑定')
+  })
+}
+
+// -----------------------------------------------表格------------------------------------------------------
+// 表格表头
+const columns = ref([
+  { text: '巡检内容', value: 'content', align: 'center' },
+  { text: '巡检情况', value: 'situation', align: 'center' },
+  // { text: '附件', value: 'picture', align: 'center' },
+])
+const listQuery = ref({
+  limit: 10,
+  offset: 1,
+})
+const list: any = ref([]) // 数据列表
+const loading = ref(false)
+// ---------------------------------------图片-----------------------------------------------------------------------
+// 图片地址
+const imageUrl = ref(null)
+// 图片引用
+const imageRef = ref(null)
+// 画布引用
+const canvasRef = ref(null)
+// 四个点的坐标
+const points = ref([
+  { x: 100, y: 100, image: sgjc },
+  { x: 200, y: 200, image: tyx },
+  { x: 300, y: 100, image: yrg },
+  { x: 600, y: 50, image: dogArm },
+])
+// 鼠标悬停的点
+const hoveredPoint = ref(null)
+// 悬停点对应的图片
+const hoveredPointImage = ref('')
+
+// 图片加载完成事件
+const onImageLoad = () => {
+  const canvas = canvasRef.value
+  const ctx = canvas.getContext('2d')
+  const image = imageRef.value
+
+  // 设置画布大小与图片一致
+  canvas.width = image.width
+  canvas.height = image.height
+
+  // 绘制线段
+  for (let i = 0; i < points.value.length - 1; i++) {
+    const p1 = points.value[i]
+    const p2 = points.value[i + 1]
+    ctx.beginPath()
+    ctx.moveTo(p1.x, p1.y)
+    ctx.lineTo(p2.x, p2.y)
+    ctx.stroke()
+  }
+
+  // 绘制点和数字
+  points.value.forEach((point, index) => {
+    ctx.beginPath()
+    ctx.arc(point.x, point.y, 10, 0, 2 * Math.PI)
+    ctx.fillStyle = 'rgba(12, 116, 210, 1)'
+    ctx.fill()
+
+    ctx.font = '16px Arial'
+    ctx.fillStyle = 'white'
+    ctx.textAlign = 'center'
+    ctx.textBaseline = 'middle'
+    ctx.fillText(index + 1, point.x, point.y)
+  })
+}
+
+// 鼠标移动事件
+const onMouseMove = (event) => {
+  console.log('鼠标移动事件', event)
+
+  const rect = canvasRef.value.getBoundingClientRect()
+  const mouseX = event.clientX - rect.left
+  const mouseY = event.clientY - rect.top
+
+  hoveredPoint.value = null
+  hoveredPointImage.value = ''
+
+  points.value.forEach((point) => {
+    const dx = mouseX - point.x
+    const dy = mouseY - point.y
+    const distance = Math.sqrt(dx * dx + dy * dy)
+
+    if (distance <= 10) {
+      hoveredPoint.value = point
+      hoveredPointImage.value = point.image
+      console.log('悬浮图片', hoveredPointImage.value)
+    }
+  })
+}
+// ---------------------------------------图片-----------------------------------------------------------------------
+
+onMounted(() => {
+  list.value = [
+    {
+      content: '施工监测',
+      situation: '发现施工，请及时处置',
+      picture: sgjc,
+    },
+    {
+      content: '调压箱检测',
+      situation: '正常',
+      picture: tyx,
+    },
+    {
+      content: '引入管检测',
+      situation: '正常',
+      picture: yrg,
+    },
+    {
+      content: '闸井检测',
+      situation: '正常',
+      picture: dogArm,
+    },
+  ]
+
+  // 如果图片已经加载完成，手动调用 onImageLoad 函数
+  // if (mainImageRef.value.complete) {
+  onImageLoad()
+  // }
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="patrol-manage">
+      <div class="box box-top">
+        <div class="box-top-item">
+          <!-- <img
+            style="width: 100%; height: 300px"
+            src="../../../assets/tempImages/2.jpg"
+          > -->
+          <div style="position: relative; width: fit-content;margin: 0 auto;">
+            <!-- 图片 -->
+            <img ref="imageRef" style="width: 100%; height: 300px" src="../../../assets/tempImages/map.png" alt="Image" @mousemove="onMouseMove" @load="onImageLoad">
+            <!-- 画布 -->
+            <canvas ref="canvasRef" />
+          </div>
+        </div>
+        <img v-if="hoveredPointImage" :src="hoveredPointImage" alt="Point Image" style="width: 600px; height: 500px;position: fixed;top: 100px;right: 10px;">
+
+        <div style="height: 100%; background-color: #ccc; width: 1px;" />
+        <div class="box-top-item">
+          <div class="box-title">
+            <div class="title">
+              <span>关联设备</span>
+              <img
+                style="width: 20px; height: 20px"
+                src="../../../assets/tempImages/icon-link.svg"
+              >
+            </div>
+            <div>
+              <el-button type="primary" link @click="changeDevice">
+                更换设备
+              </el-button>
+              <el-button type="danger" link @click="unbind">
+                解除绑定
+              </el-button>
+            </div>
+          </div>
+          <div class="box-main">
+            <img
+              style="width: 200px; height: 200px"
+              src="../../../assets/tempImages/dog.png"
+            >
+            <div class="box-device">
+              <span>
+                <span class="title">设备名称: </span>
+                <span class="text">{{ currentDevice.deviceName }}</span>
+              </span>
+              <span>
+                <span class="title">设备状态: </span>
+                <span class="text" style="color: #afcc85">{{ currentDevice.deviceStatus }}</span>
+              </span>
+              <span>
+                <span class="title">设备电量: </span>
+                <span class="text">{{ currentDevice.battery }}</span>
+              </span>
+              <span>
+                <span class="title">巡检路线: </span>
+                <span class="text">{{ currentDevice.route }}</span>
+              </span>
+              <span>
+                <span class="title">当前速度: </span>
+                <span class="text">{{ currentDevice.speed }}</span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="box-middle">
+        <table-container title="巡检情况" style="margin-top: 0px !important;">
+          <normal-table
+            :data="list"
+            :total="total"
+            :pagination="false"
+            :columns="columns"
+            :query="listQuery"
+            :list-loading="listLoading"
+            @change="changePage"
+          >
+            <template #preColumns>
+              <el-table-column label="序号" width="55" align="center">
+                <template #default="scope">
+                  {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+                </template>
+              </el-table-column>
+            </template>
+            <template #columns>
+              <el-table-column label="附件" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-image
+                    style="width: 100px; height: 100px"
+                    :src="scope.row.picture"
+                    :preview-src-list="[scope.row.picture]"
+                  />
+                </template>
+              </el-table-column>
+              <!-- <el-table-column label="操作" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-button
+                    type="primary"
+                    link
+                    size="small"
+                    class="table-text-button"
+                    @click="handleEdit(scope.row)"
+                  >
+                    详情
+                  </el-button>
+                </template>
+              </el-table-column> -->
+            </template>
+          </normal-table>
+        </table-container>
+      </div>
+      <!-- <div class="box box-bottom">
+        <div class="title">
+          <span>设备控制</span>
+          <div>
+            <el-button type="danger" @click="stop">
+              急停
+            </el-button>
+            <el-button type="primary" @click="restore">
+              恢复
+            </el-button>
+          </div>
+        </div>
+        <div style="margin-top: 10px;display: flex;justify-content: space-around;">
+          <div style="position: relative;">
+            <div class="control-title">
+              机器狗控制
+            </div>
+            <div name="four" style="width: 150px; height: 130px;">
+              <el-image style="width: 130px; height: 130px;position: absolute;top: 5px;left: 50px;" :src="controlImg" fit="fill"/>
+              <el-image style="width: 200px; height: 200px;position: absolute;top: 5px;left: 200px;" :src="dog" fit="fill" />
+              <div>
+                <div class="round-btn" style="top: 8px;left: 95px;" @mousedown="controlWithSpeed($event, 'up')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 90px;left: 95px;" @mousedown="controlWithSpeed($event, 'down')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 53px;" @mousedown="controlWithSpeed($event, 'left')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 135px;" @mousedown="controlWithSpeed($event, 'right')" @mouseup="controlWithSpeed($event, 'stop')" />
+              </div>
+            </div>
+          </div>
+          <div style="position: relative;">
+            <div class="control-title" style="background-color: #a43bd1;">
+              机械臂控制
+            </div>
+            <div name="four" style="width: 320px; height: 130px;">
+              <img style="width: 130px; height: 130px;position: absolute;top: 5px;left: 50px;" :src="controlImg" fit="fill">
+              <img style="width: 200px; height: 200px;position: absolute;top: 5px;left: 200px;" :src="dogArm" fit="fill">
+              <div>
+                <div class="round-btn" style="top: 8px;left: 95px;" @mousedown="controlWithSpeed($event, 'up')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 90px;left: 95px;" @mousedown="controlWithSpeed($event, 'down')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 53px;" @mousedown="controlWithSpeed($event, 'left')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 135px;" @mousedown="controlWithSpeed($event, 'right')" @mouseup="controlWithSpeed($event, 'stop')" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div> -->
+    </div>
+  </app-container>
+</template>
+
+<style scoped lang="scss">
+.patrol-manage {
+  display: flex;
+  flex-direction: column;
+  // gap: 10px;
+}
+
+.box {
+  width: 100%;
+  background-color: #fff;
+  padding: 10px;
+  border-radius: 7px;
+}
+.box-top {
+  display: grid;
+  /* 将容器划分为两列，左边占 2 份，右边占 1 份 */
+  grid-template-columns: 2fr  0.05fr 1fr;
+  /* 设置列之间的间距为 20 像素 */
+  gap: 20px;
+
+  .box-top-item {
+    display: flex;
+    flex-direction: column;
+    // justify-content: center;
+    // align-items: center;
+    .box-title {
+      font-size: 14px;
+      font-weight: 600;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+      .title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+    .box-main {
+      display:flex;
+      height: 100%;
+      // flex-direction: column;
+      justify-content: space-around;
+      align-items: center;
+      .box-device {
+        display: flex;
+        flex-direction: column;
+        line-height: 29px;
+        color: rgba(0,0,0,1);
+        font-size: 14px;
+        text-align: left;
+        font-family: SourceHanSansSC-regular;
+        .text {
+          font-weight: 600;
+        }
+      }
+    }
+  }
+}
+
+.box-bottom {
+  display: flex;
+  flex-direction: column;
+  margin-top: 10px;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+  .control-title {
+    color: white;
+    background-color: #ff9f11;
+    border-bottom-right-radius: 10px;
+    border-top-right-radius: 10px;
+    line-height: 30px;
+    font-weight: bold;
+    text-align: center;
+    letter-spacing: 1px;
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
+    writing-mode: vertical-rl;
+    text-orientation: upright;
+    width: 30px;
+    height: 100px;
+  }
+  .round-btn {
+    position: absolute;
+    top: 14px;
+    left: 129px;
+    width: 42px;
+    height: 42px;
+    z-index: 111111;
+    border-radius: 21px;
+    cursor: pointer;
+    &:hover {
+      background-color: rgb(61 125 254 / 53%);
+    }
+  }
+}
+
+.image-points-container {
+  position: relative;
+  display: inline-block;
+}
+
+canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+}
+
+.hover-point {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: rgba(0, 30, 66, 0.5);
+  pointer-events: none;
+}
+</style>
+
+<style lang="scss">
+.patrol-manage {
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
+
+  /* 隐藏默认的悬浮提示内容 */
+  .el-tooltip__content {
+    display: none;
+  }
+  .el-tooltip.is-open .el-tooltip__content {
+    display: block;
+  }
+}
+</style>

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit
diff --git a/src/router/index.ts b/src/router/index.ts
index e4760f5..9ce2c1b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,7 +44,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
@@ -151,7 +152,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
diff --git a/src/router/modules/menus.ts b/src/router/modules/menus.ts
index 9aa7fe3..af35115 100644
--- a/src/router/modules/menus.ts
+++ b/src/router/modules/menus.ts
@@ -1,5 +1,6 @@
 // 所有菜单路由
 import systemRoutes from './system'
+import patrolRoutes from './patrol'
 import type { Route } from '@/global'
 const Layout = () => import('@/layouts/index.vue')
 
@@ -8,7 +9,7 @@
   {
     path: '/home',
     component: Layout,
-    redirect: '/home/index',
+    redirect: '/patrol/navigation',
     name: 'Home',
     meta: {
       title: '首页',
@@ -31,6 +32,8 @@
       },
     ],
   },
+  // 巡检管理
+  ...patrolRoutes,
   // 系统路由
   ...systemRoutes,
 ]
diff --git a/src/router/modules/patrol.ts b/src/router/modules/patrol.ts
new file mode 100644
index 0000000..8d6a735
--- /dev/null
+++ b/src/router/modules/patrol.ts
@@ -0,0 +1,46 @@
+// 巡检管理
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+
+const routes: Route.recordRaw[] = [
+  {
+    path: '/patrol',
+    component: Layout,
+    redirect: '/patrol',
+    name: 'Patrol',
+    meta: {
+      title: '巡检管理',
+      icon: 'ep:key',
+      auth: '/patrol',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'PatrolManage',
+        component: () => import('@/views/patrol/manage/index.vue'),
+        meta: {
+          title: '巡检管理',
+          auth: '/patrol/manage',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+      {
+        path: 'navigation',
+        name: 'PatrolNavigation',
+        component: () => import('@/views/patrol/navigation/index.vue'),
+        meta: {
+          title: '巡检导航',
+          auth: '/patrol/navigation',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/utils/structure.ts b/src/utils/structure.ts
index bc647d7..54507e9 100644
--- a/src/utils/structure.ts
+++ b/src/utils/structure.ts
@@ -130,7 +130,7 @@
  * @param plainList 寻找列表中的父id
  * @returns 父id列表
  */
-function findPid(plainList: Array<ArrayItem>): Array<string> {
+export function findPid(plainList: Array<ArrayItem>): Array<string> {
   const pidList = new Set<string>()
   if (plainList) {
     for (const item of plainList) { // 1.添加所有的父id
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index 3435e67..8bef3fa 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -1,288 +1,23 @@
-首页
+<!-- 首页 -->
 <script lang="ts" setup name="Dashboard">
-//
+import threeCom from '@/components/threejs/index.vue'
 </script>
 
 <template>
   <!-- 布局 -->
-  <app-container>
-    首页
+  <app-container class="app-container">
+    <three-com class="three-area" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-.top-container {
+.app-container {
   width: 100%;
-  display: flex;
-  justify-content: space-around;
-
-  .top-left-container {
+  height: 100%;
+  .three-area {
+    position: relative;
     width: 100%;
-    display: flex;
-    justify-content: space-around;
-
-    .base {
-      width: 49.5%;
-      height: 130px;
-
-      .base-container {
-        display: flex;
-        justify-content: space-around;
-        margin-top: 15px;
-
-        .base-item {
-          width: 25%;
-          display: flex;
-
-          .img {
-            width: 30%;
-
-            img {
-              width: 80%;
-            }
-          }
-
-          .content {
-            width: 70%;
-
-            .value {
-              .value {
-                font-weight: 700;
-                font-size: 20px;
-              }
-            }
-          }
-        }
-      }
-    }
+    height: 600px;
   }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          width: 50%;
-
-          // display: flex;
-          // justify-content: center;
-          // flex-direction: column;
-          img {
-            width: 35px;
-            height: 35px;
-          }
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 40%;
-    height: 250px;
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.middle-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .type-count,
-  .dept-count {
-    width: 49.4%;
-    height: 255px;
-  }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          // box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 77%;
-    height: 250px;
-
-    .search {
-      padding: 0 15px;
-      display: flex;
-      justify-content: space-between;
-      color: #0d76d4;
-      font-size: 14px;
-
-      &:hover {
-        text-decoration: underline;
-        cursor: pointer;
-      }
-    }
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        &:hover {
-          .content,
-          .left {
-            color: #0d76d4 !important;
-            text-decoration: underline !important;
-            cursor: pointer;
-          }
-        }
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.bottom-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .week-alarm,
-  .dept-alarm {
-    width: 49.4%;
-    height: 25px;
-  }
-
-  .error {
-    width: 99.5%;
-  }
-}
-
-.top {
-  margin-top: 10px;
 }
 </style>
diff --git a/src/views/login.vue b/src/views/login.vue
index 5c360a3..507ae67 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -204,13 +204,13 @@
 <template>
   <div>
     <!-- <div class="bg-top-banner">
-      机器狗巡检平台
+      巡检精灵综合管理平台
     </div> -->
     <div class="bg-banner" />
     <div id="login-box">
       <div class="login-left-box">
         <div class="logo" />
-        <div class="title">欢迎访问机器狗巡检平台</div>
+        <div class="title">欢迎访问巡检精灵综合管理平台</div>
       </div>
 
       <div class="right-box">
diff --git a/src/views/patrol/manage/index.vue b/src/views/patrol/manage/index.vue
new file mode 100644
index 0000000..161602a
--- /dev/null
+++ b/src/views/patrol/manage/index.vue
@@ -0,0 +1,475 @@
+<script setup lang="ts">
+import { ElMessage, ElMessageBox, ElTooltip } from 'element-plus'
+import controlImg from '@/assets/tempImages/control.png'
+import dog from '@/assets/tempImages/dog-picture.jpg'
+import dogArm from '@/assets/tempImages/dog-arm.jpg'
+import sgjc from '@/assets/tempImages/sgjc.jpg'
+import tyx from '@/assets/tempImages/tyx.jpg'
+import yrg from '@/assets/tempImages/yrg.jpg'
+const currentDevice = ref({
+  deviceName: '机器狗1号',
+  deviceStatus: '工作中',
+  battery: '80%',
+  route: '路线一',
+  speed: '2m/s',
+})
+// 点击更换设备
+const changeDevice = () => {
+  ElMessageBox.confirm(
+    '确定更换设备吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('更换成功')
+    currentDevice.value = {
+      deviceName: '机器狗2号',
+      deviceStatus: '工作中',
+      battery: '98%',
+      route: '路线二',
+      speed: '1.8m/s',
+    }
+  })
+}
+
+// 点击解除绑定
+const unbind = () => {
+  ElMessageBox.confirm(
+    '确定解除绑定吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('已解除绑定')
+  })
+}
+
+// -----------------------------------------------表格------------------------------------------------------
+// 表格表头
+const columns = ref([
+  { text: '巡检内容', value: 'content', align: 'center' },
+  { text: '巡检情况', value: 'situation', align: 'center' },
+  // { text: '附件', value: 'picture', align: 'center' },
+])
+const listQuery = ref({
+  limit: 10,
+  offset: 1,
+})
+const list: any = ref([]) // 数据列表
+const loading = ref(false)
+// ---------------------------------------图片-----------------------------------------------------------------------
+// 图片地址
+const imageUrl = ref(null)
+// 图片引用
+const imageRef = ref(null)
+// 画布引用
+const canvasRef = ref(null)
+// 四个点的坐标
+const points = ref([
+  { x: 100, y: 100, image: sgjc },
+  { x: 200, y: 200, image: tyx },
+  { x: 300, y: 100, image: yrg },
+  { x: 600, y: 50, image: dogArm },
+])
+// 鼠标悬停的点
+const hoveredPoint = ref(null)
+// 悬停点对应的图片
+const hoveredPointImage = ref('')
+
+// 图片加载完成事件
+const onImageLoad = () => {
+  const canvas = canvasRef.value
+  const ctx = canvas.getContext('2d')
+  const image = imageRef.value
+
+  // 设置画布大小与图片一致
+  canvas.width = image.width
+  canvas.height = image.height
+
+  // 绘制线段
+  for (let i = 0; i < points.value.length - 1; i++) {
+    const p1 = points.value[i]
+    const p2 = points.value[i + 1]
+    ctx.beginPath()
+    ctx.moveTo(p1.x, p1.y)
+    ctx.lineTo(p2.x, p2.y)
+    ctx.stroke()
+  }
+
+  // 绘制点和数字
+  points.value.forEach((point, index) => {
+    ctx.beginPath()
+    ctx.arc(point.x, point.y, 10, 0, 2 * Math.PI)
+    ctx.fillStyle = 'rgba(12, 116, 210, 1)'
+    ctx.fill()
+
+    ctx.font = '16px Arial'
+    ctx.fillStyle = 'white'
+    ctx.textAlign = 'center'
+    ctx.textBaseline = 'middle'
+    ctx.fillText(index + 1, point.x, point.y)
+  })
+}
+
+// 鼠标移动事件
+const onMouseMove = (event) => {
+  console.log('鼠标移动事件', event)
+
+  const rect = canvasRef.value.getBoundingClientRect()
+  const mouseX = event.clientX - rect.left
+  const mouseY = event.clientY - rect.top
+
+  hoveredPoint.value = null
+  hoveredPointImage.value = ''
+
+  points.value.forEach((point) => {
+    const dx = mouseX - point.x
+    const dy = mouseY - point.y
+    const distance = Math.sqrt(dx * dx + dy * dy)
+
+    if (distance <= 10) {
+      hoveredPoint.value = point
+      hoveredPointImage.value = point.image
+      console.log('悬浮图片', hoveredPointImage.value)
+    }
+  })
+}
+// ---------------------------------------图片-----------------------------------------------------------------------
+
+onMounted(() => {
+  list.value = [
+    {
+      content: '施工监测',
+      situation: '发现施工，请及时处置',
+      picture: sgjc,
+    },
+    {
+      content: '调压箱检测',
+      situation: '正常',
+      picture: tyx,
+    },
+    {
+      content: '引入管检测',
+      situation: '正常',
+      picture: yrg,
+    },
+    {
+      content: '闸井检测',
+      situation: '正常',
+      picture: dogArm,
+    },
+  ]
+
+  // 如果图片已经加载完成，手动调用 onImageLoad 函数
+  // if (mainImageRef.value.complete) {
+  onImageLoad()
+  // }
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="patrol-manage">
+      <div class="box box-top">
+        <div class="box-top-item">
+          <!-- <img
+            style="width: 100%; height: 300px"
+            src="../../../assets/tempImages/2.jpg"
+          > -->
+          <div style="position: relative; width: fit-content;margin: 0 auto;">
+            <!-- 图片 -->
+            <img ref="imageRef" style="width: 100%; height: 300px" src="../../../assets/tempImages/map.png" alt="Image" @mousemove="onMouseMove" @load="onImageLoad">
+            <!-- 画布 -->
+            <canvas ref="canvasRef" />
+          </div>
+        </div>
+        <img v-if="hoveredPointImage" :src="hoveredPointImage" alt="Point Image" style="width: 600px; height: 500px;position: fixed;top: 100px;right: 10px;">
+
+        <div style="height: 100%; background-color: #ccc; width: 1px;" />
+        <div class="box-top-item">
+          <div class="box-title">
+            <div class="title">
+              <span>关联设备</span>
+              <img
+                style="width: 20px; height: 20px"
+                src="../../../assets/tempImages/icon-link.svg"
+              >
+            </div>
+            <div>
+              <el-button type="primary" link @click="changeDevice">
+                更换设备
+              </el-button>
+              <el-button type="danger" link @click="unbind">
+                解除绑定
+              </el-button>
+            </div>
+          </div>
+          <div class="box-main">
+            <img
+              style="width: 200px; height: 200px"
+              src="../../../assets/tempImages/dog.png"
+            >
+            <div class="box-device">
+              <span>
+                <span class="title">设备名称: </span>
+                <span class="text">{{ currentDevice.deviceName }}</span>
+              </span>
+              <span>
+                <span class="title">设备状态: </span>
+                <span class="text" style="color: #afcc85">{{ currentDevice.deviceStatus }}</span>
+              </span>
+              <span>
+                <span class="title">设备电量: </span>
+                <span class="text">{{ currentDevice.battery }}</span>
+              </span>
+              <span>
+                <span class="title">巡检路线: </span>
+                <span class="text">{{ currentDevice.route }}</span>
+              </span>
+              <span>
+                <span class="title">当前速度: </span>
+                <span class="text">{{ currentDevice.speed }}</span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="box-middle">
+        <table-container title="巡检情况" style="margin-top: 0px !important;">
+          <normal-table
+            :data="list"
+            :total="total"
+            :pagination="false"
+            :columns="columns"
+            :query="listQuery"
+            :list-loading="listLoading"
+            @change="changePage"
+          >
+            <template #preColumns>
+              <el-table-column label="序号" width="55" align="center">
+                <template #default="scope">
+                  {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+                </template>
+              </el-table-column>
+            </template>
+            <template #columns>
+              <el-table-column label="附件" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-image
+                    style="width: 100px; height: 100px"
+                    :src="scope.row.picture"
+                    :preview-src-list="[scope.row.picture]"
+                  />
+                </template>
+              </el-table-column>
+              <!-- <el-table-column label="操作" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-button
+                    type="primary"
+                    link
+                    size="small"
+                    class="table-text-button"
+                    @click="handleEdit(scope.row)"
+                  >
+                    详情
+                  </el-button>
+                </template>
+              </el-table-column> -->
+            </template>
+          </normal-table>
+        </table-container>
+      </div>
+      <!-- <div class="box box-bottom">
+        <div class="title">
+          <span>设备控制</span>
+          <div>
+            <el-button type="danger" @click="stop">
+              急停
+            </el-button>
+            <el-button type="primary" @click="restore">
+              恢复
+            </el-button>
+          </div>
+        </div>
+        <div style="margin-top: 10px;display: flex;justify-content: space-around;">
+          <div style="position: relative;">
+            <div class="control-title">
+              机器狗控制
+            </div>
+            <div name="four" style="width: 150px; height: 130px;">
+              <el-image style="width: 130px; height: 130px;position: absolute;top: 5px;left: 50px;" :src="controlImg" fit="fill"/>
+              <el-image style="width: 200px; height: 200px;position: absolute;top: 5px;left: 200px;" :src="dog" fit="fill" />
+              <div>
+                <div class="round-btn" style="top: 8px;left: 95px;" @mousedown="controlWithSpeed($event, 'up')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 90px;left: 95px;" @mousedown="controlWithSpeed($event, 'down')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 53px;" @mousedown="controlWithSpeed($event, 'left')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 135px;" @mousedown="controlWithSpeed($event, 'right')" @mouseup="controlWithSpeed($event, 'stop')" />
+              </div>
+            </div>
+          </div>
+          <div style="position: relative;">
+            <div class="control-title" style="background-color: #a43bd1;">
+              机械臂控制
+            </div>
+            <div name="four" style="width: 320px; height: 130px;">
+              <img style="width: 130px; height: 130px;position: absolute;top: 5px;left: 50px;" :src="controlImg" fit="fill">
+              <img style="width: 200px; height: 200px;position: absolute;top: 5px;left: 200px;" :src="dogArm" fit="fill">
+              <div>
+                <div class="round-btn" style="top: 8px;left: 95px;" @mousedown="controlWithSpeed($event, 'up')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 90px;left: 95px;" @mousedown="controlWithSpeed($event, 'down')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 53px;" @mousedown="controlWithSpeed($event, 'left')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 135px;" @mousedown="controlWithSpeed($event, 'right')" @mouseup="controlWithSpeed($event, 'stop')" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div> -->
+    </div>
+  </app-container>
+</template>
+
+<style scoped lang="scss">
+.patrol-manage {
+  display: flex;
+  flex-direction: column;
+  // gap: 10px;
+}
+
+.box {
+  width: 100%;
+  background-color: #fff;
+  padding: 10px;
+  border-radius: 7px;
+}
+.box-top {
+  display: grid;
+  /* 将容器划分为两列，左边占 2 份，右边占 1 份 */
+  grid-template-columns: 2fr  0.05fr 1fr;
+  /* 设置列之间的间距为 20 像素 */
+  gap: 20px;
+
+  .box-top-item {
+    display: flex;
+    flex-direction: column;
+    // justify-content: center;
+    // align-items: center;
+    .box-title {
+      font-size: 14px;
+      font-weight: 600;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+      .title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+    .box-main {
+      display:flex;
+      height: 100%;
+      // flex-direction: column;
+      justify-content: space-around;
+      align-items: center;
+      .box-device {
+        display: flex;
+        flex-direction: column;
+        line-height: 29px;
+        color: rgba(0,0,0,1);
+        font-size: 14px;
+        text-align: left;
+        font-family: SourceHanSansSC-regular;
+        .text {
+          font-weight: 600;
+        }
+      }
+    }
+  }
+}
+
+.box-bottom {
+  display: flex;
+  flex-direction: column;
+  margin-top: 10px;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+  .control-title {
+    color: white;
+    background-color: #ff9f11;
+    border-bottom-right-radius: 10px;
+    border-top-right-radius: 10px;
+    line-height: 30px;
+    font-weight: bold;
+    text-align: center;
+    letter-spacing: 1px;
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
+    writing-mode: vertical-rl;
+    text-orientation: upright;
+    width: 30px;
+    height: 100px;
+  }
+  .round-btn {
+    position: absolute;
+    top: 14px;
+    left: 129px;
+    width: 42px;
+    height: 42px;
+    z-index: 111111;
+    border-radius: 21px;
+    cursor: pointer;
+    &:hover {
+      background-color: rgb(61 125 254 / 53%);
+    }
+  }
+}
+
+.image-points-container {
+  position: relative;
+  display: inline-block;
+}
+
+canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+}
+
+.hover-point {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: rgba(0, 30, 66, 0.5);
+  pointer-events: none;
+}
+</style>
+
+<style lang="scss">
+.patrol-manage {
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
+
+  /* 隐藏默认的悬浮提示内容 */
+  .el-tooltip__content {
+    display: none;
+  }
+  .el-tooltip.is-open .el-tooltip__content {
+    display: block;
+  }
+}
+</style>
diff --git a/src/views/patrol/navigation/index.vue b/src/views/patrol/navigation/index.vue
new file mode 100644
index 0000000..6cf16e9
--- /dev/null
+++ b/src/views/patrol/navigation/index.vue
@@ -0,0 +1,327 @@
+<!-- 巡检导航 -->
+<script setup lang="ts">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import threeCom from '@/components/threejs/index.vue'
+import controlImg from '@/assets/tempImages/control.png'
+const currentDevice = ref({
+  deviceName: '机器狗1号',
+  deviceStatus: '工作中',
+  battery: '80%',
+  route: '路线一',
+  speed: '2m/s',
+  name: '吉祥小区',
+  address: '北京市海淀区永定路街道',
+})
+// 点击更换设备
+const changeDevice = () => {
+  ElMessageBox.confirm(
+    '确定更换设备吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('更换成功')
+    currentDevice.value = {
+      deviceName: '机器狗2号',
+      deviceStatus: '工作中',
+      battery: '98%',
+      route: '路线二',
+      speed: '1.8m/s',
+    }
+  })
+}
+
+// 点击解除绑定
+const unbind = () => {
+  ElMessageBox.confirm(
+    '确定解除绑定吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('已解除绑定')
+  })
+}
+
+// -----------------------------------------------表格------------------------------------------------------
+// 表格表头
+const columns = ref([
+  { text: '小区名称', value: 'name', align: 'center' },
+  { text: '小区地址', value: 'address', align: 'center' },
+  { text: '路线名称', value: 'route', align: 'center' },
+  { text: '设备名称', value: 'deviceName', align: 'center' },
+  { text: '更新时间', value: 'updateTime', align: 'center' },
+])
+const listQuery = ref({
+  limit: 10,
+  offset: 1,
+})
+const list: any = ref([]) // 数据列表
+const loading = ref(false)
+// --------------------------------------------------------------------------------------------------------------
+onMounted(() => {
+  list.value = [
+    {
+      content: '燃气管线周边是否施工',
+      situation: '现场周边无施工现象',
+      picture: '',
+      route: '路线1',
+      name: '二街坊社区',
+      address: '北京市海淀区永定路街道',
+      deviceName: '机器狗1号',
+      updateTime: '2025-03-10 14:42:00',
+    },
+    {
+      content: '闸井燃气浓度是否正常',
+      situation: '正常',
+      picture: '',
+      route: '路线2',
+      name: '永定路57号院',
+      address: '北京市海淀区永定路街道',
+      deviceName: '机器狗2号',
+      updateTime: '2025-03-10 10:00:00',
+    },
+  ]
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="patrol-manage">
+      <div class="box box-top">
+        <div>
+          <div class="button-area">
+            <div>
+              <span style="margin-right: 30px;">巡检导航测试</span>
+              <el-button type="primary" @click="startNav">
+                开始导航
+              </el-button>
+              <el-button type="warning" @click="pauseNav">
+                暂停导航
+              </el-button>
+              <el-button type="danger" @click="stopNav">
+                结束导航
+              </el-button>
+            </div>
+            <div style="margin: 20px 0;">
+              <span style="margin-right: 30px;">巡检点录入</span>
+              <el-button type="primary" @click="startNav">
+                添加巡检点
+              </el-button>
+              <el-button type="warning" @click="pauseNav">
+                删除巡检点
+              </el-button>
+              <span style="margin-left: 30px;">状态：当前记录巡检点3</span>
+            </div>
+          </div>
+          <div class="box-top-item">
+            <!-- <img
+              style="width: 100%; height: 300px"
+              src="../../../assets/tempImages/point.png"
+            > -->
+            <three-com style="width: 100%; height: 400px" class="three-area" />
+          </div>
+        </div>
+        <div style="height: 100%; background-color: #ccc; width: 1px;" />
+        <div class="box-top-item">
+          <div class="box-title">
+            <div class="title">
+              <span>关联设备</span>
+              <img
+                style="width: 20px; height: 20px"
+                src="../../../assets/tempImages/icon-link.svg"
+              >
+            </div>
+            <div>
+              <el-button type="primary" link @click="changeDevice">
+                更换设备
+              </el-button>
+              <el-button type="danger" link @click="unbind">
+                解除绑定
+              </el-button>
+            </div>
+          </div>
+          <div class="box-main">
+            <img
+              style="width: 200px; height: 200px"
+              src="../../../assets/tempImages/dog.png"
+            >
+            <div class="box-device">
+              <span>
+                <span class="title">设备名称: </span>
+                <span class="text">{{ currentDevice.deviceName }}</span>
+              </span>
+              <span>
+                <span class="title">设备状态: </span>
+                <span class="text" style="color: #afcc85">{{ currentDevice.deviceStatus }}</span>
+              </span>
+              <span>
+                <span class="title">设备电量: </span>
+                <span class="text">{{ currentDevice.battery }}</span>
+              </span>
+              <span>
+                <span class="title">小区名称: </span>
+                <span class="text">{{ currentDevice.name }}</span>
+              </span>
+              <span>
+                <span class="title">小区地址: </span>
+                <span class="text">{{ currentDevice.address }}</span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="box-bottom">
+        <table-container title="路线管理" style="margin-top: 0px !important;">
+          <normal-table
+            :data="list"
+            :total="total"
+            :pagination="false"
+            :columns="columns"
+            :query="listQuery"
+            :list-loading="listLoading"
+            @change="changePage"
+          >
+            <template #preColumns>
+              <el-table-column label="序号" width="55" align="center">
+                <template #default="scope">
+                  {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+                </template>
+              </el-table-column>
+            </template>
+            <template #columns>
+              <el-table-column label="操作" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-button
+                    type="primary"
+                    link
+                    size="small"
+                    class="table-text-button"
+                    @click="handleEdit(scope.row)"
+                  >
+                    详情
+                  </el-button>
+                </template>
+              </el-table-column>
+            </template>
+          </normal-table>
+        </table-container>
+      </div>
+    </div>
+  </app-container>
+</template>
+
+<style scoped lang="scss">
+.patrol-manage {
+  display: flex;
+  flex-direction: column;
+  // gap: 10px;
+}
+
+.box {
+  width: 100%;
+  background-color: #fff;
+  padding: 10px;
+  border-radius: 7px;
+}
+.box-top {
+  display: grid;
+  /* 将容器划分为两列，左边占 2 份，右边占 1 份 */
+  grid-template-columns: 2fr  0.05fr 0.6fr;
+  /* 设置列之间的间距为 20 像素 */
+  gap: 20px;
+  .button-area {
+
+  }
+
+  .box-top-item {
+    display: flex;
+    flex-direction: column;
+    // justify-content: center;
+    // align-items: center;
+    .three-area {
+      position: relative;
+      width: 100%;
+      height: 400px;
+    }
+    .box-title {
+      font-size: 14px;
+      font-weight: 600;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+      .title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+    .box-main {
+      display:flex;
+      height: 100%;
+      flex-direction: column;
+      justify-content: space-around;
+      align-items: center;
+      .box-device {
+        display: flex;
+        flex-direction: column;
+        line-height: 29px;
+        color: rgba(0,0,0,1);
+        font-size: 14px;
+        text-align: left;
+        font-family: SourceHanSansSC-regular;
+        .text {
+          font-weight: 600;
+        }
+      }
+    }
+  }
+}
+
+.box-bottom {
+  display: flex;
+  flex-direction: column;
+  margin-top: 10px;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+  .control-title {
+    color: white;
+    background-color: #ff9f11;
+    border-bottom-right-radius: 10px;
+    border-top-right-radius: 10px;
+    line-height: 30px;
+    font-weight: bold;
+    text-align: center;
+    letter-spacing: 1px;
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
+    writing-mode: vertical-rl;
+    text-orientation: upright;
+    width: 30px;
+    height: 100px;
+  }
+  .round-btn {
+    position: absolute;
+    top: 14px;
+    left: 129px;
+    width: 42px;
+    height: 42px;
+    z-index: 111111;
+    border-radius: 21px;
+    cursor: pointer;
+    &:hover {
+      background-color: rgb(61 125 254 / 53%);
+    }
+  }
+}
+</style>

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit
diff --git a/src/router/index.ts b/src/router/index.ts
index e4760f5..9ce2c1b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,7 +44,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
@@ -151,7 +152,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
diff --git a/src/router/modules/menus.ts b/src/router/modules/menus.ts
index 9aa7fe3..af35115 100644
--- a/src/router/modules/menus.ts
+++ b/src/router/modules/menus.ts
@@ -1,5 +1,6 @@
 // 所有菜单路由
 import systemRoutes from './system'
+import patrolRoutes from './patrol'
 import type { Route } from '@/global'
 const Layout = () => import('@/layouts/index.vue')
 
@@ -8,7 +9,7 @@
   {
     path: '/home',
     component: Layout,
-    redirect: '/home/index',
+    redirect: '/patrol/navigation',
     name: 'Home',
     meta: {
       title: '首页',
@@ -31,6 +32,8 @@
       },
     ],
   },
+  // 巡检管理
+  ...patrolRoutes,
   // 系统路由
   ...systemRoutes,
 ]
diff --git a/src/router/modules/patrol.ts b/src/router/modules/patrol.ts
new file mode 100644
index 0000000..8d6a735
--- /dev/null
+++ b/src/router/modules/patrol.ts
@@ -0,0 +1,46 @@
+// 巡检管理
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+
+const routes: Route.recordRaw[] = [
+  {
+    path: '/patrol',
+    component: Layout,
+    redirect: '/patrol',
+    name: 'Patrol',
+    meta: {
+      title: '巡检管理',
+      icon: 'ep:key',
+      auth: '/patrol',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'PatrolManage',
+        component: () => import('@/views/patrol/manage/index.vue'),
+        meta: {
+          title: '巡检管理',
+          auth: '/patrol/manage',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+      {
+        path: 'navigation',
+        name: 'PatrolNavigation',
+        component: () => import('@/views/patrol/navigation/index.vue'),
+        meta: {
+          title: '巡检导航',
+          auth: '/patrol/navigation',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/utils/structure.ts b/src/utils/structure.ts
index bc647d7..54507e9 100644
--- a/src/utils/structure.ts
+++ b/src/utils/structure.ts
@@ -130,7 +130,7 @@
  * @param plainList 寻找列表中的父id
  * @returns 父id列表
  */
-function findPid(plainList: Array<ArrayItem>): Array<string> {
+export function findPid(plainList: Array<ArrayItem>): Array<string> {
   const pidList = new Set<string>()
   if (plainList) {
     for (const item of plainList) { // 1.添加所有的父id
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index 3435e67..8bef3fa 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -1,288 +1,23 @@
-首页
+<!-- 首页 -->
 <script lang="ts" setup name="Dashboard">
-//
+import threeCom from '@/components/threejs/index.vue'
 </script>
 
 <template>
   <!-- 布局 -->
-  <app-container>
-    首页
+  <app-container class="app-container">
+    <three-com class="three-area" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-.top-container {
+.app-container {
   width: 100%;
-  display: flex;
-  justify-content: space-around;
-
-  .top-left-container {
+  height: 100%;
+  .three-area {
+    position: relative;
     width: 100%;
-    display: flex;
-    justify-content: space-around;
-
-    .base {
-      width: 49.5%;
-      height: 130px;
-
-      .base-container {
-        display: flex;
-        justify-content: space-around;
-        margin-top: 15px;
-
-        .base-item {
-          width: 25%;
-          display: flex;
-
-          .img {
-            width: 30%;
-
-            img {
-              width: 80%;
-            }
-          }
-
-          .content {
-            width: 70%;
-
-            .value {
-              .value {
-                font-weight: 700;
-                font-size: 20px;
-              }
-            }
-          }
-        }
-      }
-    }
+    height: 600px;
   }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          width: 50%;
-
-          // display: flex;
-          // justify-content: center;
-          // flex-direction: column;
-          img {
-            width: 35px;
-            height: 35px;
-          }
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 40%;
-    height: 250px;
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.middle-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .type-count,
-  .dept-count {
-    width: 49.4%;
-    height: 255px;
-  }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          // box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 77%;
-    height: 250px;
-
-    .search {
-      padding: 0 15px;
-      display: flex;
-      justify-content: space-between;
-      color: #0d76d4;
-      font-size: 14px;
-
-      &:hover {
-        text-decoration: underline;
-        cursor: pointer;
-      }
-    }
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        &:hover {
-          .content,
-          .left {
-            color: #0d76d4 !important;
-            text-decoration: underline !important;
-            cursor: pointer;
-          }
-        }
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.bottom-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .week-alarm,
-  .dept-alarm {
-    width: 49.4%;
-    height: 25px;
-  }
-
-  .error {
-    width: 99.5%;
-  }
-}
-
-.top {
-  margin-top: 10px;
 }
 </style>
diff --git a/src/views/login.vue b/src/views/login.vue
index 5c360a3..507ae67 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -204,13 +204,13 @@
 <template>
   <div>
     <!-- <div class="bg-top-banner">
-      机器狗巡检平台
+      巡检精灵综合管理平台
     </div> -->
     <div class="bg-banner" />
     <div id="login-box">
       <div class="login-left-box">
         <div class="logo" />
-        <div class="title">欢迎访问机器狗巡检平台</div>
+        <div class="title">欢迎访问巡检精灵综合管理平台</div>
       </div>
 
       <div class="right-box">
diff --git a/src/views/patrol/manage/index.vue b/src/views/patrol/manage/index.vue
new file mode 100644
index 0000000..161602a
--- /dev/null
+++ b/src/views/patrol/manage/index.vue
@@ -0,0 +1,475 @@
+<script setup lang="ts">
+import { ElMessage, ElMessageBox, ElTooltip } from 'element-plus'
+import controlImg from '@/assets/tempImages/control.png'
+import dog from '@/assets/tempImages/dog-picture.jpg'
+import dogArm from '@/assets/tempImages/dog-arm.jpg'
+import sgjc from '@/assets/tempImages/sgjc.jpg'
+import tyx from '@/assets/tempImages/tyx.jpg'
+import yrg from '@/assets/tempImages/yrg.jpg'
+const currentDevice = ref({
+  deviceName: '机器狗1号',
+  deviceStatus: '工作中',
+  battery: '80%',
+  route: '路线一',
+  speed: '2m/s',
+})
+// 点击更换设备
+const changeDevice = () => {
+  ElMessageBox.confirm(
+    '确定更换设备吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('更换成功')
+    currentDevice.value = {
+      deviceName: '机器狗2号',
+      deviceStatus: '工作中',
+      battery: '98%',
+      route: '路线二',
+      speed: '1.8m/s',
+    }
+  })
+}
+
+// 点击解除绑定
+const unbind = () => {
+  ElMessageBox.confirm(
+    '确定解除绑定吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('已解除绑定')
+  })
+}
+
+// -----------------------------------------------表格------------------------------------------------------
+// 表格表头
+const columns = ref([
+  { text: '巡检内容', value: 'content', align: 'center' },
+  { text: '巡检情况', value: 'situation', align: 'center' },
+  // { text: '附件', value: 'picture', align: 'center' },
+])
+const listQuery = ref({
+  limit: 10,
+  offset: 1,
+})
+const list: any = ref([]) // 数据列表
+const loading = ref(false)
+// ---------------------------------------图片-----------------------------------------------------------------------
+// 图片地址
+const imageUrl = ref(null)
+// 图片引用
+const imageRef = ref(null)
+// 画布引用
+const canvasRef = ref(null)
+// 四个点的坐标
+const points = ref([
+  { x: 100, y: 100, image: sgjc },
+  { x: 200, y: 200, image: tyx },
+  { x: 300, y: 100, image: yrg },
+  { x: 600, y: 50, image: dogArm },
+])
+// 鼠标悬停的点
+const hoveredPoint = ref(null)
+// 悬停点对应的图片
+const hoveredPointImage = ref('')
+
+// 图片加载完成事件
+const onImageLoad = () => {
+  const canvas = canvasRef.value
+  const ctx = canvas.getContext('2d')
+  const image = imageRef.value
+
+  // 设置画布大小与图片一致
+  canvas.width = image.width
+  canvas.height = image.height
+
+  // 绘制线段
+  for (let i = 0; i < points.value.length - 1; i++) {
+    const p1 = points.value[i]
+    const p2 = points.value[i + 1]
+    ctx.beginPath()
+    ctx.moveTo(p1.x, p1.y)
+    ctx.lineTo(p2.x, p2.y)
+    ctx.stroke()
+  }
+
+  // 绘制点和数字
+  points.value.forEach((point, index) => {
+    ctx.beginPath()
+    ctx.arc(point.x, point.y, 10, 0, 2 * Math.PI)
+    ctx.fillStyle = 'rgba(12, 116, 210, 1)'
+    ctx.fill()
+
+    ctx.font = '16px Arial'
+    ctx.fillStyle = 'white'
+    ctx.textAlign = 'center'
+    ctx.textBaseline = 'middle'
+    ctx.fillText(index + 1, point.x, point.y)
+  })
+}
+
+// 鼠标移动事件
+const onMouseMove = (event) => {
+  console.log('鼠标移动事件', event)
+
+  const rect = canvasRef.value.getBoundingClientRect()
+  const mouseX = event.clientX - rect.left
+  const mouseY = event.clientY - rect.top
+
+  hoveredPoint.value = null
+  hoveredPointImage.value = ''
+
+  points.value.forEach((point) => {
+    const dx = mouseX - point.x
+    const dy = mouseY - point.y
+    const distance = Math.sqrt(dx * dx + dy * dy)
+
+    if (distance <= 10) {
+      hoveredPoint.value = point
+      hoveredPointImage.value = point.image
+      console.log('悬浮图片', hoveredPointImage.value)
+    }
+  })
+}
+// ---------------------------------------图片-----------------------------------------------------------------------
+
+onMounted(() => {
+  list.value = [
+    {
+      content: '施工监测',
+      situation: '发现施工，请及时处置',
+      picture: sgjc,
+    },
+    {
+      content: '调压箱检测',
+      situation: '正常',
+      picture: tyx,
+    },
+    {
+      content: '引入管检测',
+      situation: '正常',
+      picture: yrg,
+    },
+    {
+      content: '闸井检测',
+      situation: '正常',
+      picture: dogArm,
+    },
+  ]
+
+  // 如果图片已经加载完成，手动调用 onImageLoad 函数
+  // if (mainImageRef.value.complete) {
+  onImageLoad()
+  // }
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="patrol-manage">
+      <div class="box box-top">
+        <div class="box-top-item">
+          <!-- <img
+            style="width: 100%; height: 300px"
+            src="../../../assets/tempImages/2.jpg"
+          > -->
+          <div style="position: relative; width: fit-content;margin: 0 auto;">
+            <!-- 图片 -->
+            <img ref="imageRef" style="width: 100%; height: 300px" src="../../../assets/tempImages/map.png" alt="Image" @mousemove="onMouseMove" @load="onImageLoad">
+            <!-- 画布 -->
+            <canvas ref="canvasRef" />
+          </div>
+        </div>
+        <img v-if="hoveredPointImage" :src="hoveredPointImage" alt="Point Image" style="width: 600px; height: 500px;position: fixed;top: 100px;right: 10px;">
+
+        <div style="height: 100%; background-color: #ccc; width: 1px;" />
+        <div class="box-top-item">
+          <div class="box-title">
+            <div class="title">
+              <span>关联设备</span>
+              <img
+                style="width: 20px; height: 20px"
+                src="../../../assets/tempImages/icon-link.svg"
+              >
+            </div>
+            <div>
+              <el-button type="primary" link @click="changeDevice">
+                更换设备
+              </el-button>
+              <el-button type="danger" link @click="unbind">
+                解除绑定
+              </el-button>
+            </div>
+          </div>
+          <div class="box-main">
+            <img
+              style="width: 200px; height: 200px"
+              src="../../../assets/tempImages/dog.png"
+            >
+            <div class="box-device">
+              <span>
+                <span class="title">设备名称: </span>
+                <span class="text">{{ currentDevice.deviceName }}</span>
+              </span>
+              <span>
+                <span class="title">设备状态: </span>
+                <span class="text" style="color: #afcc85">{{ currentDevice.deviceStatus }}</span>
+              </span>
+              <span>
+                <span class="title">设备电量: </span>
+                <span class="text">{{ currentDevice.battery }}</span>
+              </span>
+              <span>
+                <span class="title">巡检路线: </span>
+                <span class="text">{{ currentDevice.route }}</span>
+              </span>
+              <span>
+                <span class="title">当前速度: </span>
+                <span class="text">{{ currentDevice.speed }}</span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="box-middle">
+        <table-container title="巡检情况" style="margin-top: 0px !important;">
+          <normal-table
+            :data="list"
+            :total="total"
+            :pagination="false"
+            :columns="columns"
+            :query="listQuery"
+            :list-loading="listLoading"
+            @change="changePage"
+          >
+            <template #preColumns>
+              <el-table-column label="序号" width="55" align="center">
+                <template #default="scope">
+                  {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+                </template>
+              </el-table-column>
+            </template>
+            <template #columns>
+              <el-table-column label="附件" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-image
+                    style="width: 100px; height: 100px"
+                    :src="scope.row.picture"
+                    :preview-src-list="[scope.row.picture]"
+                  />
+                </template>
+              </el-table-column>
+              <!-- <el-table-column label="操作" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-button
+                    type="primary"
+                    link
+                    size="small"
+                    class="table-text-button"
+                    @click="handleEdit(scope.row)"
+                  >
+                    详情
+                  </el-button>
+                </template>
+              </el-table-column> -->
+            </template>
+          </normal-table>
+        </table-container>
+      </div>
+      <!-- <div class="box box-bottom">
+        <div class="title">
+          <span>设备控制</span>
+          <div>
+            <el-button type="danger" @click="stop">
+              急停
+            </el-button>
+            <el-button type="primary" @click="restore">
+              恢复
+            </el-button>
+          </div>
+        </div>
+        <div style="margin-top: 10px;display: flex;justify-content: space-around;">
+          <div style="position: relative;">
+            <div class="control-title">
+              机器狗控制
+            </div>
+            <div name="four" style="width: 150px; height: 130px;">
+              <el-image style="width: 130px; height: 130px;position: absolute;top: 5px;left: 50px;" :src="controlImg" fit="fill"/>
+              <el-image style="width: 200px; height: 200px;position: absolute;top: 5px;left: 200px;" :src="dog" fit="fill" />
+              <div>
+                <div class="round-btn" style="top: 8px;left: 95px;" @mousedown="controlWithSpeed($event, 'up')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 90px;left: 95px;" @mousedown="controlWithSpeed($event, 'down')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 53px;" @mousedown="controlWithSpeed($event, 'left')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 135px;" @mousedown="controlWithSpeed($event, 'right')" @mouseup="controlWithSpeed($event, 'stop')" />
+              </div>
+            </div>
+          </div>
+          <div style="position: relative;">
+            <div class="control-title" style="background-color: #a43bd1;">
+              机械臂控制
+            </div>
+            <div name="four" style="width: 320px; height: 130px;">
+              <img style="width: 130px; height: 130px;position: absolute;top: 5px;left: 50px;" :src="controlImg" fit="fill">
+              <img style="width: 200px; height: 200px;position: absolute;top: 5px;left: 200px;" :src="dogArm" fit="fill">
+              <div>
+                <div class="round-btn" style="top: 8px;left: 95px;" @mousedown="controlWithSpeed($event, 'up')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 90px;left: 95px;" @mousedown="controlWithSpeed($event, 'down')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 53px;" @mousedown="controlWithSpeed($event, 'left')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 135px;" @mousedown="controlWithSpeed($event, 'right')" @mouseup="controlWithSpeed($event, 'stop')" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div> -->
+    </div>
+  </app-container>
+</template>
+
+<style scoped lang="scss">
+.patrol-manage {
+  display: flex;
+  flex-direction: column;
+  // gap: 10px;
+}
+
+.box {
+  width: 100%;
+  background-color: #fff;
+  padding: 10px;
+  border-radius: 7px;
+}
+.box-top {
+  display: grid;
+  /* 将容器划分为两列，左边占 2 份，右边占 1 份 */
+  grid-template-columns: 2fr  0.05fr 1fr;
+  /* 设置列之间的间距为 20 像素 */
+  gap: 20px;
+
+  .box-top-item {
+    display: flex;
+    flex-direction: column;
+    // justify-content: center;
+    // align-items: center;
+    .box-title {
+      font-size: 14px;
+      font-weight: 600;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+      .title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+    .box-main {
+      display:flex;
+      height: 100%;
+      // flex-direction: column;
+      justify-content: space-around;
+      align-items: center;
+      .box-device {
+        display: flex;
+        flex-direction: column;
+        line-height: 29px;
+        color: rgba(0,0,0,1);
+        font-size: 14px;
+        text-align: left;
+        font-family: SourceHanSansSC-regular;
+        .text {
+          font-weight: 600;
+        }
+      }
+    }
+  }
+}
+
+.box-bottom {
+  display: flex;
+  flex-direction: column;
+  margin-top: 10px;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+  .control-title {
+    color: white;
+    background-color: #ff9f11;
+    border-bottom-right-radius: 10px;
+    border-top-right-radius: 10px;
+    line-height: 30px;
+    font-weight: bold;
+    text-align: center;
+    letter-spacing: 1px;
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
+    writing-mode: vertical-rl;
+    text-orientation: upright;
+    width: 30px;
+    height: 100px;
+  }
+  .round-btn {
+    position: absolute;
+    top: 14px;
+    left: 129px;
+    width: 42px;
+    height: 42px;
+    z-index: 111111;
+    border-radius: 21px;
+    cursor: pointer;
+    &:hover {
+      background-color: rgb(61 125 254 / 53%);
+    }
+  }
+}
+
+.image-points-container {
+  position: relative;
+  display: inline-block;
+}
+
+canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+}
+
+.hover-point {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: rgba(0, 30, 66, 0.5);
+  pointer-events: none;
+}
+</style>
+
+<style lang="scss">
+.patrol-manage {
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
+
+  /* 隐藏默认的悬浮提示内容 */
+  .el-tooltip__content {
+    display: none;
+  }
+  .el-tooltip.is-open .el-tooltip__content {
+    display: block;
+  }
+}
+</style>
diff --git a/src/views/patrol/navigation/index.vue b/src/views/patrol/navigation/index.vue
new file mode 100644
index 0000000..6cf16e9
--- /dev/null
+++ b/src/views/patrol/navigation/index.vue
@@ -0,0 +1,327 @@
+<!-- 巡检导航 -->
+<script setup lang="ts">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import threeCom from '@/components/threejs/index.vue'
+import controlImg from '@/assets/tempImages/control.png'
+const currentDevice = ref({
+  deviceName: '机器狗1号',
+  deviceStatus: '工作中',
+  battery: '80%',
+  route: '路线一',
+  speed: '2m/s',
+  name: '吉祥小区',
+  address: '北京市海淀区永定路街道',
+})
+// 点击更换设备
+const changeDevice = () => {
+  ElMessageBox.confirm(
+    '确定更换设备吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('更换成功')
+    currentDevice.value = {
+      deviceName: '机器狗2号',
+      deviceStatus: '工作中',
+      battery: '98%',
+      route: '路线二',
+      speed: '1.8m/s',
+    }
+  })
+}
+
+// 点击解除绑定
+const unbind = () => {
+  ElMessageBox.confirm(
+    '确定解除绑定吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('已解除绑定')
+  })
+}
+
+// -----------------------------------------------表格------------------------------------------------------
+// 表格表头
+const columns = ref([
+  { text: '小区名称', value: 'name', align: 'center' },
+  { text: '小区地址', value: 'address', align: 'center' },
+  { text: '路线名称', value: 'route', align: 'center' },
+  { text: '设备名称', value: 'deviceName', align: 'center' },
+  { text: '更新时间', value: 'updateTime', align: 'center' },
+])
+const listQuery = ref({
+  limit: 10,
+  offset: 1,
+})
+const list: any = ref([]) // 数据列表
+const loading = ref(false)
+// --------------------------------------------------------------------------------------------------------------
+onMounted(() => {
+  list.value = [
+    {
+      content: '燃气管线周边是否施工',
+      situation: '现场周边无施工现象',
+      picture: '',
+      route: '路线1',
+      name: '二街坊社区',
+      address: '北京市海淀区永定路街道',
+      deviceName: '机器狗1号',
+      updateTime: '2025-03-10 14:42:00',
+    },
+    {
+      content: '闸井燃气浓度是否正常',
+      situation: '正常',
+      picture: '',
+      route: '路线2',
+      name: '永定路57号院',
+      address: '北京市海淀区永定路街道',
+      deviceName: '机器狗2号',
+      updateTime: '2025-03-10 10:00:00',
+    },
+  ]
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="patrol-manage">
+      <div class="box box-top">
+        <div>
+          <div class="button-area">
+            <div>
+              <span style="margin-right: 30px;">巡检导航测试</span>
+              <el-button type="primary" @click="startNav">
+                开始导航
+              </el-button>
+              <el-button type="warning" @click="pauseNav">
+                暂停导航
+              </el-button>
+              <el-button type="danger" @click="stopNav">
+                结束导航
+              </el-button>
+            </div>
+            <div style="margin: 20px 0;">
+              <span style="margin-right: 30px;">巡检点录入</span>
+              <el-button type="primary" @click="startNav">
+                添加巡检点
+              </el-button>
+              <el-button type="warning" @click="pauseNav">
+                删除巡检点
+              </el-button>
+              <span style="margin-left: 30px;">状态：当前记录巡检点3</span>
+            </div>
+          </div>
+          <div class="box-top-item">
+            <!-- <img
+              style="width: 100%; height: 300px"
+              src="../../../assets/tempImages/point.png"
+            > -->
+            <three-com style="width: 100%; height: 400px" class="three-area" />
+          </div>
+        </div>
+        <div style="height: 100%; background-color: #ccc; width: 1px;" />
+        <div class="box-top-item">
+          <div class="box-title">
+            <div class="title">
+              <span>关联设备</span>
+              <img
+                style="width: 20px; height: 20px"
+                src="../../../assets/tempImages/icon-link.svg"
+              >
+            </div>
+            <div>
+              <el-button type="primary" link @click="changeDevice">
+                更换设备
+              </el-button>
+              <el-button type="danger" link @click="unbind">
+                解除绑定
+              </el-button>
+            </div>
+          </div>
+          <div class="box-main">
+            <img
+              style="width: 200px; height: 200px"
+              src="../../../assets/tempImages/dog.png"
+            >
+            <div class="box-device">
+              <span>
+                <span class="title">设备名称: </span>
+                <span class="text">{{ currentDevice.deviceName }}</span>
+              </span>
+              <span>
+                <span class="title">设备状态: </span>
+                <span class="text" style="color: #afcc85">{{ currentDevice.deviceStatus }}</span>
+              </span>
+              <span>
+                <span class="title">设备电量: </span>
+                <span class="text">{{ currentDevice.battery }}</span>
+              </span>
+              <span>
+                <span class="title">小区名称: </span>
+                <span class="text">{{ currentDevice.name }}</span>
+              </span>
+              <span>
+                <span class="title">小区地址: </span>
+                <span class="text">{{ currentDevice.address }}</span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="box-bottom">
+        <table-container title="路线管理" style="margin-top: 0px !important;">
+          <normal-table
+            :data="list"
+            :total="total"
+            :pagination="false"
+            :columns="columns"
+            :query="listQuery"
+            :list-loading="listLoading"
+            @change="changePage"
+          >
+            <template #preColumns>
+              <el-table-column label="序号" width="55" align="center">
+                <template #default="scope">
+                  {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+                </template>
+              </el-table-column>
+            </template>
+            <template #columns>
+              <el-table-column label="操作" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-button
+                    type="primary"
+                    link
+                    size="small"
+                    class="table-text-button"
+                    @click="handleEdit(scope.row)"
+                  >
+                    详情
+                  </el-button>
+                </template>
+              </el-table-column>
+            </template>
+          </normal-table>
+        </table-container>
+      </div>
+    </div>
+  </app-container>
+</template>
+
+<style scoped lang="scss">
+.patrol-manage {
+  display: flex;
+  flex-direction: column;
+  // gap: 10px;
+}
+
+.box {
+  width: 100%;
+  background-color: #fff;
+  padding: 10px;
+  border-radius: 7px;
+}
+.box-top {
+  display: grid;
+  /* 将容器划分为两列，左边占 2 份，右边占 1 份 */
+  grid-template-columns: 2fr  0.05fr 0.6fr;
+  /* 设置列之间的间距为 20 像素 */
+  gap: 20px;
+  .button-area {
+
+  }
+
+  .box-top-item {
+    display: flex;
+    flex-direction: column;
+    // justify-content: center;
+    // align-items: center;
+    .three-area {
+      position: relative;
+      width: 100%;
+      height: 400px;
+    }
+    .box-title {
+      font-size: 14px;
+      font-weight: 600;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+      .title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+    .box-main {
+      display:flex;
+      height: 100%;
+      flex-direction: column;
+      justify-content: space-around;
+      align-items: center;
+      .box-device {
+        display: flex;
+        flex-direction: column;
+        line-height: 29px;
+        color: rgba(0,0,0,1);
+        font-size: 14px;
+        text-align: left;
+        font-family: SourceHanSansSC-regular;
+        .text {
+          font-weight: 600;
+        }
+      }
+    }
+  }
+}
+
+.box-bottom {
+  display: flex;
+  flex-direction: column;
+  margin-top: 10px;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+  .control-title {
+    color: white;
+    background-color: #ff9f11;
+    border-bottom-right-radius: 10px;
+    border-top-right-radius: 10px;
+    line-height: 30px;
+    font-weight: bold;
+    text-align: center;
+    letter-spacing: 1px;
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
+    writing-mode: vertical-rl;
+    text-orientation: upright;
+    width: 30px;
+    height: 100px;
+  }
+  .round-btn {
+    position: absolute;
+    top: 14px;
+    left: 129px;
+    width: 42px;
+    height: 42px;
+    z-index: 111111;
+    border-radius: 21px;
+    cursor: pointer;
+    &:hover {
+      background-color: rgb(61 125 254 / 53%);
+    }
+  }
+}
+</style>
diff --git a/src/views/system/resource/listResource.vue b/src/views/system/resource/listResource.vue
index f838f9a..d9d0c08 100644
--- a/src/views/system/resource/listResource.vue
+++ b/src/views/system/resource/listResource.vue
@@ -6,7 +6,7 @@
 import type { ResourceInfo, ResourceTypeInfo } from './resource-interface'
 import SystemEditResource from './editResource.vue'
 import { delResource, getResourceList, getResourceTypeList } from '@/api/system/resource'
-import { toTreeList } from '@/utils/structure'
+import { findPid, toTreeList } from '@/utils/structure'
 
 const { proxy } = getCurrentInstance() as any
 
@@ -43,11 +43,16 @@
 function search() {
   fetchData()
 }
+
 // 查询数据
 function fetchData() {
   loading.value = true
   getResourceList(listQuery).then((res) => {
     const treeData = toTreeList<ResourceInfo>(res.data)
+    const aa = findPid(res.data)
+    console.log('ppp44ppppppppp', aa)
+    const b = res.data.filter(item => item.id === '1823644904449925121')
+    console.log('b', b)
     list.value = treeData
     loading.value = false
   })

diff --git a/.env.development b/.env.development
index 3aaa28f..ba1ebf1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 机器狗巡检平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 
diff --git a/.env.production b/.env.production
index 10cfdb7..da68e78 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
 NODE_ENV = production
 
 # 页面标题
-VITE_APP_TITLE = 感知数据汇聚平台
+VITE_APP_TITLE = 巡检精灵综合管理平台
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
 VITE_APP_API_BASEURL = http://111.198.10.15:11638
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
diff --git a/README.md b/README.md
index baadcb1..1cc1ffa 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
-<h1 align="center">机器狗巡检平台</h1>
+<h1 align="center">巡检精灵综合管理平台</h1>
 
-<p align="center">机器狗巡检平台</p>
+<p align="center">巡检精灵综合管理平台</p>
 
 ## 简要说明
 <p>
diff --git a/package.json b/package.json
index a6745d6..b8f7e9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.1",
     "qs": "^6.11.0",
+    "three": "^0.173.0",
     "tinymce": "^6.2.0",
     "vue": "^3.2.44",
     "vue-pdf-embed": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 860f410..351badd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,7 @@
   stylelint-config-standard-vue: ^1.0.0
   stylelint-scss: ^4.3.0
   svgo: ^3.0.0
+  three: ^0.173.0
   tinymce: ^6.2.0
   typescript: ^4.8.4
   unplugin-auto-import: ^0.11.4
@@ -107,6 +108,7 @@
   print-js: 1.6.0
   qrcode: 1.5.4
   qs: 6.13.1
+  three: 0.173.0
   tinymce: 6.8.5
   vue: 3.5.13_typescript@4.9.5
   vue-pdf-embed: 1.2.1_vue@3.5.13
@@ -8623,6 +8625,10 @@
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three/0.173.0:
+    resolution: {integrity: sha512-AUwVmViIEUgBwxJJ7stnF0NkPpZxx1aZ6WiAbQ/Qq61h6I9UR4grXtZDmO8mnlaNORhHnIBlXJ1uBxILEKuVyw==}
+    dev: false
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
diff --git a/public/4.pcd b/public/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/public/4.pcd
Binary files differ
diff --git a/public/config/config.json b/public/config/config.json
index 0c02bb3..e5cba39 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,5 +1,5 @@
 {
-  "title":"燃气物联感知平台",
+  "title":"巡检精灵综合管理平台",
   "baseUrl": "http://111.198.10.15:11645",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
   "JsKey": "40849e82b4e33f5255b17372520c954d",
diff --git a/public/finalCloud.pcd b/public/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/public/finalCloud.pcd
Binary files differ
diff --git a/src/assets/icons/icon-patrol.svg b/src/assets/icons/icon-patrol.svg
new file mode 100644
index 0000000..8619714
--- /dev/null
+++ b/src/assets/icons/icon-patrol.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741568499907" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.798 944.298h-536.1c-92.5-0.1-167.4-75.1-167.5-167.5v-536.1c0-92.5 75-167.5 167.5-167.5h536.1c92.5 0.1 167.4 75.1 167.5 167.5v536.1c-0.1 92.4-75 167.4-167.5 167.5z m-419.7-297.3l63.7 63.5c44.6 45.4 117.5 46.1 163 1.6 45.4-44.6 46.1-117.5 1.5-163l-1.5-1.5-89-88.8c-20.5-20.5-20.5-53.6 0-74.1 20.5-20.5 53.6-20.5 74.1 0l63.7 63.7c-18 42.5 1.9 91.6 44.5 109.5 42.5 18 91.5-2 109.5-44.4 18-42.5-1.9-91.6-44.5-109.5-20.8-8.8-44.3-8.8-65.1 0l-63.7-63.7c-45.4-44.6-118.4-43.9-163 1.6-44 44.8-44 116.6 0.1 161.4l89 88.8c20.5 20.4 20.5 53.6 0 74.1-20.5 20.4-53.6 20.4-74.1 0l-63.7-63.7c15.5-36.9 2.9-79.6-30.2-102.2-33.2-22.4-77.6-18.2-106 10.1-32.8 32.7-32.9 85.7-0.2 118.5 24.1 24.2 60.5 31.3 91.9 18.1z" p-id="1765"></path></svg>
diff --git a/src/assets/tempImages/2.jpg b/src/assets/tempImages/2.jpg
new file mode 100644
index 0000000..23e16e8
--- /dev/null
+++ b/src/assets/tempImages/2.jpg
Binary files differ
diff --git a/src/assets/tempImages/control.png b/src/assets/tempImages/control.png
new file mode 100644
index 0000000..27cb0a6
--- /dev/null
+++ b/src/assets/tempImages/control.png
Binary files differ
diff --git a/src/assets/tempImages/dog-arm.jpg b/src/assets/tempImages/dog-arm.jpg
new file mode 100644
index 0000000..53c25df
--- /dev/null
+++ b/src/assets/tempImages/dog-arm.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog-picture.jpg b/src/assets/tempImages/dog-picture.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/dog-picture.jpg
Binary files differ
diff --git a/src/assets/tempImages/dog.png b/src/assets/tempImages/dog.png
new file mode 100644
index 0000000..1672a81
--- /dev/null
+++ b/src/assets/tempImages/dog.png
Binary files differ
diff --git a/src/assets/tempImages/icon-link.svg b/src/assets/tempImages/icon-link.svg
new file mode 100644
index 0000000..28707bb
--- /dev/null
+++ b/src/assets/tempImages/icon-link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="" filter="none">
+    
+    <g>
+    <rect width="48" height="48" fill="rgba(16,16,16,1)" fill-opacity="0.01" stroke="none"></rect><path d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" stroke="rgba(16,16,16,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/assets/tempImages/map.png b/src/assets/tempImages/map.png
new file mode 100644
index 0000000..0530d85
--- /dev/null
+++ b/src/assets/tempImages/map.png
Binary files differ
diff --git a/src/assets/tempImages/point.png b/src/assets/tempImages/point.png
new file mode 100644
index 0000000..3a8be1f
--- /dev/null
+++ b/src/assets/tempImages/point.png
Binary files differ
diff --git a/src/assets/tempImages/sgjc.jpg b/src/assets/tempImages/sgjc.jpg
new file mode 100644
index 0000000..a1c25e0
--- /dev/null
+++ b/src/assets/tempImages/sgjc.jpg
Binary files differ
diff --git a/src/assets/tempImages/tyx.jpg b/src/assets/tempImages/tyx.jpg
new file mode 100644
index 0000000..6d37211
--- /dev/null
+++ b/src/assets/tempImages/tyx.jpg
Binary files differ
diff --git a/src/assets/tempImages/yrg.jpg b/src/assets/tempImages/yrg.jpg
new file mode 100644
index 0000000..071a185
--- /dev/null
+++ b/src/assets/tempImages/yrg.jpg
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index f651253..a0817c2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -72,6 +72,7 @@
     SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
+    Threejs: typeof import('./components/threejs/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
   }
 }
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 63a2160..bf0b007 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -481,5 +481,10 @@
   .el-radio__label {
     display: none !important;
   }
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
 }
 </style>
diff --git a/src/components/threejs/4.pcd b/src/components/threejs/4.pcd
new file mode 100644
index 0000000..a45a92e
--- /dev/null
+++ b/src/components/threejs/4.pcd
Binary files differ
diff --git a/src/components/threejs/finalCloud.pcd b/src/components/threejs/finalCloud.pcd
new file mode 100644
index 0000000..b07d7d8
--- /dev/null
+++ b/src/components/threejs/finalCloud.pcd
Binary files differ
diff --git a/src/components/threejs/index.vue b/src/components/threejs/index.vue
new file mode 100644
index 0000000..08b880c
--- /dev/null
+++ b/src/components/threejs/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import * as THREE from 'three'
+import SceneInit from './init'
+// 通过ref绑定dom,避免使用id导致重复问题
+const threeDom = ref(null)
+// 初始化完的实例
+let threeObj
+// 添加立方体
+const addCube = () => {
+  // 绘制立方体
+  // 创建几何体：立方缓冲几何体（BoxGeometry）
+  const geometry = new THREE.BoxGeometry(1, 1, 1)
+  // 创建物体材质
+  const material = new THREE.MeshBasicMaterial({ color: 0x00FF00 })
+  // 几何体和材质组成一个物体
+  const cube = new THREE.Mesh(geometry, material)
+  // 将物体添加到场景
+  threeObj.scene.add(cube)
+}
+
+// 销毁生命周期
+onBeforeUnmount(() => {
+  // 销毁three创建的demo和对象
+  threeObj.destroy()
+})
+
+// 初始化生命周期
+onMounted(() => {
+  threeObj = new SceneInit(threeDom.value) // 使用new 调用类SceneInit的构造函数
+  // 绘制网格
+  threeObj.grid()
+  // threeObj.loadPCD('../../../public/4.pcd')
+  threeObj.loadPCD('./4.pcd')
+  // threeObj.loadPCD('./finalCloud.pcd')
+  // threeObj.loadPCD('../../../public/house.pcd')
+  // addCube()
+})
+</script>
+
+<template>
+  <div ref="threeDom" class="threeDiv" />
+</template>
+
+<style scoped>
+.threeDiv {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/threejs/init.js b/src/components/threejs/init.js
new file mode 100644
index 0000000..87e4904
--- /dev/null
+++ b/src/components/threejs/init.js
@@ -0,0 +1,274 @@
+/**
+ * 初始化场景
+ */
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
+import * as THREE from 'three'
+import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js'
+
+// 类声明
+class SceneInit {
+  /**
+   * 构造函数，用来初始化
+   * @param dom  dom
+   * @param cameraObj
+   */
+  constructor(dom, cameraObj) {
+    console.log('dom', dom)
+    console.log('cameraObj', cameraObj)
+
+    this.dom = dom // 创建dom属性
+    this.groupObj = { // 创建groupObj属性
+      gridHelperGroup: undefined,
+    }
+    // render前的回调函数集合
+    this.animateCallBackArray = []
+    this.init(cameraObj)
+  }
+
+  /**
+   * 初始化
+   */
+  init(cameraObj) {
+    // 初始化Renderer
+    this.initRenderer()
+    // 初始化摄像头
+    this.initCamera(cameraObj)
+    // 初始化场景
+    this.initScene()
+    // 初始化灯源
+    this.initLight()
+    // 摄像头控制器
+    this.initControls()
+    this.animateCallBackArray = []
+    // 动画
+    // setTimeout(() => {
+    this.animate()
+    this.resizeFun = this.updataWh.bind(this)
+    window.addEventListener('resize', this.resizeFun)
+  }
+
+  /**
+   * 初始化渲染器
+   */
+  initRenderer() {
+    this.renderer = new THREE.WebGLRenderer({
+      alpha: this.alpha, // 画布透明
+      depthTest: true, // 深度测试
+      antialias: true, // 是否开启抗锯齿效果，默认值为false。
+      logarithmicDepthBuffer: true, // 对数深度缓存
+    })
+    // width和height用来设置Three.js输出的Canvas画布尺寸(像素px)
+    this.width = this.dom.clientWidth // 窗口文档显示区的宽度作为画布宽度
+    this.height = this.dom.clientHeight // 窗口文档显示区的高度作为画布高度
+    this.renderer.localClippingEnabled = true // 启用局部裁剪
+    this.renderer.setSize(this.width, this.height) // 设置three.js渲染区域的尺寸(像素px)
+    this.renderer.shadowMap.enabled = true // 如果遇到阴影贴图 必须渲染
+    this.renderer.sortObjects = true // 用于控制three.js中物体的渲染顺序
+    this.renderer.setPixelRatio(window.devicePixelRatio * 1) // 用于设置设备的像素比 通过设置设备像素比，可以优化高分辨率设备上的渲染效果，确保图形在不同分辨率的设备上都能清晰显示。
+    this.renderer.domElement.style.position = 'absolute'
+    this.renderer.domElement.style.top = '0px'
+    this.renderer.domElement.style.left = '0px'
+    // three.js执行渲染命令会输出一个canvas画布，也就是一个HTML元素，你可以插入到web页面中
+    this.dom.appendChild(this.renderer.domElement)
+    this.renderer.domElement.classList.add('threeCanvas') // 设置画布的class,非必须
+    // this.renderer.outputEncoding = THREE.sRGBEncoding;
+    this.renderer.gammaFactor = 2.2
+    this.renderer.gammaOutPut = true
+    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
+
+    this.renderer.toneMappingExposure = 1.0
+    // 物理灯光
+    this.renderer.physicallyCorrectLights = true
+  }
+
+  /**
+   * 初始化摄像头
+   */
+
+  initCamera(cameraObj) {
+    if (!cameraObj) {
+      cameraObj = {
+        fov: 45, // 摄像机视锥体垂直视野角度。
+        aspect: this.width / this.height, // 摄像机视锥体长宽比。
+        near: 0.1, // 摄像机视锥体近端面。
+        far: 100000, // 摄像机视锥体远端面。
+        // position: [0, 50, 85],
+        // position: [62, 67, 20],
+        position: [0, 0, 12],
+      }
+    }
+    this.camera = new THREE.PerspectiveCamera(
+      cameraObj.fov,
+      this.width / this.height, // 摄像机视锥体长宽比。
+      //   cameraObj.aspect,
+      cameraObj.near,
+      cameraObj.far,
+    )
+    this.camera.position.set(...cameraObj.position)
+    // this.camera.position.set([0, 50, 85])
+  }
+
+  /**
+   * 初始化场景
+   */
+  initScene() {
+    this.scene = new THREE.Scene()
+  }
+
+  /**
+   * 初始化灯源
+   */
+  initLight() {
+    // 默认环境光
+    const ambientLight = new THREE.AmbientLight(0xFFFFFF) // 环境光
+    this.scene.add(ambientLight)
+    ambientLight.intensity = 0.3 // 光照强度
+    const hemiLight = new THREE.HemisphereLight(0xFFFFBB, 0x080820, 1) // 模拟天空和地面的光照效果
+    this.scene.add(hemiLight)
+  }
+
+  /**
+   * 初始化控制器
+   */
+  initControls() {
+    this.controller = new OrbitControls(this.camera, this.renderer.domElement)
+  }
+
+  /**
+   *宽高变更时自动适配
+   */
+  updataWh() {
+    this.width = this.dom.clientWidth
+    this.height = this.dom.clientHeight
+    this.camera.aspect = this.width / this.height
+    this.camera.updateProjectionMatrix()
+    this.renderer.setSize(this.width, this.height)
+  }
+
+  /**
+   * 动画渲染
+   * threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。
+   **/
+  animate(time) {
+    // 请求动画帧window.requestAnimationFrame
+    // requestAnimationFrame实现周期性循环执行
+    // requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看代码的性能
+    this.animateKey = requestAnimationFrame(this.animate.bind(this))
+    if (this.controller) {
+      this.controller.update()
+    }
+    // 额外回调
+    for (let i = 0; i < this.animateCallBackArray.length; i++) {
+      if (this.animateCallBackArray[i]) {
+        this.animateCallBackArray[i](time, this.renderer, this.scene)
+      }
+    }
+    this.renders()
+  }
+
+  /**
+   * 网格辅助线
+   */
+  grid() {
+    // 网格的大小（宽度和高度） 它定义了从中心到边缘的距离，整个网格的实际尺寸是2 * size‌
+    const size = 1000
+    // 网格的划分数量，即网格线上有多少个分割点
+    const divisions = 60
+    // 主要颜色，默认为0x444444（深灰色），用于主轴线‌
+    const colorMain = '0x444444'
+    // 次要颜色，默认为0x888888（浅灰色），用于其他线‌
+    const colorSecondary = '0x888888'
+    this.groupObj.gridHelperGroup = new THREE.GridHelper(
+      size,
+      divisions,
+      // colorMain,
+      // colorSecondary,
+    )
+    this.scene.add(this.groupObj.gridHelperGroup)
+  }
+
+  /**
+   * 渲染
+   */
+  renders() {
+    if (this.renderer) {
+      this.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  /**
+   * 获取根对象，便于其它类使用公共场景变量
+   */
+  getRoot() {
+    return {
+      scene: this.scene,
+      renderer: this.renderer,
+      controller: this.controller,
+      camera: this.camera,
+      addAnimateCallBack: this.addAnimateCallBack,
+      removeAnimateCallBack: this.removeAnimateCallBack,
+    }
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  addAnimateCallBack = (fun) => {
+    const index = this.animateCallBackArray.length
+    this.animateCallBackArray.push(fun)
+    return index
+  }
+
+  /**
+   *
+   * 更新前的回调,暂用于模型矩阵变化动画
+   */
+  removeAnimateCallBack = (index) => {
+    this.animateCallBackArray[index] = false
+  }
+
+  /**
+   * 销毁，释放内存
+   */
+  destroy() {
+    cancelAnimationFrame(this.animateKey)
+    this.scene.traverse((child) => {
+      if (child instanceof THREE.Mesh) {
+        if (child.material) {
+          child.material.dispose && child.material.dispose()
+        }
+        if (child.geometry) {
+          child.geometry && child.geometry.dispose()
+        }
+
+        !!child.clear && child.clear()
+        child = null
+      }
+    })
+    this.scene.environment = null
+    this.scene.clear()
+    const dom = this.renderer.domElement
+    if (dom) {
+      dom.parentNode.removeChild(dom)
+    }
+    this.renderer.renderLists.dispose()
+    this.renderer.dispose()
+    this.renderer.forceContextLoss()
+    this.renderer.domElement = null
+    this.renderer.content = null
+    this.renderer = null
+    window.removeEventListener('resize', this.resizeFun)
+  }
+
+  // 加载点云
+  loadPCD(padPath) {
+    const loader = new PCDLoader()
+    loader.load(padPath, (points) => {
+      this.scene.add(points) // 直接将点云添加到场景中
+      this.animate()
+    })
+  }
+}
+
+export default SceneInit
diff --git a/src/router/index.ts b/src/router/index.ts
index e4760f5..9ce2c1b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,7 +44,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
@@ -151,7 +152,8 @@
           // 如果已登录状态下，进入登录页会强制跳转到控制台页面
           if (to.name === 'login') {
             next({
-              name: 'dashboard',
+              // name: 'dashboard',
+              name: 'PatrolManage',
               replace: true,
             })
           }
diff --git a/src/router/modules/menus.ts b/src/router/modules/menus.ts
index 9aa7fe3..af35115 100644
--- a/src/router/modules/menus.ts
+++ b/src/router/modules/menus.ts
@@ -1,5 +1,6 @@
 // 所有菜单路由
 import systemRoutes from './system'
+import patrolRoutes from './patrol'
 import type { Route } from '@/global'
 const Layout = () => import('@/layouts/index.vue')
 
@@ -8,7 +9,7 @@
   {
     path: '/home',
     component: Layout,
-    redirect: '/home/index',
+    redirect: '/patrol/navigation',
     name: 'Home',
     meta: {
       title: '首页',
@@ -31,6 +32,8 @@
       },
     ],
   },
+  // 巡检管理
+  ...patrolRoutes,
   // 系统路由
   ...systemRoutes,
 ]
diff --git a/src/router/modules/patrol.ts b/src/router/modules/patrol.ts
new file mode 100644
index 0000000..8d6a735
--- /dev/null
+++ b/src/router/modules/patrol.ts
@@ -0,0 +1,46 @@
+// 巡检管理
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+
+const routes: Route.recordRaw[] = [
+  {
+    path: '/patrol',
+    component: Layout,
+    redirect: '/patrol',
+    name: 'Patrol',
+    meta: {
+      title: '巡检管理',
+      icon: 'ep:key',
+      auth: '/patrol',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'PatrolManage',
+        component: () => import('@/views/patrol/manage/index.vue'),
+        meta: {
+          title: '巡检管理',
+          auth: '/patrol/manage',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+      {
+        path: 'navigation',
+        name: 'PatrolNavigation',
+        component: () => import('@/views/patrol/navigation/index.vue'),
+        meta: {
+          title: '巡检导航',
+          auth: '/patrol/navigation',
+          sidebar: true,
+          breadcrumb: true,
+          activeMenu: '/patrol',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/utils/structure.ts b/src/utils/structure.ts
index bc647d7..54507e9 100644
--- a/src/utils/structure.ts
+++ b/src/utils/structure.ts
@@ -130,7 +130,7 @@
  * @param plainList 寻找列表中的父id
  * @returns 父id列表
  */
-function findPid(plainList: Array<ArrayItem>): Array<string> {
+export function findPid(plainList: Array<ArrayItem>): Array<string> {
   const pidList = new Set<string>()
   if (plainList) {
     for (const item of plainList) { // 1.添加所有的父id
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index 3435e67..8bef3fa 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -1,288 +1,23 @@
-首页
+<!-- 首页 -->
 <script lang="ts" setup name="Dashboard">
-//
+import threeCom from '@/components/threejs/index.vue'
 </script>
 
 <template>
   <!-- 布局 -->
-  <app-container>
-    首页
+  <app-container class="app-container">
+    <three-com class="three-area" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-.top-container {
+.app-container {
   width: 100%;
-  display: flex;
-  justify-content: space-around;
-
-  .top-left-container {
+  height: 100%;
+  .three-area {
+    position: relative;
     width: 100%;
-    display: flex;
-    justify-content: space-around;
-
-    .base {
-      width: 49.5%;
-      height: 130px;
-
-      .base-container {
-        display: flex;
-        justify-content: space-around;
-        margin-top: 15px;
-
-        .base-item {
-          width: 25%;
-          display: flex;
-
-          .img {
-            width: 30%;
-
-            img {
-              width: 80%;
-            }
-          }
-
-          .content {
-            width: 70%;
-
-            .value {
-              .value {
-                font-weight: 700;
-                font-size: 20px;
-              }
-            }
-          }
-        }
-      }
-    }
+    height: 600px;
   }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          width: 50%;
-
-          // display: flex;
-          // justify-content: center;
-          // flex-direction: column;
-          img {
-            width: 35px;
-            height: 35px;
-          }
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 40%;
-    height: 250px;
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.middle-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .type-count,
-  .dept-count {
-    width: 49.4%;
-    height: 255px;
-  }
-
-  .bench {
-    width: 22%;
-    height: 250px;
-
-    .bench-container {
-      display: flex;
-      justify-content: space-around;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .bench-item {
-        width: 40%;
-        display: flex;
-        height: 40px;
-        margin-top: 15px;
-
-        &:hover {
-          // border: 1px solid #ccc;
-          background-color: rgba($color: #000, $alpha: 5%);
-          cursor: pointer;
-          // box-shadow: 0 0 12px rgb(0 0 0 / 12%);
-          border-radius: 4px;
-        }
-
-        .img {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-        }
-
-        .value {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          text-align: center;
-          width: 60%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .message {
-    width: 77%;
-    height: 250px;
-
-    .search {
-      padding: 0 15px;
-      display: flex;
-      justify-content: space-between;
-      color: #0d76d4;
-      font-size: 14px;
-
-      &:hover {
-        text-decoration: underline;
-        cursor: pointer;
-      }
-    }
-
-    .message-container {
-      .message-item {
-        height: 33px;
-        line-height: 33px;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 10px;
-        width: 100%;
-
-        &:hover {
-          .content,
-          .left {
-            color: #0d76d4 !important;
-            text-decoration: underline !important;
-            cursor: pointer;
-          }
-        }
-
-        .left {
-          width: 75%;
-          display: flex;
-          align-items: center;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .content {
-          display: inline-block;
-          padding-left: 10px;
-          width: 65%;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .time {
-          font-size: 16px;
-          color: #7c7777;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}
-
-.bottom-container {
-  width: 100;
-  display: flex;
-  justify-content: space-around;
-
-  .week-alarm,
-  .dept-alarm {
-    width: 49.4%;
-    height: 25px;
-  }
-
-  .error {
-    width: 99.5%;
-  }
-}
-
-.top {
-  margin-top: 10px;
 }
 </style>
diff --git a/src/views/login.vue b/src/views/login.vue
index 5c360a3..507ae67 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -204,13 +204,13 @@
 <template>
   <div>
     <!-- <div class="bg-top-banner">
-      机器狗巡检平台
+      巡检精灵综合管理平台
     </div> -->
     <div class="bg-banner" />
     <div id="login-box">
       <div class="login-left-box">
         <div class="logo" />
-        <div class="title">欢迎访问机器狗巡检平台</div>
+        <div class="title">欢迎访问巡检精灵综合管理平台</div>
       </div>
 
       <div class="right-box">
diff --git a/src/views/patrol/manage/index.vue b/src/views/patrol/manage/index.vue
new file mode 100644
index 0000000..161602a
--- /dev/null
+++ b/src/views/patrol/manage/index.vue
@@ -0,0 +1,475 @@
+<script setup lang="ts">
+import { ElMessage, ElMessageBox, ElTooltip } from 'element-plus'
+import controlImg from '@/assets/tempImages/control.png'
+import dog from '@/assets/tempImages/dog-picture.jpg'
+import dogArm from '@/assets/tempImages/dog-arm.jpg'
+import sgjc from '@/assets/tempImages/sgjc.jpg'
+import tyx from '@/assets/tempImages/tyx.jpg'
+import yrg from '@/assets/tempImages/yrg.jpg'
+const currentDevice = ref({
+  deviceName: '机器狗1号',
+  deviceStatus: '工作中',
+  battery: '80%',
+  route: '路线一',
+  speed: '2m/s',
+})
+// 点击更换设备
+const changeDevice = () => {
+  ElMessageBox.confirm(
+    '确定更换设备吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('更换成功')
+    currentDevice.value = {
+      deviceName: '机器狗2号',
+      deviceStatus: '工作中',
+      battery: '98%',
+      route: '路线二',
+      speed: '1.8m/s',
+    }
+  })
+}
+
+// 点击解除绑定
+const unbind = () => {
+  ElMessageBox.confirm(
+    '确定解除绑定吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('已解除绑定')
+  })
+}
+
+// -----------------------------------------------表格------------------------------------------------------
+// 表格表头
+const columns = ref([
+  { text: '巡检内容', value: 'content', align: 'center' },
+  { text: '巡检情况', value: 'situation', align: 'center' },
+  // { text: '附件', value: 'picture', align: 'center' },
+])
+const listQuery = ref({
+  limit: 10,
+  offset: 1,
+})
+const list: any = ref([]) // 数据列表
+const loading = ref(false)
+// ---------------------------------------图片-----------------------------------------------------------------------
+// 图片地址
+const imageUrl = ref(null)
+// 图片引用
+const imageRef = ref(null)
+// 画布引用
+const canvasRef = ref(null)
+// 四个点的坐标
+const points = ref([
+  { x: 100, y: 100, image: sgjc },
+  { x: 200, y: 200, image: tyx },
+  { x: 300, y: 100, image: yrg },
+  { x: 600, y: 50, image: dogArm },
+])
+// 鼠标悬停的点
+const hoveredPoint = ref(null)
+// 悬停点对应的图片
+const hoveredPointImage = ref('')
+
+// 图片加载完成事件
+const onImageLoad = () => {
+  const canvas = canvasRef.value
+  const ctx = canvas.getContext('2d')
+  const image = imageRef.value
+
+  // 设置画布大小与图片一致
+  canvas.width = image.width
+  canvas.height = image.height
+
+  // 绘制线段
+  for (let i = 0; i < points.value.length - 1; i++) {
+    const p1 = points.value[i]
+    const p2 = points.value[i + 1]
+    ctx.beginPath()
+    ctx.moveTo(p1.x, p1.y)
+    ctx.lineTo(p2.x, p2.y)
+    ctx.stroke()
+  }
+
+  // 绘制点和数字
+  points.value.forEach((point, index) => {
+    ctx.beginPath()
+    ctx.arc(point.x, point.y, 10, 0, 2 * Math.PI)
+    ctx.fillStyle = 'rgba(12, 116, 210, 1)'
+    ctx.fill()
+
+    ctx.font = '16px Arial'
+    ctx.fillStyle = 'white'
+    ctx.textAlign = 'center'
+    ctx.textBaseline = 'middle'
+    ctx.fillText(index + 1, point.x, point.y)
+  })
+}
+
+// 鼠标移动事件
+const onMouseMove = (event) => {
+  console.log('鼠标移动事件', event)
+
+  const rect = canvasRef.value.getBoundingClientRect()
+  const mouseX = event.clientX - rect.left
+  const mouseY = event.clientY - rect.top
+
+  hoveredPoint.value = null
+  hoveredPointImage.value = ''
+
+  points.value.forEach((point) => {
+    const dx = mouseX - point.x
+    const dy = mouseY - point.y
+    const distance = Math.sqrt(dx * dx + dy * dy)
+
+    if (distance <= 10) {
+      hoveredPoint.value = point
+      hoveredPointImage.value = point.image
+      console.log('悬浮图片', hoveredPointImage.value)
+    }
+  })
+}
+// ---------------------------------------图片-----------------------------------------------------------------------
+
+onMounted(() => {
+  list.value = [
+    {
+      content: '施工监测',
+      situation: '发现施工，请及时处置',
+      picture: sgjc,
+    },
+    {
+      content: '调压箱检测',
+      situation: '正常',
+      picture: tyx,
+    },
+    {
+      content: '引入管检测',
+      situation: '正常',
+      picture: yrg,
+    },
+    {
+      content: '闸井检测',
+      situation: '正常',
+      picture: dogArm,
+    },
+  ]
+
+  // 如果图片已经加载完成，手动调用 onImageLoad 函数
+  // if (mainImageRef.value.complete) {
+  onImageLoad()
+  // }
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="patrol-manage">
+      <div class="box box-top">
+        <div class="box-top-item">
+          <!-- <img
+            style="width: 100%; height: 300px"
+            src="../../../assets/tempImages/2.jpg"
+          > -->
+          <div style="position: relative; width: fit-content;margin: 0 auto;">
+            <!-- 图片 -->
+            <img ref="imageRef" style="width: 100%; height: 300px" src="../../../assets/tempImages/map.png" alt="Image" @mousemove="onMouseMove" @load="onImageLoad">
+            <!-- 画布 -->
+            <canvas ref="canvasRef" />
+          </div>
+        </div>
+        <img v-if="hoveredPointImage" :src="hoveredPointImage" alt="Point Image" style="width: 600px; height: 500px;position: fixed;top: 100px;right: 10px;">
+
+        <div style="height: 100%; background-color: #ccc; width: 1px;" />
+        <div class="box-top-item">
+          <div class="box-title">
+            <div class="title">
+              <span>关联设备</span>
+              <img
+                style="width: 20px; height: 20px"
+                src="../../../assets/tempImages/icon-link.svg"
+              >
+            </div>
+            <div>
+              <el-button type="primary" link @click="changeDevice">
+                更换设备
+              </el-button>
+              <el-button type="danger" link @click="unbind">
+                解除绑定
+              </el-button>
+            </div>
+          </div>
+          <div class="box-main">
+            <img
+              style="width: 200px; height: 200px"
+              src="../../../assets/tempImages/dog.png"
+            >
+            <div class="box-device">
+              <span>
+                <span class="title">设备名称: </span>
+                <span class="text">{{ currentDevice.deviceName }}</span>
+              </span>
+              <span>
+                <span class="title">设备状态: </span>
+                <span class="text" style="color: #afcc85">{{ currentDevice.deviceStatus }}</span>
+              </span>
+              <span>
+                <span class="title">设备电量: </span>
+                <span class="text">{{ currentDevice.battery }}</span>
+              </span>
+              <span>
+                <span class="title">巡检路线: </span>
+                <span class="text">{{ currentDevice.route }}</span>
+              </span>
+              <span>
+                <span class="title">当前速度: </span>
+                <span class="text">{{ currentDevice.speed }}</span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="box-middle">
+        <table-container title="巡检情况" style="margin-top: 0px !important;">
+          <normal-table
+            :data="list"
+            :total="total"
+            :pagination="false"
+            :columns="columns"
+            :query="listQuery"
+            :list-loading="listLoading"
+            @change="changePage"
+          >
+            <template #preColumns>
+              <el-table-column label="序号" width="55" align="center">
+                <template #default="scope">
+                  {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+                </template>
+              </el-table-column>
+            </template>
+            <template #columns>
+              <el-table-column label="附件" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-image
+                    style="width: 100px; height: 100px"
+                    :src="scope.row.picture"
+                    :preview-src-list="[scope.row.picture]"
+                  />
+                </template>
+              </el-table-column>
+              <!-- <el-table-column label="操作" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-button
+                    type="primary"
+                    link
+                    size="small"
+                    class="table-text-button"
+                    @click="handleEdit(scope.row)"
+                  >
+                    详情
+                  </el-button>
+                </template>
+              </el-table-column> -->
+            </template>
+          </normal-table>
+        </table-container>
+      </div>
+      <!-- <div class="box box-bottom">
+        <div class="title">
+          <span>设备控制</span>
+          <div>
+            <el-button type="danger" @click="stop">
+              急停
+            </el-button>
+            <el-button type="primary" @click="restore">
+              恢复
+            </el-button>
+          </div>
+        </div>
+        <div style="margin-top: 10px;display: flex;justify-content: space-around;">
+          <div style="position: relative;">
+            <div class="control-title">
+              机器狗控制
+            </div>
+            <div name="four" style="width: 150px; height: 130px;">
+              <el-image style="width: 130px; height: 130px;position: absolute;top: 5px;left: 50px;" :src="controlImg" fit="fill"/>
+              <el-image style="width: 200px; height: 200px;position: absolute;top: 5px;left: 200px;" :src="dog" fit="fill" />
+              <div>
+                <div class="round-btn" style="top: 8px;left: 95px;" @mousedown="controlWithSpeed($event, 'up')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 90px;left: 95px;" @mousedown="controlWithSpeed($event, 'down')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 53px;" @mousedown="controlWithSpeed($event, 'left')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 135px;" @mousedown="controlWithSpeed($event, 'right')" @mouseup="controlWithSpeed($event, 'stop')" />
+              </div>
+            </div>
+          </div>
+          <div style="position: relative;">
+            <div class="control-title" style="background-color: #a43bd1;">
+              机械臂控制
+            </div>
+            <div name="four" style="width: 320px; height: 130px;">
+              <img style="width: 130px; height: 130px;position: absolute;top: 5px;left: 50px;" :src="controlImg" fit="fill">
+              <img style="width: 200px; height: 200px;position: absolute;top: 5px;left: 200px;" :src="dogArm" fit="fill">
+              <div>
+                <div class="round-btn" style="top: 8px;left: 95px;" @mousedown="controlWithSpeed($event, 'up')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 90px;left: 95px;" @mousedown="controlWithSpeed($event, 'down')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 53px;" @mousedown="controlWithSpeed($event, 'left')" @mouseup="controlWithSpeed($event, 'stop')" />
+                <div class="round-btn" style="top: 48px;left: 135px;" @mousedown="controlWithSpeed($event, 'right')" @mouseup="controlWithSpeed($event, 'stop')" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div> -->
+    </div>
+  </app-container>
+</template>
+
+<style scoped lang="scss">
+.patrol-manage {
+  display: flex;
+  flex-direction: column;
+  // gap: 10px;
+}
+
+.box {
+  width: 100%;
+  background-color: #fff;
+  padding: 10px;
+  border-radius: 7px;
+}
+.box-top {
+  display: grid;
+  /* 将容器划分为两列，左边占 2 份，右边占 1 份 */
+  grid-template-columns: 2fr  0.05fr 1fr;
+  /* 设置列之间的间距为 20 像素 */
+  gap: 20px;
+
+  .box-top-item {
+    display: flex;
+    flex-direction: column;
+    // justify-content: center;
+    // align-items: center;
+    .box-title {
+      font-size: 14px;
+      font-weight: 600;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+      .title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+    .box-main {
+      display:flex;
+      height: 100%;
+      // flex-direction: column;
+      justify-content: space-around;
+      align-items: center;
+      .box-device {
+        display: flex;
+        flex-direction: column;
+        line-height: 29px;
+        color: rgba(0,0,0,1);
+        font-size: 14px;
+        text-align: left;
+        font-family: SourceHanSansSC-regular;
+        .text {
+          font-weight: 600;
+        }
+      }
+    }
+  }
+}
+
+.box-bottom {
+  display: flex;
+  flex-direction: column;
+  margin-top: 10px;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+  .control-title {
+    color: white;
+    background-color: #ff9f11;
+    border-bottom-right-radius: 10px;
+    border-top-right-radius: 10px;
+    line-height: 30px;
+    font-weight: bold;
+    text-align: center;
+    letter-spacing: 1px;
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
+    writing-mode: vertical-rl;
+    text-orientation: upright;
+    width: 30px;
+    height: 100px;
+  }
+  .round-btn {
+    position: absolute;
+    top: 14px;
+    left: 129px;
+    width: 42px;
+    height: 42px;
+    z-index: 111111;
+    border-radius: 21px;
+    cursor: pointer;
+    &:hover {
+      background-color: rgb(61 125 254 / 53%);
+    }
+  }
+}
+
+.image-points-container {
+  position: relative;
+  display: inline-block;
+}
+
+canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+}
+
+.hover-point {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: rgba(0, 30, 66, 0.5);
+  pointer-events: none;
+}
+</style>
+
+<style lang="scss">
+.patrol-manage {
+  // 单元格样式
+  .el-table__cell {
+    position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
+    z-index: 99999999;
+  }
+
+  /* 隐藏默认的悬浮提示内容 */
+  .el-tooltip__content {
+    display: none;
+  }
+  .el-tooltip.is-open .el-tooltip__content {
+    display: block;
+  }
+}
+</style>
diff --git a/src/views/patrol/navigation/index.vue b/src/views/patrol/navigation/index.vue
new file mode 100644
index 0000000..6cf16e9
--- /dev/null
+++ b/src/views/patrol/navigation/index.vue
@@ -0,0 +1,327 @@
+<!-- 巡检导航 -->
+<script setup lang="ts">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import threeCom from '@/components/threejs/index.vue'
+import controlImg from '@/assets/tempImages/control.png'
+const currentDevice = ref({
+  deviceName: '机器狗1号',
+  deviceStatus: '工作中',
+  battery: '80%',
+  route: '路线一',
+  speed: '2m/s',
+  name: '吉祥小区',
+  address: '北京市海淀区永定路街道',
+})
+// 点击更换设备
+const changeDevice = () => {
+  ElMessageBox.confirm(
+    '确定更换设备吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('更换成功')
+    currentDevice.value = {
+      deviceName: '机器狗2号',
+      deviceStatus: '工作中',
+      battery: '98%',
+      route: '路线二',
+      speed: '1.8m/s',
+    }
+  })
+}
+
+// 点击解除绑定
+const unbind = () => {
+  ElMessageBox.confirm(
+    '确定解除绑定吗？',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(() => {
+    ElMessage.success('已解除绑定')
+  })
+}
+
+// -----------------------------------------------表格------------------------------------------------------
+// 表格表头
+const columns = ref([
+  { text: '小区名称', value: 'name', align: 'center' },
+  { text: '小区地址', value: 'address', align: 'center' },
+  { text: '路线名称', value: 'route', align: 'center' },
+  { text: '设备名称', value: 'deviceName', align: 'center' },
+  { text: '更新时间', value: 'updateTime', align: 'center' },
+])
+const listQuery = ref({
+  limit: 10,
+  offset: 1,
+})
+const list: any = ref([]) // 数据列表
+const loading = ref(false)
+// --------------------------------------------------------------------------------------------------------------
+onMounted(() => {
+  list.value = [
+    {
+      content: '燃气管线周边是否施工',
+      situation: '现场周边无施工现象',
+      picture: '',
+      route: '路线1',
+      name: '二街坊社区',
+      address: '北京市海淀区永定路街道',
+      deviceName: '机器狗1号',
+      updateTime: '2025-03-10 14:42:00',
+    },
+    {
+      content: '闸井燃气浓度是否正常',
+      situation: '正常',
+      picture: '',
+      route: '路线2',
+      name: '永定路57号院',
+      address: '北京市海淀区永定路街道',
+      deviceName: '机器狗2号',
+      updateTime: '2025-03-10 10:00:00',
+    },
+  ]
+})
+</script>
+
+<template>
+  <app-container>
+    <div class="patrol-manage">
+      <div class="box box-top">
+        <div>
+          <div class="button-area">
+            <div>
+              <span style="margin-right: 30px;">巡检导航测试</span>
+              <el-button type="primary" @click="startNav">
+                开始导航
+              </el-button>
+              <el-button type="warning" @click="pauseNav">
+                暂停导航
+              </el-button>
+              <el-button type="danger" @click="stopNav">
+                结束导航
+              </el-button>
+            </div>
+            <div style="margin: 20px 0;">
+              <span style="margin-right: 30px;">巡检点录入</span>
+              <el-button type="primary" @click="startNav">
+                添加巡检点
+              </el-button>
+              <el-button type="warning" @click="pauseNav">
+                删除巡检点
+              </el-button>
+              <span style="margin-left: 30px;">状态：当前记录巡检点3</span>
+            </div>
+          </div>
+          <div class="box-top-item">
+            <!-- <img
+              style="width: 100%; height: 300px"
+              src="../../../assets/tempImages/point.png"
+            > -->
+            <three-com style="width: 100%; height: 400px" class="three-area" />
+          </div>
+        </div>
+        <div style="height: 100%; background-color: #ccc; width: 1px;" />
+        <div class="box-top-item">
+          <div class="box-title">
+            <div class="title">
+              <span>关联设备</span>
+              <img
+                style="width: 20px; height: 20px"
+                src="../../../assets/tempImages/icon-link.svg"
+              >
+            </div>
+            <div>
+              <el-button type="primary" link @click="changeDevice">
+                更换设备
+              </el-button>
+              <el-button type="danger" link @click="unbind">
+                解除绑定
+              </el-button>
+            </div>
+          </div>
+          <div class="box-main">
+            <img
+              style="width: 200px; height: 200px"
+              src="../../../assets/tempImages/dog.png"
+            >
+            <div class="box-device">
+              <span>
+                <span class="title">设备名称: </span>
+                <span class="text">{{ currentDevice.deviceName }}</span>
+              </span>
+              <span>
+                <span class="title">设备状态: </span>
+                <span class="text" style="color: #afcc85">{{ currentDevice.deviceStatus }}</span>
+              </span>
+              <span>
+                <span class="title">设备电量: </span>
+                <span class="text">{{ currentDevice.battery }}</span>
+              </span>
+              <span>
+                <span class="title">小区名称: </span>
+                <span class="text">{{ currentDevice.name }}</span>
+              </span>
+              <span>
+                <span class="title">小区地址: </span>
+                <span class="text">{{ currentDevice.address }}</span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="box-bottom">
+        <table-container title="路线管理" style="margin-top: 0px !important;">
+          <normal-table
+            :data="list"
+            :total="total"
+            :pagination="false"
+            :columns="columns"
+            :query="listQuery"
+            :list-loading="listLoading"
+            @change="changePage"
+          >
+            <template #preColumns>
+              <el-table-column label="序号" width="55" align="center">
+                <template #default="scope">
+                  {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+                </template>
+              </el-table-column>
+            </template>
+            <template #columns>
+              <el-table-column label="操作" width="160" align="center" fixed="right">
+                <template #default="scope">
+                  <el-button
+                    type="primary"
+                    link
+                    size="small"
+                    class="table-text-button"
+                    @click="handleEdit(scope.row)"
+                  >
+                    详情
+                  </el-button>
+                </template>
+              </el-table-column>
+            </template>
+          </normal-table>
+        </table-container>
+      </div>
+    </div>
+  </app-container>
+</template>
+
+<style scoped lang="scss">
+.patrol-manage {
+  display: flex;
+  flex-direction: column;
+  // gap: 10px;
+}
+
+.box {
+  width: 100%;
+  background-color: #fff;
+  padding: 10px;
+  border-radius: 7px;
+}
+.box-top {
+  display: grid;
+  /* 将容器划分为两列，左边占 2 份，右边占 1 份 */
+  grid-template-columns: 2fr  0.05fr 0.6fr;
+  /* 设置列之间的间距为 20 像素 */
+  gap: 20px;
+  .button-area {
+
+  }
+
+  .box-top-item {
+    display: flex;
+    flex-direction: column;
+    // justify-content: center;
+    // align-items: center;
+    .three-area {
+      position: relative;
+      width: 100%;
+      height: 400px;
+    }
+    .box-title {
+      font-size: 14px;
+      font-weight: 600;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+      .title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+    .box-main {
+      display:flex;
+      height: 100%;
+      flex-direction: column;
+      justify-content: space-around;
+      align-items: center;
+      .box-device {
+        display: flex;
+        flex-direction: column;
+        line-height: 29px;
+        color: rgba(0,0,0,1);
+        font-size: 14px;
+        text-align: left;
+        font-family: SourceHanSansSC-regular;
+        .text {
+          font-weight: 600;
+        }
+      }
+    }
+  }
+}
+
+.box-bottom {
+  display: flex;
+  flex-direction: column;
+  margin-top: 10px;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+  .control-title {
+    color: white;
+    background-color: #ff9f11;
+    border-bottom-right-radius: 10px;
+    border-top-right-radius: 10px;
+    line-height: 30px;
+    font-weight: bold;
+    text-align: center;
+    letter-spacing: 1px;
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
+    writing-mode: vertical-rl;
+    text-orientation: upright;
+    width: 30px;
+    height: 100px;
+  }
+  .round-btn {
+    position: absolute;
+    top: 14px;
+    left: 129px;
+    width: 42px;
+    height: 42px;
+    z-index: 111111;
+    border-radius: 21px;
+    cursor: pointer;
+    &:hover {
+      background-color: rgb(61 125 254 / 53%);
+    }
+  }
+}
+</style>
diff --git a/src/views/system/resource/listResource.vue b/src/views/system/resource/listResource.vue
index f838f9a..d9d0c08 100644
--- a/src/views/system/resource/listResource.vue
+++ b/src/views/system/resource/listResource.vue
@@ -6,7 +6,7 @@
 import type { ResourceInfo, ResourceTypeInfo } from './resource-interface'
 import SystemEditResource from './editResource.vue'
 import { delResource, getResourceList, getResourceTypeList } from '@/api/system/resource'
-import { toTreeList } from '@/utils/structure'
+import { findPid, toTreeList } from '@/utils/structure'
 
 const { proxy } = getCurrentInstance() as any
 
@@ -43,11 +43,16 @@
 function search() {
   fetchData()
 }
+
 // 查询数据
 function fetchData() {
   loading.value = true
   getResourceList(listQuery).then((res) => {
     const treeData = toTreeList<ResourceInfo>(res.data)
+    const aa = findPid(res.data)
+    console.log('ppp44ppppppppp', aa)
+    const b = res.data.filter(item => item.id === '1823644904449925121')
+    console.log('b', b)
     list.value = treeData
     loading.value = false
   })
diff --git a/tsconfig.json b/tsconfig.json
index a5d7d7b..35a9081 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -23,7 +23,7 @@
       "vite-plugin-vue-layouts/client"
     ]
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "src/components/threejs/init.js"],
   "references": [
     {
       "path": "./tsconfig.node.json"