修复遮罩未自动释放的问题

src/views/system/jdorder/components/TencentDocPushMonitor.vue

@@ -1,13 +1,16 @@
 <template>
   <el-dialog
     title="腾讯文档推送监控"
-    :visible.sync="visible"
+    :visible="visible"
+    @update:visible="handleVisibleChange"
     :width="isMobile ? '100%' : '1200px'"
     :close-on-click-modal="false"
     @close="handleClose"
     :top="isMobile ? '0' : '5vh'"
     :fullscreen="isMobile"
     :custom-class="isMobile ? 'mobile-push-monitor-dialog' : ''"
+    :modal-append-to-body="true"
+    :append-to-body="true"
   >
     <div class="push-monitor">
       <!-- 倒计时和状态卡片 -->
@@ -250,15 +253,14 @@ export default {
   },
   watch: {
     value(val) {
-      this.visible = val
+      if (this.visible !== val) {
-      if (val) {
+        this.visible = val
-        this.init()
+        if (val) {
-      } else {
+          this.init()
-        this.destroy()
+        } else {
+          this.destroy()
+        }
       }
-    },
-    visible(val) {
-      this.$emit('input', val)
     }
   },
   methods: {
@@ -566,6 +568,15 @@ export default {
     handleClose() {
       this.visible = false
       this.expandedRecords = []
+      this.$emit('input', false)
+    },
+    
+    handleVisibleChange(val) {
+      this.visible = val
+      this.$emit('input', val)
+      if (!val) {
+        this.expandedRecords = []
+      }
     }
   },
   beforeDestroy() {