💄 调整临时额度弹窗字段宽度与 dialogWidth 配置
统一表单控件宽度,并修正 Avue dialogWidth 数值写法避免重复 px。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -334,7 +334,7 @@ export const option = {
|
|||||||
},
|
},
|
||||||
...auditColumns.map(column => ({ ...column, hide: true })),
|
...auditColumns.map(column => ({ ...column, hide: true })),
|
||||||
])),
|
])),
|
||||||
dialogWidth: '1100px',
|
dialogWidth: 1100,
|
||||||
menuFixed: 'right',
|
menuFixed: 'right',
|
||||||
menuWidth: 320,
|
menuWidth: 320,
|
||||||
index: false,
|
index: false,
|
||||||
|
|||||||
@@ -184,7 +184,7 @@
|
|||||||
title="查看临时额度申请"
|
title="查看临时额度申请"
|
||||||
append-to-body
|
append-to-body
|
||||||
destroy-on-close
|
destroy-on-close
|
||||||
width="1100px"
|
:width="formDialogWidth"
|
||||||
class="temporary-credit-limit-dialog temporary-credit-limit-detail-dialog"
|
class="temporary-credit-limit-dialog temporary-credit-limit-detail-dialog"
|
||||||
>
|
>
|
||||||
<div v-loading="detailLoading" class="business-crud-page__detail-content">
|
<div v-loading="detailLoading" class="business-crud-page__detail-content">
|
||||||
@@ -415,6 +415,13 @@ export default {
|
|||||||
detailSections() {
|
detailSections() {
|
||||||
return this.config.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() {
|
isAdmin() {
|
||||||
const authority = this.userInfo?.authority;
|
const authority = this.userInfo?.authority;
|
||||||
return Array.isArray(authority)
|
return Array.isArray(authority)
|
||||||
@@ -956,8 +963,8 @@ export default {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.temporary-credit-limit-page {
|
.temporary-credit-limit-page {
|
||||||
&__field {
|
&__field {
|
||||||
width: 100%;
|
width: 240px;
|
||||||
max-width: 240px;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__attachment-head {
|
&__attachment-head {
|
||||||
@@ -1141,7 +1148,7 @@ export default {
|
|||||||
border-radius: 0 !important;
|
border-radius: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 新增/编辑:控件限宽,避免宽屏下撑满列宽贴到弹窗右边缘
|
// 新增/编辑:input/select 与「项目名称」同宽(240px),备注 textarea 保持整行
|
||||||
&:not(.temporary-credit-limit-detail-dialog) {
|
&:not(.temporary-credit-limit-detail-dialog) {
|
||||||
.el-form-item__content {
|
.el-form-item__content {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
@@ -1151,20 +1158,26 @@ export default {
|
|||||||
.el-form-item__content > .el-select,
|
.el-form-item__content > .el-select,
|
||||||
.el-form-item__content > .el-date-editor,
|
.el-form-item__content > .el-date-editor,
|
||||||
.el-form-item__content > .el-cascader,
|
.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 {
|
.temporary-credit-limit-page__field {
|
||||||
width: 100%;
|
width: 240px !important;
|
||||||
max-width: 240px;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-form-item__content > .el-textarea {
|
.el-form-item__content > .el-textarea,
|
||||||
max-width: 100%;
|
.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,
|
||||||
.el-date-editor.el-input__wrapper {
|
.el-date-editor.el-input__wrapper {
|
||||||
width: 100%;
|
width: 240px !important;
|
||||||
max-width: 240px;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1173,8 +1186,9 @@ export default {
|
|||||||
width: 180px !important;
|
width: 180px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 新增/编辑/查看:高度随内容自适应,超出时再滚动;去掉强制全屏导致的底部大片空白
|
// 新增/编辑/查看:宽度与高度规则统一(Avue setPx 对 '1100px' 会拼成 '1100pxpx',故 option 用数字 1100)
|
||||||
.temporary-credit-limit-dialog.el-dialog {
|
.temporary-credit-limit-dialog.el-dialog {
|
||||||
|
width: 1100px !important;
|
||||||
margin-top: 20px !important;
|
margin-top: 20px !important;
|
||||||
margin-bottom: 20px !important;
|
margin-bottom: 20px !important;
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
|
|||||||
Reference in New Issue
Block a user