From 64b10e30600fdc4df2b0083a7325bd0cd129e7fa Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 2 Jan 2025 14:54:22 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=B6=88=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/pages/manage/components/DialogView/index.vue       | 2 +-
 .../assets/js/pages/manage/components/DialogView/text.vue | 8 +++++++-
 .../assets/sass/pages/components/dialog-wrapper.scss      | 4 ++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogView/index.vue b/resources/assets/js/pages/manage/components/DialogView/index.vue
index e57b44522..7951e033c 100644
--- a/resources/assets/js/pages/manage/components/DialogView/index.vue
+++ b/resources/assets/js/pages/manage/components/DialogView/index.vue
@@ -26,7 +26,7 @@
             <!--详情-->
             <div ref="content" class="dialog-content" :class="contentClass">
                 <!--文本-->
-                <TextMsg v-if="msgData.type === 'text'" :msgId="msgData.id" :msg="msgData.msg" @viewText="viewText"/>
+                <TextMsg v-if="msgData.type === 'text'" :msgId="msgData.id" :msg="msgData.msg" :createdAt="msgData.created_at" @viewText="viewText"/>
                 <!--长文本-->
                 <LongTextMsg v-else-if="msgData.type === 'longtext'" :msgId="msgData.id" :msg="msgData.msg" @viewText="viewText" @downFile="downFile"/>
                 <!--文件-->
diff --git a/resources/assets/js/pages/manage/components/DialogView/text.vue b/resources/assets/js/pages/manage/components/DialogView/text.vue
index 5ad190604..bdaf57088 100644
--- a/resources/assets/js/pages/manage/components/DialogView/text.vue
+++ b/resources/assets/js/pages/manage/components/DialogView/text.vue
@@ -1,6 +1,7 @@
 <template>
     <div class="content-text no-dark-content">
-        <DialogMarkdown v-if="msg.type === 'md'" @click="viewText" :text="msg.text"/>
+        <div v-if="isOverdueMsg" class="content-overdue">{{$L('此消息已经过期')}}</div>
+        <DialogMarkdown v-else-if="msg.type === 'md'" @click="viewText" :text="msg.text"/>
         <pre v-else @click="viewText" v-html="$A.formatTextMsg(msg.text, userId)"></pre>
 
         <template v-if="translation">
@@ -24,6 +25,7 @@ export default {
     props: {
         msgId: Number,
         msg: Object,
+        createdAt: String,
     },
     computed: {
         ...mapState(['cacheTranslations', 'cacheTranslationLanguage']),
@@ -34,6 +36,10 @@ export default {
             });
             return translation ? translation : null;
         },
+
+        isOverdueMsg({msg, createdAt}) {
+            return msg.text === '...' && $A.daytz(createdAt).isBefore($A.daytz().subtract(10, 'minute'));
+        },
     },
     methods: {
         viewText(e) {
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 003e84d0b..32defeb85 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -1437,6 +1437,10 @@
                             }
                         }
 
+                        .content-overdue {
+                            opacity: 0.6;
+                        }
+
                         .content-divider {
                             width: 100%;
                             display: flex;