dyf/dyf-vue-ui
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

实时报警进度条样式修改

Browse Source
This commit is contained in:
fengerli
2025-09-29 09:31:03 +08:00
parent 428d5c90c8
commit 52d90d490b
2 changed files with 31 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.env.development
View File

@ -5,11 +5,11 @@ VITE_APP_TITLE = 云平台管理系统
VITE_APP_ENV = 'development' VITE_APP_ENV = 'development'
# 开发环境 # 开发环境
VITE_APP_BASE_API = 'https://fuyuanshen.com/backend' #VITE_APP_BASE_API = 'https://fuyuanshen.com/backend'
# VITE_APP_BASE_API = 'https://www.cnxhyc.com/xh' #VITE_APP_BASE_API = 'https://www.cnxhyc.com/jq'
#代永飞接口 #代永飞接口
#VITE_APP_BASE_API = 'http://457102h2d6.qicp.vip:24689' VITE_APP_BASE_API = 'http://192.168.2.23:8000'
# 应用访问路径 例如使用前缀 /admin/ # 应用访问路径 例如使用前缀 /admin/

34
src/views/homeIndex/components/RealTimeAlarm.vue
View File

@ -5,7 +5,7 @@
<div class="header-item">设备类型</div> <div class="header-item">设备类型</div>
<div class="header-item">设备IMEI</div> <div class="header-item">设备IMEI</div>
<div class="header-item">报警事件</div> <div class="header-item">报警事件</div>
<div class="header-item">报警位置</div> <div class="header-item ">报警位置</div>
</div> </div>
<div class="alarm-table-body" ref="tableBody" <div class="alarm-table-body" ref="tableBody"
:style="{ animationDuration: `${alarmData.length * 2}s`, animationTimingFunction: 'linear' }"> :style="{ animationDuration: `${alarmData.length * 2}s`, animationTimingFunction: 'linear' }">
@ -18,11 +18,11 @@
0: '强制报警', 0: '强制报警',
1: '撞击闯入', 1: '撞击闯入',
2: '自动报警', 2: '自动报警',
3: '电子围栏告警' 3: '电子围栏告警'
}[item.deviceAction]}} }[item.deviceAction] }}
</div> </div>
<div class="item-cell">{{ item.location }}</div> <div class="item-cell loaction">{{ item.location }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -79,12 +79,31 @@ onMounted(() => {
color: #fff; color: #fff;
} }
/* Webkit浏览器滚动条样式 */
.alarm-table-body::-webkit-scrollbar {
width: 8px;
}
.alarm-table-body::-webkit-scrollbar-track {
background: transparent;
border-radius: 4px;
}
.alarm-table-body::-webkit-scrollbar-thumb {
background: #267AD0;
border-radius: 4px;
}
.alarm-table-body::-webkit-scrollbar-thumb:hover {
background: #267AD0;
}
.alarm-item { .alarm-item {
display: flex; display: flex;
border-bottom: 1px dashed rgba(100, 150, 200, 0.3); border-bottom: 1px dashed rgba(100, 150, 200, 0.3);
font-size: 0.6vw; font-size: 0.6vw;
align-items: center; align-items: center;
padding: 0.5vw; padding: 0.8vw;
} }
.item-cell { .item-cell {
@ -92,6 +111,9 @@ onMounted(() => {
text-align: center; text-align: center;
} }
// .item-cell.loaction{
// color: #267AD0;
// }
.alarm-event { .alarm-event {
color: #ff5252; color: #ff5252;
/* 报警事件红色显示 */ /* 报警事件红色显示 */