修改

package-lock.json

@@ -14,6 +14,7 @@
         "@vueuse/integrations": "^10.9.0",
         "@wangeditor/editor": "^5.1.23",
         "@wangeditor/editor-for-vue": "5.1.10",
+        "animate.css": "^4.1.1",
         "axios": "^1.6.7",
         "dayjs": "^1.11.13",
         "echarts": "^5.5.1",
@@ -1683,6 +1684,11 @@
         "uri-js": "^4.2.2"
       }
     },
+    "node_modules/animate.css": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/animate.css/-/animate.css-4.1.1.tgz",
+      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
+    },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -7583,6 +7589,11 @@
         "uri-js": "^4.2.2"
       }
     },
+    "animate.css": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/animate.css/-/animate.css-4.1.1.tgz",
+      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
+    },
     "ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",

package.json

@@ -20,6 +20,7 @@
     "axios": "^1.6.7",
     "dayjs": "^1.11.13",
     "echarts": "^5.5.1",
+    "animate.css": "^4.1.1",
     "element-plus": "^2.5.6",
     "lodash-es": "^4.17.21",
     "nprogress": "^0.2.0",

src/main.js

@@ -17,6 +17,7 @@ import { InitVariable } from './utils/variable'
 import globalComponents from '@/components'
 // 指令
 import { InitDirective } from './utils/directives'
+import 'animate.css/animate.min.css'
 const app = createApp(App)
 globalComponents(app)
 setupStore(app)

src/store/api/core/statistics.js

@@ -9,7 +9,7 @@ export const StatisticsStore = defineStore('statistics', () => {
     if (skip) cond.skip = skip
     if (limit) cond.limit = limit
     cond = { ...cond, ...info }
-    const res = await axios.$get(`${url}`, cond)
+    const res = await axios.$get(`${url}/work`, cond)
     return res
   }
   const user = async ({ skip = 0, limit = undefined, ...info } = {}) => {
@@ -17,7 +17,7 @@ export const StatisticsStore = defineStore('statistics', () => {
     if (skip) cond.skip = skip
     if (limit) cond.limit = limit
     cond = { ...cond, ...info }
-    const res = await axios.$get(`${url}`, cond)
+    const res = await axios.$get(`${url}/user`, cond)
     return res
   }
   const resource = async ({ skip = 0, limit = undefined, ...info } = {}) => {
@@ -25,7 +25,7 @@ export const StatisticsStore = defineStore('statistics', () => {
     if (skip) cond.skip = skip
     if (limit) cond.limit = limit
     cond = { ...cond, ...info }
-    const res = await axios.$get(`${url}`, cond)
+    const res = await axios.$get(`${url}/resource`, cond)
     return res
   }
   return {

src/views/control/statement/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
+      <el-col :span="24" class="main animate__animated animate__backInRight">
         <el-tabs type="border-card" v-model="activeName">
           <el-tab-pane label="资源统计" name="first">
             <resource></resource>
@@ -25,12 +25,5 @@ import work from './parts/work.vue'
 import user from './parts/user.vue'
 
 const activeName = ref('first')
-// 加载中
-const loading = ref(false)
-// 请求
-onMounted(async () => {
-  loading.value = true
-  loading.value = false
-})
 </script>
 <style scoped lang="scss"></style>