style(archive-form): 统一和优化弹窗表单风格及间距
- 统一财务/信用信息分组备注字段宽度及对齐,修正跨列占位 - 调整评分量化表弹窗左右边距,移除多余内边距复用全局样式 - 将评分量化表相关编辑弹窗改用 section-card 白卡分组并应用 archive-form 风格 - 给业务编辑弹窗添加 archive-form 样式,统一 label 固定宽度和控件宽度至 250px - 新增 common-route 编辑弹窗自定义类,实现输入框宽度和标签对齐 - 全局修改弹窗灰底区间距为 8px,放宽表单项上下间距至 20px,提升视觉一致性 - 优化 Avue 弹窗底部按钮区样式,实现按钮内嵌于白卡底部 - 移除主弹窗标题左侧竖条,全站统一弹窗标题风格,遵循用户需求 - 修复弹窗表单 label 换行稳定性,保证长文本正确展示 - 调整 customer-archive 备注字段布局,保证输入框对齐美观 - 各手写编辑弹窗附加 archive-form,保证样式一致不破坏功能
This commit is contained in:
@@ -9516,6 +9516,37 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// 对齐 customer-archive 的 .archive-form 风格:label 固定宽折行 + 控件 250px
|
||||
.business-crud-page__task-form,
|
||||
.business-crud-page__freight-form,
|
||||
.business-crud-page__module-form,
|
||||
.business-crud-page__dispatch-item-form,
|
||||
.business-crud-page__match-form,
|
||||
.business-crud-page__transport-plan-import-form {
|
||||
:deep(.el-form-item__label) {
|
||||
flex: 0 0 calc(6em + 24px) !important;
|
||||
width: calc(6em + 24px) !important;
|
||||
height: auto;
|
||||
white-space: normal !important;
|
||||
word-break: break-all;
|
||||
overflow-wrap: anywhere;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
:deep(.el-form-item) {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
:deep(.el-form-item__content > .el-input),
|
||||
:deep(.el-form-item__content > .el-select),
|
||||
:deep(.el-form-item__content > .el-cascader),
|
||||
:deep(.el-form-item__content > .el-input-number),
|
||||
:deep(.el-form-item__content > .el-date-editor) {
|
||||
width: 250px;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.business-crud-page {
|
||||
&__field {
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user