组委会首页

jeecgboot-vue3-master/src/views/dashboard/Analysis/indexZWH.vue

@@ -1,13 +1,14 @@
 <template>
   <div style="padding: 12px" class="index-container-ty">
-    <a-spin :spinning="loading">
+<!--    <a-spin :spinning="loading">-->
+    <a-spin :spinning="false">
       <a-row :gutter="[32,16]" type="flex" justify="space-between" class="firstDiv">
         <a-col :xs="12"  :xl="4">
           <div class="commonDiv">
             <p class="title">本年度参加比赛队伍数</p>
             <p class="subtitle">Participating schools</p>
             <p class="num">
-<!--              <span>{{num02}}</span>-->
+              <span>{{num02}}</span>
               <span class="iconDiv">
 <!--              <img src="./images/icon2.png"/>-->
             </span>
@@ -55,7 +56,8 @@
         <a-col :xs="24" :xl="8" >
           <a-row type="flex" justify="space-between" class="titleDiv">
             <a-col :span="12" >
-              <span class="name">综合评分排名{{list}}</span>
+<!--              <span class="name">综合评分排名{{list}}</span>-->
+                <span class="name">综合评分排名</span>
             </a-col>
             <a-col :span="12" class="more">
               <span>More<a-icon type="right" /></span>
@@ -63,7 +65,7 @@
           </a-row>
           <a-row :gutter="[32,16]" type="flex" justify="space-between" class="commonDiv" style="margin: 0">
             <a-col :span="20">
-              <div id="histogram" style="width: 100%;height: 100%">
+<!--              <div id="histogram" style="width: 100%;height: 100%">
                                 <div class="item" v-for="(item,index) in multipleScore" :key="index">
                                   <div class="topDiv">
                                     <div class="red color" :style="{height:item.target1*2+'px'}"></div>
@@ -74,7 +76,7 @@
                                     {{item.name}}
                                   </div>
                                 </div>
-              </div>
+              </div>-->
             </a-col>
             <a-col :span="4">
               <div class="colorDiv">
@@ -169,8 +171,17 @@
 <script lang="ts"  setup>
 import {  getVisitInfozwh } from './api.ts';
 import { useUserStore } from '/@/store/modules/user';
+import {ref} from "vue";
 const userStore = useUserStore();
 const ids= userStore.getUserInfo.username;
+const num02 = ref("");
+const num04 = ref("");
+const num05 = ref("");
+const num06 = ref("");
+const data03= ref( []);
+const data02= ref( []);
+const data01 = ref( []);
+
 
 
 function sayHi () {
@@ -182,6 +193,16 @@ function sayHi () {
 function initLogInfo() {
   getVisitInfozwh({ids:ids}).then((res) => {
     if (res.success) {
+        num02.value = res.result.num02
+        num04.value = res.result.num04
+        num05.value = res.result.num05
+        num06.value = res.result.num06
+        data03.value = res.result.data03
+        data02.value = res.result.data02
+        data01.value = res.result.data01
+      console.log("==================================")
+      console.log(res)
+      console.log("==================================")
     }
   });
 }