数据大屏入口变更

src/components/header/index.vue

@@ -240,6 +240,13 @@ const resetPhone = async () => {
     })
 }
 
+// 数据大屏
+const onJumpScreen = () => {
+    router.push({
+        name: 'big-screen',
+    })
+}
+
 onMounted(() => {
     // 有token才请求用户信息
     if (store.token) {
@@ -296,6 +303,10 @@ onMounted(() => {
                     <el-badge v-else :value="form.msgNum ? Number(form.msgNum) : ''" :max="99" @click="onJumpMessage" style="margin: 0 10px;">消息</el-badge>
                         <div class="line"></div>
                     </div>
+                    <div class="header-item" v-if="isShowLogout">
+                        <a @click="onJumpScreen">数据大屏</a>
+                        <div class="line"></div>
+                    </div>
                     <!-- <div class="header-item">
                         <a @click="onClickMyUser"> 个人中心 </a>
                         <div class="line"></div>

src/layout/header.vue

@@ -431,6 +431,12 @@ const onHotWord = (item: any) => {
     // console.log('🚀 ~ onHotWord ~ e:', item.deviceName)
     keywordIptValue.value = item.deviceName
 }
+// 数据大屏
+const onJumpScreen = () => {
+    router.push({
+        name: 'big-screen',
+    })
+}
 
 onMounted(() => {
     if (tokenNew) {
@@ -486,6 +492,10 @@ onMounted(() => {
                     <a @click="onJumpUser">个人中心</a>
                     <div class="line"></div>
                 </div>
+                <div class="header-item" v-if="isShowLogout">
+                    <a @click="onJumpScreen">数据大屏</a>
+                    <div class="line"></div>
+                </div>
                 <div class="header-item">
                     <!-- <a v-if="!isShowLogout" class="a-border-none" @click="$router.push('/login')">
                         登录

src/views/big-screen/model-components/left-three-model.vue

@@ -12,11 +12,12 @@ import { getLeaseCouplesApi } from 'http/api/screen/index'
 import IconImg from '@/assets/img/screen/999.svg'
 import * as echarts from 'echarts'
 const echartsRef = ref(null)
+const secondsTimer: any = ref(null)
 const getLeaseCouplesData = async () => {
-    const res = await getLeaseCouplesApi()
-    console.log(res, '装备租赁互联')
+    // const res = await getLeaseCouplesApi()
+    // console.log(res, '装备租赁互联')
 }
-getLeaseCouplesData()
+// getLeaseCouplesData()
 
 onMounted(() => {
     const myChart = echarts.init(echartsRef.value)
@@ -1124,7 +1125,7 @@ onMounted(() => {
                 },
             ],
         }
-        console.log(option)
+        // console.log(option)
         return option
     }
 
@@ -1151,7 +1152,11 @@ onMounted(() => {
     drawNew()
 
     // draw();
-    setInterval(drawNew, 200)
+    secondsTimer.value = setInterval(drawNew, 200)
+})
+// 销毁定时器
+onUnmounted(() => {
+    clearInterval(secondsTimer.value)
 })
 </script>