From 9c2a2ee6e6a6052155e8a2b21de9bd6d47f66390 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 11:12:32 +0800
Subject: [PATCH 1/6] =?UTF-8?q?style(region):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E9=A1=B5=E9=9D=A2=E6=90=9C=E7=B4=A2=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95=E5=B8=83=E5=B1=80=E4=B8=8E=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 使用 section-card 组件包裹搜索表单，提升 UI 结构清晰度
- 调整表单项为弹性盒子布局，实现横向均匀分布
- 为选择器添加固定宽度，统一控件尺寸
- 将搜索按钮和清空按钮放置于表单内右侧，方便操作
- 添加局部样式，优化表单间距和按钮组间距
- 引入 section-card 组件并在 components 中注册
- 合并合同类别初始值为空，避免默认值误导用户
---
 src/views/base/region.vue              | 83 ++++++++++++++++----------
 src/views/business/contract-manage.vue |  3 +-
 2 files changed, 54 insertions(+), 32 deletions(-)

diff --git a/src/views/base/region.vue b/src/views/base/region.vue
index 480cc23..c748c8a 100644
--- a/src/views/base/region.vue
+++ b/src/views/base/region.vue
@@ -11,37 +11,44 @@
     </el-col>
     <el-col class="region-page__form-panel" :span="18">
       <basic-container>
-        <el-form class="region-page__search" :model="searchForm" inline>
-          <el-form-item label="区域编码">
-            <el-input v-model="searchForm.code" clearable placeholder="请输入区域编码" />
-          </el-form-item>
-          <el-form-item label="区域名称">
-            <el-input v-model="searchForm.name" clearable placeholder="请输入区域名称" />
-          </el-form-item>
-          <el-form-item label="区域层级">
-            <el-select v-model="searchForm.regionLevel" clearable placeholder="请选择区域层级">
-              <el-option label="省份" :value="1" />
-              <el-option label="省市" :value="2" />
-              <el-option label="区县" :value="3" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="数据来源">
-            <el-select v-model="searchForm.dataSource" clearable placeholder="请选择数据来源">
-              <el-option label="手动录入" value="手动录入" />
-              <el-option label="初始化导入" value="初始化导入" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="启停状态">
-            <el-select v-model="searchForm.status" clearable placeholder="请选择启停状态">
-              <el-option label="启用" :value="1" />
-              <el-option label="停用" :value="2" />
-            </el-select>
-          </el-form-item>
-          <el-form-item class="region-page__search-actions">
-            <el-button type="primary" @click="handleSearch">搜索</el-button>
-            <el-button @click="handleSearchReset">清空</el-button>
-          </el-form-item>
-        </el-form>
+        <section-card>
+          <el-form class="region-page__search" :model="searchForm" inline>
+            <div style="display: flex; justify-content: space-between">
+              <el-form-item label="区域编码">
+                <el-input v-model="searchForm.code" clearable placeholder="请输入区域编码" />
+              </el-form-item>
+              <el-form-item label="区域名称">
+                <el-input v-model="searchForm.name" clearable placeholder="请输入区域名称" />
+              </el-form-item>
+              <el-form-item label="区域层级">
+                <el-select v-model="searchForm.regionLevel" clearable placeholder="请选择" style="width: 200px;">
+                  <el-option label="省份" :value="1" />
+                  <el-option label="省市" :value="2" />
+                  <el-option label="区县" :value="3" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="数据来源">
+                <el-select v-model="searchForm.dataSource" clearable placeholder="请选择" style="width: 200px;">
+                  <el-option label="手动录入" value="手动录入" />
+                  <el-option label="初始化导入" value="初始化导入" />
+                </el-select>
+              </el-form-item>
+            </div>
+            <div style="display: flex; flex-direction: row; align-items: center; justify-content: space-between;">
+              <el-form-item label="启停状态">
+                <el-select v-model="searchForm.status" clearable placeholder="请选择" style="width: 200px;">
+                  <el-option label="启用" :value="1" />
+                  <el-option label="停用" :value="2" />
+                </el-select>
+              </el-form-item>
+              <el-form-item class="region-page__search-actions">
+                <el-button type="primary" @click="handleSearch">搜索</el-button>
+                <el-button @click="handleSearchReset">清空</el-button>
+              </el-form-item>
+            </div>
+          </el-form>
+        </section-card>
+
         <el-button-group>
           <el-button
             v-if="permission.region_add"
@@ -157,10 +164,12 @@ import { openImportDialog } from '@/utils/import-excel';
 import { getToken } from '@/utils/auth';
 import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
+import SectionCard from '@/components/section-card/main.vue';
 
 const ROOT_PARENT_CODE = '0';
 
 export default {
+  components: { SectionCard },
   data() {
     return {
       topCode: ROOT_PARENT_CODE,
@@ -750,4 +759,16 @@ export default {
     max-width: 100%;
   }
 }
+.el-form--inline .el-form-item{
+  margin-right: 10px !important;
+}
+.region-page__tree-panel .avue-tree__filter{
+  padding: 0 !important;
+}
+.el-button-group--horizontal{
+  margin-bottom: 12px !important;
+}
+.el-form-item{
+  margin-bottom: 8px !important;
+}
 </style>
diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue
index d11064f..bad0b57 100644
--- a/src/views/business/contract-manage.vue
+++ b/src/views/business/contract-manage.vue
@@ -98,6 +98,7 @@
 
     <template v-else>
       <div class="archive-page-form__title">{{ formPageTitle }}</div>
+
       <el-form
         ref="contractForm"
         :model="form"
@@ -813,7 +814,7 @@ const defaultSettlementRule = () => ({
   cycleDays: '',
 });
 const defaultForm = () => ({
-  contractCategory: '客户合同',
+  contractCategory: '',
   contractNo: '',
   contractName: '',
   projectId: '',

From f25e38d67e54d1d89e94c237eade4476564ce5dd 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 11:39:44 +0800
Subject: [PATCH 2/6] =?UTF-8?q?style(contract-manage):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E8=BF=87=E6=9C=9F=E7=AD=9B=E9=80=89=E5=8C=BA=E5=9F=9F?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E7=BB=93=E6=9E=84=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将时间段快捷筛选 slot 名称从 search-menu 修改为 header
- 调整过期筛选区域的 margin 样式，精细控制上下间距
- 移除多余的右侧 margin，优化布局显示顺序

feat(insurance-ocr-template): 添加 created 生命周期调用 onLoad 方法

- 在组件创建时调用 onLoad，确保初始化动作执行

style(project-apply): 统一项目金额字段后缀及标签显示

- 移除金额字段标签中的“（万元）”文本，改为标签内部统一显示单位后缀
- 为项目资金额度、应收账款额度、项目规模、预估利润、资金需求等输入框添加“万元”后缀显示
- 调整输入框结构，确保后缀模板正常渲染

style(ship): 调整输入框宽度提升表单布局一致性

- 为 .el-input__wrapper 添加固定宽度，保证表单输入框宽度统一
---
 src/views/base/insurance-ocr-template.vue |  3 +++
 src/views/business/contract-manage.vue    | 11 +++------
 src/views/business/project-apply.vue      | 30 +++++++++++++++--------
 src/views/transportCapacity/ship.vue      |  3 +++
 4 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/src/views/base/insurance-ocr-template.vue b/src/views/base/insurance-ocr-template.vue
index 3b2f976..60fb726 100644
--- a/src/views/base/insurance-ocr-template.vue
+++ b/src/views/base/insurance-ocr-template.vue
@@ -179,6 +179,9 @@ export default {
       },
     };
   },
+  created() {
+    this.onLoad();
+  },
   computed: {
     ...mapGetters(['permission', 'userInfo']),
     isAdmin() {
diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue
index bad0b57..7a9ac7b 100644
--- a/src/views/business/contract-manage.vue
+++ b/src/views/business/contract-manage.vue
@@ -32,7 +32,7 @@
           </el-button>
         </template>
 
-        <template #search-menu>
+        <template #header>
           <div class="contract-manage-page__expiry-search">
             <el-check-tag
               v-for="item in expiryTagOptions"
@@ -2158,13 +2158,8 @@ export default {
     align-items: center;
     flex-wrap: wrap;
     gap: 8px;
-    margin-right: 8px;
-  }
-
-  // 将 #search-menu slot 容器（即"时间段快捷筛选"组）排到「查询 / 重置 / 收起」之前；
-  // .avue-form__menu 本身就是 flex + flex-end，整组内容自然靠右，无需额外推挤
-  :deep(.avue-crud__search .avue-form__menu > .contract-manage-page__expiry-search) {
-    order: -1;
+    margin-top: 8px;
+    margin-bottom: 16px;
   }
 
   &__footer {
diff --git a/src/views/business/project-apply.vue b/src/views/business/project-apply.vue
index 4f5fd18..9463802 100644
--- a/src/views/business/project-apply.vue
+++ b/src/views/business/project-apply.vue
@@ -253,7 +253,7 @@
           </el-form-item>
           <el-form-item prop="fundLimit" class="project-apply-form__tip-label">
             <template #label>
-              <span>项目资金使用额度（万元）</span>
+              <span>项目资金使用额度</span>
               <el-tooltip content="实际业务回款周期内付款" placement="top">
                 <el-icon class="project-apply-form__label-tip"><QuestionFilled /></el-icon>
               </el-tooltip>
@@ -263,11 +263,13 @@
               placeholder="请输入"
               @input="value => handleNumberInput('fundLimit', value)"
               @blur="formatAmountField('fundLimit')"
-            />
+            >
+              <template #suffix>万元</template>
+            </el-input>
           </el-form-item>
           <el-form-item prop="receivableLimit" class="project-apply-form__tip-label">
             <template #label>
-              <span>项目应收账款额度（万元）</span>
+              <span>项目应收账款额度</span>
               <el-tooltip content="回款期内最大应收账款额" placement="top">
                 <el-icon class="project-apply-form__label-tip"><QuestionFilled /></el-icon>
               </el-tooltip>
@@ -277,7 +279,9 @@
               placeholder="请输入"
               @input="value => handleNumberInput('receivableLimit', value)"
               @blur="formatAmountField('receivableLimit')"
-            />
+            >
+              <template #suffix>万元</template>
+            </el-input>
           </el-form-item>
           <el-form-item label="应收账款回款期限" prop="receivableDays">
             <el-input
@@ -346,11 +350,13 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="项目规模（万元）" prop="projectScale">
+          <el-form-item label="项目规模" prop="projectScale">
             <el-input
               v-model="form.projectScale"
               @input="value => handleNumberInput('projectScale', value)"
-            />
+            >
+              <template #suffix>万元</template>
+            </el-input>
           </el-form-item>
           <el-form-item label="结算方式" prop="settlementMode">
             <el-select v-model="form.settlementMode" placeholder="请选择结算方式" clearable>
@@ -362,17 +368,21 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="预估利润（万元）" prop="estimatedProfit">
+          <el-form-item label="预估利润" prop="estimatedProfit">
             <el-input
               v-model="form.estimatedProfit"
               @input="value => handleNumberInput('estimatedProfit', value)"
-            />
+            >
+              <template #suffix>万元</template>
+            </el-input>
           </el-form-item>
-          <el-form-item label="资金需求（万元）" prop="fundDemand">
+          <el-form-item label="资金需求" prop="fundDemand">
             <el-input
               v-model="form.fundDemand"
               @input="value => handleNumberInput('fundDemand', value)"
-            />
+            >
+              <template #suffix>万元</template>
+            </el-input>
           </el-form-item>
           <el-form-item label="项目经办人" prop="handlerUserId">
             <el-input
diff --git a/src/views/transportCapacity/ship.vue b/src/views/transportCapacity/ship.vue
index 07b1912..302491d 100644
--- a/src/views/transportCapacity/ship.vue
+++ b/src/views/transportCapacity/ship.vue
@@ -1374,4 +1374,7 @@ export default {
 .el-form-item {
   margin-bottom: 14px !important;
 }
+.el-input__wrapper{
+  width: 150px !important;
+}
 </style>

From 87ec01c8dded78e974ad64d99ceae0898ce229cb 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 12:11:18 +0800
Subject: [PATCH 3/6] =?UTF-8?q?style(payment):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E8=B4=A6=E5=8D=95=E6=90=9C=E7=B4=A2=E7=BB=84=E4=BB=B6=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=A0=8F=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将操作栏从水平方向排列改为垂直方向排列
- 调整按钮和标签间距增大，标签左对齐，按钮右对齐
- 标签和按钮分成独立两行显示，提高界面清晰度

style(transportCapacity): 统一到期快捷筛选标签布局及样式

- 将到期快捷筛选标签由搜索菜单槽位移至头部槽位独立一行
- 移除原先纵向顺序和内联样式，增加标签上下间距
- 统一 driver、ship、vehicle 三个页面到期标签的外观和结构
- 优化标签容器的 margin 边距，取消排序和宽度限制

style(transportCapacity/ship): 统一弹窗内输入控件宽度

- 删除强制设置 .el-input__wrapper 宽度为 150px 的样式
- 增加输入框、选择框及级联选择器等组件宽度为 100% 的样式覆盖
- 保证新增和修改弹窗内所有表单输入控件宽度一致，提升界面整齐度
---
 .workbuddy/memory/2026-09-02.md               | 20 ++++++++
 .../payment/components/bill-ledger-search.vue | 47 +++++++------------
 src/views/transportCapacity/driver.vue        |  7 ++-
 src/views/transportCapacity/ship.vue          | 13 +++--
 src/views/transportCapacity/vehicle.vue       |  7 ++-
 5 files changed, 49 insertions(+), 45 deletions(-)
 create mode 100644 .workbuddy/memory/2026-09-02.md

diff --git a/.workbuddy/memory/2026-09-02.md b/.workbuddy/memory/2026-09-02.md
new file mode 100644
index 0000000..9259a2f
--- /dev/null
+++ b/.workbuddy/memory/2026-09-02.md
@@ -0,0 +1,20 @@
+# 2026-09-02 工作日志
+
+## 合同/运力页「到期快捷筛选」标签统一改为独立一行
+- 需求：把 avue-crud 搜索栏 `#search-menu` 里的 `<el-check-tag>` 到期快捷筛选组，移出搜索栏、单独成一行（搜索卡下方、表格上方），不加卡片包裹。
+- 实现：改用 avue-crud 的 `#header` 插槽承载该组；CSS 由 `order:-1; margin-right:12px; min-width:0`（搜索按钮行内联）改为 `margin-bottom:12px`（独立行）。
+- 涉及文件（4 处，均已改）：
+  - `src/views/business/contract-manage.vue`（首改，用 `.contract-manage-page__expiry-search`）
+  - `src/views/transportCapacity/vehicle.vue`（`.transport-vehicle-page__expiry-tags`）
+  - `src/views/transportCapacity/driver.vue`（`.driver-page__expiry-tags`）
+  - `src/views/transportCapacity/ship.vue`（`.transport-ship-page__expiry-tags`）
+- 各页变量名保留原样（contract-manage 用 contractExpiryScope/changeExpiryScope/contractExpiryStats；运力页用 query.expireStatus/handleExpireChange/expiryStat）。
+- 已补改：`src/views/payment/components/bill-ledger-search.vue` —— 独立自定义搜索子组件。`bill-ledger-search__actions` 由「标签+按钮同一行(右对齐)」改为 `flex-direction:column; gap:12px`：标签独立一行（左对齐，去掉 justify-content:flex-end），按钮另起一行右对齐。标签变量 shortcutOptions/query.expiryShortcut 不变。用户确认需统一，故改之。
+
+## transportCapacity/ship 新增弹窗 input 宽度统一
+- 问题：新增/修改弹窗内输入控件宽度不一致（文本框明显窄于下拉框、日期框）。
+- 根因：`src/views/transportCapacity/ship.vue` 末尾 scoped 样式中独有 `.el-input__wrapper{width:150px !important}`，把文本框包裹层强制压成 150px，而 `el-select`（用 `.el-select__wrapper`）、日期/数字框不受影响 → 文本框与下拉框宽度不齐。同模块的 driver.vue / vehicle.vue 均无此规则。
+- 修复：
+  1. 删除 `.el-input__wrapper{width:150px!important}` 异常规则。
+  2. 增强 `.ship-form` 内输入控件的 100% 宽度覆盖，补齐 `.el-select__wrapper` / `.el-cascader` / `.el-input__wrapper`，使文本框/下拉/日期/数字框均 100% 填满所在栅格列。
+- 说明：弹窗仍保留不同栅格列宽（span6/8/12/16）的密集布局，同行字段已等宽；若需跨行全部 input 绝对像素等宽（统一栅格列宽），需进一步重排。
diff --git a/src/views/payment/components/bill-ledger-search.vue b/src/views/payment/components/bill-ledger-search.vue
index 22709c2..9960ca4 100644
--- a/src/views/payment/components/bill-ledger-search.vue
+++ b/src/views/payment/components/bill-ledger-search.vue
@@ -43,33 +43,21 @@
           </el-select>
         </el-form-item>
       </div>
-      <div class="bill-ledger-search__actions">
-        <div class="bill-ledger-search__actions-tags">
-          <el-check-tag
-            v-for="item in shortcutOptions"
-            :key="item.value"
-            :checked="query.expiryShortcut === item.value"
-            @change="handleShortcutChange(item.value)"
-          >
-            {{ item.label }}
-          </el-check-tag>
-        </div>
-        <div class="bill-ledger-search__actions-buttons">
-          <el-button type="primary" :loading="loading" @click="$emit('search')">
-            <el-icon><Search /></el-icon>
-            <span>搜索</span>
+      <div class="bill-ledger-search__actions-buttons">
+        <el-button type="primary" :loading="loading" @click="$emit('search')">
+          <el-icon><Search /></el-icon>
+          <span>搜索</span>
+        </el-button>
+        <el-button @click="$emit('reset')">
+          <el-icon><Delete /></el-icon>
+          <span>重置</span>
+        </el-button>
+        <el-tooltip :content="expanded ? '折叠' : '展开'" placement="top">
+          <el-button text @click="expanded = !expanded">
+            <el-icon><component :is="expanded ? ArrowUp : ArrowDown" /></el-icon>
+            <span>{{ expanded ? '折叠' : '展开' }}</span>
           </el-button>
-          <el-button @click="$emit('reset')">
-            <el-icon><Delete /></el-icon>
-            <span>重置</span>
-          </el-button>
-          <el-tooltip :content="expanded ? '折叠' : '展开'" placement="top">
-            <el-button text @click="expanded = !expanded">
-              <el-icon><component :is="expanded ? ArrowUp : ArrowDown" /></el-icon>
-              <span>{{ expanded ? '折叠' : '展开' }}</span>
-            </el-button>
-          </el-tooltip>
-        </div>
+        </el-tooltip>
       </div>
     </el-form>
   </section>
@@ -138,20 +126,19 @@ export default {
 }
 .bill-ledger-search__actions {
   display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 8px;
+  flex-direction: column;
+  gap: 12px;
   margin-bottom: 8px;
 }
 .bill-ledger-search__actions-buttons {
   display: flex;
   align-items: center;
+  justify-content: flex-end;
   gap: 8px;
 }
 .bill-ledger-search__actions-tags {
   display: flex;
   align-items: center;
-  justify-content: flex-end;
   flex-wrap: wrap;
   gap: 8px;
 }
diff --git a/src/views/transportCapacity/driver.vue b/src/views/transportCapacity/driver.vue
index 94259fc..708249e 100644
--- a/src/views/transportCapacity/driver.vue
+++ b/src/views/transportCapacity/driver.vue
@@ -41,7 +41,7 @@
           >批量删除
         </el-button>
       </template>
-      <template #search-menu>
+      <template #header>
         <div class="driver-page__expiry-tags">
           <el-check-tag
             v-for="item in expiryTagOptions"
@@ -1724,9 +1724,8 @@ export default {
     flex-wrap: wrap;
     align-items: center;
     gap: 8px;
-    order: -1;
-    margin-right: 12px;
-    min-width: 0;
+    margin-top: 8px;
+    margin-bottom: 16px;
 
     :deep(.el-check-tag) {
       margin: 0;
diff --git a/src/views/transportCapacity/ship.vue b/src/views/transportCapacity/ship.vue
index 302491d..e052d13 100644
--- a/src/views/transportCapacity/ship.vue
+++ b/src/views/transportCapacity/ship.vue
@@ -44,7 +44,7 @@
           批量删除
         </el-button>
       </template>
-      <template #search-menu>
+      <template #header>
         <div class="transport-ship-page__expiry-tags">
           <el-check-tag
             v-for="item in expiryTagOptions"
@@ -1199,9 +1199,8 @@ export default {
     flex-wrap: wrap;
     align-items: center;
     gap: 8px;
-    order: -1;
-    margin-right: 12px;
-    min-width: 0;
+    margin-top: 8px;
+    margin-bottom: 16px;
 
     :deep(.el-check-tag) {
       margin: 0;
@@ -1219,7 +1218,10 @@ export default {
   :deep(.el-date-editor.el-input),
   :deep(.el-date-editor.el-input__wrapper),
   :deep(.el-select),
+  :deep(.el-select__wrapper),
+  :deep(.el-cascader),
   :deep(.el-input),
+  :deep(.el-input__wrapper),
   :deep(.el-input-number) {
     width: 100%;
   }
@@ -1374,7 +1376,4 @@ export default {
 .el-form-item {
   margin-bottom: 14px !important;
 }
-.el-input__wrapper{
-  width: 150px !important;
-}
 </style>
diff --git a/src/views/transportCapacity/vehicle.vue b/src/views/transportCapacity/vehicle.vue
index 8026573..b324d3a 100644
--- a/src/views/transportCapacity/vehicle.vue
+++ b/src/views/transportCapacity/vehicle.vue
@@ -41,7 +41,7 @@
           >批量删除
         </el-button>
       </template>
-      <template #search-menu>
+      <template #header>
         <div class="transport-vehicle-page__expiry-tags">
           <el-check-tag
             v-for="item in expiryTagOptions"
@@ -1407,9 +1407,8 @@ export default {
     flex-wrap: wrap;
     align-items: center;
     gap: 8px;
-    order: -1;
-    margin-right: 12px;
-    min-width: 0;
+    margin-top: 8px;
+    margin-bottom: 16px;
 
     :deep(.el-check-tag) {
       margin: 0;

From a8986690bba76bf6df090dbe6cadab7930f24959 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 14:36:42 +0800
Subject: [PATCH 4/6] =?UTF-8?q?refactor(payment):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=88=B0=E6=9C=9F=E5=BF=AB=E6=8D=B7=E7=AD=9B=E9=80=89=E8=87=B3?=
 =?UTF-8?q?=E8=B4=A6=E5=8D=95=E5=8F=B0=E8=B4=A6=E9=A1=B5=E9=9D=A2=E7=8B=AC?=
 =?UTF-8?q?=E7=AB=8B=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将快捷筛选标签及相关逻辑从搜索子组件提升至账单台账页面
- 标签置于搜索卡片下方、表格上方独立一行，满足用户需求
- 删除子组件中相关标签DOM及快捷筛选功能代码
- 统一选中态样式，采用 Element Plus 默认蓝底深字风格

fix(transportCapacity): 统一船舶管理弹窗表单控件宽度

- 删除异常的宽度强制规则，避免控件宽度不一致
- 采用固定宽度250px加最大宽度100%方案，实现多控件视觉宽度一致
- 清理无用label-width属性，解决label撑开布局异常问题
- 优化表单项label对齐与必填星号样式，确保多行label视觉协调

refactor(transportCapacity): 优化船舶证书分组布局及标签简化

- 证书有效期自标签统一更改为“有效期自”
- 证书上传区域由集中底部移至对应证书分组末尾，保持信息关联
- 清理无用样式，保留必需上传项间距样式，提升界面整洁度

fix(business): 修复项目申请表单级联选择器宽度问题

- 业务部门和承办部门el-cascader控件未设置宽度，导致收缩
- 补充级联选择器宽度规则，保证与其他控件宽度统一
- 支持热更新，无需重启开发环境
---
 .workbuddy/memory/2026-09-02.md               |  27 +-
 src/views/business/project-apply.vue          |   1 +
 src/views/payment/bill-ledger.vue             |  41 ++-
 .../payment/components/bill-ledger-search.vue |  39 +--
 src/views/transportCapacity/ship.vue          | 238 ++++++++++--------
 5 files changed, 200 insertions(+), 146 deletions(-)

diff --git a/.workbuddy/memory/2026-09-02.md b/.workbuddy/memory/2026-09-02.md
index 9259a2f..fba3019 100644
--- a/.workbuddy/memory/2026-09-02.md
+++ b/.workbuddy/memory/2026-09-02.md
@@ -9,7 +9,10 @@
   - `src/views/transportCapacity/driver.vue`（`.driver-page__expiry-tags`）
   - `src/views/transportCapacity/ship.vue`（`.transport-ship-page__expiry-tags`）
 - 各页变量名保留原样（contract-manage 用 contractExpiryScope/changeExpiryScope/contractExpiryStats；运力页用 query.expireStatus/handleExpireChange/expiryStat）。
-- 已补改：`src/views/payment/components/bill-ledger-search.vue` —— 独立自定义搜索子组件。`bill-ledger-search__actions` 由「标签+按钮同一行(右对齐)」改为 `flex-direction:column; gap:12px`：标签独立一行（左对齐，去掉 justify-content:flex-end），按钮另起一行右对齐。标签变量 shortcutOptions/query.expiryShortcut 不变。用户确认需统一，故改之。
+- 已补改并修正：`payment/bill-ledger` 页。用户要求"放在卡片下面"（搜索白卡之外、表格之上独立一行），非卡片内分行。最终方案：把到期快捷筛选整组（标签 DOM + `shortcutOptions` 计算属性 + `handleShortcutChange`）从子组件 `bill-ledger-search.vue` 提升到页面 `bill-ledger.vue`，置于 `<bill-ledger-search>` 与 `<bill-ledger-table>` 之间（卡片下、表格上）。
+  - `bill-ledger-search.vue`：删除标签 DOM、`.bill-ledger-search__actions`/`.bill-ledger-search__actions-tags` CSS、`counts` prop、`shortcutOptions`/`handleShortcutChange`；按钮行 `.bill-ledger-search__actions-buttons` 恢复单行右对齐（`margin-bottom:8px`）。
+  - `bill-ledger.vue`：模板插入 `<div class="bill-ledger-page__expiry-tags">`（绑定 `query.expiryShortcut`，@change 调 `handleShortcutChange`→`handleSearch`）；脚本加 `shortcutOptions` computed（用 `counts`）+ `handleShortcutChange` method；新增 `<style scoped>` 写入 `.bill-ledger-page__expiry-tags`（flex 行、`margin:8px 0`）。`emptyQuery()` 已含 `expiryShortcut:'all'`，无回归。
+  - 选中态样式统一：去掉 `.bill-ledger-page__expiry-tags :deep(.el-check-tag.is-checked)` 的 `background-color:#409eff` + `color:#fff` 蓝底白字覆盖，改用 Element Plus 默认浅蓝底深蓝字，与合同页一致。
 
 ## transportCapacity/ship 新增弹窗 input 宽度统一
 - 问题：新增/修改弹窗内输入控件宽度不一致（文本框明显窄于下拉框、日期框）。
@@ -18,3 +21,25 @@
   1. 删除 `.el-input__wrapper{width:150px!important}` 异常规则。
   2. 增强 `.ship-form` 内输入控件的 100% 宽度覆盖，补齐 `.el-select__wrapper` / `.el-cascader` / `.el-input__wrapper`，使文本框/下拉/日期/数字框均 100% 填满所在栅格列。
 - 说明：弹窗仍保留不同栅格列宽（span6/8/12/16）的密集布局，同行字段已等宽；若需跨行全部 input 绝对像素等宽（统一栅格列宽），需进一步重排。
+- 二次排查（用户反馈仍不一致）：把 `.ship-form` 内控件 100% 覆盖从通用 `:deep(.el-input)` 改为更具体的 `:deep(.el-form-item__content > .el-input)` 并加 `!important`，同步覆盖 `.el-input__wrapper`/`.el-select__wrapper`，确保不会被 Element Plus 变量或更具体选择器压回默认/较窄宽度。请用户刷新浏览器验证。
+- 三次修复（用户反馈第一行 span=6+6+12 三个字段宽度仍不齐）：放弃「width: 100% 撑满 col」方案，改用「对齐 vehicle/customer-archive 的 `.archive-form` 风格」——label 固定 `calc(6em + 24px)` + 控件统一 `250px + max-width: 100%`。根因：`el-cascader` 默认 `display: inline-block`，即使 width: 100% 也不易撑满 col-content（与 input 视觉差 ~150px vs ~280px）；span=6+6+12 下两列 form-item__content 实际不等宽（label-width=100 被长 label 撑开）。新方案固定 250px 后三字段视觉一致，参照客商档案。
+- 同时清理模板中冗余 `label-width="88px"`（会被新 CSS 强制覆盖失效）。
+
+## transportCapacity/ship 证书信息分组：附件下放到对应分组末尾 + label 缩短
+- 需求：1. 「船舶国籍证书」「内河船舶最低安全配员证书」分组里 label 「证书有效期自」偏长，改短为「有效期自」（与下面统一）。2. 底部集中的 `.cert-upload-grid` 上传区调整到各证书分组末尾，让附件与字段同组。
+- 修改：
+  - `src/views/transportCapacity/ship.vue` 模板 line 392/431：2 处 `label="证书有效期自"` → `label="有效期自"`。
+  - 模板结构重组：删除底部 `<el-row class="cert-upload-grid">...</el-row>`（原 line 472-548），把 6 个 `<image-upload-field>` 分别插入对应 `cert-block` 末尾（每个用 `class="ship-upload-item"`，独立 `<el-row :gutter="18"><el-col :span="8">`）：
+    - 船舶所有权证书分组 → `ownershipCertImage`
+    - 内河船舶安全与环保证书分组 → `safetyCertImage`
+    - 船舶国籍证书分组 → `nationalityCertImage`
+    - 内河船舶最低安全配员证书分组 → `safeManningCertImage`
+    - 光船租赁登记证明书分组 → `leaseContractImage`（label="光船租赁登记证书"）
+    - 船舶营业运输证书分组 → `businessTransportCertImage`（label="船舶营业运输证"）
+  - 样式清理：删除无用的 `.cert-upload-grid { padding-top:8px }` / `.cert-upload-spacer { height:1px }`；保留 `.cert-block` / `.cert-block__title` / `.ship-upload-item`（`margin-bottom:14px`）。
+- 验证：用户刷新浏览器看新布局。
+
+## 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`，导致级联选择器按内容宽度收缩，未填满栅格列。
+- 修复：`src/views/business/project-apply.vue` 末尾 scoped 样式 `.project-apply-form` 的 100% 宽度规则补上 `:deep(.el-cascader)`。Vite HMR 已自动生效，无需重启 dev。
diff --git a/src/views/business/project-apply.vue b/src/views/business/project-apply.vue
index 9463802..d43de35 100644
--- a/src/views/business/project-apply.vue
+++ b/src/views/business/project-apply.vue
@@ -2234,6 +2234,7 @@ export default {
   :deep(.el-input),
   :deep(.el-select),
   :deep(.el-tree-select),
+  :deep(.el-cascader),
   :deep(.el-date-editor) {
     width: 100%;
   }
diff --git a/src/views/payment/bill-ledger.vue b/src/views/payment/bill-ledger.vue
index 9c2a8c7..9855e4c 100644
--- a/src/views/payment/bill-ledger.vue
+++ b/src/views/payment/bill-ledger.vue
@@ -2,11 +2,20 @@
   <basic-container class="bill-ledger-page">
     <bill-ledger-search
       :query="query"
-      :counts="counts"
       :loading="loading"
       @search="handleSearch"
       @reset="resetSearch"
     />
+    <div class="bill-ledger-page__expiry-tags">
+      <el-check-tag
+        v-for="item in shortcutOptions"
+        :key="item.value"
+        :checked="query.expiryShortcut === item.value"
+        @change="handleShortcutChange(item.value)"
+      >
+        {{ item.label }}
+      </el-check-tag>
+    </div>
     <bill-ledger-table
       :rows="rows"
       :loading="loading"
@@ -124,7 +133,21 @@ export default {
   mounted() {
     this.loadData();
   },
+  computed: {
+    shortcutOptions() {
+      return [
+        { label: `全部（${this.counts.all || 0}）`, value: 'all' },
+        { label: `30天内到期（${this.counts.within30 || 0}）`, value: 'within30' },
+        { label: `90天内到期（${this.counts.within90 || 0}）`, value: 'within90' },
+        { label: `90天以上（${this.counts.over90 || 0}）`, value: 'over90' },
+      ];
+    },
+  },
   methods: {
+    handleShortcutChange(value) {
+      this.query.expiryShortcut = value;
+      this.handleSearch();
+    },
     unwrapData(response) {
       const body = response?.data || response || {};
       return body?.data || body;
@@ -233,3 +256,19 @@ export default {
   },
 };
 </script>
+
+<style scoped lang="scss">
+.bill-ledger-page__expiry-tags {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 16px;
+  margin-bottom: 6px;
+
+  :deep(.el-check-tag) {
+    margin: 0;
+    white-space: nowrap;
+  }
+}
+</style>
diff --git a/src/views/payment/components/bill-ledger-search.vue b/src/views/payment/components/bill-ledger-search.vue
index 9960ca4..8f81889 100644
--- a/src/views/payment/components/bill-ledger-search.vue
+++ b/src/views/payment/components/bill-ledger-search.vue
@@ -71,7 +71,6 @@ export default {
   name: 'BillLedgerSearch',
   props: {
     query: { type: Object, required: true },
-    counts: { type: Object, default: () => ({}) },
     loading: { type: Boolean, default: false },
   },
   emits: ['search', 'reset'],
@@ -86,22 +85,6 @@ export default {
       maturityStatusOptions,
     };
   },
-  computed: {
-    shortcutOptions() {
-      return [
-        { label: `全部（${this.counts.all || 0}）`, value: 'all' },
-        { label: `30天内到期（${this.counts.within30 || 0}）`, value: 'within30' },
-        { label: `90天内到期（${this.counts.within90 || 0}）`, value: 'within90' },
-        { label: `90天以上（${this.counts.over90 || 0}）`, value: 'over90' },
-      ];
-    },
-  },
-  methods: {
-    handleShortcutChange(value) {
-      this.query.expiryShortcut = value;
-      this.$emit('search');
-    },
-  },
 };
 </script>
 
@@ -124,32 +107,12 @@ export default {
 .bill-ledger-search :deep(.el-date-editor) {
   width: 100%;
 }
-.bill-ledger-search__actions {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  margin-bottom: 8px;
-}
 .bill-ledger-search__actions-buttons {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 8px;
-}
-.bill-ledger-search__actions-tags {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-.bill-ledger-search__actions-tags :deep(.el-check-tag) {
-  margin: 0;
-  white-space: nowrap;
-}
-.bill-ledger-search__actions-tags :deep(.el-check-tag.is-checked),
-.bill-ledger-search__actions-tags :deep(.el-check-tag.is-checked:hover) {
-  background-color: #409eff;
-  color: #fff;
+  margin-bottom: 8px;
 }
 @media (max-width: 1200px) {
   .bill-ledger-search__grid {
diff --git a/src/views/transportCapacity/ship.vue b/src/views/transportCapacity/ship.vue
index e052d13..a86b862 100644
--- a/src/views/transportCapacity/ship.vue
+++ b/src/views/transportCapacity/ship.vue
@@ -161,11 +161,7 @@
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="安放龙骨日期/建造完工日期"
-                prop="keelLayingDate"
-                label-width="88px"
-              >
+              <el-form-item label="安放龙骨日期/建造完工日期" prop="keelLayingDate">
                 <div class="date-range-inline">
                   <el-date-picker
                     v-model="shipForm.keelLayingDate"
@@ -316,6 +312,21 @@
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <image-upload-field
+                  label="船舶所有权证书"
+                  prop="ownershipCertImage"
+                  :value="shipForm.ownershipCertImage"
+                  :readonly="readonly"
+                  :headers="uploadHeaders"
+                  large
+                  class-prefix="ship"
+                  class="ship-upload-item"
+                  @success="url => handleShipCertificateUploadSuccess('ownershipCertImage', url)"
+                />
+              </el-col>
+            </el-row>
           </div>
 
           <div class="cert-block">
@@ -357,13 +368,28 @@
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <image-upload-field
+                  label="内河船舶安全与环保证书"
+                  prop="safetyCertImage"
+                  :value="shipForm.safetyCertImage"
+                  :readonly="readonly"
+                  :headers="uploadHeaders"
+                  large
+                  class-prefix="ship"
+                  class="ship-upload-item"
+                  @success="url => handleShipCertificateUploadSuccess('safetyCertImage', url)"
+                />
+              </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">
+                <el-form-item label="有效期自" prop="nationalityCertStartDate">
                   <div class="date-range-inline">
                     <el-date-picker
                       v-model="shipForm.nationalityCertStartDate"
@@ -381,13 +407,28 @@
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <image-upload-field
+                  label="船舶国籍证书"
+                  prop="nationalityCertImage"
+                  :value="shipForm.nationalityCertImage"
+                  :readonly="readonly"
+                  :headers="uploadHeaders"
+                  large
+                  class-prefix="ship"
+                  class="ship-upload-item"
+                  @success="url => handleShipCertificateUploadSuccess('nationalityCertImage', url)"
+                />
+              </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">
+                <el-form-item label="有效期自" prop="safeManningCertStartDate">
                   <div class="date-range-inline">
                     <el-date-picker
                       v-model="shipForm.safeManningCertStartDate"
@@ -405,6 +446,21 @@
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <image-upload-field
+                  label="内河船舶最低安全配员证书"
+                  prop="safeManningCertImage"
+                  :value="shipForm.safeManningCertImage"
+                  :readonly="readonly"
+                  :headers="uploadHeaders"
+                  large
+                  class-prefix="ship"
+                  class="ship-upload-item"
+                  @success="url => handleShipCertificateUploadSuccess('safeManningCertImage', url)"
+                />
+              </el-col>
+            </el-row>
           </div>
 
           <div class="cert-block">
@@ -435,6 +491,21 @@
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <image-upload-field
+                  label="光船租赁登记证书"
+                  prop="leaseContractImage"
+                  :value="shipForm.leaseContractImage"
+                  :readonly="readonly"
+                  :headers="uploadHeaders"
+                  large
+                  class-prefix="ship"
+                  class="ship-upload-item"
+                  @success="url => handleShipCertificateUploadSuccess('leaseContractImage', url)"
+                />
+              </el-col>
+            </el-row>
           </div>
 
           <div class="cert-block">
@@ -471,85 +542,22 @@
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row :gutter="18">
+              <el-col :span="8">
+                <image-upload-field
+                  label="船舶营业运输证"
+                  prop="businessTransportCertImage"
+                  :value="shipForm.businessTransportCertImage"
+                  :readonly="readonly"
+                  :headers="uploadHeaders"
+                  large
+                  class-prefix="ship"
+                  class="ship-upload-item"
+                  @success="url => handleShipCertificateUploadSuccess('businessTransportCertImage', url)"
+                />
+              </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 => handleShipCertificateUploadSuccess('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 => handleShipCertificateUploadSuccess('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 => handleShipCertificateUploadSuccess('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 => handleShipCertificateUploadSuccess('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 => handleShipCertificateUploadSuccess('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 => handleShipCertificateUploadSuccess('businessTransportCertImage', url)"
-              />
-            </el-col>
-          </el-row>
         </section-card>
       </el-form>
       <template #footer>
@@ -1215,21 +1223,47 @@ export default {
 }
 
 .ship-form {
-  :deep(.el-date-editor.el-input),
-  :deep(.el-date-editor.el-input__wrapper),
-  :deep(.el-select),
-  :deep(.el-select__wrapper),
-  :deep(.el-cascader),
-  :deep(.el-input),
-  :deep(.el-input__wrapper),
-  :deep(.el-input-number) {
-    width: 100%;
+  // 对齐 vehicle/customer-archive 的 .archive-form 风格：
+  // label 固定 calc(6em + 24px) 容纳 6 汉字 + 长 label 自动折行；
+  // 控件统一 250px + max-width: 100%，保证 cascader / input / select / date-picker 等混排时宽度一致。
+  // 修复前：第一行 span=6+6+12 布局下 el-cascader (默认 inline-block) 与 el-input 实际宽度差很大，
+  //        加上 label-width="100" 在长 label 上被撑开，导致 3 个控件视觉宽度比不一致。
+
+  :deep(.el-form-item__label) {
+    flex: 0 0 calc(6em + 24px) !important;
+    width: calc(6em + 24px) !important;
+    height: auto;
+    white-space: normal !important;
+    word-break: break-all;
+    overflow-wrap: anywhere;
+    line-height: 18px;
   }
 
-  // label 固定宽度：可容纳 6 个汉字，超出自动换行
-  :deep(.el-form-item__label) {
-    white-space: normal;
-    line-height: 20px;
+  // label 与控件垂直居中（避免长 label 折行时视觉错位）
+  :deep(.el-form-item) {
+    align-items: center;
+  }
+
+  // 必填星号 * 与首行文字垂直居中（多行 label 时 :before 与文字行盒高度不一致的修复）
+  :deep(.el-form-item.is-required .el-form-item__label) {
+    align-items: flex-start;
+  }
+
+  :deep(.el-form-item.is-required .el-form-item__label::before) {
+    display: inline-block;
+    height: 18px;
+    line-height: 18px;
+    margin-right: 4px;
+  }
+
+  // 所有控件统一 250px（col 宽不足时由 max-width: 100% 兜底收缩）
+  :deep(.el-form-item__content > .el-input),
+  :deep(.el-form-item__content > .el-input-number),
+  :deep(.el-form-item__content > .el-select),
+  :deep(.el-form-item__content > .el-cascader),
+  :deep(.el-form-item__content > .el-date-editor) {
+    width: 250px;
+    max-width: 100%;
   }
 }
 
@@ -1276,14 +1310,6 @@ export default {
   line-height: 20px;
 }
 
-.cert-upload-grid {
-  padding-top: 8px;
-}
-
-.cert-upload-spacer {
-  height: 1px;
-}
-
 .ship-upload-item {
   margin-bottom: 14px;
 }

From 6eff4b738327a81329b26dd6828e8fbeb91b582d 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 14:41:38 +0800
Subject: [PATCH 5/6] =?UTF-8?q?style(ship):=20=E4=BC=98=E5=8C=96=E6=97=A5?=
 =?UTF-8?q?=E6=9C=9F=E9=80=89=E6=8B=A9=E5=99=A8=E5=92=8C=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E6=A1=86=E5=AE=BD=E5=BA=A6=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为日期选择器添加最大宽度限制为250px
- 为下拉框添加最大宽度限制为250px
- 改进组件响应式布局适应性
---
 src/views/transportCapacity/ship.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/views/transportCapacity/ship.vue b/src/views/transportCapacity/ship.vue
index a86b862..915a1cb 100644
--- a/src/views/transportCapacity/ship.vue
+++ b/src/views/transportCapacity/ship.vue
@@ -1277,6 +1277,7 @@ export default {
 .date-range-inline :deep(.el-date-editor) {
   flex: 1;
   min-width: 0;
+  max-width: 250px;
 }
 
 .navigation-area-field {
@@ -1289,6 +1290,7 @@ export default {
 .navigation-area-field :deep(.el-select) {
   flex: 1;
   min-width: 0;
+  max-width: 250px;
 }
 
 .navigation-info-icon {

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 6/6] =?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;
   }