From 616959150d66876fbb11fcdef1e3c2f0d15e2720 Mon Sep 17 00:00:00 2001
From: LiLongLong <13717757313@163.com>
Date: Wed, 23 Apr 2025 12:39:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=97=A5=E6=9C=9F=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Index/Settings/Device.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/Index/Settings/Device.vue b/src/pages/Index/Settings/Device.vue
index a37a1b0..47d7e89 100644
--- a/src/pages/Index/Settings/Device.vue
+++ b/src/pages/Index/Settings/Device.vue
@@ -5,6 +5,7 @@
       <el-date-picker
         class="date-input"
         v-model="time"
+        :key="pickerKey"
         type="datetime"
         placeholder="修改日期与时间"
         format="YYYY-MM-DD HH:mm:ss"
@@ -233,6 +234,7 @@ const settings = ref<Settings>({
 // 日期和时间
 const currentDate = ref(new Date())
 const time = ref('00:00:00')
+let pickerKey = ref(0)
 // const dateFormats = ['MM.dd.yyyy', 'dd.MM.yyyy', 'yyyy.MM.dd']
 // const selectedDateFormat = ref(dateFormats[2])
 
@@ -294,6 +296,8 @@ const updateSetting = async (key: string, value: any) => {
         // 暂停定时器
         clearInterval(intervalId.value)
         res = await setDateAndTime(value)
+        //更新后利用KEY重新加载date-picker，不然focus不起作用
+        pickerKey.value = new Date().getTime()
         // 恢复定时器
         startTimer()
         break
@@ -482,7 +486,7 @@ const resumeTimer = () => {
 <style scoped lang="less">
 .device-management {
   width: 100%;
-  height: 87vh;
+  height: 91.5vh;
   padding: 20px;
   box-sizing: border-box;
   background-color: #f5f7fa;