feat(distribution): 添加分销员状态检查与加载指示

- 在多个分销相关页面中引入分销员状态检查，确保用户在访问前具备有效分销资格。
- 增加加载指示器以改善用户体验，提示用户正在加载数据。
- 更新相关逻辑以处理分销员资格的不同状态，确保用户在不符合条件时获得适当反馈。

pages/mine/distribution/grade.vue

@@ -119,7 +119,8 @@ import { onShow } from '@dcloudio/uni-app'
 import { useStore } from '@/store'
 import { getThemeStyle } from '@/utils/theme'
 import config from '@/config/config'
-import { distribution, getDistributionGrades } from '@/api/distribution'
+import { getDistributionGrades } from '@/api/distribution'
+import { assertActiveDistributor } from '@/utils/distributionStatus'
 import { getUserInfo } from '@/api/members'
 
 const store = useStore()
@@ -166,18 +167,21 @@ function refreshUserInfo() {
 
 function loadPageData() {
   loading.value = true
-  Promise.all([fetchGrades(), fetchDistribution()]).finally(() => {
-    loading.value = false
-  })
-}
-
-function fetchDistribution() {
-  return distribution().then((res) => {
-    if (!res.data?.result) {
-      return
-    }
-    distributionData.value = res.data.result
-  })
+  let allowed = false
+  assertActiveDistributor()
+    .then((result) => {
+      if (!result) {
+        return
+      }
+      allowed = true
+      distributionData.value = result
+      return fetchGrades()
+    })
+    .finally(() => {
+      if (allowed) {
+        loading.value = false
+      }
+    })
 }
 
 function fetchGrades() {