0b2/catchAdmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:生成action时loading效果

Browse Source
This commit is contained in:
JaguarJack
2023-08-31 08:59:48 +08:00
parent 07621425dc
commit 1d40dd9fe2
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
modules/Permissions/views/permissions/index.vue
View File

@@ -21,7 +21,7 @@
<el-popconfirm confirm-button-text="确认" title="添加基础actions" @confirm="actionGenerate(scope.row.id)" placement="top"> <el-popconfirm confirm-button-text="确认" title="添加基础actions" @confirm="actionGenerate(scope.row.id)" placement="top">
<template #reference> <template #reference>
<el-tag class="cursor-pointer w-8" v-if="scope.row.type === MenuType.PAGE_TYPE"> <el-tag class="cursor-pointer w-8" v-if="scope.row.type === MenuType.PAGE_TYPE">
<Icon name="cog-6-tooth" class="animate-spin w-5 h-5" v-if="actionLoading" /> <Icon name="cog-6-tooth" class="animate-spin w-5 h-5" v-if="generateId === scope.row.id" />
<Icon name="plus" className="w-4 h-4" v-else /> <Icon name="plus" className="w-4 h-4" v-else />
</el-tag> </el-tag>
</template> </template>
@@ -73,11 +73,18 @@ onMounted(() => {
}) })
const actionLoading = ref<boolean>(false) const actionLoading = ref<boolean>(false)
const generateId = ref<number>(0)
const actionGenerate = async (id: number) => { const actionGenerate = async (id: number) => {
actionLoading.value = true generateId.value = id
http.post(api, { parent_id: id, actions: true }).then(r => { http
.post(api, { parent_id: id, actions: true })
.then(r => {
search() search()
actionLoading.value = false generateId.value = 0
})
.catch(e => {
generateId.value = 0
catchtable.value.reset()
}) })
} }
</script> </script>