|
|
@ -39,6 +39,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="item-desc">{{ item.desc }}</div> |
|
|
<div class="item-desc">{{ item.desc }}</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="item-right">></div> |
|
|
</div> |
|
|
</div> |
|
|
</van-list> |
|
|
</van-list> |
|
|
</van-pull-refresh> |
|
|
</van-pull-refresh> |
|
|
@ -60,10 +61,11 @@ |
|
|
<div class="item-info"> |
|
|
<div class="item-info"> |
|
|
<div class="item-header"> |
|
|
<div class="item-header"> |
|
|
<span class="item-title">{{ item.title }}</span> |
|
|
<span class="item-title">{{ item.title }}</span> |
|
|
<!-- <span class="item-time">{{ item.time }}</span>--> |
|
|
<!-- <span class="item-time">{{ item.time }}</span>--> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item-desc">{{ item.desc }}</div> |
|
|
<div class="item-desc">{{ item.desc }}</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="item-right">></div> |
|
|
</div> |
|
|
</div> |
|
|
</van-list> |
|
|
</van-list> |
|
|
</van-pull-refresh> |
|
|
</van-pull-refresh> |
|
|
@ -141,11 +143,19 @@ const initMessageList = () => { |
|
|
{ |
|
|
{ |
|
|
id: 1, |
|
|
id: 1, |
|
|
title: '普法服务', |
|
|
title: '普法服务', |
|
|
desc: '最新一条普法信息标题', |
|
|
desc: '', |
|
|
time: '2026-04-15 10:07', |
|
|
time: '', |
|
|
icon: 'law', |
|
|
icon: 'law', |
|
|
iconBg: 'icon-blue', |
|
|
iconBg: 'icon-blue', |
|
|
unreadCount: messageStats.value.pffwCount, |
|
|
unreadCount: messageStats.value.pffwCount, |
|
|
|
|
|
}, { |
|
|
|
|
|
id: 2, |
|
|
|
|
|
title: '非现场执法通知', |
|
|
|
|
|
desc: '', |
|
|
|
|
|
time: '', |
|
|
|
|
|
icon: 'law', |
|
|
|
|
|
iconBg: 'icon-blue', |
|
|
|
|
|
unreadCount: messageStats.value.messageTab, |
|
|
}, |
|
|
}, |
|
|
]; |
|
|
]; |
|
|
}; |
|
|
}; |
|
|
@ -156,8 +166,8 @@ const initTodoList = () => { |
|
|
{ |
|
|
{ |
|
|
id: 101, |
|
|
id: 101, |
|
|
title: '执法预告', |
|
|
title: '执法预告', |
|
|
desc: messageStats.value.zfygCount > 0 ? `您有${messageStats.value.zfygCount}条执法预告,请及时查看` : '暂无执法预告', |
|
|
desc: '', |
|
|
time: '2026-04-15 09:30', |
|
|
time: '', |
|
|
icon: 'check', |
|
|
icon: 'check', |
|
|
iconBg: 'icon-red', |
|
|
iconBg: 'icon-red', |
|
|
unreadCount: messageStats.value.zfygCount, |
|
|
unreadCount: messageStats.value.zfygCount, |
|
|
@ -165,8 +175,17 @@ const initTodoList = () => { |
|
|
{ |
|
|
{ |
|
|
id: 102, |
|
|
id: 102, |
|
|
title: '待评价执法', |
|
|
title: '待评价执法', |
|
|
desc: messageStats.value.zfpjcount > 0 ? `您有${messageStats.value.zfpjcount}条执法记录待评价` : '暂无待评价执法', |
|
|
desc: '', |
|
|
time: '2026-04-14 15:00', |
|
|
time: '', |
|
|
|
|
|
icon: 'check', |
|
|
|
|
|
iconBg: 'icon-orange', |
|
|
|
|
|
unreadCount: messageStats.value.zfpjcount, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
id: 103, |
|
|
|
|
|
title: '待评价非现场执法', |
|
|
|
|
|
desc: '', |
|
|
|
|
|
time: '', |
|
|
icon: 'check', |
|
|
icon: 'check', |
|
|
iconBg: 'icon-orange', |
|
|
iconBg: 'icon-orange', |
|
|
unreadCount: messageStats.value.zfpjcount, |
|
|
unreadCount: messageStats.value.zfpjcount, |
|
|
@ -256,6 +275,12 @@ const onMessageClick = (item) => { |
|
|
router.push({ |
|
|
router.push({ |
|
|
path: '/enterprise/lawServiceList', |
|
|
path: '/enterprise/lawServiceList', |
|
|
}); |
|
|
}); |
|
|
|
|
|
} else if (item.title === '非现场执法通知') { |
|
|
|
|
|
// 点击非现场执法通知,返回时显示消息tab页(0) |
|
|
|
|
|
sessionStorage.setItem('messageTab', '0'); |
|
|
|
|
|
router.push({ |
|
|
|
|
|
path: '/enterprise/nos/noticeList', |
|
|
|
|
|
}); |
|
|
} else { |
|
|
} else { |
|
|
showToast(`点击了:${item.title}`); |
|
|
showToast(`点击了:${item.title}`); |
|
|
} |
|
|
} |
|
|
@ -275,6 +300,12 @@ const onTodoClick = (item) => { |
|
|
router.push({ |
|
|
router.push({ |
|
|
path: '/enterprise/enforcementEvaluate', |
|
|
path: '/enterprise/enforcementEvaluate', |
|
|
}); |
|
|
}); |
|
|
|
|
|
} else if (item.title === '待评价非现场执法') { |
|
|
|
|
|
// 点击待评价非现场执法,返回时显示待办tab页(1) |
|
|
|
|
|
sessionStorage.setItem('messageReturnTab', '1'); |
|
|
|
|
|
router.push({ |
|
|
|
|
|
path: '/enterprise/nos/evaluationList', |
|
|
|
|
|
}); |
|
|
} else { |
|
|
} else { |
|
|
showToast(`点击了:${item.title}`); |
|
|
showToast(`点击了:${item.title}`); |
|
|
} |
|
|
} |
|
|
@ -415,7 +446,7 @@ onMounted(() => { |
|
|
/* ===== 消息列表项 ===== */ |
|
|
/* ===== 消息列表项 ===== */ |
|
|
.message-item { |
|
|
.message-item { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: flex-start; |
|
|
align-items:center; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
border-radius: 12px; |
|
|
border-radius: 12px; |
|
|
padding: 14px 16px; |
|
|
padding: 14px 16px; |
|
|
@ -484,7 +515,6 @@ onMounted(() => { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
margin-bottom: 6px; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item-title { |
|
|
.item-title { |
|
|
@ -509,6 +539,11 @@ onMounted(() => { |
|
|
white-space: nowrap; |
|
|
white-space: nowrap; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item-right { |
|
|
|
|
|
font-size: 22px; |
|
|
|
|
|
color: #a6a6a6; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
/* ===== 底部导航 ===== */ |
|
|
/* ===== 底部导航 ===== */ |
|
|
.footer_body { |
|
|
.footer_body { |
|
|
flex-shrink: 0; |
|
|
flex-shrink: 0; |
|
|
|