大屏调整

This commit is contained in:
2025-12-12 11:01:19 +08:00
parent c49b23040c
commit 968cc98f55
6 changed files with 14 additions and 13 deletions

View File

@@ -52,7 +52,7 @@
class="alert-text" class="alert-text"
:class="[{ error: item.error }, { warn: item.warn }]" :class="[{ error: item.error }, { warn: item.warn }]"
> >
{{ (index + 1) }} {{ item.text }} <a href="'http://10.0.64.20/pms/workorder-list'">{{ (index + 1) }} {{ item.text }}</a>
</span> </span>
</div> </div>
</div> </div>

View File

@@ -61,7 +61,7 @@
<div class="safe-wrapper"> <div class="safe-wrapper">
<span class="safe-title"> <span class="safe-title">
<img width="22" style="margin: 3px 5px 0 0" src="@/assets/images/ybp_icon.png" /> <img width="22" style="margin: 3px 5px 0 0" src="@/assets/images/ybp_icon.png" />
安全指数: 安全指数:<p title="安全指数 = 逾期隐患百分比 × 60% + 安全考核通过率 × 20% + 安全培训完成率 × 20%"></p>
</span> </span>
<span class="pending-count">{{ hiddenDangerData?.safetyIndex || 0 }}</span> <span class="pending-count">{{ hiddenDangerData?.safetyIndex || 0 }}</span>
</div> </div>
@@ -382,7 +382,8 @@ onMounted(() => {
} }
} }
} }
p{width:17px; height:17px; background-color:rgb(125, 125, 152); border-radius:50%; text-align:center; }
p:before{content:'?'; color:yellow; font-weight: bold;}
.center-container { .center-container {
position: fixed; position: fixed;
top: 55%; top: 55%;

View File

@@ -263,7 +263,7 @@ onMounted(() => {
line-height: 25px; line-height: 25px;
color: #fff; color: #fff;
text-align: center; text-align: center;
background-color: #1afb8f; background-color: #158e56;
border-radius: 2px; border-radius: 2px;
transition: all 0.3s ease; transition: all 0.3s ease;
} }

View File

@@ -11,12 +11,12 @@
{{ currentTime }} {{ currentTime }}
</div> </div>
</div> </div>
<span class="weather-warning"> <!-- <span class="weather-warning">
天气预警: 天气预警:
<span style="color: red"> <span style="color: red">
2025年08月19日13:25分中央气象台发布雄安地区于17时至夜间将有200毫米强降雨并伴有10级大风...... 2025年08月19日13:25分中央气象台发布雄安地区于17时至夜间将有200毫米强降雨并伴有10级大风......
</span> </span>
</span> </span> -->
<!-- 主内容区 --> <!-- 主内容区 -->
<div class="content-container"> <div class="content-container">
<div class="left-wrapper"> <div class="left-wrapper">

View File

@@ -1,15 +1,15 @@
<template> <template>
<div class="weather-warning"> <div class="weather-warning">
<span>天气预警:</span> <!-- <span>天气预警:</span> -->
<!-- 预报内容 --> <!-- 预报内容 -->
<div class="weather-scroll-container" @mouseenter="stopWeatherScroll" @mouseleave="startWeatherScroll"> <!-- <div class="weather-scroll-container" @mouseenter="stopWeatherScroll" @mouseleave="startWeatherScroll">
<div class="weather-scroll-content" :style="{ transform: `translateX(${scrollPosition}px)` }"> <div class="weather-scroll-content" :style="{ transform: `translateX(${scrollPosition}px)` }">
<span v-for="(item, index) in weatherData" :key="index" class="weather-item" <span v-for="(item, index) in weatherData" :key="index" class="weather-item"
:style="{ color: getLevelColor(item.level_code) }"> :style="{ color: getLevelColor(item.level_code) }">
{{ item.content }} {{ item.content }}
</span> </span>
</div> </div>
</div> </div> -->
</div> </div>
</template> </template>

View File

@@ -1355,7 +1355,7 @@ const timeOut1 = (): void => {
@keyframes typeFlashEffect { @keyframes typeFlashEffect {
0% { 0% {
background-color: #1afb8f; background-color: #158e56;
} }
50% { 50% {
@@ -1363,7 +1363,7 @@ const timeOut1 = (): void => {
} }
100% { 100% {
background-color: #1afb8f; background-color: #158e56;
} }
} }
@@ -1381,14 +1381,14 @@ const timeOut1 = (): void => {
line-height: 25px; line-height: 25px;
color: #fff; color: #fff;
text-align: center; text-align: center;
background-color: #1afb8f; background-color: #158e56;
border-radius: 2px; border-radius: 2px;
animation: typeNumberPulse 1.5s ease-in-out infinite; animation: typeNumberPulse 1.5s ease-in-out infinite;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.type-number:hover { .type-number:hover {
background-color: #16d47a; background-color: #158e56;
transform: scale(1.2); transform: scale(1.2);
} }