fix: 消息提示框以及消息点击查看后需要标记已读按钮优化

This commit is contained in:
Chopper711 2025-02-20 14:52:53 +08:00
parent 86426b087a
commit 2ccd8265b9

View File

@ -24,11 +24,6 @@
<Icon v-show="currentMessageType == 'read'" type="md-checkmark"></Icon> <Icon v-show="currentMessageType == 'read'" type="md-checkmark"></Icon>
</transition> </transition>
<span class="mes-type-btn-text">已读消息</span> <span class="mes-type-btn-text">已读消息</span>
<Badge
class="message-count-badge-outer"
class-name="message-count-badge"
:count="hasReadCount"
></Badge>
</div> </div>
</Button> </Button>
</div> </div>
@ -39,11 +34,6 @@
<Icon v-show="currentMessageType == 'recycleBin'" type="md-checkmark"></Icon> <Icon v-show="currentMessageType == 'recycleBin'" type="md-checkmark"></Icon>
</transition> </transition>
<span class="mes-type-btn-text">回收站</span> <span class="mes-type-btn-text">回收站</span>
<Badge
class="message-count-badge-outer"
class-name="message-count-badge"
:count="recycleBinCount"
></Badge>
</div> </div>
</Button> </Button>
</div> </div>
@ -98,7 +88,6 @@
</template> </template>
<script> <script>
import Cookies from "js-cookie";
import * as API_Index from "@/api/index"; import * as API_Index from "@/api/index";
export default { export default {
@ -390,6 +379,15 @@
}, },
getContent(v) { getContent(v) {
this.mes.content = v.content; this.mes.content = v.content;
API_Index.read(v.id).then(res => {
this.loading = false;
if (res.success) {
this.$Message.success("操作成功");
this.currentMessageType = "unread"
this.getAll();
}
});
} }
}, },
mounted() { mounted() {