feat(tunnel): 隧道页面添加 logo 展示并优化背景

- 在主页面添加居中显示的 logo 图片
- 注释掉预览模式组件- 更新背景图片为 background.png- 调整主容器样式

src/views/tunnel/index.vue

@@ -1,5 +1,8 @@
 <template>
   <div id="main">
+    <div style="display: flex;justify-content: center;align-items: center;height: 100%">
+      <img src="/images/img.png" alt="" class="imgModel"/>
+    </div>
     <div class="box-top">
       <manage-btn
         v-model="selectIndex"
@@ -53,16 +56,16 @@
     </div>
     <!-- <tunnel-scene id="tunnel-box" :isedit="false" /> -->
     <!-- 一进去的话应该是预览模式，所以引入这个组件1 -->
-    <preview-scene
-      id="tunnel-box"
-      :isedit="false"
-      :tunnelId="tunnelId"
-      :key="tunnelId"
-      :tunnelLen="tunnelLen"
-      :largeScreen="largeScreen"
-      :fanList="socketData.leftData"
-      :devRealtimeData="socketData"
-    ></preview-scene>
+<!--    <preview-scene-->
+<!--      id="tunnel-box"-->
+<!--      :isedit="false"-->
+<!--      :tunnelId="tunnelId"-->
+<!--      :key="tunnelId"-->
+<!--      :tunnelLen="tunnelLen"-->
+<!--      :largeScreen="largeScreen"-->
+<!--      :fanList="socketData.leftData"-->
+<!--      :devRealtimeData="socketData"-->
+<!--    ></preview-scene>-->
     <div class="left">
       <el-drawer
         v-model="drawerLeft"
@@ -799,11 +802,16 @@ const initWebSocket = () => {
 #main {
   height: 100%;
   width: 100%;
-  background-color: #072348;
+  //background-color: #072348;
+  background-image: url('/images/background/background.png');
 
   #tunnel-box {
     height: 100%;
   }
+  .imgModel{
+    height: 52%;
+    width: 52%;
+  }
 }
 
 .alarm-dialog {