From bb8446067c73ba29502b4889d98ebfd217087c02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Thu, 12 Jun 2025 11:30:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=85=B3=E9=97=AD=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css | 33 +++++++++++++++++++++------------
 index.html    | 17 +++++++++++++++--
 2 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/css/style.css b/css/style.css
index d891700..f54a1c4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -629,7 +629,7 @@ body {
 	/* color: transparent; */
 }
 
-.modal-close {
+/* .modal-close {
 	cursor: pointer;
 	font-size: 24px;
 	color: #fff;
@@ -644,7 +644,7 @@ body {
 }
 .modal-close:hover {
 	color: #06f4ff;
-}
+} */
 
 .modal-tabs {
 	display: flex;
@@ -681,7 +681,7 @@ body {
 }
 
 .table-body-container {
-	flex: 1;
+	/* flex: 1; */
 	overflow-y: auto;
 	scrollbar-width: thin;
 	scrollbar-color: #06f4ff #142c64;
@@ -1053,10 +1053,6 @@ body {
 	user-select: none;
 }
 
-.pagination-container {
-	margin-top: 15px;
-}
-
 .modal-containercar {
 	position: fixed;
 	top: 50%;
@@ -1074,7 +1070,7 @@ body {
 	height: 58%;
     min-height: 510px;
 }
-.modal-containercar .modal-close{
+ .modal-close{
 	position: relative;
 	display: flex;
 	align-items: center;
@@ -1082,13 +1078,17 @@ body {
 	top: 0px;
 	right: 0px;
 }
-.modal-containercar .modal-close div{
+.modal-close div{
 	background-color: #00a6c9;
     font-size: 14px;
     padding: 8px 30px;
     border-radius: 4px;
 }
-.modal-containercar .modal-content{
+#modalOverlay .modal-close{
+	top: -57px;
+	right: 0px;
+}
+.modal-content{
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -1139,13 +1139,22 @@ body {
 
 .modal-table th,
 .modal-table td {
-	padding:10px 8px;
+	padding:8px;
 	text-align: center;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-
+.infotimes{
+	display: flex;
+	margin-top: 10px;
+}
+.infotimes div{
+	width: 49%;
+}
+.infotimes div span:first-child{
+	margin-right: 8px;
+}
 /* 设置每列的宽度 */
 .modal-table th:nth-child(1),
 .modal-table td:nth-child(1) {
diff --git a/index.html b/index.html
index 626ffae..0da6390 100644
--- a/index.html
+++ b/index.html
@@ -97,9 +97,9 @@
 					<div class="modal-title" ></div>
 					<div class="modal-close">&times;</div>
 				</div> -->
-				<div class="modal-close">
+				<!-- <div class="modal-close">
 					<img src="img/clone.png" alt="">
-				</div>
+				</div> -->
 				<div class="modal-tabs">
 					<div class="modal-tab active" data-tab="tab1" data-i18n="carinfo"></div>
 					<div class="modal-tab" data-tab="tab2" data-i18n="shipinfo"></div>
@@ -126,6 +126,16 @@
 								</table>
 								<div data-i18n="errors" class="errors"></div>
 							</div>
+							<div class="infotimes">
+								<div>
+									<span class="label" data-i18n="destinationc"></span>:
+									<span class="value destinationc"></span>
+								</div>
+								<div>
+									<span class="label" data-i18n="yujidaodashijian"></span>:
+									<span class="value yujidaodashijian"></span>
+								</div>	
+							</div>
 							<div class="pagination-container"></div>
 						</div>
 					</div>
@@ -192,6 +202,9 @@
 						</div>
 					</div>
 				</div>
+				<div class="modal-close">
+					 <div data-i18n="close"></div> 
+				</div>
 			</div>
 		</div>
 		<!-- 车详情弹出框 -->