|
@@ -12,7 +12,7 @@
|
|
|
<template #label> {{ v.label }}({{ v.list.length }}) </template>
|
|
|
<template v-if="v.list.length">
|
|
|
<div class="message-list">
|
|
|
- <div v-for="item of v.list" :key="item.id" class="message-item">
|
|
|
+ <div v-for="item of v.list" :key="item.id" class="message-item" @click="jumpMessageDetail(item.id)">
|
|
|
<!--<img src="" alt="" class="message-icon" />-->
|
|
|
<div class="message-content">
|
|
|
<div class="message-title">
|
|
@@ -22,6 +22,7 @@
|
|
|
<span class="message-txt">{{ item.content }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="message-fix-item" @click="jumpMessageInfo">查看更多</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
@@ -35,6 +36,7 @@
|
|
|
<script setup lang="ts">
|
|
|
import { ref, reactive } from 'vue'
|
|
|
import { getMessage } from '@/api/system/message'
|
|
|
+import router from '@/router'
|
|
|
// noticeList 通知 messageList 消息 todoList 待办
|
|
|
const tabsConfig = reactive({
|
|
|
noticeList: {
|
|
@@ -68,6 +70,14 @@ getMessage().then(res => {
|
|
|
})
|
|
|
total.value = _total
|
|
|
})
|
|
|
+
|
|
|
+const jumpMessageInfo = () => {
|
|
|
+ router.push('/message/list')
|
|
|
+}
|
|
|
+
|
|
|
+const jumpMessageDetail = (id: any) => {
|
|
|
+ router.push('/message/list?id=' + id)
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
@@ -81,6 +91,7 @@ getMessage().then(res => {
|
|
|
align-items: center;
|
|
|
padding: 8px 0;
|
|
|
border-bottom: 1px solid var(--el-border-color-light);
|
|
|
+ cursor: pointer;
|
|
|
&:last-child {
|
|
|
border: none;
|
|
|
}
|
|
@@ -109,5 +120,13 @@ getMessage().then(res => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .message-fix-item {
|
|
|
+ // flex 居中
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ height: 40px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|