From f8082d5557283329c760e4084cca5da996cf418b Mon Sep 17 00:00:00 2001
From: kevin <kevin@lmve.net>
Date: Sat, 1 Nov 2025 18:49:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=A1=86=E5=8A=9F=E8=83=BDok?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ops_vue/src/components/MyOffcanvas.vue    | 36 +++++++++++++------
 frontent/ops_vue/src/i18n/zh-CN.json          |  4 +--
 frontent/ops_vue/src/views/HomeView.vue       |  7 ++--
 3 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/frontent/ops_vue/src/components/MyOffcanvas.vue b/frontent/ops_vue/src/components/MyOffcanvas.vue
index 873ae3c..4479277 100644
--- a/frontent/ops_vue/src/components/MyOffcanvas.vue
+++ b/frontent/ops_vue/src/components/MyOffcanvas.vue
@@ -6,29 +6,45 @@ const offcanvasTop = ref(null)
 let ov: Offcanvas
 const alertType=ref() // 可选值：'success', 'warning', 'danger', 'info'
 const alertText=ref()
+let autoCloseTimeout:number
 onMounted(() => {
   // 确保在组件挂载后初始化
   if (offcanvasTop.value) {
-    ov = new Offcanvas(offcanvasTop.value)
+    ov = new Offcanvas(offcanvasTop.value,{
+      backdrop: false,
+    })
     //ov.show();
     //console.log('Offcanvas initialized:', ov)
   }
 })
 
-// function showOffcanvas() {
-//   if (ov) {
-//     ov.show()
-//   }
-// }
 
 function showAlert(type: string, text: string) {
-  alertType.value = type;
   alertText.value = text;
+
+  alertType.value = type;
+  //console.log(ov);
   if (ov) {
-    ov.show()
+    ov.hide();
+    ov.show();
+    if(autoCloseTimeout)
+    {
+      clearTimeout(autoCloseTimeout);
+    }
+    autoCloseTimeout=setTimeout(() => {
+        //console.log("timeout");
+        ov.hide();
+      }, 5000);
+
+
   }
 }
 
+defineExpose({
+  showAlert
+});
+
+
 </script>
 
 <style scoped>
@@ -147,10 +163,10 @@ function showAlert(type: string, text: string) {
     <a class="btn-close" data-bs-dismiss="offcanvas" aria-label="close"></a>
   </div>
 
-  <div>
+  <!-- <div>
     <button @click="showAlert('success','success')">success</button>
     <button @click="showAlert('warning','warning')">warning</button>
     <button @click="showAlert('danger','danger')">danger</button>
     <button @click="showAlert('info','info')">info</button>
-  </div>
+  </div> -->
 </template>
diff --git a/frontent/ops_vue/src/i18n/zh-CN.json b/frontent/ops_vue/src/i18n/zh-CN.json
index 111ffcf..83961b4 100644
--- a/frontent/ops_vue/src/i18n/zh-CN.json
+++ b/frontent/ops_vue/src/i18n/zh-CN.json
@@ -14,8 +14,8 @@
   },
     "footer":{
     "doc":"文档",
-    "license":"许可证",
-    "source_code":"源代码",
+    "license":"协议",
+    "source_code":"源码",
     "copy":"版权 © 2025 Operations. 保留所有权利。"
   }
 }
diff --git a/frontent/ops_vue/src/views/HomeView.vue b/frontent/ops_vue/src/views/HomeView.vue
index dd197f1..c745876 100644
--- a/frontent/ops_vue/src/views/HomeView.vue
+++ b/frontent/ops_vue/src/views/HomeView.vue
@@ -5,9 +5,12 @@
 
   onMounted(() => {
     // 可以在这里调用mos.value的方法
-    console.log('HomeView mounted', mos);
+    //console.log('HomeView mounted', mos);
   });
 
+  function c(){
+    mos.value?.showAlert("success","111");
+  }
 
 </script>
 
@@ -15,7 +18,7 @@
 
 <div>
   <MyOffcanvas ref="mos"/>
-  <button >ttt</button>
+  <button @click="c">ttt</button>
   111
 </div>