chore: query-wrapper完善

src/pages/entry/views/fixed/proxy/index.vue

 <template>
-  <div></div>
+  <g-query-wrapper :error="userError" :data="userData" :run="userRun" :loading="userLoading" />
 </template>
 <script lang="ts" setup>
 import { useAuth } from '@shared/store/modules/auth'
@@ -18,29 +18,31 @@ const {
   loading: userLoading,
   error: userError,
   run: userRun,
-} = useRequest(() =>
-  UserToken.get({
-    token: authStore.loginInfo.token,
-  }).then(res => {
-    if (res.code === GATEWAY_CODE.success) {
-      userStore.$patch({ userInfo: res.data })
-      //超管跳转
-      if (authStore.loginInfo.id === 10000000) {
-        authStore.$patch({
-          consoleInfo: {
-            consoleName: '超管',
-            consoleObjectId: '1',
-            consoleTypeId: '1',
-          },
-        })
-        window.location.replace(`${origin}/super/proxy`)
-        return
+} = useRequest(
+  () =>
+    UserToken.get({
+      token: authStore.loginInfo.token,
+    }).then(res => {
+      if (res.code === GATEWAY_CODE.success) {
+        userStore.$patch({ userInfo: res.data })
+        //超管跳转
+        if (authStore.loginInfo.id === 10000000) {
+          authStore.$patch({
+            consoleInfo: {
+              consoleName: '超管',
+              consoleObjectId: '1',
+              consoleTypeId: '1',
+            },
+          })
+          window.location.replace(`${origin}/super/proxy`)
+          return
+        }
+        //其余跳转
+        authStore.$reset()
+        window.location.replace(`${origin}/account/proxy`)
       }
-      //其余跳转
-      authStore.$reset()
-      window.location.replace(`${origin}/account/proxy`)
-    }
-    return res
-  }),
+      return res
+    }),
+  { manual: true },
 )
 </script>

src/shared/components/global/query-wrapper/index.vue

 <template>
   <div>
-    <slot v-if="!loading" />
+    <slot v-if="!loading && !error && !hasError" />
+    <div v-if="loading">数据获取中...</div>
+    <div v-if="error">
+      {{ error }}
+    </div>
+    <div v-if="hasError">
+      {{ data.message }}
+    </div>
+    <div v-if="error || hasError">
+      <el-button @click="run">重新请求</el-button>
+    </div>
   </div>
 </template>
 <script lang="ts" setup>
+import { GATEWAY_CODE } from '@shared/http/constants'
+import { HttpResponse } from '@shared/http/HttpResponse'
+import { PropType } from 'vue'
+
 const props = defineProps({
   loading: {
     type: Boolean,
@@ -13,6 +27,7 @@ const props = defineProps({
     required: false,
   },
   data: {
+    type: Object as PropType<HttpResponse>,
     required: false,
   },
   run: {
@@ -20,4 +35,5 @@ const props = defineProps({
     required: true,
   },
 })
+const hasError = props.data && props.data?.code !== GATEWAY_CODE.success
 </script>