提交

web-admin/src/views/pl/carrier/index.vue

@@ -77,13 +77,15 @@
             </div>
 
             <dl class="carrier-card-kv">
-              <div class="carrier-card-kv-item">
-                <dt>联系人</dt>
-                <dd>{{ row.contactName || '—' }}</dd>
-              </div>
-              <div class="carrier-card-kv-item">
-                <dt>联系电话</dt>
-                <dd>{{ row.contactPhone || '—' }}</dd>
+              <div class="carrier-card-kv-item carrier-card-kv-contact-row">
+                <div class="carrier-card-contact-part">
+                  <dt>联系人</dt>
+                  <dd>{{ row.contactName || '—' }}</dd>
+                </div>
+                <div class="carrier-card-contact-part">
+                  <dt>联系电话</dt>
+                  <dd>{{ row.contactPhone || '—' }}</dd>
+                </div>
               </div>
               <div class="carrier-card-kv-item">
                 <dt>备注</dt>
@@ -360,7 +362,7 @@ onMounted(() => {
 
 .carrier-card-head {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 10px;
 }
 
@@ -394,6 +396,41 @@ onMounted(() => {
   gap: 4px;
   font-size: 13px;
 
+  &.carrier-card-kv-contact-row {
+    display: flex;
+    align-items: flex-start;
+    gap: 16px;
+  }
+}
+
+.carrier-card-contact-part {
+  display: grid;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+  font-size: 13px;
+
+  dt {
+    margin: 0;
+    color: #1e293b;
+    font-weight: 500;
+    font-size: 11px;
+    line-height: 1.4;
+  }
+
+  dd {
+    margin: 0;
+    color: #1e293b;
+    word-break: break-word;
+    line-height: 1.5;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+  }
+}
+
+.carrier-card-kv-item:not(.carrier-card-kv-contact-row) {
   dt {
     margin: 0;
     color: #1e293b;

web-admin/src/views/pl/personnel/index.vue

@@ -311,10 +311,12 @@ const viewSections = computed<ViewSection[]>(() => {
           value: d.nearestExpireDate || '—',
           tagType: d.nearestExpireDate ? getExpireTagType(d.nearestExpireDate) : undefined
         },
-        { label: '备注', value: d.remark || '—', span: true },
         { label: '创建时间', value: formatDateTime(d.createTime) },
-        { label: '更新时间', value: formatDateTime(d.updateTime) }
-      ]
+        { label: '更新时间', value: formatDateTime(d.updateTime) },
+        { label: '备注', value: d.remark || '—', span: 'full' }
+      ],
+      fieldLayout: 'table',
+      tableMode: 'triple'
     },
     {
       title: '人员证书',
@@ -555,7 +557,7 @@ onMounted(() => {
 
 .personnel-card-head {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 10px;
 }
 

web-admin/src/views/pl/self-vehicle/index.vue

@@ -357,9 +357,11 @@ const viewSections = computed<ViewSection[]>(() => {
           tagType: getStatusTagType(d.vehicleStatus)
         },
         { label: '关联人员摘要', value: d.personnelSummary || '—', span: true },
-        { label: '备注', value: d.remark || '—', span: true },
-        { label: '创建时间', value: formatDateTime(d.createTime) }
+        { label: '创建时间', value: formatDateTime(d.createTime) },
+        { label: '备注', value: d.remark || '—', span: 'full' }
       ],
+      fieldLayout: 'table',
+      tableMode: 'triple',
       slot: 'vehicleDetailTabs'
     }
   ]
@@ -745,7 +747,7 @@ onMounted(() => {
 
 .vehicle-card-head {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 10px;
 }
 

web-admin/src/views/pl/vehicle/index.vue

@@ -857,7 +857,7 @@ onMounted(() => {
 
 .vehicle-card-head {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 10px;
 }