flx:优化
This commit is contained in:
parent
68de1b7716
commit
dc7a1bdf4f
@ -14,9 +14,9 @@
|
|||||||
<div><span>联系电话:</span> {{ projectData.projectTel || "" }}</div>
|
<div><span>联系电话:</span> {{ projectData.projectTel || "" }}</div>
|
||||||
<div v-if="COMPANY == 'gsgs'"><span>桥梁长度(m):</span> {{ projectData.bridgeLength || "" }}</div>
|
<div v-if="COMPANY == 'gsgs'"><span>桥梁长度(m):</span> {{ projectData.bridgeLength || "" }}</div>
|
||||||
<div v-else><span>建筑面积:</span> {{ projectData.projectAcreage || "" }} ㎡</div>
|
<div v-else><span>建筑面积:</span> {{ projectData.projectAcreage || "" }} ㎡</div>
|
||||||
<div><span>开工日期:</span> {{ projectData.startWorkDate || "" }}</div>
|
|
||||||
<div v-if="COMPANY == 'gsgs'"><span>桥梁重量(t):</span> {{ projectData.bridgeWeight || "" }}</div>
|
<div v-if="COMPANY == 'gsgs'"><span>桥梁重量(t):</span> {{ projectData.bridgeWeight || "" }}</div>
|
||||||
<div v-else><span>项目编号:</span> {{ projectData.projectNumber || "" }}</div>
|
<div v-else><span>项目编号:</span> {{ projectData.projectNumber || "" }}</div>
|
||||||
|
<div><span>开工日期:</span> {{ projectData.startWorkDate || "" }}</div>
|
||||||
<div>
|
<div>
|
||||||
<span>工程类别:</span>
|
<span>工程类别:</span>
|
||||||
{{
|
{{
|
||||||
|
|||||||
@ -23,7 +23,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="rightDate">
|
<div class="rightDate">
|
||||||
<div class="date">
|
<div class="date">
|
||||||
整改人:<span>{{ item.changeName || "" }}</span>
|
<div>
|
||||||
|
整改人:<span>{{ item.changeName || "" }}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
事件描述:<span>{{ item.addedDescription || "" }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="date">发起日期:{{ item.createTime || "" }}</div>
|
<div class="date">发起日期:{{ item.createTime || "" }}</div>
|
||||||
</div>
|
</div>
|
||||||
@ -54,7 +59,7 @@ let rectification = ref([
|
|||||||
{ id: 6, name: "已撤销", color: "#a1accb" }
|
{ id: 6, name: "已撤销", color: "#a1accb" }
|
||||||
]);
|
]);
|
||||||
|
|
||||||
let list = ref([]);
|
let list = ref([] as any[]);
|
||||||
const refScrollbar = ref(null as any); // 绑定到滚动的盒子上
|
const refScrollbar = ref(null as any); // 绑定到滚动的盒子上
|
||||||
const ScrollbarTop = ref(0);
|
const ScrollbarTop = ref(0);
|
||||||
|
|
||||||
@ -170,19 +175,21 @@ onMounted(() => {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
.menuL {
|
.menuL {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 15%;
|
// height: 15%;
|
||||||
|
height: 102px;
|
||||||
background: url("@/assets/images/securityManagement/menImg.png") no-repeat;
|
background: url("@/assets/images/securityManagement/menImg.png") no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
margin-top: 4%;
|
margin-top: 4%;
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
.leftNum {
|
.leftNum {
|
||||||
width: 40%;
|
width: calc(30% - 4%);
|
||||||
height: 90%;
|
height: 90%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #a1accb;
|
color: #a1accb;
|
||||||
margin: 6% 0 0 4%;
|
margin: 6% 0 0 4%;
|
||||||
padding-bottom: 3%;
|
padding-bottom: 3%;
|
||||||
|
flex-shrink: 0;
|
||||||
.over-time {
|
.over-time {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 35%;
|
top: 35%;
|
||||||
@ -202,13 +209,28 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.rightDate {
|
.rightDate {
|
||||||
width: 40%;
|
width: calc(70% - 1%);
|
||||||
height: 90%;
|
height: 90%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #a1accb;
|
color: #a1accb;
|
||||||
margin: 6% 0 0 1%;
|
margin: 3% 0 0 1%;
|
||||||
|
.date:nth-child(1) {
|
||||||
|
margin-top: 5%;
|
||||||
|
}
|
||||||
|
.date:nth-child(2) {
|
||||||
|
margin-top: 3%;
|
||||||
|
}
|
||||||
.date {
|
.date {
|
||||||
margin-top: 4%;
|
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
> div {
|
||||||
|
width: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user