💄 调整临时额度弹窗字段宽度与 dialogWidth 配置

统一表单控件宽度,并修正 Avue dialogWidth 数值写法避免重复 px。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-09-23 14:49:09 +08:00
parent fbfb563254
commit ae1f2fa09f
2 changed files with 27 additions and 13 deletions
@@ -334,7 +334,7 @@ export const option = {
},
...auditColumns.map(column => ({ ...column, hide: true })),
])),
dialogWidth: '1100px',
dialogWidth: 1100,
menuFixed: 'right',
menuWidth: 320,
index: false,
+26 -12
View File
@@ -184,7 +184,7 @@
title="查看临时额度申请"
append-to-body
destroy-on-close
width="1100px"
:width="formDialogWidth"
class="temporary-credit-limit-dialog temporary-credit-limit-detail-dialog"
>
<div v-loading="detailLoading" class="business-crud-page__detail-content">
@@ -415,6 +415,13 @@ export default {
detailSections() {
return this.config.detailSections || [];
},
formDialogWidth() {
const width = this.tableOption?.dialogWidth ?? option.dialogWidth ?? 1100;
if (typeof width === 'number' || /^\d+$/.test(String(width))) {
return `${width}px`;
}
return String(width);
},
isAdmin() {
const authority = this.userInfo?.authority;
return Array.isArray(authority)
@@ -956,8 +963,8 @@ export default {
<style lang="scss" scoped>
.temporary-credit-limit-page {
&__field {
width: 100%;
max-width: 240px;
width: 240px;
max-width: 100%;
}
&__attachment-head {
@@ -1141,7 +1148,7 @@ export default {
border-radius: 0 !important;
}
// 新增/编辑:控件限宽,避免宽屏下撑满列宽贴到弹窗右边缘
// 新增/编辑:input/select 与「项目名称」同宽(240px),备注 textarea 保持整行
&:not(.temporary-credit-limit-detail-dialog) {
.el-form-item__content {
min-width: 0;
@@ -1151,20 +1158,26 @@ export default {
.el-form-item__content > .el-select,
.el-form-item__content > .el-date-editor,
.el-form-item__content > .el-cascader,
.el-form-item__content > .el-textarea,
.el-form-item__content > div > .el-input,
.el-form-item__content > div > .el-select,
.el-form-item__content > div > .el-date-editor,
.el-form-item__content > div > .el-cascader,
.temporary-credit-limit-page__field {
width: 100%;
max-width: 240px;
width: 240px !important;
max-width: 100%;
}
.el-form-item__content > .el-textarea {
max-width: 100%;
.el-form-item__content > .el-textarea,
.el-form-item__content > div > .el-textarea,
.el-form-item__content .el-textarea {
width: 100% !important;
max-width: 100% !important;
}
.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
width: 100%;
max-width: 240px;
width: 240px !important;
max-width: 100%;
}
}
}
@@ -1173,8 +1186,9 @@ export default {
width: 180px !important;
}
// 新增/编辑/查看:高度随内容自适应,超出时再滚动;去掉强制全屏导致的底部大片空白
// 新增/编辑/查看:宽度与高度规则统一(Avue setPx 对 '1100px' 会拼成 '1100pxpx',故 option 用数字 1100
.temporary-credit-limit-dialog.el-dialog {
width: 1100px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
height: auto !important;