admin/zhgdlarge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix调整现场大屏中责任单位的样式及布局

Browse Source
This commit is contained in:
Vce 2024-06-15 11:25:04 +08:00
parent 2a17e2347f
commit 9872ca236e
2 changed files with 35 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/agjtLiveScreen/liveScreen/centerBottomRight.vue
View File

@ -6,8 +6,8 @@
<div class="itemBox" v-for="(item,i) in 10" :key="i"> <div class="itemBox" v-for="(item,i) in 10" :key="i">
<div class="itemLine1">外墙、顶板、地板出现贯通性裂缝</div> <div class="itemLine1">外墙、顶板、地板出现贯通性裂缝</div>
<div class="itemLine2"> <div class="itemLine2">
<div style="width:28%">整改结果：<span style="color:#19bfef">已逾期</span></div> <div class="line2Inner1">整改结果：<span style="color:#19bfef">已逾期</span></div>
<div style="width:50%">责任单位：<span style="color:#19bfef">辽宁五瞏</span></div> <div class="line2Inner2">责任单位：<span style="color:#19bfef">辽宁五瞏</span></div>
</div> </div>
<div class="itemLine3"> <div class="itemLine3">
<div class="line3Inner1">整改人：<span style="color:#19bfef">李四</span></div> <div class="line3Inner1">整改人：<span style="color:#19bfef">李四</span></div>
@ -60,12 +60,28 @@ import { GlobalStore } from "@/stores";
font-size: 11px; font-size: 11px;
line-height: 20px; line-height: 20px;
display: flex; display: flex;
justify-content: flex-start;
.line2Inner1{
width: 28%;
}
.line2Inner2{
width: 72%;
}
} }
.itemLine3{ .itemLine3{
font-size: 11px; font-size: 11px;
line-height: 20px; line-height: 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.line3Inner1{
width: 28%;
}
.line3Inner2{
width: 28%;
}
.line3Inner3{
width: 44%;
}
} }
} }
} }

19
src/views/agjtLiveScreen/liveScreen/rightBottom.vue
View File

@ -6,8 +6,8 @@
<div class="itemBox" v-for="(item,i) in 10" :key="i"> <div class="itemBox" v-for="(item,i) in 10" :key="i">
<div class="itemLine1">外墙、顶板、地板出现贯通性裂缝</div> <div class="itemLine1">外墙、顶板、地板出现贯通性裂缝</div>
<div class="itemLine2"> <div class="itemLine2">
<div style="width:32%">整改结果：<span style="color:#19bfef">已逾期</span></div> <div class="line2Inner1">整改结果：<span style="color:#19bfef">已逾期</span></div>
<div style="width:50%">责任单位：<span style="color:#19bfef">辽宁五瞏</span></div> <div class="line2Inner2">责任单位：<span style="color:#19bfef">辽宁五瞏</span></div>
</div> </div>
<div class="itemLine3"> <div class="itemLine3">
<div class="line3Inner1">整改人：<span style="color:#19bfef">李四</span></div> <div class="line3Inner1">整改人：<span style="color:#19bfef">李四</span></div>
@ -64,12 +64,27 @@ onMounted( async () => {
font-size: 11px; font-size: 11px;
line-height: 20px; line-height: 20px;
display: flex; display: flex;
.line2Inner1{
width: 28%
}
.line2Inner2{
width: 72%
}
} }
.itemLine3{ .itemLine3{
font-size: 11px; font-size: 11px;
line-height: 20px; line-height: 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.line3Inner1{
width: 28%;
}
.line3Inner2{
width: 28%;
}
.line3Inner3{
width: 44%;
}
} }
} }
} }