flx:优化

src/views/sevenLargeScreen/comprehensiveManage/projectOverview/leftTop.vue

@@ -14,9 +14,9 @@
 				<div><span>联系电话：</span> {{ projectData.projectTel || "" }}</div>
 				<div v-if="COMPANY == 'gsgs'"><span>桥梁长度(m)：</span> {{ projectData.bridgeLength || "" }}</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-else><span>项目编号：</span> {{ projectData.projectNumber || "" }}</div>
+				<div><span>开工日期：</span> {{ projectData.startWorkDate || "" }}</div>
 				<div>
 					<span>工程类别：</span>
 					{{

src/views/sevenLargeScreen/safetyManagement/securityManagement/rightBox.vue

@@ -23,7 +23,12 @@
 						</div>
 						<div class="rightDate">
 							<div class="date">
-								整改人：<span>{{ item.changeName || "" }}</span>
+								<div>
+									整改人：<span>{{ item.changeName || "" }}</span>
+								</div>
+								<div>
+									事件描述：<span>{{ item.addedDescription || "" }}</span>
+								</div>
 							</div>
 							<div class="date">发起日期：{{ item.createTime || "" }}</div>
 						</div>
@@ -54,7 +59,7 @@ let rectification = ref([
 	{ id: 6, name: "已撤销", color: "#a1accb" }
 ]);
 
-let list = ref([]);
+let list = ref([] as any[]);
 const refScrollbar = ref(null as any); // 绑定到滚动的盒子上
 const ScrollbarTop = ref(0);
 
@@ -170,19 +175,21 @@ onMounted(() => {
 		font-size: 14px;
 		.menuL {
 			width: 100%;
-			height: 15%;
+			// height: 15%;
+			height: 102px;
 			background: url("@/assets/images/securityManagement/menImg.png") no-repeat;
 			background-size: 100% 100%;
 			margin-top: 4%;
 			display: flex;
 			position: relative;
 			.leftNum {
-				width: 40%;
+				width: calc(30% - 4%);
 				height: 90%;
 				text-align: left;
 				color: #a1accb;
 				margin: 6% 0 0 4%;
 				padding-bottom: 3%;
+				flex-shrink: 0;
 				.over-time {
 					position: absolute;
 					top: 35%;
@@ -202,13 +209,28 @@ onMounted(() => {
 				}
 			}
 			.rightDate {
-				width: 40%;
+				width: calc(70% - 1%);
 				height: 90%;
 				text-align: left;
 				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 {
-					margin-top: 4%;
+					
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					> div {
+						width: 50%;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+					}
 				}
 			}
 		}