[*] ICP 备案列表添加加载动画

LoCyan-Team · Oct 1, 2024 · dbe762f · dbe762f
1 parent db32211
commit dbe762f
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 19 deletions.
diff --git a/src/views/DonateView.vue b/src/views/DonateView.vue
@@ -85,7 +85,7 @@
     </n-grid>
   </n-card>
   <n-h3>留言</n-h3>
-  <n-spin :show="loadingDonateList">
+  <n-spin :show="donateListLoading">
     <n-grid cols="3" item-responsive :x-gap="12" :y-gap="12">
       <n-grid-item
         v-for="item in donateList
@@ -142,7 +142,7 @@ const amount_filter_threshold = ref(3.0)
 const trade_no = getUrlKey('out_trade_no')
 const showMessageLabel = ref(false)
 const showModal = ref(false)
-const loadingDonateList = ref(true)
+const donateListLoading = ref(true)
 const display_messages_default = ref(5)
 const display_all_messages = ref(false)
 const trade_info = ref({
@@ -204,7 +204,7 @@ async function getDonateList() {
   if (!rs) return
   if (rs.status === 200) {
     donateList.value = rs.data
-    loadingDonateList.value = false
+    donateListLoading.value = false
   } else {
     sendErrorMessage(rs.message)
   }

diff --git a/src/views/IcpCheckView.vue b/src/views/IcpCheckView.vue
@@ -24,19 +24,21 @@
         </n-card>
       </n-grid-item>
       <n-grid-item span="1">
-        <n-list bordered v-show="showList">
-          <template #header> 已登记的域名 </template>
-          <n-list-item v-for="item in icpList">
-            <n-thing
-              :title="item.domain"
-              :description="item.unit_name + ' (' + item.nature_name + ') - ' + item.icp"
-            >
-            </n-thing>
-            <template #suffix>
-              <n-button type="error" @click="removeICP(item.id)">删除</n-button>
-            </template>
-          </n-list-item>
-        </n-list>
+        <n-spin :show="icpListLoading">
+          <n-list bordered v-show="showList">
+            <template #header> 已登记的域名 </template>
+            <n-list-item v-for="item in icpList">
+              <n-thing
+                :title="item.domain"
+                :description="item.unit_name + ' (' + item.nature_name + ') - ' + item.icp"
+              >
+              </n-thing>
+              <template #suffix>
+                <n-button type="error" @click="removeICP(item.id)">删除</n-button>
+              </template>
+            </n-list-item>
+          </n-list>
+        </n-spin>
       </n-grid-item>
     </n-grid>
   </n-form>
@@ -53,6 +55,7 @@ const showList = ref(false)
 const formRef = ref(null)
 const dialog = useDialog()
 const loading = ref(false)
+const icpListLoading = ref(true)
 const domainInput = ref({
   domain: ''
 })
@@ -69,7 +72,7 @@ const icpList = ref([
 ])
 
 async function submit() {
-  if (loading.value == true) {
+  if (loading.value === true) {
     return
   }
   loading.value = true
@@ -86,7 +89,7 @@ async function submit() {
   }
   loading.value = false
   if (!rs) return
-  if (rs.status != 200) {
+  if (rs.status !== 200) {
     loading.value = false
     sendErrorDialog('审核失败，可能是域名没有备案或格式错误！')
   } else {
@@ -112,7 +115,7 @@ async function removeICP(id) {
       if (!rs) return
       if (rs.status === 200) {
         sendSuccessDialog('删除成功！')
-        getList()
+        await getList()
       } else {
         sendErrorDialog('删除失败，请联系管理员处理！')
       }
@@ -127,6 +130,7 @@ async function removeICP(id) {
 }
 
 async function getList() {
+  icpListLoading.value = true
   let rs
   try {
     rs = await api.v2.icp.get(userData.getters.get_username)
@@ -140,6 +144,7 @@ async function getList() {
   } else {
     showList.value = false
   }
+  icpListLoading.value = false
 }
 
 getList()