邓洁: 接口及细节优化

src/views/tunnel/index.vue

@@ -5,7 +5,7 @@
       <div class="tunnel-title"></div>
       <!--      <manage-length class="tunnel-length"></manage-length>-->
       <div class="top-length">
-        <span>隧道总长度: {{ tunnelLength }}米</span>
+<!--        <span>隧道总长度: {{ tunnelLength }}米</span>-->
         <span>当前施工长度: {{ constructionLength }}米</span>
       </div>
       <div class="top-right">
@@ -39,7 +39,7 @@
       <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">
         <fan-info v-if="showFan" :list="socketData.leftData" :fan-data="largeScreenData"
-          :transducer-data="largeScreenData" :loading="showFanLoading" />
+          :transducer-data="largeScreenData" :loading="showFanLoading" :tunnel-id="tunnelId"/>
         <used-ele v-if="showFan" :list="socketData.leftData" :ele-data="largeScreenData" />
       </el-drawer>
       <div v-if="drawerLeft" class="left-arrow" @click="closeLeft"></div>
@@ -115,8 +115,6 @@ const routeList = ref([]);
 let socket = reactive("");
 let tunnelName = reactive("")
 
-
-
 const btnList = ref([
   {
     route: '/site',
@@ -143,7 +141,7 @@ const btnList = ref([
   //   name: '模拟仿真'
   // },
 ])
-const serialNumber = ref("SC00DY00GH00ELBT");
+const serialNumber = ref("");
 let token = getToken();
 let send = {
   type: "ping",
@@ -154,10 +152,11 @@ const socketData = reactive({
   windPressure: [],
   sensor: [],
 });
+let tunnelLen = computed(() => tunnelLength);
+
 onMounted(() => {
   if (previewId) {
     getScreenInfo(previewId)
-
   }
   getUser()
   getOtherInfo()
@@ -165,6 +164,7 @@ onMounted(() => {
     showFan.value = true;
   });
 });
+
 const getUser = () => {
   getUserInfo().then(res => {
     currentUser.value = res.data.user.userName
@@ -245,6 +245,8 @@ const getScreenInfo = (id) => {
     initSceneData(id).then((res) => {
       tunnelLength.value = res.data.tunnelLength
       constructionLength.value = res.data.constructionLength
+      serialNumber.value=res.data.serialNumber
+      initWebSocket();
     })
   }
 };
@@ -359,10 +361,6 @@ const initWebSocket = () => {
     socket.send(JSON.stringify(send));
   }, 30000);
 };
-initWebSocket();
-
-let tunnelLen = computed(() => tunnelLength);
-
 </script>
 <style lang="scss">
 .el-drawer__header {