diff --git a/src/views/agjtLiveScreen/liveScreen/centerBottomRight.vue b/src/views/agjtLiveScreen/liveScreen/centerBottomRight.vue index 4682078..42bd0ba 100644 --- a/src/views/agjtLiveScreen/liveScreen/centerBottomRight.vue +++ b/src/views/agjtLiveScreen/liveScreen/centerBottomRight.vue @@ -4,17 +4,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 || '--'}}
@@ -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 @@
检查时间:2024-03-01 12:00:00
--> -
{{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 || '--'}}
@@ -103,10 +110,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; @@ -129,9 +142,11 @@ onMounted( async () => { } .line3Inner2{ width: 30%; + color: #a1accb; } .line3Inner3{ width: 40%; + color: #a1accb; } } } @@ -141,6 +156,11 @@ onMounted( async () => { ::v-deep .h-card .content { height: 80%; } +.overHiddenText{ + white-space: nowrap; /* 防止文字换行 */ + overflow: hidden; /* 超出部分隐藏 */ + text-overflow: ellipsis; /* 超出部分显示省略号 */ +} .not-data { top: 38%; width: 30%;