更新路牌显示

src/views/tunnel/index.vue

@@ -33,8 +33,8 @@
     <!-- <tunnel-scene id="tunnel-box" :isedit="false" /> -->
     <!-- 一进去的话应该是预览模式，所以引入这个组件1 -->
 
-    <preview-scene id="tunnel-box" :isedit="false" :tunnelId="tunnelId" :key="tunnelId"
-      :tunnelLen="tunnelLen"></preview-scene>
+    <preview-scene id="tunnel-box" :isedit="false" :tunnelId="tunnelId" :key="tunnelId" :tunnelLen="tunnelLen"
+      :tunnelName="tunnelName"></preview-scene>
     <div class="left">
       <el-drawer v-model="drawerLeft" direction="ltr" modal-class="modal-box" :modal="false" :show-close="false"
         :close-on-click-modal="false" :close-on-press-escape="false">
@@ -87,6 +87,7 @@ import { getLargeScreen, getLargeScreenInfo, getTunnelBySiteId } from "@/api/lar
 import { ElMessage, ElMessageBox } from "element-plus";
 import { getUserInfo } from "@/api/login";
 import { initSceneData } from "@/api/tunnelScene";
+import { reactive } from "vue";
 const authStore = useAuthStore();
 const router = useRouter();
 const previewId = reactive(router.currentRoute.value.params.tunnelId)
@@ -111,14 +112,10 @@ const tunnelId = ref(0);
 const tunnelLength = ref(0);
 const constructionLength = ref(0);
 const routeList = ref([]);
-// const form = ref({
-//   tunnelName: "",
-//   serialNumber: "",
-//   totalLength: "",
-//   isDefault: false,
-//   remarks: "",
-// });
 let socket = reactive("");
+let tunnelName = reactive("")
+
+
 
 const btnList = ref([
   {
@@ -256,6 +253,8 @@ const getTunnel = (id) => {
   getTunnelBySiteId(id).then((res) => {
     if (res?.code === 1000) {
       getScreenInfo(res.data[0]?.value)
+      tunnelName = res.data[0].label
+      console.log(res.data[0].label);
     }
   });
 }
@@ -282,7 +281,7 @@ const manageSelect = (index) => {
     }
   } else if (index == '隧道管理') {
     if (currentSiteId.value && currentUserId.value) {
-      router.push("/tunnel/" + currentSiteId.value + '/byHome/'+ currentUserId.value);
+      router.push("/tunnel/" + currentSiteId.value + '/byHome/' + currentUserId.value);
     }
   } else if (index == '用户管理') {
     if (currentSiteId.value) {