完成了创建用户的ui逻辑
This commit is contained in:
parent
a9bed02fdc
commit
8368ec69bf
@ -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(() => {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user