style(customer-archive): 统一客户档案页及弹窗底部按钮样式与对齐规则

- 按新制定的项目模块按钮底栏标准调整 customer-archive 页面及相关弹窗的 footer 样式
- 修改按钮顺序及样式,确保返回/取消居左,保存按钮为蓝描边 plain,提交和主操作按钮为深蓝实心
- 将子弹窗按钮容器对齐方式由居中改为 flex-end,统一右对齐布局
- 删除底部按钮 success 绿样式,全部主操作使用深蓝实心 primary 样式
- 调整部分按钮显示逻辑及文本,增强阅读顺序和视觉层级感
- 更新 SCSS 样式以匹配新布局和对齐规则
- 调整全局输入框及下拉框 placeholder 颜色,加深至 #909399 保持视觉一致性
- 在 MEMORY.md
This commit is contained in:
2026-08-26 18:16:28 +08:00
parent bfb8659cd8
commit 201ca245a7
4 changed files with 91 additions and 23 deletions
+24
View File
@@ -1062,3 +1062,27 @@
.el-select__tags-text {
font-size: var(--el-form-label-font-size);
}
// ============ 加深输入框 / 下拉框占位符颜色 ============
// 客户反馈默认 placeholder 灰色(#a8abb2)太浅,统一加深一档到 #909399Element Plus 次级文字标准灰)。
// 同时覆盖原生 input/textarea 与 el-select 的占位文本,保证全站一致。
// 注:.el-select__placeholder.is-transparent 是聚焦未选值时的透明态,无需处理。
.el-input__inner,
.el-textarea__inner {
&::-webkit-input-placeholder {
color: #909399 !important;
}
&::-moz-placeholder {
color: #909399 !important;
}
&:-ms-input-placeholder {
color: #909399 !important;
}
&::placeholder {
color: #909399 !important;
}
}
.el-select__placeholder {
color: #909399 !important;
}
+17 -17
View File
@@ -800,12 +800,12 @@
</el-dialog>
<div class="archive-form__footer">
<el-button v-if="!isArchivePage || readonly" @click="closeArchive">
{{ isArchivePage ? '返回' : readonly ? '关闭' : '取消' }}
</el-button>
<el-button type="primary" v-if="!readonly" @click="saveArchive">保存</el-button>
<el-button type="success" v-if="!readonly" @click="saveAndSubmitArchive">提交</el-button>
<el-button v-if="!readonly && !isArchivePage" @click="closeArchive">返回</el-button>
<!-- 次要:独立页返回 / 只读关闭 / 弹窗取消 -->
<el-button @click="closeArchive">{{
readonly ? '关闭' : isArchivePage ? '返回' : '取消'
}}</el-button>
<el-button type="primary" plain v-if="!readonly" @click="saveArchive">保存</el-button>
<el-button type="primary" v-if="!readonly" @click="saveAndSubmitArchive">提交</el-button>
</div>
</component>
@@ -866,8 +866,8 @@
</section-card>
<template #footer>
<div class="contact-dialog__footer-actions">
<el-button type="primary" @click="saveContact">保存</el-button>
<el-button @click="contactBox = false">返回</el-button>
<el-button type="primary" plain @click="saveContact">保存</el-button>
</div>
</template>
</el-dialog>
@@ -964,8 +964,8 @@
</section-card>
<template #footer>
<div class="receipt-dialog__footer-actions">
<el-button type="primary" @click="saveReceipt">保存</el-button>
<el-button @click="receiptBox = false">返回</el-button>
<el-button type="primary" plain @click="saveReceipt">保存</el-button>
</div>
</template>
</el-dialog>
@@ -1084,8 +1084,8 @@
</el-form>
<template #footer>
<div class="invoice-dialog__footer-actions">
<el-button type="primary" @click="saveInvoice">保存</el-button>
<el-button @click="invoiceBox = false">返回</el-button>
<el-button type="primary" plain @click="saveInvoice">保存</el-button>
</div>
</template>
</el-dialog>
@@ -1230,7 +1230,7 @@
</el-input>
</template>
<template v-else>
<div class="score-standard-cell__label">请选择:</div>
<!-- <div class="score-standard-cell__label">请选择:</div>-->
<el-select
v-model="detail.selectedOption"
filterable
@@ -1347,7 +1347,8 @@
<span>自评:{{ formatScoreValue(currentScore.selfScore) }}分</span>
<span>复评:{{ formatScoreValue(currentScore.reviewScore) }}分</span>
</div>
<el-button type="primary" v-if="!readonly" @click="saveScoreDetail">保存</el-button>
<el-button @click="scoreBox = false">返回</el-button>
<el-button type="primary" plain v-if="!readonly" @click="saveScoreDetail">保存</el-button>
<el-button
v-if="!readonly && hasPermission('customer_type_re_cert')"
type="primary"
@@ -1355,7 +1356,6 @@
>
复评确认
</el-button>
<el-button @click="scoreBox = false">返回</el-button>
</div>
</template>
</el-dialog>
@@ -4788,7 +4788,7 @@ export default {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 104px;
//min-height: 104px;
padding: 8px 24px;
}
@@ -4808,7 +4808,7 @@ export default {
}
:deep(.el-table__body td) {
min-height: 112px;
//min-height: 112px;
color: #303133;
}
@@ -4871,7 +4871,7 @@ export default {
.contact-dialog__footer-actions {
display: flex;
justify-content: center;
justify-content: flex-end;
gap: 12px;
}
@@ -4884,13 +4884,13 @@ export default {
.receipt-dialog__footer-actions {
display: flex;
justify-content: center;
justify-content: flex-end;
gap: 12px;
}
.invoice-dialog__footer-actions {
display: flex;
justify-content: center;
justify-content: flex-end;
gap: 12px;
}