💄 调整临时额度弹窗字段宽度与 dialogWidth 配置
统一表单控件宽度,并修正 Avue dialogWidth 数值写法避免重复 px。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user