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:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,10 +25,10 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* 合同管理弹窗:长 label(如"是否需要加盖法人章")在标签列内自动换行 */
|
||||
.el-dialog .el-form-item__label {
|
||||
<style scoped>
|
||||
/* 合同管理弹窗:长 label(如"是否需要加盖法人章")在标签列内自动换行,且不影响全站弹窗 */
|
||||
.contract-manage-dialog .el-form-item__label {
|
||||
white-space: normal;
|
||||
line-height: 1.2;
|
||||
line-height: 1.4;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -166,8 +166,13 @@
|
||||
<div class="settlement-detail-page__adjust-toolbar">
|
||||
<el-button type="primary" plain @click="addManualAdjustRow">新增费用项</el-button>
|
||||
</div>
|
||||
<el-table v-loading="adjustDialog.loading" :data="adjustRows" border>
|
||||
<el-table-column type="index" label="序号" width="64" align="center" />
|
||||
<el-table
|
||||
v-loading="adjustDialog.loading"
|
||||
:data="adjustRows"
|
||||
border
|
||||
class="settlement-detail-page__adjust-table"
|
||||
>
|
||||
<el-table-column type="index" label="序号" width="64" align="center" header-align="center" />
|
||||
<el-table-column label="手工费用项目" min-width="180" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-input
|
||||
@@ -1319,6 +1324,7 @@ export default {
|
||||
|
||||
:deep(th.el-table__cell) {
|
||||
background: #f5f7fa;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
:deep(.el-table__row:nth-child(even) td.el-table__cell) {
|
||||
@@ -1362,6 +1368,22 @@ export default {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.settlement-detail-page__adjust-table {
|
||||
:deep(th.el-table__cell) {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
:deep(.el-input-number),
|
||||
:deep(.el-input),
|
||||
:deep(.el-select) {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
:deep(.el-input-number .el-input__inner) {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.settlement-detail-page__generate-search {
|
||||
margin-bottom: 16px;
|
||||
padding: 12px 12px 4px;
|
||||
|
||||
Reference in New Issue
Block a user