From 2cc05f16f381b53b9142b1a6158a646d52ae39e3 Mon Sep 17 00:00:00 2001
From: ihzero <ihzero@163.com>
Date: Fri, 3 Mar 2023 13:40:03 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=91=E6=8E=A7=E8=87=AA=E5=8A=A8=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/sys/login/LoginForm.vue         |  6 ++---
 src/views/visualization/components/JK.vue | 32 +++++++++++++++++++++--
 2 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/views/sys/login/LoginForm.vue b/src/views/sys/login/LoginForm.vue
index 417a9955..cbdfa730 100644
--- a/src/views/sys/login/LoginForm.vue
+++ b/src/views/sys/login/LoginForm.vue
@@ -45,12 +45,12 @@
     </ARow> -->
 
     <FormItem class="enter-x">
-      <Button type="primary" size="large" block @click="handleLogin('/')" :loading="loading">
-        登录后台
-      </Button>
       <Button size="large" class="mt-4" block @click="handleLogin('/v')" :loading="loading">
         登录大屏
       </Button>
+      <Button type="primary" size="large" block @click="handleLogin('/')" :loading="loading">
+        登录后台
+      </Button>
       <!-- <Button size="large" class="mt-4 enter-x" block @click="handleRegister">
         {{ t('sys.login.registerButton') }}
       </Button> -->
diff --git a/src/views/visualization/components/JK.vue b/src/views/visualization/components/JK.vue
index d70137e6..80c19b7d 100644
--- a/src/views/visualization/components/JK.vue
+++ b/src/views/visualization/components/JK.vue
@@ -66,7 +66,15 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, onBeforeMount, computed, toRefs } from 'vue'
+  import {
+    defineComponent,
+    reactive,
+    ref,
+    onBeforeMount,
+    computed,
+    toRefs,
+    onBeforeUnmount,
+  } from 'vue'
   import { DownOutlined } from '@ant-design/icons-vue'
   import { Dropdown, Menu } from 'ant-design-vue'
   import { getAgriculturalDeviceBasic, getDevices, getffmpegip } from '/@/api/sys/other'
@@ -121,7 +129,8 @@
       }
 
       async function getData() {
-        const { ip, port } = await getffmpegip()
+        const { ip, port, change_time } = await getffmpegip()
+
         const resData = await getDevices({
           base_id: props.baseId ?? Data.currentTab,
           type: 1,
@@ -142,6 +151,21 @@
           }
         })
         if (Data.list.length > 0) currentVido.value = Data.list[0]
+
+        if (!isBase.value) {
+          autoChage(change_time)
+        }
+      }
+      let timer: any = null
+
+      function autoChage(time) {
+        timer && clearInterval(timer)
+        timer = setInterval(() => {
+          const index = Data.tabList.findIndex((e) => e.id == Data.currentTab)
+          const currentIndex = index + 1
+          const current = Data.tabList[currentIndex % Data.tabList.length]
+          onMenuClick({ key: current.id, ...current })
+        }, 1000 * time)
       }
 
       function onChangeVideo(e) {
@@ -158,6 +182,10 @@
         }
       })
 
+      onBeforeUnmount(() => {
+        timer && clearInterval(timer)
+      })
+
       return {
         isBase,
         listBig,