diff --git a/.workbuddy/memory/2026-08-06.md b/.workbuddy/memory/2026-08-06.md
index 55fbaf2..77f590c 100644
--- a/.workbuddy/memory/2026-08-06.md
+++ b/.workbuddy/memory/2026-08-06.md
@@ -1,17 +1,18 @@
-# 2026-08-06
+# 2026-08-06 工作日志
 
-## 复盘 src/views/business/project-apply.vue 弹窗 UI 规范
-- 主弹窗为**自定义 el-dialog + el-form**（非 Avue option 驱动），width 1440px、top 4vh、append-to-body、destroy-on-close。
-- 分区标题复用全局 `.dialog-section-title`（4px 主色竖条 + 8px 间距）；页面将其改造为「白卡头 + 下方白内容卡」拼合方案（radius 6px + 淡阴影 0 1px 2px rgba(0,0,0,.04)）。
-- 表单：label-position="right" / label-width="auto"；两列 grid（`column-gap: 72px`）；表单项 margin-bottom 16px；label min-width 160px。
-- 备注类 textarea 整行展示 + 200 字上限 + show-word-limit；金额/天数有非负与范围校验。
-- 底部按钮：非变更弹窗=取消/提交（右对齐）；变更弹窗=提交/保存/关闭（左对齐）。
-- **与设计规范(AGENTS.md)对照**：基本符合 4.8 弹窗表单规范；但本页 scoped 用 `white-space: normal` 覆盖了全局 `.el-dialog .el-form-item__label { white-space: nowrap }`，允许长标签换行（与全局「label 不换行」取向不同）；两列 grid 统一 min-width 160px，未严格「按列分别计算 label 宽度」。
+## 运输计划调度弹窗 UX 分析
+- 完成 `/business/transport-plan` 调度弹窗的 UX 审查，对比 project-apply 页面风格
+- 输出 6 项改进方案（P0-P5），核心问题为缺少灰底(#f5f6fa)+白卡(section-card)分组设计模式
+- 所有改动集中在 `business-crud-page.vue` 一个文件
+- 待用户确认后实施第一阶段（P0灰底 + P1白卡分组）
 
-## 将 project-apply 弹窗标准推广为「全项目通用标准」
-用户要求把 project-apply 弹窗视觉（灰底 + 分组白卡 + 标题在卡内）复制到其他页面。落地方式（已执行）：
-- 新增可复用组件 `src/components/section-card/main.vue`：白卡 + 标题在卡头（4px 主色竖条 + 8px 间距），支持 `title` prop 与 `#title`/`#extra` slot；已在 `src/main.js` 全局注册为 `<section-card>`。
-- 在 `src/styles/element-ui.scss` 末尾新增全局标准：① `.el-dialog__body` 统一灰底 `#f5f6fa`（影响全项目所有弹窗）；② `.el-dialog .avue-form` 自动包白卡（Avue 默认增删改弹窗无需改 option 即统一）；③ `.el-dialog .avue-form__group` 分组白卡（option.group 渲染为标题在卡内）；④ 弹窗内 `.el-form-item` 默认 16px 间距；⑤ `.section-card` 全局样式；⑥ `.form-grid-2` 两列栅格工具类（column-gap 72px）。
-- 应用落地：business 模块自定义弹窗——`common-route.vue` 的「选择常用地址」弹窗用 section-card 包成「查询条件/常用地址」两组；`loading-manage.vue` 主弹窗 6 个分区全部改用 `<section-card>`；`common-cargo.vue` 导入弹窗经全局 `.el-dialog .avue-form` 规则自动获得白卡。`project-apply.vue` 本身作为参照未改（其 scoped 样式已符合，全局灰底与其一致）。
-- 验证：`vite build` 失败为仓库既有问题（`waybill-import-dialog.vue` 引入的 `xlsx` 依赖缺失），与本次改动无关；改用 `@vue/compiler-sfc` 编译三个改动 .vue（均 OK）+ sass 编译 `element-ui.scss`（OK）。
-- 注意：其他模块的**自定义弹窗**需按同样方式用 `<section-card>` 包裹各组（灰底已由全局规则自动生效）；如需继续推进其余模块可照此模式批量处理。
+## 已实施的改进（全部在 business-crud-page.vue）
+- P0: `__dispatch-dialog` 的 `.el-dialog__body` 改为 `padding:16px; background:#f5f6fa; overflow-y:auto`（原 padding:0）
+- P1: 调度弹窗三块分区用全局 `<section-card>` 包裹：基本信息 / 收发货路线 / 待调度列表；"新增"按钮+汇总文字移入列表卡 `#extra` slot
+- P2: `__dispatch-route-line` 由黑色实线改为 `#409EFF` 虚线 + 箭头（主色方向感）
+- P3: 待调度列表纳入白卡容器（随 P1 完成）
+- P4: 调度表操作列 `width` 180→220 预留扩展
+- P5: `__dispatch-footer` 增加 `border-top` + padding/margin-top 分隔
+- 旧 `__dispatch-list` / `__dispatch-top`(border-bottom/32px padding) 样式已清理；section-card 已全局注册，无需 import
+- 验证：SFC 模板单独编译通过（6 处 section-card 引用配对平衡）；完整 vite build 仍因预存 `xlsx` 幽灵依赖（pnpm 未装）失败，与本次改动无关
+- 注意：本项目完整 build 依赖 `xlsx@0.18.5`（package.json 有声明但 node_modules 缺失），属环境预存问题，非本次引入
diff --git a/.workbuddy/memory/MEMORY.md b/.workbuddy/memory/MEMORY.md
index 188f057..1f718fc 100644
--- a/.workbuddy/memory/MEMORY.md
+++ b/.workbuddy/memory/MEMORY.md
@@ -1,16 +1,66 @@
 # 项目长期记忆（tms-erp-web-ws / Saber3 客商模块）
 
 ## 设计约定（经用户确认的决策）
-- 弹窗内多字段表单分组：**「灰色分组块 + 白色内层卡片」双色方案**（用户最终确认）。
-  - 外层 `.archive-form__group`：灰底 `#f0f2f5` + 8px 圆角 + `16px 20px` 内边距，分组标题（`.dialog-section-title`，自带 4px 主色竖条）浮于灰底上。
-  - 内层字段区：直接把分组内唯一的 `> .el-row` 设为白底（`#fff` + 6px 圆角 + 极淡阴影 `0 1px 2px rgba(0,0,0,.04)` + `18px 16px 4px` 内边距），形成「白卡片浮于灰底」的层次，而非逐个输入框强制白底。
-  - 理由：契合 AGENTS.md「去卡片化」哲学（不嵌套 `el-card`），同时用户明确要灰底+白内容对比，全局 `.dialog-section-title` 直接复用即可。
-  - 适用：新增/编辑弹窗中字段超过 ~10 个、需按业务语义分组时。
+
+### 弹窗内多字段表单分组：使用全局 `<section-card>` 组件（项目统一标准）
+
+**整体结构**：
+- 整个弹窗 body 由 `src/styles/element-ui.scss` 全局 `.el-dialog__body { background: #f5f6fa; padding: 16px }` 统一灰底（无需页面再覆盖）。
+- 每个业务分组 = 一张白底卡片。用全局组件 `<section-card title="分组名">...</section-card>`，自动渲染 4px 主色竖条 + 8px 间距的卡头与白底 body（圆角 6px + 极淡阴影），与 `loading-manage.vue` / `customer-archive.vue` 等已落地页面一致。
+- 严禁再手写 `.xxx-form__block` + `.dialog-section-title` override 拼凑卡片（项目已有 `<section-card>` 标准组件）。
+
+**HTML 结构**（每组三件套）：
+```vue
+<section-card title="分组标题">
+  <el-row :gutter="18">
+    <el-col :span="8">...</el-col>
+  </el-row>
+  <!-- 同一组的所有 row 都放同一张白卡内 -->
+</section-card>
+```
+
+**适用**：新增/编辑弹窗中字段超过 ~10 个、需按业务语义分组时。
+
+### 简单分组（仅 3 项）
 - 联系信息等仅 3 项的分组，可用 `el-col :span="8"` 让三项均分一行，避免 4 列网格留白。
 
+### 上传证件区域尺寸规范（transportCapacity 模块强制）
+- **比例**：中国二代身份证标准尺寸 85.6 × 53.98 mm → 宽:高 = **1.586 : 1**（横放）
+- **尺寸**：取真实身份证的 ~75% → 固定 **240 × 151 px**（1.586:1 精确：151 × 1.586 ≈ 240）
+- **位置**：在 el-col 列内 `margin: 0` 左对齐显示（不再 `width: 100%` 占满整栏，也不再居中）
+- **适用范围**：所有 `<image-upload-field large>` 上传区，包括身份证正反面、大头照、机动车行驶证主页正/反面/副页正/反面、道路运输证、机动车登记本、船舶所有权/安全环保/国籍/最低安全配员/光船租赁/营业运输 等所有 cert 图片
+- **实现方式**：在每个页面 scoped 样式里覆盖 class-prefix 对应的 `--large` 选择器（`.driver-uploader--large` / `.vehicle-uploader--large` / `.ship-uploader--large`）：
+  ```scss
+  :deep(.xxx-uploader) { display: block; }  // 不再 width:100%
+  :deep(.xxx-uploader--large) {
+    display: block;
+    width: 240px;
+    margin: 0;
+  }
+  :deep(.xxx-uploader--large .el-upload),
+  :deep(.xxx-uploader--large.el-upload) {
+    width: 100%;
+    height: 151px;
+  }
+  ```
+- **CSS 顺序要点**：`.xxx-uploader`（特定性 0,0,1,0）必须写在 `.xxx-uploader--large`（同为 0,0,1,0）之前，源码位置决定覆盖生效。
+
+### 上传图片点击放大预览（全局组件 `image-upload-field` 已实现）
+- **组件**：`src/components/image-upload-field/main.vue`。原裸 `<img>` 改为 `<el-image :preview-src-list="[value]" fit="contain" preview-teleported :z-index="3000" @click.stop>`。点击图片即全屏预览（滚轮缩放 / 旋转 / 下载），零额外依赖。
+- **预览与上传分离**：图片 `@click.stop` 阻止冒泡到 `el-upload`（否则会触发重传）；"更换"入口（form 模式图片下方 `el-link`、card 模式 head 的 `actionText`）通过 `el-upload` 内部隐藏 `input.el-upload__input` 的 `.click()` 触发文件框。
+- **为什么用 DOM click**：Element Plus `el-upload` 仅 expose `abort/submit/clearFiles/handleStart/handleRemove`，**没有** `openFileDialog`，故用 `this.$refs.uploadRef.$el.querySelector('.el-upload__input').click()`。
+- **readonly 模式**：仅渲染 `el-image` 预览，不显示上传入口（查看档案时也能放大看证件）。
+- **z-index 注意**：务必 `preview-teleported`（预览层挂 body）+ `:z-index="3000"`，否则会被 `el-dialog` 遮罩（2000 区间）盖住。
+- **适用范围**：全仓通用组件，driver / vehicle / ship 三个页面自动获得该能力（改动一次组件即可）。
+
 ## 关键文件
-- 客商档案弹窗：`src/views/vehicle/customer-archive.vue`（手写 `el-form`，非 Avue option 驱动；分组结构见 `.archive-form__group`）。
-- 全局弹窗分区标题规范：`src/styles/element-ui.scss` 的 `.dialog-section-title`。
+- 通用分组白卡组件：`src/components/section-card/main.vue`（已全局注册为 `<section-card>`，支持 `title` / `#title` / `#extra` slot）。
+- 弹窗灰底 body + section-card 全局样式：`src/styles/element-ui.scss`（`.el-dialog__body`、`.section-card { &__header / &__bar / &__title / &__extra / &__body }`）。
+- 司机档案弹窗：`src/views/transportCapacity/driver.vue`（手写 `el-form` + `<section-card>` 4 大分组：基础身份信息 / 驾驶证信息 / 从业资格证信息 / 司机联系信息）。
+- 车辆档案弹窗：`src/views/transportCapacity/vehicle.vue`（手写 `el-form` + `<section-card>` 2 大分组：基础车辆信息 / 车辆资质图片；6 张大图按身份证比例 240×151 左对齐）。
+- 船舶档案弹窗：`src/views/transportCapacity/ship.vue`（手写 `el-form` + `<section-card>` 2 大分组：基础船舶信息 / 船舶证书信息；内部 6 张 cert 图片按身份证比例 240×151 左对齐；子证书分段用 `.cert-block` + border-top）。
+- 客商档案弹窗：`src/views/vehicle/customer-archive.vue`（工商信息 / 联系信息 / 财务/信用信息 / 其他信息 等分组也用 `<section-card>`）。
+- 项目补录弹窗：`src/views/business/project-apply.vue`（手写 `__grid` / `__table` / `__textarea-list` 同款白卡结构，先于 `<section-card>` 组件化之前落地，可视为视觉参照）。
 
 ## 环境注意
 - Vite 代理跨域：Saber3 axios 开 `withCredentials=true`，直连绝对地址后端须让 CORS `Allow-Origin` 为具体域名（不能用 `*`），否则浏览器拒绝。改 `.env`/`vite.config.mjs` 必须重启 dev。
diff --git a/src/components/image-upload-field/main.vue b/src/components/image-upload-field/main.vue
index 802c128..cb01185 100644
--- a/src/components/image-upload-field/main.vue
+++ b/src/components/image-upload-field/main.vue
@@ -1,28 +1,57 @@
 <template>
   <el-form-item v-if="mode === 'form'" :label="label" :prop="prop">
-    <el-upload
-      :class="[`${classPrefix}-uploader`, { [`${classPrefix}-uploader--large`]: large }]"
-      action="/api/blade-resource/oss/endpoint/put-file"
-      name="file"
-      :headers="uploadHeaders"
-      :show-file-list="false"
-      :disabled="readonly"
-      :before-upload="beforeUpload"
-      :on-progress="handleProgress"
-      :on-success="handleSuccess"
-      :on-error="handleError"
-    >
-      <img v-if="value" :src="value" :class="`${classPrefix}-uploader__image`" />
-      <div v-else :class="`${classPrefix}-uploader__empty`">{{ emptyText }}</div>
-    </el-upload>
+    <div :class="[`${classPrefix}-uploader`, { [`${classPrefix}-uploader--large`]: large }]">
+      <el-upload
+        ref="uploadRef"
+        class="upload-inner"
+        action="/api/blade-resource/oss/endpoint/put-file"
+        name="file"
+        :headers="uploadHeaders"
+        :show-file-list="false"
+        :disabled="readonly"
+        :before-upload="beforeUpload"
+        :on-progress="handleProgress"
+        :on-success="handleSuccess"
+        :on-error="handleError"
+      >
+        <el-image
+          v-if="value"
+          :src="value"
+          :class="`${classPrefix}-uploader__image`"
+          :preview-src-list="[value]"
+          fit="contain"
+          preview-teleported
+          :z-index="3000"
+          @click.stop
+        />
+        <div v-else :class="`${classPrefix}-uploader__empty`">{{ emptyText }}</div>
+      </el-upload>
+      <el-link
+        v-if="value && !readonly"
+        type="primary"
+        class="upload-replace-link"
+        @click.stop="triggerUpload"
+      >
+        更换
+      </el-link>
+    </div>
   </el-form-item>
   <el-form-item v-else :prop="prop" :class="`${classPrefix}-upload-item`">
     <div :class="[`${classPrefix}-upload-card`, { [`${classPrefix}-upload-card--large`]: large }]">
       <div v-if="label" :class="`${classPrefix}-upload-card__head`">
         <span :class="`${classPrefix}-upload-card__label`">{{ label }}</span>
-        <span :class="`${classPrefix}-upload-card__action`">{{ actionText }}</span>
+        <el-link
+          v-if="!readonly"
+          type="primary"
+          :class="`${classPrefix}-upload-card__action`"
+          @click.stop="triggerUpload"
+        >
+          {{ actionText }}
+        </el-link>
+        <span v-else :class="`${classPrefix}-upload-card__action`">{{ actionText }}</span>
       </div>
       <el-upload
+        ref="uploadRef"
         :class="`${classPrefix}-upload-card__uploader`"
         action="/api/blade-resource/oss/endpoint/put-file"
         name="file"
@@ -34,7 +63,16 @@
         :on-success="handleSuccess"
         :on-error="handleError"
       >
-        <img v-if="value" :src="value" :class="`${classPrefix}-upload-card__image`" />
+        <el-image
+          v-if="value"
+          :src="value"
+          :class="`${classPrefix}-upload-card__image`"
+          :preview-src-list="[value]"
+          fit="contain"
+          preview-teleported
+          :z-index="3000"
+          @click.stop
+        />
         <div v-else :class="`${classPrefix}-upload-card__empty`">{{ emptyText }}</div>
       </el-upload>
     </div>
@@ -86,6 +124,11 @@ export default {
     this.closeUploadLoading();
   },
   methods: {
+    triggerUpload() {
+      const uploadEl = this.$refs.uploadRef && this.$refs.uploadRef.$el;
+      const input = uploadEl && uploadEl.querySelector('.el-upload__input');
+      if (input) input.click();
+    },
     showUploadLoading() {
       if (this.uploadLoading) {
         return;
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 297b2f8..2f09327 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -212,9 +212,10 @@
 // 灰底弹窗体 + 分组白卡（标题融入卡头，4px 主色竖条 + 8px 间距）
 // =====================================================================
 
-// 1) 所有弹窗内容区统一灰底
+// 1) 所有弹窗内容区统一灰底 + 16px 内边距（与 project-apply 一致，避免内容贴边）
 .el-dialog__body {
   background-color: #f5f6fa;
+  padding: 16px;
 }
 
 // 2) Avue 默认弹窗表单自动包成白卡，无需逐页改 option 即统一标准
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 37dc93e..2fa1f61 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -2115,7 +2115,7 @@
             </div>
           </div>
           <div class="business-crud-page__dispatch-summary">
-            <div class="business-crud-page__dispatch-summary-left">
+            <section-card title="基本信息">
               <div class="business-crud-page__dispatch-summary-grid">
                 <div class="business-crud-page__dispatch-summary-item">
                   <div class="business-crud-page__dispatch-summary-label">客户</div>
@@ -2171,8 +2171,9 @@
                   </div>
                 </div>
               </div>
-            </div>
-            <div class="business-crud-page__dispatch-route">
+            </section-card>
+            <section-card title="收发货路线">
+              <div class="business-crud-page__dispatch-route">
               <div class="business-crud-page__dispatch-route-item">
                 <span class="business-crud-page__dispatch-route-badge is-start">起</span>
                 <div class="business-crud-page__dispatch-route-body">
@@ -2197,18 +2198,18 @@
                   <div class="business-crud-page__dispatch-route-address">
                     {{ parseDispatchRoutePoint(dispatchRow, 'end').address || '-' }}
                   </div>
-                  <div class="business-crud-page__dispatch-route-contact">
-                    {{ parseDispatchRoutePoint(dispatchRow, 'end').contact || '-' }}
-                  </div>
+                <div class="business-crud-page__dispatch-route-contact">
+                  {{ parseDispatchRoutePoint(dispatchRow, 'end').contact || '-' }}
                 </div>
               </div>
             </div>
-          </div>
+            </div>
+          </section-card>
+        </div>
         </div>
 
-        <div class="business-crud-page__dispatch-list">
-          <div class="business-crud-page__dispatch-list-head">
-            <div class="business-crud-page__dispatch-list-title">待调度列表</div>
+        <section-card title="待调度列表">
+          <template #extra>
             <el-button
               type="primary"
               :disabled="dispatchSummaryRemainingQuantity <= 0"
@@ -2216,10 +2217,10 @@
             >
               新增
             </el-button>
-            <div class="business-crud-page__dispatch-list-summary">
+            <span class="business-crud-page__dispatch-list-summary">
               {{ dispatchSummaryText }}
-            </div>
-          </div>
+            </span>
+          </template>
           <el-table
             :data="dispatchRows"
             border
@@ -2312,7 +2313,7 @@
               align="center"
               show-overflow-tooltip
             />
-            <el-table-column label="操作" width="180" align="center" fixed="right">
+            <el-table-column label="操作" width="220" align="center" fixed="right">
               <template #default="{ row, $index }">
                 <div class="business-crud-page__dispatch-actions">
                   <el-link type="primary" @click="handleDispatchEditRow(row, $index)">编辑</el-link>
@@ -2321,7 +2322,7 @@
               </template>
             </el-table-column>
           </el-table>
-        </div>
+        </section-card>
       </div>
       <template #footer>
         <div class="business-crud-page__dispatch-footer">
@@ -9304,7 +9305,10 @@ export default {
     }
 
     :deep(.el-dialog__body) {
-      padding: 0;
+      padding: 16px;
+      background: #f5f6fa;
+      max-height: calc(100vh - 140px);
+      overflow-y: auto;
     }
   }
 
@@ -9315,8 +9319,7 @@ export default {
   }
 
   &__dispatch-top {
-    padding: 22px 32px 14px;
-    border-bottom: 1px solid #e9edf5;
+    padding: 22px 0 0;
   }
 
   &__dispatch-heading {
@@ -9452,14 +9455,25 @@ export default {
   }
 
   &__dispatch-route-line {
+    position: relative;
     width: 72px;
-    height: 4px;
-    background: #3b3b3b;
-    border-radius: 999px;
-  }
+    height: 2px;
+    background-image: linear-gradient(
+      to right,
+      var(--el-color-primary) 0,
+      var(--el-color-primary) 6px,
+      transparent 6px,
+      transparent 10px
+    );
 
-  &__dispatch-list {
-    padding: 12px 18px 18px;
+    &::after {
+      content: '';
+      position: absolute;
+      right: -1px;
+      top: -4px;
+      border: 5px solid transparent;
+      border-left-color: var(--el-color-primary);
+    }
   }
 
   &__dispatch-list-head {
@@ -9513,6 +9527,9 @@ export default {
     justify-content: flex-end;
     gap: 12px;
     padding-right: 0;
+    padding-top: 16px;
+    margin-top: 16px;
+    border-top: 1px solid #e9edf5;
   }
 
   &__dispatch-item-dialog {
diff --git a/src/views/transportCapacity/driver.vue b/src/views/transportCapacity/driver.vue
index 3477830..640a927 100644
--- a/src/views/transportCapacity/driver.vue
+++ b/src/views/transportCapacity/driver.vue
@@ -91,21 +91,13 @@
         </span>
       </template>
       <template #menu="{ row }">
-        <el-link
-          type="primary"
-          v-if="hasPermission('driver_view')"
-          @click="openDriver(row, true)"
-        >
+        <el-link type="primary" v-if="hasPermission('driver_view')" @click="openDriver(row, true)">
           查看
         </el-link>
         <el-link type="primary" v-if="hasPermission('driver_edit')" @click="openDriver(row)">
           修改
         </el-link>
-        <el-link
-          type="primary"
-          v-if="hasPermission('driver_status')"
-          @click="handleStatus(row)"
-        >
+        <el-link type="primary" v-if="hasPermission('driver_status')" @click="handleStatus(row)">
           {{ row.status === 1 ? '停用' : '启用' }}
         </el-link>
       </template>
@@ -115,7 +107,7 @@
       :title="dialogTitle"
       append-to-body
       v-model="driverBox"
-      width="92%"
+      width="90%"
       top="4vh"
       class="driver-dialog"
       @closed="resetDriver"
@@ -128,349 +120,361 @@
         :disabled="readonly"
         class="driver-form"
       >
-        <div class="section-title">基础身份信息</div>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="司机姓名" prop="driverName">
-              <el-input v-model="driverForm.driverName" maxlength="20" show-word-limit />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="身份证号" prop="idCardNo">
-              <el-input
-                v-model="driverForm.idCardNo"
-                maxlength="18"
-                show-word-limit
-                @input="driverForm.idCardNo = String(driverForm.idCardNo || '').toUpperCase()"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="出生年月" prop="birthday">
-              <el-date-picker v-model="driverForm.birthday" type="date" value-format="YYYY-MM-DD" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="性别" prop="gender">
-              <el-select v-model="driverForm.gender" clearable>
-                <el-option label="男" value="男" />
-                <el-option label="女" value="女" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="民族" prop="nation">
-              <el-select v-model="driverForm.nation" clearable filterable>
-                <el-option v-for="item in nationOptions" :key="item" :label="item" :value="item" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="学历" prop="education">
-              <el-select v-model="driverForm.education" clearable filterable>
-                <el-option
-                  v-for="item in educationOptions"
-                  :key="item"
-                  :label="item"
-                  :value="item"
+        <section-card title="基础身份信息">
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <el-form-item label="司机姓名" prop="driverName">
+                <el-input v-model="driverForm.driverName" maxlength="20" show-word-limit />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="身份证号" prop="idCardNo">
+                <el-input
+                  v-model="driverForm.idCardNo"
+                  maxlength="18"
+                  show-word-limit
+                  @input="driverForm.idCardNo = String(driverForm.idCardNo || '').toUpperCase()"
                 />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="住址" prop="addressRegion">
-              <el-cascader
-                ref="addressRegionCascader"
-                v-model="driverForm.addressRegionPath"
-                :options="regionOptions"
-                :props="regionCascaderProps"
-                :placeholder="driverForm.addressRegion || '请选择省市区'"
-                clearable
-                filterable
-                @change="handleAddressRegionChange"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="详细地址" prop="address">
-              <el-input v-model="driverForm.address" maxlength="200" show-word-limit />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="岗位" prop="postList">
-              <el-checkbox-group v-model="driverForm.postList">
-                <el-checkbox label="司机" />
-                <el-checkbox label="押运员" />
-                <el-checkbox label="装卸管理员" />
-              </el-checkbox-group>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <image-upload-field
-              label="身份证正面照"
-              prop="idCardFront"
-              :value="driverForm.idCardFront"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              @success="url => handleIdCardUploadSuccess('idCardFront', url)"
-            />
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="身份证反面照"
-              prop="idCardBack"
-              :value="driverForm.idCardBack"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              @success="url => handleIdCardUploadSuccess('idCardBack', url)"
-            />
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="大头照"
-              prop="headPhoto"
-              :value="driverForm.headPhoto"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              @success="url => setImage('headPhoto', url)"
-            />
-          </el-col>
-        </el-row>
-
-        <div class="section-title">驾驶证信息</div>
-        <el-row :gutter="18">
-          <el-col :span="6">
-            <el-form-item label="准驾车型" prop="drivingType">
-              <el-select
-                v-model="driverForm.drivingType"
-                clearable
-                filterable
-                allow-create
-                default-first-option
-              >
-                <el-option
-                  v-for="item in drivingTypeOptions"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="档案编号" prop="drivingLicenseNo">
-              <el-input v-model="driverForm.drivingLicenseNo" maxlength="50" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="有效期" prop="drivingLicenseEndDate">
-              <div class="date-range">
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="出生年月" prop="birthday">
                 <el-date-picker
-                  v-model="driverForm.drivingLicenseStartDate"
+                  v-model="driverForm.birthday"
                   type="date"
                   value-format="YYYY-MM-DD"
-                  placeholder="起"
-                  @change="validateFormField('drivingLicenseEndDate')"
                 />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <el-form-item label="性别" prop="gender">
+                <el-select v-model="driverForm.gender" clearable>
+                  <el-option label="男" value="男" />
+                  <el-option label="女" value="女" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="民族" prop="nation">
+                <el-select v-model="driverForm.nation" clearable filterable>
+                  <el-option
+                    v-for="item in nationOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="学历" prop="education">
+                <el-select v-model="driverForm.education" clearable filterable>
+                  <el-option
+                    v-for="item in educationOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <el-form-item label="住址" prop="addressRegion">
+                <el-cascader
+                  ref="addressRegionCascader"
+                  v-model="driverForm.addressRegionPath"
+                  :options="regionOptions"
+                  :props="regionCascaderProps"
+                  :placeholder="driverForm.addressRegion || '请选择省市区'"
+                  clearable
+                  filterable
+                  @change="handleAddressRegionChange"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="详细地址" prop="address">
+                <el-input v-model="driverForm.address" maxlength="200" show-word-limit />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="岗位" prop="postList">
+                <el-checkbox-group v-model="driverForm.postList">
+                  <el-checkbox label="司机" />
+                  <el-checkbox label="押运员" />
+                  <el-checkbox label="装卸管理员" />
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <image-upload-field
+                label="身份证正面照"
+                prop="idCardFront"
+                :value="driverForm.idCardFront"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                @success="url => handleIdCardUploadSuccess('idCardFront', url)"
+              />
+            </el-col>
+            <el-col :span="8">
+              <image-upload-field
+                label="身份证反面照"
+                prop="idCardBack"
+                :value="driverForm.idCardBack"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                @success="url => handleIdCardUploadSuccess('idCardBack', url)"
+              />
+            </el-col>
+            <el-col :span="8">
+              <image-upload-field
+                label="大头照"
+                prop="headPhoto"
+                :value="driverForm.headPhoto"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                @success="url => setImage('headPhoto', url)"
+              />
+            </el-col>
+          </el-row>
+        </section-card>
+
+        <section-card title="驾驶证信息">
+          <el-row :gutter="18">
+            <el-col :span="6">
+              <el-form-item label="准驾车型" prop="drivingType">
+                <el-select
+                  v-model="driverForm.drivingType"
+                  clearable
+                  filterable
+                  allow-create
+                  default-first-option
+                >
+                  <el-option
+                    v-for="item in drivingTypeOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="档案编号" prop="drivingLicenseNo">
+                <el-input v-model="driverForm.drivingLicenseNo" maxlength="50" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="有效期" prop="drivingLicenseEndDate">
+                <div class="date-range">
+                  <el-date-picker
+                    v-model="driverForm.drivingLicenseStartDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    placeholder="起"
+                    @change="validateFormField('drivingLicenseEndDate')"
+                  />
+                  <el-date-picker
+                    v-model="driverForm.drivingLicenseEndDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    placeholder="止"
+                    :disabled="driverForm.drivingLicenseLongTerm === 1"
+                    @change="validateFormField('drivingLicenseEndDate')"
+                  />
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="长期有效" prop="drivingLicenseLongTerm">
+                <el-checkbox
+                  v-model="driverForm.drivingLicenseLongTerm"
+                  :true-label="1"
+                  :false-label="0"
+                  @change="validateFormField('drivingLicenseEndDate')"
+                >
+                  是
+                </el-checkbox>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="12">
+              <image-upload-field
+                label="驾驶证主页"
+                prop="drivingLicenseFront"
+                :value="driverForm.drivingLicenseFront"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                @success="
+                  (url, file) => handleDrivingLicenseUploadSuccess('drivingLicenseFront', url, file)
+                "
+              />
+            </el-col>
+            <el-col :span="12">
+              <image-upload-field
+                label="驾驶证副页"
+                prop="drivingLicenseBack"
+                :value="driverForm.drivingLicenseBack"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                @success="
+                  (url, file) => handleDrivingLicenseUploadSuccess('drivingLicenseBack', url, file)
+                "
+              />
+            </el-col>
+          </el-row>
+        </section-card>
+
+        <section-card title="从业资格证信息">
+          <el-row :gutter="18">
+            <el-col :span="6">
+              <el-form-item label="从业资格认证类型" prop="qualificationType">
+                <el-select
+                  v-model="driverForm.qualificationType"
+                  clearable
+                  filterable
+                  allow-create
+                  default-first-option
+                >
+                  <el-option
+                    v-for="item in qualificationTypeOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="资格证号" prop="qualificationNo">
+                <el-input
+                  v-model="driverForm.qualificationNo"
+                  maxlength="50"
+                  placeholder="默认身份证号"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="有效期" prop="qualificationEndDate">
                 <el-date-picker
-                  v-model="driverForm.drivingLicenseEndDate"
+                  v-model="driverForm.qualificationEndDate"
                   type="date"
                   value-format="YYYY-MM-DD"
-                  placeholder="止"
-                  :disabled="driverForm.drivingLicenseLongTerm === 1"
-                  @change="validateFormField('drivingLicenseEndDate')"
+                  :disabled="driverForm.qualificationLongTerm === 1"
+                  @change="validateFormField('qualificationEndDate')"
                 />
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="长期有效" prop="drivingLicenseLongTerm">
-              <el-checkbox
-                v-model="driverForm.drivingLicenseLongTerm"
-                :true-label="1"
-                :false-label="0"
-                @change="validateFormField('drivingLicenseEndDate')"
-              >
-                是
-              </el-checkbox>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="12">
-            <image-upload-field
-              label="驾驶证主页"
-              prop="drivingLicenseFront"
-              :value="driverForm.drivingLicenseFront"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              @success="
-                (url, file) =>
-                  handleDrivingLicenseUploadSuccess('drivingLicenseFront', url, file)
-              "
-            />
-          </el-col>
-          <el-col :span="12">
-            <image-upload-field
-              label="驾驶证副页"
-              prop="drivingLicenseBack"
-              :value="driverForm.drivingLicenseBack"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              @success="
-                (url, file) => handleDrivingLicenseUploadSuccess('drivingLicenseBack', url, file)
-              "
-            />
-          </el-col>
-        </el-row>
-
-        <div class="section-title">从业资格证信息</div>
-        <el-row :gutter="18">
-          <el-col :span="6">
-            <el-form-item label="从业资格认证类型" prop="qualificationType">
-              <el-select
-                v-model="driverForm.qualificationType"
-                clearable
-                filterable
-                allow-create
-                default-first-option
-              >
-                <el-option
-                  v-for="item in qualificationTypeOptions"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="资格证号" prop="qualificationNo">
-              <el-input
-                v-model="driverForm.qualificationNo"
-                maxlength="50"
-                placeholder="默认身份证号"
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="长期有效" prop="qualificationLongTerm">
+                <el-checkbox
+                  v-model="driverForm.qualificationLongTerm"
+                  :true-label="1"
+                  :false-label="0"
+                  @change="validateFormField('qualificationEndDate')"
+                >
+                  是
+                </el-checkbox>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="12">
+              <image-upload-field
+                label="封面页"
+                prop="qualificationFront"
+                :value="driverForm.qualificationFront"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                @success="url => setImage('qualificationFront', url)"
               />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="有效期" prop="qualificationEndDate">
-              <el-date-picker
-                v-model="driverForm.qualificationEndDate"
-                type="date"
-                value-format="YYYY-MM-DD"
-                :disabled="driverForm.qualificationLongTerm === 1"
-                @change="validateFormField('qualificationEndDate')"
+            </el-col>
+            <el-col :span="12">
+              <image-upload-field
+                label="内容页"
+                prop="qualificationBack"
+                :value="driverForm.qualificationBack"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                @success="url => setImage('qualificationBack', url)"
               />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="长期有效" prop="qualificationLongTerm">
-              <el-checkbox
-                v-model="driverForm.qualificationLongTerm"
-                :true-label="1"
-                :false-label="0"
-                @change="validateFormField('qualificationEndDate')"
-              >
-                是
-              </el-checkbox>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="12">
-            <image-upload-field
-              label="封面页"
-              prop="qualificationFront"
-              :value="driverForm.qualificationFront"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              @success="url => setImage('qualificationFront', url)"
-            />
-          </el-col>
-          <el-col :span="12">
-            <image-upload-field
-              label="内容页"
-              prop="qualificationBack"
-              :value="driverForm.qualificationBack"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              @success="url => setImage('qualificationBack', url)"
-            />
-          </el-col>
-        </el-row>
+            </el-col>
+          </el-row>
+        </section-card>
 
-        <div class="section-title">司机联系信息</div>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="司机类型" prop="driverType">
-              <el-select v-model="driverForm.driverType" filterable>
-                <el-option label="自有" value="自有" />
-                <el-option label="外协" value="外协" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="手机号" prop="mobile">
-              <el-input v-model="driverForm.mobile" maxlength="20" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="紧急联系人姓名" prop="emergencyContactName">
-              <el-input v-model="driverForm.emergencyContactName" maxlength="20" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="紧急联系人手机号" prop="emergencyContactMobile">
-              <el-input v-model="driverForm.emergencyContactMobile" maxlength="20" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="与联系人关系" prop="contactRelation">
-              <el-select
-                v-model="driverForm.contactRelation"
-                clearable
-                filterable
-                allow-create
-                default-first-option
-              >
-                <el-option
-                  v-for="item in relationOptions"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="所属组织" prop="organizationName">
-              <el-select v-model="driverForm.organizationName" clearable filterable>
-                <el-option
-                  v-for="item in organizationOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
+        <section-card title="司机联系信息">
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <el-form-item label="司机类型" prop="driverType">
+                <el-select v-model="driverForm.driverType" filterable>
+                  <el-option label="自有" value="自有" />
+                  <el-option label="外协" value="外协" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="手机号" prop="mobile">
+                <el-input v-model="driverForm.mobile" maxlength="20" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="紧急联系人姓名" prop="emergencyContactName">
+                <el-input v-model="driverForm.emergencyContactName" maxlength="20" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <el-form-item label="紧急联系人手机号" prop="emergencyContactMobile">
+                <el-input v-model="driverForm.emergencyContactMobile" maxlength="20" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="与联系人关系" prop="contactRelation">
+                <el-select
+                  v-model="driverForm.contactRelation"
+                  clearable
+                  filterable
+                  allow-create
+                  default-first-option
+                >
+                  <el-option
+                    v-for="item in relationOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="所属组织" prop="organizationName">
+                <el-select v-model="driverForm.organizationName" clearable filterable>
+                  <el-option
+                    v-for="item in organizationOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </section-card>
       </el-form>
       <template #footer>
         <el-button @click="driverBox = false">取消</el-button>
@@ -1329,19 +1333,6 @@ export default {
 }
 
 .driver-form {
-  .section-title {
-    margin: 18px 0 14px;
-    padding-left: 10px;
-    border-left: 3px solid #e74b5f;
-    color: #303133;
-    font-weight: 600;
-    line-height: 18px;
-  }
-
-  .section-title:first-child {
-    margin-top: 0;
-  }
-
   :deep(.el-date-editor.el-input),
   :deep(.el-date-editor.el-input__wrapper),
   :deep(.el-cascader),
@@ -1357,9 +1348,9 @@ export default {
   }
 }
 
+// 大尺寸证件照：按身份证 1.586:1 比例缩放（约真实尺寸 75%，240×151），左对齐显示
 :deep(.driver-uploader) {
   display: block;
-  width: 100%;
 }
 
 :deep(.driver-uploader .el-upload),
@@ -1374,9 +1365,17 @@ export default {
   overflow: hidden;
 }
 
+// 大尺寸模式：缩成 1.586:1 比例，左对齐（不再 100% 占栏）
+:deep(.driver-uploader--large) {
+  display: block;
+  width: 240px;
+  margin: 0;
+}
+
 :deep(.driver-uploader--large .el-upload),
 :deep(.driver-uploader--large.el-upload) {
-  height: 260px;
+  width: 100%;
+  height: 151px;
 }
 
 :deep(.driver-uploader__image) {
@@ -1395,6 +1394,7 @@ export default {
   color: #606266;
 }
 
+// 弹窗内可滚动（弹窗 body 灰底已由全局 .el-dialog__body 规则生效）
 .driver-dialog {
   :deep(.el-dialog__body) {
     max-height: 72vh;
diff --git a/src/views/transportCapacity/ship.vue b/src/views/transportCapacity/ship.vue
index b5299d0..a18c6f0 100644
--- a/src/views/transportCapacity/ship.vue
+++ b/src/views/transportCapacity/ship.vue
@@ -47,7 +47,9 @@
       <template #menu-right>
         <el-radio-group v-model="query.expireStatus" class="ship-stat" @change="handleExpireChange">
           <el-radio-button label="">全部（{{ expiryStat.total }}）</el-radio-button>
-          <el-radio-button label="within30">30天内到期（{{ expiryStat.within30 }}）</el-radio-button>
+          <el-radio-button label="within30"
+            >30天内到期（{{ expiryStat.within30 }}）</el-radio-button
+          >
           <el-radio-button label="expired">已到期（{{ expiryStat.expired }}）</el-radio-button>
         </el-radio-group>
       </template>
@@ -86,11 +88,7 @@
         </span>
       </template>
       <template #menu="{ row }">
-        <el-link
-          type="primary"
-          v-if="hasPermission('transport_ship_edit')"
-          @click="openShip(row)"
-        >
+        <el-link type="primary" v-if="hasPermission('transport_ship_edit')" @click="openShip(row)">
           修改
         </el-link>
         <el-link
@@ -127,197 +125,55 @@
         :disabled="readonly"
         class="ship-form"
       >
-        <div class="section-title">基础船舶信息</div>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="船舶所属组织" prop="organizationName">
-              <el-select v-model="shipForm.organizationName" filterable clearable placeholder="请选择">
-                <el-option
-                  v-for="item in organizationOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="船名" prop="shipName">
-              <el-input v-model="shipForm.shipName" maxlength="50" show-word-limit />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="安放龙骨日期/建造完工日期" prop="keelLayingDate">
-              <div class="date-range-inline">
-                <el-date-picker
-                  v-model="shipForm.keelLayingDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                  @change="validateField('keelLayingDate')"
-                />
-                <span>至</span>
-                <el-date-picker
-                  v-model="shipForm.buildCompletionDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                  @change="validateField('keelLayingDate')"
-                />
-              </div>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="总长" prop="totalLength">
-              <el-input-number
-                v-model="shipForm.totalLength"
-                :min="0"
-                :precision="2"
-                :controls="false"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="船宽" prop="shipWidth">
-              <el-input-number
-                v-model="shipForm.shipWidth"
-                :min="0"
-                :precision="2"
-                :controls="false"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="型深" prop="moldedDepth">
-              <el-input-number
-                v-model="shipForm.moldedDepth"
-                :min="0"
-                :precision="2"
-                :controls="false"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="最大船高" prop="maxShipHeight">
-              <el-input-number
-                v-model="shipForm.maxShipHeight"
-                :min="0"
-                :precision="2"
-                :controls="false"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="空载吃水" prop="lightDraft">
-              <el-input-number
-                v-model="shipForm.lightDraft"
-                :min="0"
-                :precision="2"
-                :controls="false"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="满载吃水" prop="fullLoadDraft">
-              <el-input-number
-                v-model="shipForm.fullLoadDraft"
-                :min="0"
-                :precision="2"
-                :controls="false"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="航区" prop="navigationArea">
-              <div class="navigation-area-field">
-                <el-select v-model="shipForm.navigationArea" placeholder="请选择">
-                  <el-option label="A级" value="A级" />
-                  <el-option label="B级" value="B级" />
+        <section-card title="基础船舶信息">
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <el-form-item label="船舶所属组织" prop="organizationName">
+                <el-select
+                  v-model="shipForm.organizationName"
+                  filterable
+                  clearable
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in organizationOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
                 </el-select>
-                <el-tooltip effect="light" placement="top" popper-class="ship-navigation-tooltip">
-                  <template #content>
-                    <table class="navigation-cargo-table">
-                      <tbody>
-                        <tr>
-                          <th rowspan="2">参考<br />载货量</th>
-                          <th>航区</th>
-                          <th>A级</th>
-                          <th>B级</th>
-                          <th>FA</th>
-                          <th>FB</th>
-                        </tr>
-                        <tr>
-                          <th>载货量(t)</th>
-                          <td>864.00</td>
-                          <td>864.00</td>
-                          <td>965.00</td>
-                          <td>1015.00</td>
-                        </tr>
-                      </tbody>
-                    </table>
-                  </template>
-                  <el-icon class="navigation-info-icon"><InfoFilled /></el-icon>
-                </el-tooltip>
-              </div>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <div class="section-title section-title--wide">船舶证书信息</div>
-        <div class="cert-block">
-          <div class="cert-block__title">船舶所有权证书</div>
-          <el-row :gutter="18">
-            <el-col :span="8">
-              <el-form-item label="登记号码" prop="ownershipRegistrationNo">
-                <el-input v-model="shipForm.ownershipRegistrationNo" maxlength="50" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="初次登记号码" prop="initialRegistrationNo">
-                <el-input v-model="shipForm.initialRegistrationNo" maxlength="50" />
+              <el-form-item label="船名" prop="shipName">
+                <el-input v-model="shipForm.shipName" maxlength="50" show-word-limit />
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="船舶所有人" prop="shipOwner">
-                <el-input v-model="shipForm.shipOwner" maxlength="50" />
+              <el-form-item label="安放龙骨日期/建造完工日期" prop="keelLayingDate">
+                <div class="date-range-inline">
+                  <el-date-picker
+                    v-model="shipForm.keelLayingDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    @change="validateField('keelLayingDate')"
+                  />
+                  <span>至</span>
+                  <el-date-picker
+                    v-model="shipForm.buildCompletionDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    @change="validateField('keelLayingDate')"
+                  />
+                </div>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="18">
             <el-col :span="8">
-              <el-form-item label="取得所有权日期" prop="ownershipAcquisitionDate">
-                <el-date-picker
-                  v-model="shipForm.ownershipAcquisitionDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="船舶识别号" prop="shipIdentifierNo">
-                <el-input
-                  v-model="shipForm.shipIdentifierNo"
-                  maxlength="50"
-                  @input="
-                    shipForm.shipIdentifierNo = String(shipForm.shipIdentifierNo || '').toUpperCase()
-                  "
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </div>
-
-        <div class="cert-block">
-          <div class="cert-block__title">内河船舶安全与环保证书</div>
-          <el-row :gutter="18">
-            <el-col :span="8">
-              <el-form-item label="总吨" prop="grossTonnage">
+              <el-form-item label="总长" prop="totalLength">
                 <el-input-number
-                  v-model="shipForm.grossTonnage"
+                  v-model="shipForm.totalLength"
                   :min="0"
                   :precision="2"
                   :controls="false"
@@ -325,9 +181,9 @@
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="净吨" prop="netTonnage">
+              <el-form-item label="船宽" prop="shipWidth">
                 <el-input-number
-                  v-model="shipForm.netTonnage"
+                  v-model="shipForm.shipWidth"
                   :min="0"
                   :precision="2"
                   :controls="false"
@@ -335,211 +191,362 @@
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="船检登记号" prop="shipInspectionNo">
-                <el-input v-model="shipForm.shipInspectionNo" maxlength="50" />
+              <el-form-item label="型深" prop="moldedDepth">
+                <el-input-number
+                  v-model="shipForm.moldedDepth"
+                  :min="0"
+                  :precision="2"
+                  :controls="false"
+                />
               </el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="18">
             <el-col :span="8">
-              <el-form-item label="船舶类型" prop="shipType">
-                <el-input v-model="shipForm.shipType" maxlength="50" />
+              <el-form-item label="最大船高" prop="maxShipHeight">
+                <el-input-number
+                  v-model="shipForm.maxShipHeight"
+                  :min="0"
+                  :precision="2"
+                  :controls="false"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="空载吃水" prop="lightDraft">
+                <el-input-number
+                  v-model="shipForm.lightDraft"
+                  :min="0"
+                  :precision="2"
+                  :controls="false"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="满载吃水" prop="fullLoadDraft">
+                <el-input-number
+                  v-model="shipForm.fullLoadDraft"
+                  :min="0"
+                  :precision="2"
+                  :controls="false"
+                />
               </el-form-item>
             </el-col>
           </el-row>
-        </div>
-
-        <div class="cert-block">
-          <div class="cert-block__title">船舶国籍证书</div>
           <el-row :gutter="18">
-            <el-col :span="16">
-              <el-form-item label="证书有效期自" prop="nationalityCertStartDate">
-                <div class="date-range-inline">
-                  <el-date-picker
-                    v-model="shipForm.nationalityCertStartDate"
-                    type="date"
-                    value-format="YYYY-MM-DD"
-                  />
-                  <span>至</span>
-                  <el-date-picker
-                    v-model="shipForm.nationalityCertEndDate"
-                    type="date"
-                    value-format="YYYY-MM-DD"
-                    @change="validateField('nationalityCertStartDate')"
-                  />
+            <el-col :span="8">
+              <el-form-item label="航区" prop="navigationArea">
+                <div class="navigation-area-field">
+                  <el-select v-model="shipForm.navigationArea" placeholder="请选择">
+                    <el-option label="A级" value="A级" />
+                    <el-option label="B级" value="B级" />
+                  </el-select>
+                  <el-tooltip effect="light" placement="top" popper-class="ship-navigation-tooltip">
+                    <template #content>
+                      <table class="navigation-cargo-table">
+                        <tbody>
+                          <tr>
+                            <th rowspan="2">参考<br />载货量</th>
+                            <th>航区</th>
+                            <th>A级</th>
+                            <th>B级</th>
+                            <th>FA</th>
+                            <th>FB</th>
+                          </tr>
+                          <tr>
+                            <th>载货量(t)</th>
+                            <td>864.00</td>
+                            <td>864.00</td>
+                            <td>965.00</td>
+                            <td>1015.00</td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </template>
+                    <el-icon class="navigation-info-icon"><InfoFilled /></el-icon>
+                  </el-tooltip>
                 </div>
               </el-form-item>
             </el-col>
           </el-row>
-        </div>
+        </section-card>
 
-        <div class="cert-block">
-          <div class="cert-block__title">内河船舶最低安全配员证书</div>
-          <el-row :gutter="18">
-            <el-col :span="16">
-              <el-form-item label="证书有效期自" prop="safeManningCertStartDate">
-                <div class="date-range-inline">
+        <section-card title="船舶证书信息">
+          <div class="cert-block">
+            <div class="cert-block__title">船舶所有权证书</div>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <el-form-item label="登记号码" prop="ownershipRegistrationNo">
+                  <el-input v-model="shipForm.ownershipRegistrationNo" maxlength="50" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="初次登记号码" prop="initialRegistrationNo">
+                  <el-input v-model="shipForm.initialRegistrationNo" maxlength="50" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="船舶所有人" prop="shipOwner">
+                  <el-input v-model="shipForm.shipOwner" maxlength="50" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <el-form-item label="取得所有权日期" prop="ownershipAcquisitionDate">
                   <el-date-picker
-                    v-model="shipForm.safeManningCertStartDate"
+                    v-model="shipForm.ownershipAcquisitionDate"
                     type="date"
                     value-format="YYYY-MM-DD"
                   />
-                  <span>至</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="船舶识别号" prop="shipIdentifierNo">
+                  <el-input
+                    v-model="shipForm.shipIdentifierNo"
+                    maxlength="50"
+                    @input="
+                      shipForm.shipIdentifierNo = String(
+                        shipForm.shipIdentifierNo || ''
+                      ).toUpperCase()
+                    "
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="cert-block">
+            <div class="cert-block__title">内河船舶安全与环保证书</div>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <el-form-item label="总吨" prop="grossTonnage">
+                  <el-input-number
+                    v-model="shipForm.grossTonnage"
+                    :min="0"
+                    :precision="2"
+                    :controls="false"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="净吨" prop="netTonnage">
+                  <el-input-number
+                    v-model="shipForm.netTonnage"
+                    :min="0"
+                    :precision="2"
+                    :controls="false"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="船检登记号" prop="shipInspectionNo">
+                  <el-input v-model="shipForm.shipInspectionNo" maxlength="50" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <el-form-item label="船舶类型" prop="shipType">
+                  <el-input v-model="shipForm.shipType" maxlength="50" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="cert-block">
+            <div class="cert-block__title">船舶国籍证书</div>
+            <el-row :gutter="18">
+              <el-col :span="16">
+                <el-form-item label="证书有效期自" prop="nationalityCertStartDate">
+                  <div class="date-range-inline">
+                    <el-date-picker
+                      v-model="shipForm.nationalityCertStartDate"
+                      type="date"
+                      value-format="YYYY-MM-DD"
+                    />
+                    <span>至</span>
+                    <el-date-picker
+                      v-model="shipForm.nationalityCertEndDate"
+                      type="date"
+                      value-format="YYYY-MM-DD"
+                      @change="validateField('nationalityCertStartDate')"
+                    />
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="cert-block">
+            <div class="cert-block__title">内河船舶最低安全配员证书</div>
+            <el-row :gutter="18">
+              <el-col :span="16">
+                <el-form-item label="证书有效期自" prop="safeManningCertStartDate">
+                  <div class="date-range-inline">
+                    <el-date-picker
+                      v-model="shipForm.safeManningCertStartDate"
+                      type="date"
+                      value-format="YYYY-MM-DD"
+                    />
+                    <span>至</span>
+                    <el-date-picker
+                      v-model="shipForm.safeManningCertEndDate"
+                      type="date"
+                      value-format="YYYY-MM-DD"
+                      @change="validateField('safeManningCertStartDate')"
+                    />
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="cert-block">
+            <div class="cert-block__title">光船租赁登记证明书</div>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <el-form-item label="起租日期" prop="leaseStartDate">
                   <el-date-picker
-                    v-model="shipForm.safeManningCertEndDate"
+                    v-model="shipForm.leaseStartDate"
                     type="date"
                     value-format="YYYY-MM-DD"
-                    @change="validateField('safeManningCertStartDate')"
                   />
-                </div>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="终止日期" prop="leaseEndDate">
+                  <el-date-picker
+                    v-model="shipForm.leaseEndDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    @change="validateField('leaseStartDate')"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="船舶承租人" prop="shipLessee">
+                  <el-input v-model="shipForm.shipLessee" maxlength="50" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
 
-        <div class="cert-block">
-          <div class="cert-block__title">光船租赁登记证明书</div>
-          <el-row :gutter="18">
-            <el-col :span="8">
-              <el-form-item label="起租日期" prop="leaseStartDate">
-                <el-date-picker
-                  v-model="shipForm.leaseStartDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="终止日期" prop="leaseEndDate">
-                <el-date-picker
-                  v-model="shipForm.leaseEndDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                  @change="validateField('leaseStartDate')"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="船舶承租人" prop="shipLessee">
-                <el-input v-model="shipForm.shipLessee" maxlength="50" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </div>
+          <div class="cert-block">
+            <div class="cert-block__title">船舶营业运输证书</div>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <el-form-item label="证书编号" prop="businessTransportCertNo">
+                  <el-input v-model="shipForm.businessTransportCertNo" maxlength="50" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="发证日期" prop="businessTransportCertIssueDate">
+                  <el-date-picker
+                    v-model="shipForm.businessTransportCertIssueDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="有效期至" prop="businessTransportCertEndDate">
+                  <el-date-picker
+                    v-model="shipForm.businessTransportCertEndDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <el-form-item label="船舶经营人" prop="shipOperator">
+                  <el-input v-model="shipForm.shipOperator" maxlength="50" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
 
-        <div class="cert-block">
-          <div class="cert-block__title">船舶营业运输证书</div>
-          <el-row :gutter="18">
+          <el-row class="cert-upload-grid" :gutter="18">
             <el-col :span="8">
-              <el-form-item label="证书编号" prop="businessTransportCertNo">
-                <el-input v-model="shipForm.businessTransportCertNo" maxlength="50" />
-              </el-form-item>
+              <image-upload-field
+                label="船舶所有权证书"
+                prop="ownershipCertImage"
+                :value="shipForm.ownershipCertImage"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="ship"
+                @success="url => setImage('ownershipCertImage', url)"
+              />
             </el-col>
             <el-col :span="8">
-              <el-form-item label="发证日期" prop="businessTransportCertIssueDate">
-                <el-date-picker
-                  v-model="shipForm.businessTransportCertIssueDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                />
-              </el-form-item>
+              <image-upload-field
+                label="内河船舶安全与环保证书"
+                prop="safetyCertImage"
+                :value="shipForm.safetyCertImage"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="ship"
+                @success="url => setImage('safetyCertImage', url)"
+              />
             </el-col>
             <el-col :span="8">
-              <el-form-item label="有效期至" prop="businessTransportCertEndDate">
-                <el-date-picker
-                  v-model="shipForm.businessTransportCertEndDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                />
-              </el-form-item>
+              <image-upload-field
+                label="船舶国籍证书"
+                prop="nationalityCertImage"
+                :value="shipForm.nationalityCertImage"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="ship"
+                @success="url => setImage('nationalityCertImage', url)"
+              />
+            </el-col>
+            <el-col :span="8">
+              <image-upload-field
+                label="内河船舶最低安全配员证书"
+                prop="safeManningCertImage"
+                :value="shipForm.safeManningCertImage"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="ship"
+                @success="url => setImage('safeManningCertImage', url)"
+              />
+            </el-col>
+            <el-col :span="8">
+              <div class="cert-upload-spacer"></div>
+            </el-col>
+            <el-col :span="8">
+              <image-upload-field
+                label="光船租赁登记证书"
+                prop="leaseContractImage"
+                :value="shipForm.leaseContractImage"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="ship"
+                @success="url => setImage('leaseContractImage', url)"
+              />
+            </el-col>
+            <el-col :span="8">
+              <image-upload-field
+                label="船舶营业运输证"
+                prop="businessTransportCertImage"
+                :value="shipForm.businessTransportCertImage"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="ship"
+                @success="url => setImage('businessTransportCertImage', url)"
+              />
             </el-col>
           </el-row>
-          <el-row :gutter="18">
-            <el-col :span="8">
-              <el-form-item label="船舶经营人" prop="shipOperator">
-                <el-input v-model="shipForm.shipOperator" maxlength="50" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </div>
-
-        <el-row class="cert-upload-grid" :gutter="18">
-          <el-col :span="8">
-            <image-upload-field
-              label="船舶所有权证书"
-              prop="ownershipCertImage"
-              :value="shipForm.ownershipCertImage"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="ship"
-              @success="url => setImage('ownershipCertImage', url)"
-            />
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="内河船舶安全与环保证书"
-              prop="safetyCertImage"
-              :value="shipForm.safetyCertImage"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="ship"
-              @success="url => setImage('safetyCertImage', url)"
-            />
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="船舶国籍证书"
-              prop="nationalityCertImage"
-              :value="shipForm.nationalityCertImage"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="ship"
-              @success="url => setImage('nationalityCertImage', url)"
-            />
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="内河船舶最低安全配员证书"
-              prop="safeManningCertImage"
-              :value="shipForm.safeManningCertImage"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="ship"
-              @success="url => setImage('safeManningCertImage', url)"
-            />
-          </el-col>
-          <el-col :span="8">
-            <div class="cert-upload-spacer"></div>
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="光船租赁登记证书"
-              prop="leaseContractImage"
-              :value="shipForm.leaseContractImage"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="ship"
-              @success="url => setImage('leaseContractImage', url)"
-            />
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="船舶营业运输证"
-              prop="businessTransportCertImage"
-              :value="shipForm.businessTransportCertImage"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="ship"
-              @success="url => setImage('businessTransportCertImage', url)"
-            />
-          </el-col>
-        </el-row>
+        </section-card>
       </el-form>
       <template #footer>
         <el-button @click="shipBox = false">取消</el-button>
@@ -657,8 +664,12 @@ export default {
         netTonnage: [{ required: true, message: '请输入净吨', trigger: 'change' }],
         shipInspectionNo: [{ required: true, message: '请输入船检登记号', trigger: 'blur' }],
         shipType: [{ required: true, message: '请输入船舶类型', trigger: 'blur' }],
-        nationalityCertStartDate: [{ validator: this.validateNationalityCertDate, trigger: 'change' }],
-        safeManningCertStartDate: [{ validator: this.validateSafeManningCertDate, trigger: 'change' }],
+        nationalityCertStartDate: [
+          { validator: this.validateNationalityCertDate, trigger: 'change' },
+        ],
+        safeManningCertStartDate: [
+          { validator: this.validateSafeManningCertDate, trigger: 'change' },
+        ],
         leaseStartDate: [{ validator: this.validateLeaseDate, trigger: 'change' }],
         businessTransportCertNo: [{ required: true, message: '请输入证书编号', trigger: 'blur' }],
         businessTransportCertIssueDate: [
@@ -778,7 +789,11 @@ export default {
       );
     },
     validateDateRangeByProp(startProp, endProp, longTermProp, emptyMessage, callback) {
-      if (this.shipForm[longTermProp] === 1 && !this.shipForm[startProp] && !this.shipForm[endProp]) {
+      if (
+        this.shipForm[longTermProp] === 1 &&
+        !this.shipForm[startProp] &&
+        !this.shipForm[endProp]
+      ) {
         callback();
         return;
       }
@@ -967,112 +982,95 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  .transport-ship-page {
-    .ship-stat {
-      flex-shrink: 0;
-    }
-
-    :deep(.el-table th .cell),
-    :deep(.el-table td .cell) {
-      white-space: nowrap;
-    }
-  }
-
-  .ship-form {
-    .section-title {
-      margin: 18px 0 14px;
-      padding-left: 10px;
-      border-left: 3px solid #e74b5f;
-      color: #303133;
-      font-weight: 600;
-      line-height: 18px;
-    }
-
-    .section-title:first-child {
-      margin-top: 0;
-    }
-
-    .section-title--wide {
-      margin-top: 24px;
-    }
-
-    :deep(.el-date-editor.el-input),
-    :deep(.el-date-editor.el-input__wrapper),
-    :deep(.el-select),
-    :deep(.el-input),
-    :deep(.el-input-number) {
-      width: 100%;
-    }
-  }
-
-  .date-range-inline {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    width: 100%;
-  }
-
-  .date-range-inline :deep(.el-date-editor) {
-    flex: 1;
-    min-width: 0;
-  }
-
-  .navigation-area-field {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    width: 100%;
-  }
-
-  .navigation-area-field :deep(.el-select) {
-    flex: 1;
-    min-width: 0;
-  }
-
-  .navigation-info-icon {
-    color: #909399;
-    font-size: 18px;
-    cursor: help;
+.transport-ship-page {
+  .ship-stat {
     flex-shrink: 0;
   }
 
-  .cert-block {
-    padding: 16px 0 8px;
-    border-top: 1px solid #e5e6eb;
+  :deep(.el-table th .cell),
+  :deep(.el-table td .cell) {
+    white-space: nowrap;
   }
+}
 
-  .cert-block__title {
-    margin-bottom: 12px;
-    color: #303133;
-    font-weight: 600;
-    line-height: 20px;
+.ship-form {
+  :deep(.el-date-editor.el-input),
+  :deep(.el-date-editor.el-input__wrapper),
+  :deep(.el-select),
+  :deep(.el-input),
+  :deep(.el-input-number) {
+    width: 100%;
   }
+}
 
-  .cert-upload-grid {
-    padding-top: 8px;
-  }
+.date-range-inline {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
 
-  .cert-upload-spacer {
-    height: 1px;
-  }
+.date-range-inline :deep(.el-date-editor) {
+  flex: 1;
+  min-width: 0;
+}
 
-  .ship-upload-item {
-    margin-bottom: 14px;
-  }
+.navigation-area-field {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
 
-  .ocr-tip {
-    min-height: 114px;
-    padding: 18px 20px;
-    background: #ffd84d;
-    color: #333;
-    font-size: 16px;
-    line-height: 1.45;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
-  }
+.navigation-area-field :deep(.el-select) {
+  flex: 1;
+  min-width: 0;
+}
 
+.navigation-info-icon {
+  color: #909399;
+  font-size: 18px;
+  cursor: help;
+  flex-shrink: 0;
+}
+
+.cert-block {
+  padding: 16px 0 8px;
+  border-top: 1px solid #e5e6eb;
+}
+
+.cert-block__title {
+  margin-bottom: 12px;
+  color: #303133;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.cert-upload-grid {
+  padding-top: 8px;
+}
+
+.cert-upload-spacer {
+  height: 1px;
+}
+
+.ship-upload-item {
+  margin-bottom: 14px;
+}
+
+.ocr-tip {
+  min-height: 114px;
+  padding: 18px 20px;
+  background: #ffd84d;
+  color: #333;
+  font-size: 16px;
+  line-height: 1.45;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+}
+
+// 大尺寸证件照：按身份证 1.586:1 比例缩放（约真实尺寸 75%，240×151），左对齐显示
 :deep(.ship-uploader) {
   display: block;
-  width: 100%;
 }
 
 :deep(.ship-uploader .el-upload),
@@ -1089,7 +1087,14 @@ export default {
 
 :deep(.ship-uploader--large .el-upload),
 :deep(.ship-uploader--large.el-upload) {
-  height: 260px;
+  width: 100%;
+  height: 151px;
+}
+
+:deep(.ship-uploader--large) {
+  display: block;
+  width: 240px;
+  margin: 0;
 }
 
 :deep(.ship-uploader__image) {
@@ -1108,34 +1113,34 @@ export default {
   color: #606266;
 }
 
-  :deep(.ship-navigation-tooltip) {
-    padding: 8px 10px;
-  }
+:deep(.ship-navigation-tooltip) {
+  padding: 8px 10px;
+}
 
-  .navigation-cargo-table {
-    border-collapse: collapse;
-    font-size: 12px;
-  }
+.navigation-cargo-table {
+  border-collapse: collapse;
+  font-size: 12px;
+}
 
-  .navigation-cargo-table th,
-  .navigation-cargo-table td {
-    border: 1px solid #909399;
-    padding: 6px 10px;
-    text-align: center;
-    white-space: nowrap;
-  }
+.navigation-cargo-table th,
+.navigation-cargo-table td {
+  border: 1px solid #909399;
+  padding: 6px 10px;
+  text-align: center;
+  white-space: nowrap;
+}
 
-  .navigation-cargo-table th {
-    font-weight: 600;
-  }
+.navigation-cargo-table th {
+  font-weight: 600;
+}
 
-  .date-warning {
-    color: #f56c6c;
-    font-weight: 600;
-  }
+.date-warning {
+  color: #f56c6c;
+  font-weight: 600;
+}
 
-  .date-danger {
-    color: #d40000;
-    font-weight: 600;
-  }
+.date-danger {
+  color: #d40000;
+  font-weight: 600;
+}
 </style>
diff --git a/src/views/transportCapacity/vehicle.vue b/src/views/transportCapacity/vehicle.vue
index f6967c0..1c6385e 100644
--- a/src/views/transportCapacity/vehicle.vue
+++ b/src/views/transportCapacity/vehicle.vue
@@ -48,7 +48,9 @@
           @change="handleExpireChange"
         >
           <el-radio-button label="">全部（{{ expiryStat.total }}）</el-radio-button>
-          <el-radio-button label="within30">30天内到期（{{ expiryStat.within30 }}）</el-radio-button>
+          <el-radio-button label="within30"
+            >30天内到期（{{ expiryStat.within30 }}）</el-radio-button
+          >
           <el-radio-button label="expired">已到期（{{ expiryStat.expired }}）</el-radio-button>
         </el-radio-group>
       </template>
@@ -119,370 +121,372 @@
         :disabled="readonly"
         class="vehicle-form"
       >
-        <div class="section-title">基础车辆信息</div>
-        <el-row :gutter="18">
-          <el-col :span="24">
-            <el-form-item label="所有组织" prop="organizationName">
-              <el-select
-                v-model="vehicleForm.organizationName"
-                filterable
-                clearable
-                placeholder="请选择"
-              >
-                <el-option
-                  v-for="item in organizationOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="10">
-            <el-form-item label="车牌号" prop="plateNo">
-              <div class="plate-group">
+        <section-card title="基础车辆信息">
+          <el-row :gutter="18">
+            <el-col :span="24">
+              <el-form-item label="所有组织" prop="organizationName">
                 <el-select
-                  v-model="vehicleForm.plateProvince"
-                  placeholder="请选择"
+                  v-model="vehicleForm.organizationName"
                   filterable
-                  @change="syncPlateNo(false)"
-                >
-                  <el-option
-                    v-for="item in plateProvinceOptions"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-                <el-input
-                  v-model="vehicleForm.plateNoBody"
-                  maxlength="7"
-                  show-word-limit
-                  @input="handlePlateBodyInput"
-                />
-                <el-select
-                  v-model="vehicleForm.plateColor"
+                  clearable
                   placeholder="请选择"
-                  @change="syncPlateNo(false)"
                 >
                   <el-option
-                    v-for="item in plateColorOptions"
+                    v-for="item in organizationOptions"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
                   />
                 </el-select>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="车辆类型" prop="vehicleType">
-              <el-select
-                v-model="vehicleForm.vehicleType"
-                filterable
-                allow-create
-                default-first-option
-              >
-                <el-option
-                  v-for="item in vehicleTypeOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="外廓尺寸(毫米)">
-              <div class="dimension-group">
-                <div class="dimension-group__item">
-                  <span class="dimension-group__label">长</span>
-                  <el-input-number
-                    v-model="vehicleForm.outerLength"
-                    :min="0"
-                    :precision="0"
-                    controls-position="right"
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="10">
+              <el-form-item label="车牌号" prop="plateNo">
+                <div class="plate-group">
+                  <el-select
+                    v-model="vehicleForm.plateProvince"
+                    placeholder="请选择"
+                    filterable
+                    @change="syncPlateNo(false)"
+                  >
+                    <el-option
+                      v-for="item in plateProvinceOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
+                  <el-input
+                    v-model="vehicleForm.plateNoBody"
+                    maxlength="7"
+                    show-word-limit
+                    @input="handlePlateBodyInput"
                   />
+                  <el-select
+                    v-model="vehicleForm.plateColor"
+                    placeholder="请选择"
+                    @change="syncPlateNo(false)"
+                  >
+                    <el-option
+                      v-for="item in plateColorOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
                 </div>
-                <div class="dimension-group__item">
-                  <span class="dimension-group__label">宽</span>
-                  <el-input-number
-                    v-model="vehicleForm.outerWidth"
-                    :min="0"
-                    :precision="0"
-                    controls-position="right"
-                  />
-                </div>
-                <div class="dimension-group__item">
-                  <span class="dimension-group__label">高</span>
-                  <el-input-number
-                    v-model="vehicleForm.outerHeight"
-                    :min="0"
-                    :precision="0"
-                    controls-position="right"
-                  />
-                </div>
-              </div>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="核定载质量(KG)" prop="approvedLoadKg">
-              <el-input-number
-                v-model="vehicleForm.approvedLoadKg"
-                :min="0"
-                :precision="0"
-                controls-position="right"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="准牵引总质量(KG)" prop="tractionMassKg">
-              <el-input-number
-                v-model="vehicleForm.tractionMassKg"
-                :min="0"
-                :precision="0"
-                controls-position="right"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="业务关系" prop="businessRelation">
-              <el-select v-model="vehicleForm.businessRelation">
-                <el-option
-                  v-for="item in businessRelationOptions"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="能源类型" prop="energyType">
-              <el-select
-                v-model="vehicleForm.energyType"
-                filterable
-                allow-create
-                default-first-option
-              >
-                <el-option
-                  v-for="item in energyTypeOptions"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="强制报废日期" prop="compulsoryScrapDate">
-              <div class="date-with-flag">
-                <el-date-picker
-                  v-model="vehicleForm.compulsoryScrapDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                  :disabled="vehicleForm.compulsoryScrapLongTerm === 1"
-                />
-                <el-checkbox
-                  v-model="vehicleForm.compulsoryScrapLongTerm"
-                  :true-label="1"
-                  :false-label="0"
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="车辆类型" prop="vehicleType">
+                <el-select
+                  v-model="vehicleForm.vehicleType"
+                  filterable
+                  allow-create
+                  default-first-option
                 >
-                  长期有效
-                </el-checkbox>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="海关备案号" prop="customsRecordNo">
-              <el-input v-model="vehicleForm.customsRecordNo" maxlength="50" />
-            </el-form-item>
-          </el-col>
-        </el-row>
+                  <el-option
+                    v-for="item in vehicleTypeOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="外廓尺寸(毫米)">
+                <div class="dimension-group">
+                  <div class="dimension-group__item">
+                    <span class="dimension-group__label">长</span>
+                    <el-input-number
+                      v-model="vehicleForm.outerLength"
+                      :min="0"
+                      :precision="0"
+                      controls-position="right"
+                    />
+                  </div>
+                  <div class="dimension-group__item">
+                    <span class="dimension-group__label">宽</span>
+                    <el-input-number
+                      v-model="vehicleForm.outerWidth"
+                      :min="0"
+                      :precision="0"
+                      controls-position="right"
+                    />
+                  </div>
+                  <div class="dimension-group__item">
+                    <span class="dimension-group__label">高</span>
+                    <el-input-number
+                      v-model="vehicleForm.outerHeight"
+                      :min="0"
+                      :precision="0"
+                      controls-position="right"
+                    />
+                  </div>
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <el-form-item label="核定载质量(KG)" prop="approvedLoadKg">
+                <el-input-number
+                  v-model="vehicleForm.approvedLoadKg"
+                  :min="0"
+                  :precision="0"
+                  controls-position="right"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="准牵引总质量(KG)" prop="tractionMassKg">
+                <el-input-number
+                  v-model="vehicleForm.tractionMassKg"
+                  :min="0"
+                  :precision="0"
+                  controls-position="right"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="业务关系" prop="businessRelation">
+                <el-select v-model="vehicleForm.businessRelation">
+                  <el-option
+                    v-for="item in businessRelationOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <el-form-item label="能源类型" prop="energyType">
+                <el-select
+                  v-model="vehicleForm.energyType"
+                  filterable
+                  allow-create
+                  default-first-option
+                >
+                  <el-option
+                    v-for="item in energyTypeOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="强制报废日期" prop="compulsoryScrapDate">
+                <div class="date-with-flag">
+                  <el-date-picker
+                    v-model="vehicleForm.compulsoryScrapDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    :disabled="vehicleForm.compulsoryScrapLongTerm === 1"
+                  />
+                  <el-checkbox
+                    v-model="vehicleForm.compulsoryScrapLongTerm"
+                    :true-label="1"
+                    :false-label="0"
+                  >
+                    长期有效
+                  </el-checkbox>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="海关备案号" prop="customsRecordNo">
+                <el-input v-model="vehicleForm.customsRecordNo" maxlength="50" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </section-card>
 
-        <div class="section-title">车辆资质图片</div>
-        <el-row :gutter="18">
-          <el-col :span="6">
-            <el-form-item label="行驶证档案编号" prop="drivingLicenseNo">
-              <el-input v-model="vehicleForm.drivingLicenseNo" maxlength="50" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="行驶证有效期" prop="drivingLicenseEndDate">
-              <div class="date-with-flag">
+        <section-card title="车辆资质图片">
+          <el-row :gutter="18">
+            <el-col :span="6">
+              <el-form-item label="行驶证档案编号" prop="drivingLicenseNo">
+                <el-input v-model="vehicleForm.drivingLicenseNo" maxlength="50" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="行驶证有效期" prop="drivingLicenseEndDate">
+                <div class="date-with-flag">
+                  <el-date-picker
+                    v-model="vehicleForm.drivingLicenseEndDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                  />
+                  <el-checkbox
+                    v-model="vehicleForm.drivingLicenseLongTerm"
+                    :true-label="1"
+                    :false-label="0"
+                  >
+                    长期有效
+                  </el-checkbox>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="10">
+              <el-form-item label="道路运输证号" prop="roadTransportCertNo">
+                <el-input v-model="vehicleForm.roadTransportCertNo" maxlength="50" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <el-form-item label="道路运输证有效期" prop="roadTransportCertEndDate">
+                <div class="date-with-flag">
+                  <el-date-picker
+                    v-model="vehicleForm.roadTransportCertEndDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                  />
+                  <el-checkbox
+                    v-model="vehicleForm.roadTransportCertLongTerm"
+                    :true-label="1"
+                    :false-label="0"
+                  >
+                    长期有效
+                  </el-checkbox>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="道路运输年审有效期" prop="annualReviewEndDate">
+                <div class="date-with-flag">
+                  <el-date-picker
+                    v-model="vehicleForm.annualReviewEndDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    :disabled="vehicleForm.annualReviewLongTerm === 1"
+                  />
+                  <el-checkbox
+                    v-model="vehicleForm.annualReviewLongTerm"
+                    :true-label="1"
+                    :false-label="0"
+                  >
+                    长期有效
+                  </el-checkbox>
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <el-form-item label="机动车登记编号" prop="registrationNo">
+                <el-input v-model="vehicleForm.registrationNo" maxlength="50" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="机动车登记日期" prop="registrationDate">
                 <el-date-picker
-                  v-model="vehicleForm.drivingLicenseEndDate"
+                  v-model="vehicleForm.registrationDate"
                   type="date"
                   value-format="YYYY-MM-DD"
                 />
-                <el-checkbox
-                  v-model="vehicleForm.drivingLicenseLongTerm"
-                  :true-label="1"
-                  :false-label="0"
-                >
-                  长期有效
-                </el-checkbox>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="10">
-            <el-form-item label="道路运输证号" prop="roadTransportCertNo">
-              <el-input v-model="vehicleForm.roadTransportCertNo" maxlength="50" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="道路运输证有效期" prop="roadTransportCertEndDate">
-              <div class="date-with-flag">
-                <el-date-picker
-                  v-model="vehicleForm.roadTransportCertEndDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                />
-                <el-checkbox
-                  v-model="vehicleForm.roadTransportCertLongTerm"
-                  :true-label="1"
-                  :false-label="0"
-                >
-                  长期有效
-                </el-checkbox>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="道路运输年审有效期" prop="annualReviewEndDate">
-              <div class="date-with-flag">
-                <el-date-picker
-                  v-model="vehicleForm.annualReviewEndDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                  :disabled="vehicleForm.annualReviewLongTerm === 1"
-                />
-                <el-checkbox
-                  v-model="vehicleForm.annualReviewLongTerm"
-                  :true-label="1"
-                  :false-label="0"
-                >
-                  长期有效
-                </el-checkbox>
-              </div>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <el-form-item label="机动车登记编号" prop="registrationNo">
-              <el-input v-model="vehicleForm.registrationNo" maxlength="50" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="机动车登记日期" prop="registrationDate">
-              <el-date-picker
-                v-model="vehicleForm.registrationDate"
-                type="date"
-                value-format="YYYY-MM-DD"
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <image-upload-field
+                label="行驶证主页正面"
+                prop="drivingLicenseImage"
+                :value="vehicleForm.drivingLicenseImage"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="vehicle"
+                @success="
+                  (url, file) =>
+                    handleVehicleCertificateUploadSuccess('drivingLicenseImage', url, file)
+                "
               />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <image-upload-field
-              label="行驶证主页正面"
-              prop="drivingLicenseImage"
-              :value="vehicleForm.drivingLicenseImage"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="vehicle"
-              @success="
-                (url, file) =>
-                  handleVehicleCertificateUploadSuccess('drivingLicenseImage', url, file)
-              "
-            />
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="行驶证主页反面"
-              prop="drivingLicenseMainBack"
-              :value="vehicleForm.drivingLicenseMainBack"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="vehicle"
-              @success="
-                (url, file) =>
-                  handleVehicleCertificateUploadSuccess('drivingLicenseMainBack', url, file)
-              "
-            />
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="行驶证副页正面"
-              prop="drivingLicenseViceFront"
-              :value="vehicleForm.drivingLicenseViceFront"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="vehicle"
-              @success="
-                (url, file) =>
-                  handleVehicleCertificateUploadSuccess('drivingLicenseViceFront', url, file)
-              "
-            />
-          </el-col>
-        </el-row>
-        <el-row :gutter="18">
-          <el-col :span="8">
-            <image-upload-field
-              label="行驶证副页反面"
-              prop="drivingLicenseViceBack"
-              :value="vehicleForm.drivingLicenseViceBack"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="vehicle"
-              @success="
-                (url, file) =>
-                  handleVehicleCertificateUploadSuccess('drivingLicenseViceBack', url, file)
-              "
-            />
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="道路运输证图片"
-              prop="roadTransportCertImage"
-              :value="vehicleForm.roadTransportCertImage"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="vehicle"
-              @success="url => setImage('roadTransportCertImage', url)"
-            />
-          </el-col>
-          <el-col :span="8">
-            <image-upload-field
-              label="机动车登记本"
-              prop="registrationImage"
-              :value="vehicleForm.registrationImage"
-              :readonly="readonly"
-              :headers="uploadHeaders"
-              large
-              class-prefix="vehicle"
-              @success="
-                (url, file) =>
-                  handleVehicleCertificateUploadSuccess('registrationImage', url, file)
-              "
-            />
-          </el-col>
-        </el-row>
+            </el-col>
+            <el-col :span="8">
+              <image-upload-field
+                label="行驶证主页反面"
+                prop="drivingLicenseMainBack"
+                :value="vehicleForm.drivingLicenseMainBack"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="vehicle"
+                @success="
+                  (url, file) =>
+                    handleVehicleCertificateUploadSuccess('drivingLicenseMainBack', url, file)
+                "
+              />
+            </el-col>
+            <el-col :span="8">
+              <image-upload-field
+                label="行驶证副页正面"
+                prop="drivingLicenseViceFront"
+                :value="vehicleForm.drivingLicenseViceFront"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="vehicle"
+                @success="
+                  (url, file) =>
+                    handleVehicleCertificateUploadSuccess('drivingLicenseViceFront', url, file)
+                "
+              />
+            </el-col>
+          </el-row>
+          <el-row :gutter="18">
+            <el-col :span="8">
+              <image-upload-field
+                label="行驶证副页反面"
+                prop="drivingLicenseViceBack"
+                :value="vehicleForm.drivingLicenseViceBack"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="vehicle"
+                @success="
+                  (url, file) =>
+                    handleVehicleCertificateUploadSuccess('drivingLicenseViceBack', url, file)
+                "
+              />
+            </el-col>
+            <el-col :span="8">
+              <image-upload-field
+                label="道路运输证图片"
+                prop="roadTransportCertImage"
+                :value="vehicleForm.roadTransportCertImage"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="vehicle"
+                @success="url => setImage('roadTransportCertImage', url)"
+              />
+            </el-col>
+            <el-col :span="8">
+              <image-upload-field
+                label="机动车登记本"
+                prop="registrationImage"
+                :value="vehicleForm.registrationImage"
+                :readonly="readonly"
+                :headers="uploadHeaders"
+                large
+                class-prefix="vehicle"
+                @success="
+                  (url, file) =>
+                    handleVehicleCertificateUploadSuccess('registrationImage', url, file)
+                "
+              />
+            </el-col>
+          </el-row>
+        </section-card>
       </el-form>
       <template #footer>
         <el-button @click="vehicleBox = false">取消</el-button>
@@ -645,7 +649,9 @@ export default {
         businessRelation: [{ required: true, message: '请选择业务关系', trigger: 'change' }],
         energyType: [{ required: true, message: '请选择能源类型', trigger: 'change' }],
         drivingLicenseNo: [{ required: true, message: '请输入行驶证档案编号', trigger: 'blur' }],
-        drivingLicenseEndDate: [{ required: true, message: '请选择行驶证有效期', trigger: 'change' }],
+        drivingLicenseEndDate: [
+          { required: true, message: '请选择行驶证有效期', trigger: 'change' },
+        ],
         roadTransportCertNo: [{ required: true, message: '请输入道路运输证号', trigger: 'blur' }],
         roadTransportCertEndDate: [
           { required: true, message: '请选择道路运输证有效期', trigger: 'change' },
@@ -706,7 +712,9 @@ export default {
     },
     validatePlateNo(rule, value, callback) {
       const plateProvince = String(this.vehicleForm.plateProvince || '').trim();
-      const plateNoBody = String(this.vehicleForm.plateNoBody || '').trim().toUpperCase();
+      const plateNoBody = String(this.vehicleForm.plateNoBody || '')
+        .trim()
+        .toUpperCase();
       const plateColor = String(this.vehicleForm.plateColor || '').trim();
       if (!plateProvince || !plateNoBody || !plateColor) {
         callback(new Error('请完整填写车牌号'));
@@ -870,10 +878,13 @@ export default {
     },
     syncPlateNo(validate = true) {
       const plateProvince = String(this.vehicleForm.plateProvince || '').trim();
-      const plateNoBody = String(this.vehicleForm.plateNoBody || '').trim().toUpperCase();
+      const plateNoBody = String(this.vehicleForm.plateNoBody || '')
+        .trim()
+        .toUpperCase();
       const plateColor = String(this.vehicleForm.plateColor || '').trim();
       this.vehicleForm.plateNoBody = plateNoBody;
-      this.vehicleForm.plateNo = plateProvince && plateNoBody ? `${plateProvince}${plateNoBody}` : '';
+      this.vehicleForm.plateNo =
+        plateProvince && plateNoBody ? `${plateProvince}${plateNoBody}` : '';
       this.vehicleForm.plateColor = plateColor;
       if (validate) {
         this.$refs.vehicleForm?.validateField('plateNo');
@@ -1069,19 +1080,6 @@ export default {
 }
 
 .vehicle-form {
-  .section-title {
-    margin: 18px 0 14px;
-    padding-left: 10px;
-    border-left: 3px solid #e74b5f;
-    color: #303133;
-    font-weight: 600;
-    line-height: 18px;
-  }
-
-  .section-title:first-child {
-    margin-top: 0;
-  }
-
   :deep(.el-date-editor.el-input),
   :deep(.el-date-editor.el-input__wrapper),
   :deep(.el-select),
@@ -1148,9 +1146,9 @@ export default {
   }
 }
 
+// 大尺寸证件照：按身份证 1.586:1 比例缩放（约真实尺寸 75%，240×151），左对齐显示
 :deep(.vehicle-uploader) {
   display: block;
-  width: 100%;
 }
 
 :deep(.vehicle-uploader .el-upload),
@@ -1165,9 +1163,17 @@ export default {
   overflow: hidden;
 }
 
+// 大尺寸模式：缩成 1.586:1 比例，左对齐（不再 100% 占栏）
+:deep(.vehicle-uploader--large) {
+  display: block;
+  width: 240px;
+  margin: 0;
+}
+
 :deep(.vehicle-uploader--large .el-upload),
 :deep(.vehicle-uploader--large.el-upload) {
-  height: 260px;
+  width: 100%;
+  height: 151px;
 }
 
 :deep(.vehicle-uploader__image) {
diff --git a/src/views/vehicle/insurance-record.vue b/src/views/vehicle/insurance-record.vue
index c5aa5b4..d7e8ae2 100644
--- a/src/views/vehicle/insurance-record.vue
+++ b/src/views/vehicle/insurance-record.vue
@@ -503,7 +503,7 @@ export default {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  min-height: 88px;
+  //min-height: 88px;
   padding: 16px 28px 16px 22px;
   border: 1px dashed #8b8b8b;
   border-radius: 8px;
@@ -600,7 +600,6 @@ export default {
   flex-direction: column;
   gap: 4px;
   color: #303133;
-  font-size: 16px;
   line-height: 1.25;
 }
 
@@ -622,14 +621,6 @@ export default {
   display: block;
 }
 
-:global(.insurance-record-page__upload-button) {
-  min-width: 112px;
-  height: 40px;
-  border-radius: 6px;
-  font-size: 14px;
-  font-weight: 500;
-}
-
 @media (max-width: 768px) {
   :global(.insurance-record-page__upload) {
     align-items: stretch;