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

feat: 布局更改

This commit is contained in:
caoqianming 2026-04-24 13:35:35 +08:00
parent e8e122ca61
commit b2d518e736
2 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -47,13 +47,19 @@
/> />
</div> </div>
<el-dialog v-model="dialogVisible" :title="dialogTitle" width="640px" class="dialog-scroll"> <el-drawer
v-model="dialogVisible"
:title="dialogTitle"
size="50%"
:close-on-click-modal="false"
class="factory-drawer"
>
<FactoryForm ref="factoryFormRef" v-model="form" mode="edit" /> <FactoryForm ref="factoryFormRef" v-model="form" mode="edit" />
<template #footer> <template #footer>
<el-button @click="dialogVisible = false">取消</el-button> <el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="onSubmit">保存</el-button> <el-button type="primary" @click="onSubmit">保存</el-button>
</template> </template>
</el-dialog> </el-drawer>
</div> </div>
</template> </template>
@ -180,9 +186,12 @@ onMounted(() => {
</script> </script>
<style scoped> <style scoped>
.dialog-scroll :deep(.el-dialog__body) { .factory-drawer :deep(.el-drawer__body) {
max-height: 60vh; padding: 20px 24px;
overflow: auto; overflow-y: auto;
padding-right: 8px; }
.factory-drawer :deep(.el-drawer__footer) {
padding: 12px 24px;
} }
</style> </style>

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

@ -75,20 +75,20 @@
/> />
</div> </div>
<el-dialog <el-drawer
v-if="dialogVisible"
v-model="dialogVisible" v-model="dialogVisible"
:title="dialogTitle" :title="dialogTitle"
width="720px" size="60%"
class="dialog-scroll"
:close-on-click-modal="false" :close-on-click-modal="false"
:destroy-on-close="true"
class="material-drawer"
> >
<MaterialForm ref="materialFormRef" v-model="form" mode="edit" /> <MaterialForm ref="materialFormRef" v-model="form" mode="edit" />
<template #footer> <template #footer>
<el-button @click="dialogVisible = false">取消</el-button> <el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="onSave">保存</el-button> <el-button type="primary" @click="onSave">保存</el-button>
</template> </template>
</el-dialog> </el-drawer>
<el-dialog v-model="importDialogVisible" title="导入材料" width="420px"> <el-dialog v-model="importDialogVisible" title="导入材料" width="420px">
<div class="import-dialog"> <div class="import-dialog">
@ -427,9 +427,12 @@ onMounted(() => {
gap: 12px; gap: 12px;
} }
.dialog-scroll :deep(.el-dialog__body) { .material-drawer :deep(.el-drawer__body) {
max-height: 60vh; padding: 20px 24px;
overflow: auto; overflow-y: auto;
padding-right: 8px; }
.material-drawer :deep(.el-drawer__footer) {
padding: 12px 24px;
} }
</style> </style>