邓洁 : 大屏信息接口对接

src/views/tunnel/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="main">
     <div class="box-top">
-      <manage-btn v-model="selectIndex" @select="manageSelect" />
+      <manage-btn v-model="selectIndex" @select="manageSelect" :list="routeList"/>
       <div class="tunnel-title"></div>
       <manage-length class="tunnel-length"></manage-length>
       <div class="top-right">
@@ -75,7 +75,7 @@
       <el-carousel height="150px" type="card" ref="tunnelBtn" :autoplay="false">
         <div class="btn">
           <el-carousel-item v-for="item in tunnelList" :key="item.value">
-            {{ item.name }}
+            {{ item.label }}
           </el-carousel-item>
         </div>
       </el-carousel>
@@ -98,7 +98,7 @@ import { dateFormat } from "@/utils/date.js";
 import { onMounted } from "vue";
 import { getToken } from "@/utils/auth";
 import { useAuthStore } from "@/store/userstore.js";
-import { getLargeScreen } from "@/api/largeScreen";
+import { getLargeScreen,getLargeScreenInfo } from "@/api/largeScreen";
 import {ElMessageBox} from "element-plus";
 
 const authStore = useAuthStore();
@@ -111,32 +111,8 @@ const currentSite = ref("松江站");
 const currentUser = ref("admin");
 const currentDate = ref(dateFormat());
 const tunnelBtn = ref();
-const tunnelList = ref([
-  {
-    value: 0,
-    name: "一号隧道",
-  },
-  {
-    value: 1,
-    name: "二号隧道",
-  },
-  {
-    value: 2,
-    name: "三号隧道",
-  },
-  {
-    value: 3,
-    name: "四号隧道",
-  },
-  {
-    value: 4,
-    name: "五号隧道",
-  },
-  {
-    value: 5,
-    name: "六号隧道",
-  },
-]);
+const tunnelList = ref([]);
+const routeList = ref([]);
 let socket = reactive("");
 const serialNumber = ref("SC00DY00GH00ELBT");
 let token = getToken();
@@ -154,9 +130,19 @@ onMounted(() => {
   nextTick(() => {
     showFan.value = true;
   });
+  getOtherInfo()
   getScreenInfo();
 });
 
+const getOtherInfo = async () => {
+  await getLargeScreenInfo().then((res) => {
+    if (res?.code === 1000) {
+      routeList.value=res.data.routeList
+      currentSite.value=res.data.siteOption[0].label
+      tunnelList.value=res.data.tunnelOption
+    }
+  });
+};
 const getScreenInfo = async () => {
   await getLargeScreen(1).then((res) => {
     if (res?.code === 1000) {