From c90c2c589b8f590e3b2cb369713494c75e410af1 Mon Sep 17 00:00:00 2001
From: "lj7788@126.com" <lj7788@126.com>
Date: Sun, 15 Jun 2025 15:58:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E8=8F=9C=E5=8D=95=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 yanzhu-bigscreen/src/components/header.vue | 302 ++++-----------------
 yanzhu-bigscreen/src/router/index.js       |   9 +-
 yanzhu-bigscreen/src/views/bimManage.vue   |   5 +-
 yanzhu-bigscreen/src/views/bimRoaming.vue  |  42 +++
 4 files changed, 110 insertions(+), 248 deletions(-)
 create mode 100644 yanzhu-bigscreen/src/views/bimRoaming.vue

diff --git a/yanzhu-bigscreen/src/components/header.vue b/yanzhu-bigscreen/src/components/header.vue
index eaf1f14c..d276679d 100644
--- a/yanzhu-bigscreen/src/components/header.vue
+++ b/yanzhu-bigscreen/src/components/header.vue
@@ -3,175 +3,55 @@
     <el-row>
       <el-col :span="8" style="margin-left: 20px; width: calc(33.33% - 20px)">
         <div class="head-title-tab">
-          <div
-            :class="nav == 1 ? 'head-nav active' : 'head-nav'"
-            @click="doNav(1)"
-            v-if="1 == 2"
-          >
-            项目概况
-          </div>
-          <div
-            :class="nav == 2 ? 'head-nav active' : 'head-nav'"
-            @click="doNav(2)"
-            v-if="1 == 2"
-          >
-            项目详情
-          </div>
-          <div
-            :class="nav == 7 ? 'head-nav active' : 'head-nav'"
-            @click="doNav(7)"
-            v-if="1 == 2"
-          >
-            劳务管理
-          </div>
+          <div :class="nav == 1 ? 'head-nav active' : 'head-nav'" @click="doNav(1)" v-if="1 == 2">项目概况</div>
+          <div :class="nav == 2 ? 'head-nav active' : 'head-nav'" @click="doNav(2)" v-if="1 == 2">项目详情</div>
+          <div :class="nav == 7 ? 'head-nav active' : 'head-nav'" @click="doNav(7)" v-if="1 == 2">劳务管理</div>
 
-          <div
-            :class="
-              (nav >= 100 && nav < 200) || nav == 1
-                ? 'head-nav active'
-                : 'head-nav'
-            "
-            style="position: relative"
-            class="has-submenu"
-          >
+          <div :class="(nav >= 100 && nav < 200) || nav == 1 ? 'head-nav active' : 'head-nav'" style="position: relative" class="has-submenu">
             <div>项目概况</div>
             <div class="header-btn-list">
               <div class="header-btn-list-arrow"></div>
               <div class="header-btn-list-item" style>
-                <div
-                  class="header-btn-list-padding menu-row1"
-                  style="text-align: left"
-                >
-                  <button
-                    type="button"
-                    :class="nav == 101 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(101)"
-                  >
-                    项目详情
-                  </button>
-                  <button
-                    type="button"
-                    :class="nav == 102 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(102)"
-                  >
-                    劳务管理
-                  </button>
+                <div class="header-btn-list-padding menu-row1" style="text-align: left">
+                  <button type="button" :class="nav == 101 ? 'active' : ''" class="sub-btn" @click="doNav(101)">项目详情</button>
+                  <button type="button" :class="nav == 102 ? 'active' : ''" class="sub-btn" @click="doNav(102)">劳务管理</button>
                 </div>
               </div>
             </div>
           </div>
 
-          <div
-            :class="
-              (nav >= 300 && nav < 400) || nav == 3
-                ? 'head-nav active'
-                : 'head-nav'
-            "
-            style="position: relative"
-            class="has-submenu"
-          >
+          <div :class="(nav >= 300 && nav < 400) || nav == 3 ? 'head-nav active' : 'head-nav'" style="position: relative" class="has-submenu">
             <div>安全管理</div>
             <div class="header-btn-list">
               <div class="header-btn-list-arrow"></div>
               <div class="header-btn-list-item" style>
-                <div
-                  class="header-btn-list-padding menu-row1"
-                  style="text-align: left"
-                >
-                  <button
-                    type="button"
-                    :class="nav == 301 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(301)"
-                  >
-                    安全隐患排查
-                  </button>
+                <div class="header-btn-list-padding menu-row1" style="text-align: left">
+                  <button type="button" :class="nav == 301 ? 'active' : ''" class="sub-btn" @click="doNav(301)">安全隐患排查</button>
                   <!-- <button type="button" :class="nav == 302 ? 'active' : ''" class="sub-btn" @click="doNav(302)">教育培训</button> -->
-                  <button
-                    type="button"
-                    :class="nav == 303 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(303)"
-                  >
-                    基坑监测
-                  </button>
-                  <button
-                    type="button"
-                    :class="nav == 304 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(304)"
-                  >
-                    塔机监测
-                  </button>
+                  <button type="button" :class="nav == 303 ? 'active' : ''" class="sub-btn" @click="doNav(303)">基坑监测</button>
+                  <button type="button" :class="nav == 304 ? 'active' : ''" class="sub-btn" @click="doNav(304)">塔机监测</button>
                 </div>
-                <div
-                  class="header-btn-list-padding menu-row1"
-                  style="text-align: left"
-                >
+                <div class="header-btn-list-padding menu-row1" style="text-align: left">
                   <!-- <button type="button" :class="nav == 305 ? 'active' : ''" class="sub-btn" @click="doNav(305)">高支模监测</button> -->
-                  <button
-                    type="button"
-                    :class="nav == 306 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(306)"
-                  >
-                    配电箱监测
-                  </button>
+                  <button type="button" :class="nav == 306 ? 'active' : ''" class="sub-btn" @click="doNav(306)">配电箱监测</button>
                   <!-- <button type="button" :class="nav == 307 ? 'active' : ''" class="sub-btn" @click="doNav(307)">爬架监测</button>
                                     <button type="button" :class="nav == 308 ? 'active' : ''" class="sub-btn" @click="doNav(308)">升降机监测</button>-->
                 </div>
-                <div
-                  class="header-btn-list-padding menu-row1"
-                  style="text-align: left"
-                >
-                  <button
-                    type="button"
-                    :class="nav == 309 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(309)"
-                  >
-                    视频监控
-                  </button>
-                  <button
-                    type="button"
-                    :class="nav == 310 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(310)"
-                  >
-                    AI预警
-                  </button>
+                <div class="header-btn-list-padding menu-row1" style="text-align: left">
+                  <button type="button" :class="nav == 309 ? 'active' : ''" class="sub-btn" @click="doNav(309)">视频监控</button>
+                  <button type="button" :class="nav == 310 ? 'active' : ''" class="sub-btn" @click="doNav(310)">AI预警</button>
                   <!-- <button type="button" :class="nav == 311 ? 'active' : ''" class="sub-btn" @click="doNav(311)">标准化管理</button> -->
                 </div>
               </div>
             </div>
           </div>
-          <div
-            :class="
-              (nav >= 400 && nav < 500) || nav == 4
-                ? 'head-nav active'
-                : 'head-nav'
-            "
-            style="position: relative"
-            class="has-submenu"
-          >
+          <div :class="(nav >= 400 && nav < 500) || nav == 4 ? 'head-nav active' : 'head-nav'" style="position: relative" class="has-submenu">
             <div>质量管理</div>
             <div class="header-btn-list">
               <div class="header-btn-list-arrow"></div>
               <div class="header-btn-list-item" style>
-                <div
-                  class="header-btn-list-padding menu-row1"
-                  style="text-align: left"
-                >
-                  <button
-                    type="button"
-                    :class="nav == 401 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(401)"
-                  >
-                    质量隐患排查
-                  </button>
+                <div class="header-btn-list-padding menu-row1" style="text-align: left">
+                  <button type="button" :class="nav == 401 ? 'active' : ''" class="sub-btn" @click="doNav(401)">质量隐患排查</button>
                   <!--
                                     <button type="button" :class="nav == 402 ? 'active' : ''" class="sub-btn" @click="doNav(402)">材料取样复试</button>
                                     <button type="button" :class="nav == 403 ? 'active' : ''" class="sub-btn" @click="doNav(403)">举牌验收</button>
@@ -186,39 +66,14 @@
               </div>
             </div>
           </div>
-          <div
-            :class="
-              (nav >= 500 && nav < 600) || nav == 5
-                ? 'head-nav active'
-                : 'head-nav'
-            "
-            style="position: relative"
-            class="has-submenu"
-          >
+          <div :class="(nav >= 500 && nav < 600) || nav == 5 ? 'head-nav active' : 'head-nav'" style="position: relative" class="has-submenu">
             <div>进度管理</div>
             <div class="header-btn-list">
               <div class="header-btn-list-arrow"></div>
               <div class="header-btn-list-item" style>
-                <div
-                  class="header-btn-list-padding menu-row1"
-                  style="text-align: left"
-                >
-                  <button
-                    type="button"
-                    :class="nav == 502 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(502)"
-                  >
-                    进度管理
-                  </button>
-                  <button
-                    type="button"
-                    :class="nav == 501 ? 'active' : ''"
-                    class="sub-btn"
-                    @click="doNav(501)"
-                  >
-                    延时摄影
-                  </button>
+                <div class="header-btn-list-padding menu-row1" style="text-align: left">
+                  <button type="button" :class="nav == 502 ? 'active' : ''" class="sub-btn" @click="doNav(502)">进度管理</button>
+                  <button type="button" :class="nav == 501 ? 'active' : ''" class="sub-btn" @click="doNav(501)">延时摄影</button>
                 </div>
               </div>
             </div>
@@ -226,96 +81,53 @@
         </div>
       </el-col>
       <el-col :span="8" class="header-center">
-        <img
-          class="prj-logo"
-          :src="selProject.setting.orgLogo"
-          v-if="selProject && selProject.setting && selProject.setting.orgLogo"
-        />
-        <span class="sp-title">{{
-          selProject?.setting?.orgName ||
-          selProject?.projectName ||
-          "数字建安施工管理平台"
-        }}</span>
+        <img class="prj-logo" :src="selProject.setting.orgLogo" v-if="selProject && selProject.setting && selProject.setting.orgLogo" />
+        <span class="sp-title">{{ selProject?.setting?.orgName || selProject?.projectName || "数字建安施工管理平台" }}</span>
       </el-col>
       <el-col :span="8">
         <div class="head-title-tab" style="display: inline-flex">
-          <div
-            :class="nav == 6 ? 'head-nav active' : 'head-nav'"
-            @click="doNav(6)"
-          >
-            绿碳中心
-          </div>
-          <div
-            :class="nav == 7 ? 'head-nav active' : 'head-nav'"
-            @click="doNav(7)"
-          >
-            BIM应用
+          <div :class="nav == 6 ? 'head-nav active' : 'head-nav'" @click="doNav(6)">绿碳中心</div>
+          <!-- <div :class="nav == 7 ? 'head-nav active' : 'head-nav'" @click="doNav(7)">BIM应用</div> -->
+          <div :class="(nav >= 700 && nav < 800) || nav == 7 ? 'head-nav active' : 'head-nav'" style="position: relative" class="has-submenu">
+            <div>BIM应用</div>
+            <div class="header-btn-list">
+              <div class="header-btn-list-arrow"></div>
+              <div class="header-btn-list-item" style>
+                <div class="header-btn-list-padding menu-row1" style="text-align: left">
+                  <button type="button" :class="nav == 701 ? 'active' : ''" class="sub-btn" @click="doNav(701)">项目沙盘</button>
+
+                  <button type="button" :class="nav == 702 ? 'active' : ''" class="sub-btn" @click="doNav(702)">项目漫游</button>
+                  <button type="button" :class="nav == 703 ? 'active' : ''" class="sub-btn" @click="doNav(703)">BIM应用</button>
+                </div>
+
+                <div class="header-btn-list-padding menu-row1" style="text-align: left">
+                  <button type="button" :class="nav == 704 ? 'active' : ''" class="sub-btn" @click="doNav(704)">BIM交底</button>
+                  <button type="button" :class="nav == 406 ? 'active' : ''" class="sub-btn" @click="doNav(705)">4D模拟</button>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
-        <div
-          class="header-title-user-info"
-          style="display: inline-block; float: right"
-        >
-          <el-select
-            v-model="selProjectId"
-            popper-class="header-sel-project-pop"
-            @change="doProjectSelect"
-          >
-            <el-option
-              v-for="it in projects"
-              :key="it.id"
-              :label="it.projectName"
-              :value="it.id"
-            ></el-option>
+        <div class="header-title-user-info" style="display: inline-block; float: right">
+          <el-select v-model="selProjectId" popper-class="header-sel-project-pop" @change="doProjectSelect">
+            <el-option v-for="it in projects" :key="it.id" :label="it.projectName" :value="it.id"></el-option>
           </el-select>
           <span class="command" @click="doLogout">
             {{ nickName }}
             <i class="el-icon-switch-button"></i>
           </span>
         </div>
-        <i
-          class="set-fullscreen set-font-size"
-          style="margin-left: 16px; position: absolute; top: 0px; right: 24px"
-          @click="toggleFullScreen"
-        >
-          <svg
-            class="icon"
-            v-if="!isFullScreen"
-            style="
-              width: 20px;
-              vertical-align: middle;
-              fill: currentColor;
-              overflow: hidden;
-            "
-            viewBox="0 0 1024 1024"
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            p-id="3304"
-          >
+        <i class="set-fullscreen set-font-size" style="margin-left: 16px; position: absolute; top: 0px; right: 24px" @click="toggleFullScreen">
+          <svg class="icon" v-if="!isFullScreen" style="width: 20px; vertical-align: middle; fill: currentColor; overflow: hidden" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3304">
             <path
               d="M145.066667 85.333333h153.6c25.6 0 42.666667-17.066667 42.666666-42.666666S324.266667 0 298.666667 0H34.133333C25.6 0 17.066667 8.533333 8.533333 17.066667 0 25.6 0 34.133333 0 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666666s42.666667-17.066667 42.666666-42.666666V145.066667l230.4 230.4c17.066667 17.066667 42.666667 17.066667 59.733334 0 17.066667-17.066667 17.066667-42.666667 0-59.733334L145.066667 85.333333z m170.666666 563.2L162.133333 802.133333l-76.8 76.8V725.333333C85.333333 699.733333 68.266667 682.666667 42.666667 682.666667s-42.666667 17.066667-42.666667 42.666666v256c0 25.6 17.066667 42.666667 42.666667 42.666667h256c25.6 0 42.666667-17.066667 42.666666-42.666667s-17.066667-42.666667-42.666666-42.666666H145.066667l76.8-76.8 153.6-153.6c17.066667-17.066667 17.066667-42.666667 0-59.733334-17.066667-17.066667-42.666667-17.066667-59.733334 0z m665.6 34.133334c-25.6 0-42.666667 17.066667-42.666666 42.666666v153.6l-76.8-76.8-153.6-153.6c-17.066667-17.066667-42.666667-17.066667-59.733334 0-17.066667 17.066667-17.066667 42.666667 0 59.733334l153.6 153.6 76.8 76.8H725.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666s17.066667 42.666667 42.666666 42.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666666z m0-682.666667h-256c-25.6 0-42.666667 17.066667-42.666666 42.666667s17.066667 42.666667 42.666666 42.666666h153.6l-76.8 76.8-153.6 153.6c-17.066667 17.066667-17.066667 42.666667 0 59.733334 17.066667 17.066667 42.666667 17.066667 59.733334 0l153.6-153.6 76.8-76.8v153.6c0 25.6 17.066667 42.666667 42.666666 42.666666s42.666667-17.066667 42.666667-42.666666v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z"
               fill
-              p-id="3305"
-            />
+              p-id="3305" />
           </svg>
-          <svg
-            class="icon"
-            v-else
-            style="
-              width: 24px;
-              vertical-align: middle;
-              fill: currentColor;
-              overflow: hidden;
-            "
-            viewBox="0 0 1024 1024"
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            p-id="3952"
-          >
+          <svg class="icon" v-else style="width: 24px; vertical-align: middle; fill: currentColor; overflow: hidden" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3952">
             <path
               d="M384 597.333333h-256c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h153.6L17.066667 947.2c-17.066667 17.066667-17.066667 42.666667 0 59.733333 17.066667 17.066667 42.666667 17.066667 59.733333 0L341.333333 742.4v153.6c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z m358.4 85.333334h153.6c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667h-256c-25.6 0-42.666667 17.066667-42.666667 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666667-42.666667V742.4l264.533333 264.533333c17.066667 17.066667 42.666667 17.066667 59.733333 0 17.066667-17.066667 17.066667-42.666667 0-59.733333L742.4 682.666667zM640 426.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667H742.4L1006.933333 76.8c17.066667-17.066667 17.066667-42.666667 0-59.733333-17.066667-17.066667-42.666667-17.066667-59.733333 0L682.666667 281.6V128c0-25.6-17.066667-42.666667-42.666667-42.666667s-42.666667 17.066667-42.666667 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666667z m-256-341.333334c-25.6 0-42.666667 17.066667-42.666667 42.666667v153.6L76.8 8.533333C59.733333 0 25.6 0 8.533333 8.533333 0 25.6 0 59.733333 8.533333 76.8L281.6 341.333333H128c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z"
-              p-id="3953"
-            />
+              p-id="3953" />
           </svg>
         </i>
       </el-col>
@@ -432,9 +244,9 @@ export default {
           break;
         case 6:
           this.$router.push("/greenCarbon");
-          break;
-        case 7:
-          this.$router.push("/bimManage");
+          break;  
+        case 702:
+          this.$router.push("/bimRoaming");
           break;
         case 102:
           this.$router.push("/labor");
diff --git a/yanzhu-bigscreen/src/router/index.js b/yanzhu-bigscreen/src/router/index.js
index c98d615f..70892105 100644
--- a/yanzhu-bigscreen/src/router/index.js
+++ b/yanzhu-bigscreen/src/router/index.js
@@ -56,10 +56,17 @@ const routes = [
   {
     path: "/bimManage",
     name: "bimManage",
-    meta: { nav: 7 },
+    meta: { nav: 701 },
     component: () =>
       import(/* webpackChunkName: "bimManage" */ "../views/bimManage.vue"),
   },
+  {
+    path: "/bimRoaming",
+    name: "bimRoaming",
+    meta: { nav: 702 },
+    component: () =>
+      import(/* webpackChunkName: "bimRoaming" */ "../views/bimRoaming.vue"),
+  },
   {
     path: "/videoMonitor",
     name: "videoMonitor",
diff --git a/yanzhu-bigscreen/src/views/bimManage.vue b/yanzhu-bigscreen/src/views/bimManage.vue
index 8314ac14..eeb4f5bd 100644
--- a/yanzhu-bigscreen/src/views/bimManage.vue
+++ b/yanzhu-bigscreen/src/views/bimManage.vue
@@ -353,6 +353,7 @@ export default {
       devicTypes: [1],
       viewPoint: null,
       project: null,
+      selProject:null,
       addLabels: [],
       devices: [],
       showDevices: [],
@@ -396,7 +397,7 @@ export default {
     document.body.classList.remove("is-sapi");
   },
   mounted() {
-    this.$store.dispatch("ChangeNav", 7);
+    this.$store.dispatch("ChangeNav", 701);
     this.dpi = this.$dpi();
     window.addEventListener("resize", () => {
       if (this.dpi != this.$dpi()) {
@@ -500,7 +501,7 @@ export default {
     },
     selectLastPhotography() {
       this.$api.detail.photographyList(this.selProject.id).then((d) => {
-        this.photographyList =[];// d.data;
+        this.photographyList = d.data;
       });
     },
     getFinishRate() {
diff --git a/yanzhu-bigscreen/src/views/bimRoaming.vue b/yanzhu-bigscreen/src/views/bimRoaming.vue
new file mode 100644
index 00000000..2aa79223
--- /dev/null
+++ b/yanzhu-bigscreen/src/views/bimRoaming.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="bim-roaming main-page">
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BIMRoaming',
+  data(){
+    return {
+         dpi: "",
+         selProject:null,
+    }
+  },
+  mounted(){
+   this.$store.dispatch("ChangeNav", 702);
+    this.dpi = this.$dpi();
+     window.addEventListener("resize", () => {
+      if (this.dpi != this.$dpi()) {
+        this.dpi = this.$dpi();
+      }
+    });
+    this.$bus.$on(
+      "projectChange",
+      debounce((prj) => {
+        this.selProject = prj;
+        this.elId++;
+      })
+    );
+    this.selProject = this.$store.getters.selProject;
+  },
+  methods:{
+    
+  }
+}
+</script>
+
+<style lang="less">
+.bim-roaming{
+
+}
+</style>
\ No newline at end of file