From e538b7f5098cab1aaca06c20ee81320df8576522 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 20 Aug 2026 17:05:43 +0800
Subject: [PATCH] =?UTF-8?q?fix(business-crud-page):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=90=88=E5=90=8C=E5=90=8D=E7=A7=B0=E5=88=97=E5=B7=A6=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 business-crud-page.vue 的 contractName 插槽中新增包裹 div，强制内容左对齐
- 新增 scoped 样式 .business-crud-page__contract-name，设置 text-align: left
- contract-manage.js 保留 contractName 列 align 和 headerAlign 配置，作为兜底
- 调整合同名称列最小宽度和合同管理页面菜单宽度
- 修复车辆信用评分量化页面部分文本居中样式移除
---
 .workbuddy/memory/2026-08-20.md               | 10 +++++++++
 src/option/business/contract-manage.js        |  4 +++-
 .../components/business-crud-page.vue         | 22 ++++++++++++-------
 src/views/business/contract-manage.vue        |  2 +-
 .../vehicle/credit-score-quantification.vue   |  1 -
 5 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/.workbuddy/memory/2026-08-20.md b/.workbuddy/memory/2026-08-20.md
index cbc4ebc..293888e 100644
--- a/.workbuddy/memory/2026-08-20.md
+++ b/.workbuddy/memory/2026-08-20.md
@@ -129,3 +129,13 @@
 
 ## master-order 弹窗搜索栏白底补齐
 - `src/views/business/components/master-order-editor.vue` line 1815-1818：把 `.common-cargo-dialog__search` 单条白底规则改写为 `.common-address-dialog__search, .common-cargo-dialog__search { background: #fff }`，让"选择常用地址"弹窗的搜索栏也跟随既有白卡样式（其他 `.route-dialog__search` 默认无该 class，仍保留灰底）。
+
+## 合同管理合同名称列左对齐修复
+
+- 调整文件：`src/views/business/components/business-crud-page.vue`、`src/option/business/contract-manage.js`
+- 修改内容：
+  1. 在 `business-crud-page.vue` 的 `#contractName` 插槽内，用 `<div class="business-crud-page__contract-name">` 包裹 `el-link` / `span` 内容。
+  2. 在 `business-crud-page.vue` 的 scoped SCSS 中新增 `.business-crud-page__contract-name { text-align: left; }`。
+  3. 保留 `contract-manage.js` 中 `contractName` 列的 `align: 'left'` / `headerAlign: 'left'` 配置（虽然 Avue slot 列的 align 未生效，作为兜底仍保留）。
+- 原因：用户反馈 `/business/contract-manage` 的合同名称列文字仍居中。Avue 自定义 slot 列的 `align` 属性似乎没有正确作用到单元格，改由插槽内容自身强制 `text-align: left` 更可靠。
+- 影响：所有使用 `business-crud-page` 且渲染 `contractName` 插槽的页面，其合同名称单元格内容都会左对齐。
diff --git a/src/option/business/contract-manage.js b/src/option/business/contract-manage.js
index 685ceb2..fe85698 100644
--- a/src/option/business/contract-manage.js
+++ b/src/option/business/contract-manage.js
@@ -251,12 +251,14 @@ export const option = createCrudOption([
   {
     label: '合同名称',
     prop: 'contractName',
+    align: 'left',
+    headerAlign: 'left',
     search: true,
     searchOrder: 7,
     searchPlaceholder: '请输入',
     order: 180,
     slot: true,
-    minWidth: 180,
+    minWidth: 240,
     rules: textRule('合同名称', 100, true),
   },
   {
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 2dd287c..555e719 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -126,14 +126,16 @@
       </template>
 
       <template #contractName="{ row }">
-        <el-link
-          v-if="config.contractNameDetail && row.contractName"
-          type="primary"
-          @click.stop="openDetail(row)"
-        >
-          {{ row.contractName }}
-        </el-link>
-        <span v-else>{{ row.contractName || '-' }}</span>
+        <div class="business-crud-page__contract-name">
+          <el-link
+            v-if="config.contractNameDetail && row.contractName"
+            type="primary"
+            @click.stop="openDetail(row)"
+          >
+            {{ row.contractName }}
+          </el-link>
+          <span v-else>{{ row.contractName || '-' }}</span>
+        </div>
       </template>
 
       <template #loadingNo="{ row }">
@@ -13649,6 +13651,10 @@ export default {
     width: 100%;
   }
 
+  &__contract-name {
+    text-align: left;
+  }
+
   &__contract-expiry-search {
     display: flex;
     align-items: center;
diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue
index 1c24e06..d3a2646 100644
--- a/src/views/business/contract-manage.vue
+++ b/src/views/business/contract-manage.vue
@@ -3,7 +3,7 @@
     :api="api"
     :config="config"
     :crud-option="option"
-    :menu-width="252"
+    :menu-width="280"
     contract-form-page
   />
 </template>
diff --git a/src/views/vehicle/credit-score-quantification.vue b/src/views/vehicle/credit-score-quantification.vue
index 3a856e9..14ed7ee 100644
--- a/src/views/vehicle/credit-score-quantification.vue
+++ b/src/views/vehicle/credit-score-quantification.vue
@@ -1129,7 +1129,6 @@ export default {
     color: #303133;
     font-size: 14px;
     font-weight: 400;
-    text-align: center;
   }
 
   :deep(.score-description-input .el-input__inner) {