@@ -19,6 +19,7 @@ const { t } = useI18n()
1919const multipleSelectionAll = ref <any []>([])
2020const keywordsMember = ref (' ' )
2121const userStore = useUserStore ()
22+ const searchLoading = ref (false )
2223
2324const workspaceForm = reactive ({
2425 name: ' ' ,
@@ -134,18 +135,19 @@ const handleToggleRowSelection = (check: boolean = true) => {
134135}
135136
136137const search = () => {
137- workspaceUserList (
138- { keyword: keywordsMember .value },
139- pageInfo .currentPage ,
140- pageInfo .pageSize
141- ).then ((res ) => {
142- toggleRowLoading .value = true
143- fieldList .value = res .items
144- pageInfo .total = res .total
145- nextTick (() => {
146- handleToggleRowSelection ()
138+ searchLoading .value = true
139+ workspaceUserList ({ keyword: keywordsMember .value }, pageInfo .currentPage , pageInfo .pageSize )
140+ .then ((res ) => {
141+ toggleRowLoading .value = true
142+ fieldList .value = res .items
143+ pageInfo .total = res .total
144+ nextTick (() => {
145+ handleToggleRowSelection ()
146+ })
147+ })
148+ .finally (() => {
149+ searchLoading .value = false
147150 })
148- })
149151}
150152
151153const closeField = () => {
@@ -204,7 +206,7 @@ const handleCurrentChange = (val: number) => {
204206 </script >
205207
206208<template >
207- <div class =" member" >
209+ <div v-loading = " searchLoading " class =" member" >
208210 <div class =" tool-left" >
209211 <span class =" page-title" >{{ $t('workspace.member_management') }}</span >
210212 <div class =" search-bar" >
0 commit comments