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,7 +18,8 @@ const {
   loading: userLoading,
   error: userError,
   run: userRun,
-} = useRequest(() =>
+} = useRequest(
+  () =>
     UserToken.get({
       token: authStore.loginInfo.token,
     }).then(res => {
@@ -42,5 +43,6 @@ const {
       }
       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>