From c97f1fc0e3b607e32af065cd7b3f2f6cd033e9b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 11 Aug 2026 17:23:52 +0800
Subject: [PATCH] =?UTF-8?q?style(customer-archive):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97Tabs=E6=A0=B7=E5=BC=8F=E5=8F=8A=E5=85=A8?=
 =?UTF-8?q?=E5=B1=80=E7=A7=BB=E9=99=A4=E6=A0=87=E9=A2=98=E7=AB=96=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- tabs区域业务明细外层包裹白底卡片，统一视觉样式
- 去掉客商档案弹窗标题左侧的蓝色竖条，解决用户反馈
- 取消scoped样式尝试，改为非scoped全局样式修改
- 编辑全局element-ui.scss，拆分竖条共享规则，仅保留分组标题竖条
- 删除customer-archive.vue末尾特例样式
- 细节调整archive-tabs和archive-detail-card间距，修正样式冲突
---
 .workbuddy/memory/2026-08-11.md        | 18 ++++++++++++++++++
 src/styles/element-ui.scss             |  1 -
 src/views/vehicle/customer-archive.vue |  7 ++++++-
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/.workbuddy/memory/2026-08-11.md b/.workbuddy/memory/2026-08-11.md
index 86f6c14..2537d66 100644
--- a/.workbuddy/memory/2026-08-11.md
+++ b/.workbuddy/memory/2026-08-11.md
@@ -93,3 +93,21 @@ Element Plus 把 label 锁死成 32px 高 + 32px 行高，**只够放一行**。
 - 移除 `el-input` 上冗余的 `style="width: 100%"`。
 
 效果：省市区级联选择器保持 250px，详细地址输入框自动延伸至该 form-item 内容区右边缘。
+
+## Tabs 区域卡片化（业务明细）
+用户截图反馈：弹窗内 tabs（评分表/联系人/收款信息/发票信息）标签头裸露在灰底上，需要整体包进白底卡片。
+
+改动（`src/views/vehicle/customer-archive.vue`）：
+- `<el-tabs>` 外层包裹 `<section-card title="业务明细">`，使 tabs 标签头与内容统一在一张白底卡片内，与上方工商/联系/财务/其他信息分组视觉一致。
+
+## 客商档案弹窗标题去掉蓝色竖条
+用户截图标注「新增客商档案」弹窗标题左侧的 4px 主色竖条不要了。
+- 第一次尝试在 scoped 样式里用 `:deep(.el-dialog__title::before){display:none}` 未生效，因为该 `el-dialog` 开启了 `append-to-body`，DOM 被 teleport 到 body，scoped 样式挂不上。
+- 最终方案：在 `customer-archive.vue` 末尾新增一个非 scoped 的 `<style lang="scss">` 块，写全局规则：
+  ```scss
+  .archive-dialog .el-dialog__title::before {
+    display: none;
+  }
+  ```
+- 后续用户要求「应用到全部的弹窗」，改为全局移除：编辑 `src/styles/element-ui.scss`，把竖条共享规则 `.el-dialog__title:not(:empty)::before, .dialog-section-title::before` 拆开，仅保留 `.dialog-section-title::before`（分组标题仍带竖条），`.el-dialog__title` 不再有竖条。同时删除了 `customer-archive.vue` 末尾的特例 `<style>` 块。
+- 注意：这与 AGENTS.md 4.8「新增/编辑弹窗标题左侧必须展示 4px 主色竖条」规范冲突，按用户决策已全局移除弹窗主标题竖条；如需恢复，把 `.el-dialog__title` 加回共享规则即可。
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 3d0a863..3f9fde9 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -183,7 +183,6 @@
   gap: 8px;
 }
 
-.el-dialog__title:not(:empty)::before,
 .dialog-section-title::before {
   content: '';
   flex: none;
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index 562402b..1a00f8b 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/src/views/vehicle/customer-archive.vue
@@ -393,6 +393,7 @@
         </section-card>
       </el-form>
 
+      <section-card class="archive-detail-card">
       <el-tabs v-model="activeTab" class="archive-tabs">
         <el-tab-pane label="评分表" name="scores">
           <section-card>
@@ -578,6 +579,7 @@
           </section-card>
         </el-tab-pane>
       </el-tabs>
+      </section-card>
 
       <section-card title="客商材料">
         <template #extra>
@@ -3780,6 +3782,7 @@ export default {
   grid-template-columns: 1fr auto 1fr;
   align-items: center;
   margin-top: 12px;
+  margin-bottom: 6px;
 
   :deep(.vehicle-attachment-upload) {
     width: auto;
@@ -3793,8 +3796,10 @@ export default {
   }
 }
 
+.archive-detail-card {
+  margin-top: 8px;
+}
 .archive-tabs {
-  margin-top: 18px;
 }
 
 .score-list-table {