zhangchao/Visualize-electronic-fences
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix 增加入侵警告侧边图标

Browse Source
This commit is contained in:
Ironsp
2026-06-10 17:35:15 +08:00
parent 5fe9342bbf
commit 2c45ef4e05
1 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/layout/components/notice/index.vue
View File

@@ -1,8 +1,9 @@
<template> <template>
<div v-loading="state.loading" class="layout-navbars-breadcrumb-user-news"> <div v-loading="state.loading" class="layout-navbars-breadcrumb-user-news">
<div class="head-box"> <div class="head-box">
<el-icon><Sunrise /></el-icon>
<div class="head-box-title"><p style="color: red; font-size: 16px; font-weight: 800">入侵警告</p></div> <div class="head-box-title"><p style="color: red; font-size: 16px; font-weight: 800">入侵警告</p></div>
<div class="head-box-btn" @click="readAll">全部已读</div> <!-- <div class="head-box-btn" @click="readAll">全部已读</div> -->
</div> </div>
<div v-loading="state.loading" class="content-box"> <div v-loading="state.loading" class="content-box">
<template v-if="newsList.length > 0"> <template v-if="newsList.length > 0">
@@ -15,7 +16,7 @@
</div> </div>
<!-- 已读/未读 --> <!-- 已读/未读 -->
<!-- <span v-if="v.read" class="el-tag el-tag--success el-tag--mini read">已读</span> --> <!-- <span v-if="v.read" class="el-tag el-tag--success el-tag--mini read">已读</span> -->
<button class="el-tag el-tag--danger el-tag--mini read" @click="handleSee(v)">查看画面</button> <el-button type="danger" @click="handleSee(v)">查看画面</el-button>
</div> </div>
</template> </template>
<el-empty v-else :description="'消息为空'"></el-empty> <el-empty v-else :description="'消息为空'"></el-empty>
@@ -253,9 +254,14 @@ onBeforeRouteLeave(() => {
border-bottom: 1px solid var(--el-border-color-lighter); border-bottom: 1px solid var(--el-border-color-lighter);
box-sizing: border-box; box-sizing: border-box;
color: var(--el-text-color-primary); color: var(--el-text-color-primary);
justify-content: space-between; justify-content: flex-start;
height: 35px; height: 35px;
align-items: center; align-items: center;
gap: 10px;
.el-icon {
font-size: 25px;
color: red;
}
.head-box-btn { .head-box-btn {
color: var(--el-color-primary); color: var(--el-color-primary);
font-size: 13px; font-size: 13px;
@@ -271,15 +277,19 @@ onBeforeRouteLeave(() => {
overflow: auto; overflow: auto;
font-size: 13px; font-size: 13px;
.content-box-item { .content-box-item {
padding-top: 12px; background-color: rgba(255, 182, 193, 0.5);
padding: 8px;
display: flex; display: flex;
// gap: 10px;
border-radius: 10px;
margin-bottom: 8px;
&:last-of-type { &:last-of-type {
padding-bottom: 12px; margin-bottom: 0;
} }
.content-box-msg { .content-box-msg {
color: var(--el-text-color-secondary); color: var(--el-text-color-secondary);
margin-top: 5px; // margin-top: 5px;
margin-bottom: 5px; // margin-bottom: 5px;
} }
.content-box-time { .content-box-time {
color: var(--el-text-color-secondary); color: var(--el-text-color-secondary);