-
@@ -94,10 +101,16 @@ onMounted( async () => {
box-shadow: inset 0 0 8px 2px rgba($color: #0c58a2, $alpha: 1.0); /* 使用box-shadow属性添加发光效果,参数分别代表向内扩散、水平偏移、垂直偏移、模糊半径、阴影尺寸和颜色 */
// box-shadow: inset 0 0 5px 2px rgba(255, 255, 255, 0.7); /* 向内发光效果 */
.itemLine1{
+ display: flex;
+ justify-content: space-between;
font-size: 14px;
- white-space: nowrap; /* 防止文字换行 */
- overflow: hidden; /* 超出部分隐藏 */
- text-overflow: ellipsis; /* 超出部分显示省略号 */
+ .line1Inner1{
+ width: 85%;
+ }
+ .line1Inner2{
+ float: right;
+ width: 15%;
+ }
}
.itemLine2{
font-size: 11px;
@@ -105,7 +118,7 @@ onMounted( async () => {
display: flex;
justify-content: flex-start;
.line2Inner1{
- width: 28%;
+ width: 28.5%;
}
.line2Inner2{
width: 72%;
@@ -117,13 +130,15 @@ onMounted( async () => {
display: flex;
justify-content: space-between;
.line3Inner1{
- width: 28%;
+ width: 28.5%;
}
.line3Inner2{
- width: 28%;
+ width: 28.5%;
+ color: #a1accb;
}
.line3Inner3{
- width: 44%;
+ width: 43%;
+ color: #a1accb;
}
}
}
@@ -133,6 +148,11 @@ onMounted( async () => {
height: 80%;
margin-top: 4%;
}
+.overHiddenText{
+ white-space: nowrap; /* 防止文字换行 */
+ overflow: hidden; /* 超出部分隐藏 */
+ text-overflow: ellipsis; /* 超出部分显示省略号 */
+}
.not-data {
top: 40%;
width: 30%;
diff --git a/src/views/agjtLiveScreen/liveScreen/rightBottom.vue b/src/views/agjtLiveScreen/liveScreen/rightBottom.vue
index e2e9d88..134db17 100644
--- a/src/views/agjtLiveScreen/liveScreen/rightBottom.vue
+++ b/src/views/agjtLiveScreen/liveScreen/rightBottom.vue
@@ -15,17 +15,24 @@
{{item.dangerItemContent || '--'}}
+
+
+ {{item.dangerItemContent || '--'}}
+
+
+ 已逾期
+
+ 整改结果:{{
item.status == 2 ? '待整改' : item.status == 3 ? '待复查' : item.status == 4 ? '待核验' :
item.status == 5 ? '合格' : item.status == 6 ? '已撤回' : '--'
}}
- 责任单位:{{item.enterpriseName || '--'}}
+ 责任单位:{{item.enterpriseName || '--'}}
-
整改人:{{item.changeName || '--'}}
- 检查人:{{item.inspectManName || '--'}}
+ 整改人:{{item.changeName || '--'}}
+ 检查人:{{item.inspectManName || '--'}}
检查时间:{{item.inspectTime || '--'}}
检查时间:2024-03-01 12:00:00