From 9bc416a2e8ea62e2be62ef38b158cc00948f4b2e Mon Sep 17 00:00:00 2001
From: czhqwer <c262222zh@163.com>
Date: Sun, 30 Mar 2025 23:17:17 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BC=98=E5=8C=96=E5=85=B1?=
 =?UTF-8?q?=E4=BA=AB=E6=96=87=E4=BB=B6=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/ShareFile/ShareFile.vue      | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/upload-file-frontend/src/components/ShareFile/ShareFile.vue b/upload-file-frontend/src/components/ShareFile/ShareFile.vue
index 9246eba..d7a8aa2 100644
--- a/upload-file-frontend/src/components/ShareFile/ShareFile.vue
+++ b/upload-file-frontend/src/components/ShareFile/ShareFile.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="share-file-page">
     <!-- 顶部信息 -->
-    <div class="top-info">
+    <div class="top-info" :class="{ 'sharing-active': enableShare }">
       <div class="info-content">
         <!-- 状态徽章 -->
         <div class="status-badge">
           <i class="el-icon-share"></i>
-          <span>实时分享中</span>
+          <span>{{ enableShare ? '实时分享中' : '未开启分享' }}</span>
           <div class="glow"></div>
           <!-- 信息组 -->
           <div class="info-group">
@@ -84,6 +84,7 @@ export default {
     };
   },
   mounted() {
+    this.updateShareStatusAttribute();
     this.fetchFiles();
     this.getShareStatus();
     this.getShareAddress();
@@ -104,8 +105,15 @@ export default {
     sseManager.unsubscribe('sharedFileUpdate');
     sseManager.unsubscribe('enableShare');
   },
-
+  watch: {
+    enableShare() {
+      this.updateShareStatusAttribute();
+    }
+  },
   methods: {
+    updateShareStatusAttribute() {
+      this.$el.setAttribute('data-enable-share', this.enableShare);
+    },
     getAuth() {
       const isAdmin = localStorage.getItem('main')
       this.isAdmin = isAdmin === 'true'
@@ -286,6 +294,9 @@ export default {
       transparent,
       rgba(64, 158, 255, 0.1),
       transparent);
+}
+
+.share-file-page[data-enable-share="true"] :deep(.glow) {
   animation: glow-animation 2s infinite;
 }