|
|
|
@ -184,6 +184,8 @@ const closeMessageDialog = () => { |
|
|
|
const messageList = ref([ |
|
|
|
{id: 1, title: '现金管理—收款明细', desc: 'XXX(用户)的收款单被驳回', time: '2分钟前', group: '今天'}, |
|
|
|
{id: 2, title: '现金管理—收款明细', desc: 'XXX(用户)的收款单被驳回', time: '1小时前', group: '今天'}, |
|
|
|
{id: 2, title: '现金管理—收款明细', desc: 'XXX(用户)的收款单被驳回', time: '1小时前', group: '今天'}, |
|
|
|
{id: 2, title: '现金管理—收款明细', desc: 'XXX(用户)的收款单被驳回', time: '1小时前', group: '今天'}, |
|
|
|
{id: 3, title: '现金管理—收款明细', desc: 'XXX(用户)的收款单被驳回', time: '昨天 09:30', group: '昨天'}, |
|
|
|
{id: 4, title: '现金管理—收款明细', desc: 'XXX(用户)的收款单被驳回', time: '昨天 08:30', group: '昨天'}, |
|
|
|
{id: 5, title: '现金管理—收款明细', desc: 'XXX(用户)的收款单被驳回', time: '2025-11-05 10:05:20', group: '更早'}, |
|
|
|
@ -263,11 +265,12 @@ const scrollToTop = () => { |
|
|
|
scrollContainer.value?.scrollTo({top: 0, behavior: 'smooth'}) |
|
|
|
} |
|
|
|
|
|
|
|
import goTop from '@/assets/SvgIcons/go-top.svg' |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
<template> |
|
|
|
<div class="main-container"> |
|
|
|
<iframe src="http://192.168.40.8:8081/Money/ceshi" style="display:none"></iframe> |
|
|
|
<!-- 背景毛玻璃层(作为内容容器) --> |
|
|
|
<div class="background-glass"> |
|
|
|
<!-- 侧边栏 --> |
|
|
|
@ -469,10 +472,13 @@ const scrollToTop = () => { |
|
|
|
前往查看 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
<el-divider |
|
|
|
style="height: 1px; align-self: stretch;flex: 1;background: #CEE5FE; border: none;" |
|
|
|
></el-divider> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 控制按钮 --> |
|
|
|
<div class="message-actions"> |
|
|
|
<div> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
class="view-all" |
|
|
|
@ -481,8 +487,14 @@ const scrollToTop = () => { |
|
|
|
{{ showAll ? '收起' : '查看全部' }} |
|
|
|
</el-button> |
|
|
|
|
|
|
|
<image src="@" @click="scrollToTop" style="width: 20px; height: 20px;"/> |
|
|
|
返回顶部 |
|
|
|
<div v-if="showAll" @click="scrollToTop" class="go-top"> |
|
|
|
<el-image |
|
|
|
:src="goTop" |
|
|
|
style="width: 20px; height: 20px;" |
|
|
|
fit="contain" |
|
|
|
/> |
|
|
|
<span>返回顶部</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -775,5 +787,14 @@ const scrollToTop = () => { |
|
|
|
background-color: #CEE5FE;; |
|
|
|
} |
|
|
|
|
|
|
|
/* 返回最上*/ |
|
|
|
.go-top { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
gap: 4px; |
|
|
|
cursor: pointer; |
|
|
|
padding: 8px; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |