模型添加更新了

src/views/tunnel/index.vue

@@ -1,8 +1,9 @@
 <template>
   <div>
     <div class="box-top">
-      <manage-btn v-model="selectIndex" @select="manageSelect"/>
+      <manage-btn v-model="selectIndex" @select="manageSelect" />
       <div class="tunnel-title"></div>
+      <manage-length class="tunnel-length"></manage-length>
       <div class="top-right">
         <div class="current-site">
           当前站点：<span>{{ currentSite }}</span>
@@ -15,37 +16,23 @@
         </div>
       </div>
     </div>
-    <tunnel-scene id="tunnel-box"/>
+    <tunnel-scene id="tunnel-box" />
     <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"
-      >
-        <fan-info/>
-        <transducer-list/>
-        <used-ele/>
+      <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 />
+        <transducer-list />
+        <used-ele />
       </el-drawer>
       <div v-if="drawerLeft" class="left-arrow" @click="closeLeft"></div>
       <div v-else class="shrink-left" @click="closeLeft"></div>
     </div>
     <div class="right">
-      <el-drawer
-          v-model="drawerRight"
-          direction="rtl"
-          modal-class="modal-box"
-          :modal="false"
-          :show-close="false"
-          :close-on-click-modal="false"
-          :close-on-press-escape="false"
-      >
-        <wind-pressure-list/>
-        <air-info/>
-        <bad-gas-info/>
+      <el-drawer v-model="drawerRight" direction="rtl" modal-class="modal-box" :modal="false" :show-close="false"
+        :close-on-click-modal="false" :close-on-press-escape="false">
+        <wind-pressure-list />
+        <air-info />
+        <bad-gas-info />
       </el-drawer>
       <div v-if="drawerRight" class="right-arrow" @click="closeRight"></div>
       <div v-else class="shrink-right" @click="closeRight"></div>
@@ -55,7 +42,7 @@
       <div class="arrow" @click="previousBtn"></div>
       <el-carousel height="150px" type="card" ref="tunnelBtn" :autoplay="false">
         <div class="btn">
-          <el-carousel-item v-for="(item,index) in tunnelList" :key="item.value">
+          <el-carousel-item v-for="(item, index) in tunnelList" :key="item.value">
             {{ item.name }}
           </el-carousel-item>
         </div>
@@ -76,8 +63,9 @@ import WindPressureList from "@/components/content/windPressure/WindPressureList
 import AirInfo from "@/components/content/airInfo/AirInfo.vue";
 import BadGasInfo from "@/components/content/badGasInfo/BadGasInfo.vue";
 import ManageBtn from "@/components/manageBtn/index.vue";
-import {dateFormat} from "@/utils/date.js";
-import {useAuthStore} from '@/store/userstore.js'
+import ManageLength from "@/components/manageLength/index.vue";
+import { dateFormat } from "@/utils/date.js";
+import { useAuthStore } from '@/store/userstore.js'
 
 const authStore = useAuthStore()
 const router = useRouter()
@@ -87,7 +75,7 @@ const drawerRight = ref(true)
 const currentSite = ref('松江站')
 const currentUser = ref('admin')
 const currentDate = ref(dateFormat())
-const tunnelBtn=ref()
+const tunnelBtn = ref()
 const tunnelList = ref([
   {
     value: 0,
@@ -135,6 +123,4 @@ const nextBtn = () => {
 }
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>