zcdsj
/
mat
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: make dialog bodies scrollable

This commit is contained in:
caoqianming 2026-03-11 12:05:37 +08:00
parent 9facdae46f
commit bf6685c670
5 changed files with 37 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/styles/base.css
View File

@ -119,3 +119,9 @@ a {
.el-dialog { .el-dialog {
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
} }
.dialog-scroll .el-dialog__body {
max-height: 60vh;
overflow: auto;
padding-right: 8px;
}

12
frontend/src/views/DictionaryManage.vue
View File

@ -43,7 +43,7 @@
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<el-dialog v-model="categoryDialogVisible" :title="categoryDialogTitle" width="480px"> <el-dialog v-model="categoryDialogVisible" :title="categoryDialogTitle" width="480px" class="dialog-scroll">
<el-form :model="categoryForm" label-width="90px"> <el-form :model="categoryForm" label-width="90px">
<el-form-item label="分类名称" required> <el-form-item label="分类名称" required>
<el-input v-model="categoryForm.name" /> <el-input v-model="categoryForm.name" />
@ -58,7 +58,7 @@
</template> </template>
</el-dialog> </el-dialog>
<el-dialog v-model="subcategoryDialogVisible" :title="subcategoryDialogTitle" width="520px"> <el-dialog v-model="subcategoryDialogVisible" :title="subcategoryDialogTitle" width="520px" class="dialog-scroll">
<el-form :model="subcategoryForm" label-width="100px"> <el-form :model="subcategoryForm" label-width="100px">
<el-form-item label="所属分类" required> <el-form-item label="所属分类" required>
<el-select v-model="subcategoryForm.category" filterable> <el-select v-model="subcategoryForm.category" filterable>
@ -233,3 +233,11 @@ onMounted(async () => {
await loadSubcategories() await loadSubcategories()
}) })
</script> </script>
<style scoped>
.dialog-scroll :deep(.el-dialog__body) {
max-height: 60vh;
overflow: auto;
padding-right: 8px;
}
</style>

8
frontend/src/views/FactoryManage.vue
View File

@ -36,7 +36,7 @@
/> />
</div> </div>
<el-dialog v-model="dialogVisible" :title="dialogTitle" width="640px"> <el-dialog v-model="dialogVisible" :title="dialogTitle" width="640px" class="dialog-scroll">
<el-form :model="form" label-width="100px"> <el-form :model="form" label-width="100px">
<el-form-item label="经销商" required> <el-form-item label="经销商" required>
<el-input v-model="form.dealer_name" /> <el-input v-model="form.dealer_name" />
@ -204,5 +204,11 @@ onMounted(() => {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.dialog-scroll :deep(.el-dialog__body) {
max-height: 60vh;
overflow: auto;
padding-right: 8px;
}
</style> </style>

8
frontend/src/views/MaterialManage.vue
View File

@ -46,7 +46,7 @@
/> />
</div> </div>
<el-dialog v-model="dialogVisible" :title="dialogTitle" width="820px"> <el-dialog v-model="dialogVisible" :title="dialogTitle" width="820px" class="dialog-scroll">
<el-form :model="form" label-width="110px"> <el-form :model="form" label-width="110px">
<el-form-item label="材料名称" required> <el-form-item label="材料名称" required>
<el-input v-model="form.name" /> <el-input v-model="form.name" />
@ -432,6 +432,12 @@ onMounted(() => {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.dialog-scroll :deep(.el-dialog__body) {
max-height: 60vh;
overflow: auto;
padding-right: 8px;
}
</style> </style>
<style scoped> <style scoped>

8
frontend/src/views/UserManage.vue
View File

@ -36,7 +36,7 @@
/> />
</div> </div>
<el-dialog v-model="dialogVisible" :title="dialogTitle" width="520px"> <el-dialog v-model="dialogVisible" :title="dialogTitle" width="520px" class="dialog-scroll">
<el-form :model="form" label-width="90px"> <el-form :model="form" label-width="90px">
<el-form-item label="用户名" required> <el-form-item label="用户名" required>
<el-input v-model="form.username" :disabled="isEdit" /> <el-input v-model="form.username" :disabled="isEdit" />
@ -200,4 +200,10 @@ onMounted(() => {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.dialog-scroll :deep(.el-dialog__body) {
max-height: 60vh;
overflow: auto;
padding-right: 8px;
}
</style> </style>