style(customer-archive): 优化弹窗Tabs样式及全局移除标题竖条

- tabs区域业务明细外层包裹白底卡片,统一视觉样式
- 去掉客商档案弹窗标题左侧的蓝色竖条,解决用户反馈
- 取消scoped样式尝试,改为非scoped全局样式修改
- 编辑全局element-ui.scss,拆分竖条共享规则,仅保留分组标题竖条
- 删除customer-archive.vue末尾特例样式
- 细节调整archive-tabs和archive-detail-card间距,修正样式冲突
This commit is contained in:
2026-08-11 17:23:52 +08:00
parent f0ee1e6ea3
commit c97f1fc0e3
3 changed files with 24 additions and 2 deletions
+6 -1
View File
@@ -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 {