style(ui): 调整多处textarea的最小行数及优化样式

- 将多处备注和说明的textarea控件minRows由4改为2,提升界面紧凑性
- 修改.port-terminal-edit-dialog弹窗内input和textarea的自动完成功能为关闭状态
- 调整部分弹窗宽度和备注输入框宽度样式,适配更佳显示效果
- 新增铁路车站编辑弹窗标签宽度108px修正样式,覆盖默认auto计算值
- 删除element-ui.scss中多余的margin-bottom样式
- 为port-terminal相关弹窗footer去除顶部边框,优化视觉分割
This commit is contained in:
2026-08-13 12:21:50 +08:00
parent a89cb44e36
commit f7b7218e62
21 changed files with 59 additions and 29 deletions
+1 -1
View File
@@ -429,7 +429,7 @@ export default {
label: '备注',
prop: 'remark',
type: 'textarea',
minRows: 4,
minRows: 2,
span: 24,
hide: true,
maxlength: 200,
+1 -1
View File
@@ -271,7 +271,7 @@ export default {
label: '备注',
prop: 'remark',
type: 'textarea',
minRows: 4,
minRows: 2,
span: 24,
hide: true,
maxlength: 200,
+18 -3
View File
@@ -75,6 +75,7 @@
filterable
:disabled="isParentRegionLocked"
:placeholder="isParentRegionLocked ? '自动带出' : '请选择国家'"
autocomplete="off"
style="width: 100%"
@change="handleCountryChange"
>
@@ -390,7 +391,7 @@ export default {
option: {
height: 'auto',
calcHeight: 32,
dialogWidth: 980,
dialogWidth: 900,
dialogCustomClass: 'port-terminal-edit-dialog',
labelPosition: 'right',
labelWidth: 'auto',
@@ -1233,6 +1234,7 @@ export default {
this.handleCategoryChange(this.form.category, false);
this.syncTerminalCode();
done();
setTimeout(() => this.disableDialogAutocomplete(), 50);
});
});
return;
@@ -1256,8 +1258,21 @@ export default {
this.handleDistrictChange(this.form.districtCode);
}
done();
setTimeout(() => this.disableDialogAutocomplete(), 50);
});
},
disableDialogAutocomplete() {
this.$nextTick(() => {
const dialog = document.querySelector('.port-terminal-edit-dialog');
if (!dialog) return;
dialog.querySelectorAll('input, textarea').forEach(el => {
el.setAttribute('autocomplete', 'off');
el.setAttribute('autocorrect', 'off');
el.setAttribute('autocapitalize', 'off');
el.setAttribute('spellcheck', 'false');
});
});
},
searchReset() {
this.query = {};
this.setCityOptions([]);
@@ -1374,9 +1389,9 @@ export default {
//.detail-address-input {
// width: 81% !important;
//}
/* 备注宽度 80% */
/* 备注宽度 83% */
.remark-input {
width: 80% !important;
width: 85% !important;
}
}
</style>
+15 -3
View File
@@ -202,8 +202,9 @@ export default {
height: 'auto',
calcHeight: 32,
dialogWidth: 980,
dialogCustomClass: 'railway-station-edit-dialog',
labelPosition: 'right',
labelWidth: 'auto',
labelWidth: '108px',
tip: false,
searchShow: true,
searchMenuSpan: 24,
@@ -339,7 +340,7 @@ export default {
label: '详细地址',
prop: 'detailAddress',
type: 'textarea',
minRows: 3,
minRows: 2,
span: 24,
minWidth: 220,
overHidden: false,
@@ -393,7 +394,7 @@ export default {
label: '备注',
prop: 'remark',
type: 'textarea',
minRows: 4,
minRows: 2,
span: 24,
hide: true,
maxlength: 200,
@@ -892,5 +893,16 @@ export default {
:deep(.el-table td .cell) {
white-space: nowrap;
}
}
</style>
<style lang="scss">
/* 铁路车站弹窗:强制 label 宽度 108px(覆盖 Avue 默认 auto 计算值) */
.railway-station-edit-dialog {
.el-form-item__label {
width: 108px !important;
}
}
</style>
+1 -1
View File
@@ -153,7 +153,7 @@ const option = reactive({
url: 'link',
},
hide: true,
minRows: 4,
minRows: 2,
span: 24,
},
],
+1 -1
View File
@@ -155,7 +155,7 @@ export default {
url: 'link',
},
hide: true,
minRows: 4,
minRows: 2,
span: 24,
},