style(business): 优化合同管理、综合台账及应付明细弹窗样式调整

- 统一 business-crud-page 系列独立表单页标题显示,新增 contract-manage 支持
- 综合台账弹窗 vehicle-ledger/ship-ledger 中 el-table 移入各 tab-pane,调整蓝标内容为全局 section-card 组件
- 临时额度查看弹窗改为两列自定义详情显示,支持草稿态详情按钮显示
- 修复合同管理详情弹窗 label 对齐问题,增强 el-descriptions 表格宽度与标签样式
- contract-manage.vue 全局样式改为 scoped,消除全站弹窗样式污染
- 应付明细调整弹窗控件宽度撑满单元格,统一所有表头居中显示
- 移除 receivable-payable-detail 表格中部分列 align:right,避免内容截断
- 新增相应组件样式支持 :deep 选择器实现样式穿透,保证兼容性和维护性
This commit is contained in:
2026-08-21 12:42:02 +08:00
parent 037031b76c
commit 6989486d8a
7 changed files with 125 additions and 22 deletions
@@ -6267,7 +6267,10 @@ export default {
formPageTitle() {
if (
this.isStandaloneFormPage &&
(this.isShippingTemplatePage || this.isTransportPlanPage || this.isWaybillDetailLayout)
(this.isShippingTemplatePage ||
this.isTransportPlanPage ||
this.isWaybillDetailLayout ||
this.isContractConfig)
) {
return (
this.$route.query.name ||
@@ -7350,6 +7353,7 @@ export default {
showDetailButton(row) {
if (!this.config.detailButton || !this.hasPermission(`${this.config.permission}_view`))
return false;
if (this.config.detailButtonIgnoreDraftStatus) return true;
const status = this.statusValue(row);
return status !== 'draft';
},
@@ -15437,17 +15441,31 @@ export default {
gap: 12px;
.section-card {
:deep(.el-descriptions__table) {
width: 100%;
table-layout: fixed;
}
:deep(.el-descriptions__label) {
width: 140px;
min-width: 140px;
max-width: 140px;
box-sizing: border-box;
padding: 8px 12px;
color: #606266;
font-weight: 600;
text-align: right;
vertical-align: middle;
line-height: 1.4;
}
:deep(.el-descriptions__content) {
min-height: 42px;
padding: 8px 12px;
white-space: pre-wrap;
word-break: break-word;
vertical-align: middle;
line-height: 1.4;
}
}
}