tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(CURD): ♻️ 编辑表单使用drawer模式

Browse Source
This commit is contained in:
cshaptx4869
2024-05-14 15:23:26 +08:00
parent 3b9a249bcb
commit 87f67004dc
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/PageModal/index.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<!-- drawer --> <!-- drawer -->
<template v-if="props.modalConfig.component === 'drawer'"> <template v-if="modalConfig.component === 'drawer'">
<el-drawer <el-drawer
v-model="modalVisible" v-model="modalVisible"
:append-to-body="true" :append-to-body="true"

6
src/views/demo/curd/config/edit.ts
View File

@@ -5,10 +5,10 @@ import type { IModalConfig } from "@/components/PageModal/index.vue";
const modalConfig: IModalConfig<UserForm> = { const modalConfig: IModalConfig<UserForm> = {
pageName: "sys:user", pageName: "sys:user",
pk: "id", pk: "id",
dialog: { component: "drawer",
drawer: {
title: "修改用户", title: "修改用户",
width: 800, size: 300,
draggable: true,
}, },
formAction: function (data) { formAction: function (data) {
return UserAPI.update(data.id as number, data); return UserAPI.update(data.id as number, data);