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 @@
-
+
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 @@
-
+
{{$L('此消息已经过期')}}
+
@@ -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;