大屏调整
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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%;
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user