From 4ffceb04139fba397200333a6dc3cc0d06808803 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Wed, 2 Sep 2026 15:00:40 +0800
Subject: [PATCH] =?UTF-8?q?fix(vehicle):=20=E8=B0=83=E6=95=B4=E5=AE=A2?=
 =?UTF-8?q?=E6=88=B7=E6=A1=A3=E6=A1=88=E5=9C=B0=E5=8C=BA=E5=9C=B0=E5=9D=80?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E4=B8=8E=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将客户档案页面“所在地区”所在列从12改为6，新增“详细地址”列宽为6
- 修改“所在地区”级联选择器宽度由250px改为240px，匹配更合理的宽度设计
- 优化地址相关表单的布局，提高信息展示的清晰度和一致性
- transportCapacity/ship 组合控件宽度对齐至250px，解决两个date-picker和select宽度不一致的问题
- 修复项目表单中el-cascader宽度未统一的问题，确保级联选择器与其他输入控件同宽
---
 .workbuddy/memory/2026-09-02.md        |  7 +++++++
 src/views/vehicle/customer-archive.vue | 22 +++++++++++++---------
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/.workbuddy/memory/2026-09-02.md b/.workbuddy/memory/2026-09-02.md
index fba3019..3bfbd88 100644
--- a/.workbuddy/memory/2026-09-02.md
+++ b/.workbuddy/memory/2026-09-02.md
@@ -39,6 +39,13 @@
   - 样式清理：删除无用的 `.cert-upload-grid { padding-top:8px }` / `.cert-upload-spacer { height:1px }`；保留 `.cert-block` / `.cert-block__title` / `.ship-upload-item`（`margin-bottom:14px`）。
 - 验证：用户刷新浏览器看新布局。
 
+## transportCapacity/ship 组合控件宽度对齐 250px 体系
+- 问题：基础船舶信息里「安放龙骨日期/建造完工日期」的起止两个 date-picker、「航区」的 select 都是 `flex:1` 撑满所在 span=12 整列（约 498px），明显比单字段 250px 宽，视觉不协调。
+- 修复（`src/views/transportCapacity/ship.vue` 末尾 scoped 样式）：
+  - `.date-range-inline :deep(.el-date-editor)` 由 `flex:1; min-width:0` 增加 `max-width: 250px` → 两个 date-picker 在窗够宽时各对齐 250px、彼此等宽，窄窗时 flex:1 收缩不溢出。
+  - `.navigation-area-field :deep(.el-select)` 由 `flex:1; min-width:0` 增加 `max-width: 250px` → 航区 select 对齐 250px 单字段。
+- 说明：`flex:1` 保底防溢出，`max-width:250px` 把组合控件拉回与单字段一致的 250px 体系（受所在列宽限制，安放龙骨 span=12 在常规窗宽下两个 date-picker 约 226px 等宽，更宽窗自动到 250px）。
+
 ## business/project-apply.vue 表单「业务部门/承办部门」级联选择器宽度统一
 - 问题：项目新增/编辑表单（含独立表单页 `/business/project-apply/form`）中，业务部门、承办部门两个 `el-cascader` 的按钮宽度与同行的 select/input 不一致。
 - 根因：scoped 样式里强制 100% 宽度的控件列表（`el-input` / `el-select` / `el-tree-select` / `el-date-editor`）漏了 `el-cascader`，导致级联选择器按内容宽度收缩，未填满栅格列。
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index aad44d4..c2f34f4 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/src/views/vehicle/customer-archive.vue
@@ -297,8 +297,8 @@
                 />
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item label="地址" prop="registeredDetailAddress" required>
+            <el-col :span="6">
+              <el-form-item label="所在地区" prop="registeredDetailAddress" required>
                 <div class="archive-form__address">
                   <el-cascader
                     ref="registeredRegionCascader"
@@ -310,14 +310,18 @@
                     filterable
                     @change="handleRegisteredRegionChange"
                   />
-                  <el-input
-                    v-model="archiveForm.registeredDetailAddress"
-                    maxlength="255"
-                    placeholder="请输入详细地址"
-                  />
                 </div>
               </el-form-item>
             </el-col>
+            <el-col :span="6">
+              <el-form-item label="详细地址" prop="registeredDetailAddress" required>
+                <el-input
+                  v-model="archiveForm.registeredDetailAddress"
+                  maxlength="255"
+                  placeholder="请输入详细地址"
+                />
+              </el-form-item>
+            </el-col>
           </el-row>
         </section-card>
 
@@ -4757,8 +4761,8 @@ export default {
 
 .archive-form__address {
   :deep(.el-cascader) {
-    flex: 0 0 250px;
-    width: 250px;
+    flex: 0 0 240px;
+    width: 240px;
     min-width: 0;
   }