完成了创建用户的ui逻辑

This commit is contained in:
carry 2025-02-16 19:30:50 +08:00
parent a9bed02fdc
commit 8368ec69bf

View File

@ -33,6 +33,7 @@
创建用户 创建用户
</el-button> </el-button>
<UserTable/> <UserTable/>
<EditUserDialog ref="editUserDialog" mode="create" />
</el-card> </el-card>
</div> </div>
</template> </template>
@ -45,11 +46,13 @@ import { userStore as store } from '@/store/userStore'
import { userService } from '@/api/userService' import { userService } from '@/api/userService'
import type { UserResponse } from '@/api/types' import type { UserResponse } from '@/api/types'
import UserTable from '@/components/UserTable.vue' import UserTable from '@/components/UserTable.vue'
import EditUserDialog from '@/components/EditUserDialog.vue'
const router = useRouter() const router = useRouter()
const userStore = store() const userStore = store()
const userList = ref<UserResponse[]>([]) const userList = ref<UserResponse[]>([])
const editUserDialog = ref<InstanceType<typeof EditUserDialog>>()
const fetchUserList = async () => { const fetchUserList = async () => {
try { try {
@ -66,7 +69,12 @@ const handleLogout = () => {
} }
const handleCreateUser = () => { const handleCreateUser = () => {
// TODO: editUserDialog.value?.open({
mode: 'create',
onConfirm: () => {
fetchUserList()
}
})
} }
onMounted(() => { onMounted(() => {