'对接学生首页'

jeecgboot-vue3-master/src/api/common/api.ts

@@ -159,3 +159,9 @@ export const getOrganizingCommittee = () => {
     url:'/annualcompetitionprojectregistration/annualCompetitionProjectRegistration/zwhsybsjs'
   })
 }
+// 学生首页
+export const getStudent = () => {
+  return defHttp.get({
+    url:'/annualcompetitionprojectregistration/annualCompetitionProjectRegistration/xssybsjs'
+  })
+}

jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListFive.vue

@@ -5,17 +5,19 @@
     <div class="table">
       <div class="t_item t_head">
         <!-- <div class="ranking">排名</div> -->
-        <div class="name">所有奖项</div>
+        <div class="name">奖项名称</div>
-        <div class="total">比赛名称</div>
+        <div class="total">年度比赛名称</div>
+        <div class="total">年度比赛项目名称</div>
         <div class="operate">积分</div>
       </div>
       <div class="t_item t_con" v-for="(i,index) in props.data" :key="i">
         <!-- <div class="ranking">
           <div class="ol" :class="{ ac: index <= 3 }">{{ index +1 }}</div>
         </div> -->
-        <div class="name">{{ i.name }}</div>
+        <div class="name">{{ i.jxname }}</div>
-        <div class="total">{{ i.sum }}</div>
+        <div class="total">{{ i.ndbs }}</div>
-        <div class="operate">{{ i.id }}</div>
+        <div class="total">{{ i.ndbsxm }}</div>
+        <div class="operate">{{ i.jf }}</div>
       </div>
     </div>
   </div>

jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListFour.vue

@@ -5,29 +5,38 @@
     <div class="table">
       <div class="t_item t_head">
         <!-- <div class="ranking">排名</div> -->
-        <div class="name">比赛名称</div>
+        <div class="name">报名比赛项目</div>
-        <div class="total">比赛状态</div>
+        <div class="total">状态</div>
         <div class="operate">操作</div>
       </div>
       <div class="t_item t_con" v-for="(i,index) in props.data" :key="i">
         <!-- <div class="ranking">
           <div class="ol" :class="{ ac: index <= 3 }">{{ index +1 }}</div>
         </div> -->
-        <div class="name">{{ i.name }}</div>
+        <div class="name">{{ i.xmname }}</div>
-        <div class="total">{{ i.sum }}</div>
+        <div class="total">{{ i.zt }}</div>
-        <div class="operate">详情</div>
+        <div class="operate" @click="goToInfo(i)">详情</div>
       </div>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
+import {useRouter} from 'vue-router'
+const router = useRouter()
   const props = defineProps({
     data: {
       type: Array,
       default: [],
     },
   });
+  console.log(props.data,'111');
+  const goToInfo = (record:any) => {
+    router.push({
+      path: '/annualcompetitionprojectregistration/student/AnnualCompetitionProjectRegistrationList',
+      query: {annualCompid: record.xmname ,entryFormat: record.cyxs, id: record.xmid}
+    })
+  }
 </script>
 
 <style lang="less" scoped>

jeecgboot-vue3-master/src/views/depart/workbench/components/organizingCommittee/organizingCommittee.vue

@@ -129,7 +129,20 @@
       }, 1000);
     };
   };
-  const data = ref<any>({})
+  const data = ref<any>({
+    ydjNumber:0,
+    edjNumber:0,
+    sdjNumber:0,
+    sidjNumber:0,
+    wdjNumber:0,
+    qwtxmList:[],
+    bsxmSum:0,
+    csyxbmpm:[],
+    bmxsxxList:[],
+    
+
+
+  })
   const getOrganizingCommitteeEvent = async () => {
     const res = await getOrganizingCommittee()
     data.value = res

jeecgboot-vue3-master/src/views/depart/workbench/components/student/student.vue

@@ -1,33 +1,36 @@
 <template>
   <div class="container-box">
-    <a-row :gutter="[24, 24]" style="margin-top: 30px;">
+    <a-row :gutter="[24, 24]" style="margin-top: 30px">
       <a-col :xxl="12" :xl="12" :lg="24">
         <a-row :gutter="[24, 24]" style="margin-top: 0">
           <a-col :span="12">
             <div class="card1">
               <div class="title">
-                <div class="left">参赛人数</div>
+                <div class="left">参加比赛项目数量</div>
                 <div class="right"><SvgIcon size="20" name="content" /></div>
               </div>
-              <div class="name">1314</div>
+              <div class="name">{{ data.cjbsxmsl }}</div>
-              <div class="total">
+              <div class="total" style="margin-top: 10px">
-                <div class="one">一等：11</div>
+                <div class="two">国家级：：{{ data.gjj }}</div>
-                <div class="two">二等：1</div>
+                <div class="three">省级：：{{ data.shengj }}</div>
-                <div class="three">三等：1</div>
+                <div class="three">市级：：{{ data.shij }}</div>
+                <div class="three">校级：：{{ data.xj }}</div>
               </div>
             </div>
           </a-col>
           <a-col :span="12">
             <div class="card1">
               <div class="title">
-                <div class="left">参赛人数</div>
+                <div class="left">获奖数</div>
                 <div class="right"><SvgIcon size="20" name="content" /></div>
               </div>
               <div class="name">1314</div>
-              <div class="total">
+              <div class="total" style="grid-template-columns: repeat(5, 1fr)">
-                <div class="one">一等：11</div>
+                <div class="one">一等：{{data.ydjNumber}}</div>
-                <div class="two">二等：1</div>
+                <div class="two">二等：{{data.edjNumber}}</div>
-                <div class="three">三等：1</div>
+                <div class="three">三等：{{data.sdjNumber}}</div>
+                <div class="two">四等：{{data.sidjNumber}}</div>
+                <div class="three">五等：{{data.wdjNumber}}</div>
               </div>
             </div>
           </a-col>
@@ -63,12 +66,13 @@
       <a-col :xxl="12" :xl="12" :lg="24">
         <div class="right-list">
           <a-card title="报名比赛" style="width: 100%; height: 100%">
-            <cardListFour />
+            <cardListFour :data="data.bmbsxm"/>
           </a-card>
+          <div class="gengduo" @click="router.push('/annualcompetitionprojectregistration/student/AnnualCompetitionProjectRegistrationList')">更多</div>
         </div>
       </a-col>
     </a-row>
-    <a-row :gutter="[24, 24]" style="margin-top: 30px;">
+    <a-row :gutter="[24, 24]" style="margin-top: 30px">
       <a-col :xxl="12" :xl="12" :lg="24"
         ><div class="huojiangqingkuang">
           <a-card title="获奖情况" style="width: 100%; height: 100%">
@@ -79,7 +83,7 @@
       <a-col :xxl="12" :xl="12" :lg="24">
         <div class="all-jiangxiang">
           <a-card title="所有奖项" style="width: 100%">
-            <cardListFive />
+            <cardListFive :data="data.allApList"/>
           </a-card>
         </div>
       </a-col>
@@ -92,15 +96,34 @@
   import cardListFour from '../components/cardListFour.vue';
   import cardListFive from '../components/cardListFive.vue';
   import echarts from '/@/utils/lib/echarts';
-  import { getStudent }from '/@/api/common/api'
+  import { getStudent } from '/@/api/common/api';
 
-  import { onMounted } from 'vue';
+  import { onMounted, ref } from 'vue';
-  const getStudentEvent = async() => {
+  import {useRouter} from 'vue-router'
-    const res = await getStudent()
+const router = useRouter()
+  const data = ref({
+    cjbsxmsl:0,
+    gjj:0,
+    shengj:0,
+    shij:0,
+    xj:0,
+    ydjNumber:0,
+    edjNumber:0,
+    sdjNumber:0,
+    sidjNumber:0,
+    wdjNumber:0,
+    allApList:[],
+    ndbsxm:[],
+    bmbsxm:[]
+  });
+  const getStudentEvent = async () => {
+    const res = await getStudent();
+    data.value = res;
     console.log(res);
+    initHuojiangChart();
 
-  }
+  };
-  getStudentEvent()
+  getStudentEvent();
   const throttle = (fn: any) => {
     let timer: any;
     return function () {
@@ -113,7 +136,7 @@
         timer = null;
       }, 1000);
     };
-  }
+  };
   var indicator = [
     {
       text: '前言探索',
@@ -259,6 +282,8 @@
     window.addEventListener('resize', resize);
   };
   const initHuojiangChart = () => {
+    console.log(data.value,'ata.value');
+    
     const myChart = echarts.init(document.getElementById('chart-huojiang'));
     const option = {
       tooltip: {
@@ -269,15 +294,15 @@
       //     containLabel: false,
       //   },
       legend: {
-        type:"scroll",
+        type: 'scroll',
         orient: 'vertical',
-        left:'70%',
+        left: '70%',
-        align:'left',
+        align: 'left',
-        top:'middle',
+        top: 'middle',
         textStyle: {
-            color:'#8C8C8C'
+          color: '#8C8C8C',
         },
-        height:250
+        height: 250,
       },
       series: [
         {
@@ -289,16 +314,21 @@
             normal: {
               show: false,
               position: 'outter',
-                     formatter:function (parms){
+              formatter: function (parms) {
-                         return parms.data.value
+                return parms.data.value;
-                     }
+              },
-                }
+            },
           },
           labelLine: {
-                show:false
+            show: false,
-
           },
-          data: [{ value: 1048, name: '一等奖' }, { value: 735, name: '二等奖' }, { value: 580, name: '三等奖' }],
+          data: [
+            { value: data.value.ydjNumber, name: '一等奖' },
+            { value: data.value.edjNumber, name: '二等奖' },
+            { value: data.value.sdjNumber, name: '三等奖' },
+            { value: data.value.sidjNumber, name: '四等奖' },
+            { value: data.value.wdjNumber, name: '五等奖' },
+          ],
           emphasis: {
             itemStyle: {
               shadowBlur: 10,
@@ -317,7 +347,6 @@
   };
   onMounted(() => {
     initChart();
-    initHuojiangChart();
   });
 </script>
 
@@ -351,9 +380,15 @@
         margin-top: 20px;
         font-size: 12px;
         color: #000;
-        display: flex;
+        // display: flex;
         width: 100%;
-        justify-content: space-between;
+        display: grid;
+        grid-template-columns: repeat(4, 1fr); /* 创建两列，每列宽度相等 */
+        grid-template-rows: repeat(2, 10px); /* 创建四行，每行高度固定为100px */
+        gap: 10px;
+        div {
+          // width: 25%;
+        }
       }
     }
     .render {
@@ -406,9 +441,17 @@
       }
     }
     .right-list {
+      position: relative;
       width: 100%;
       height: 100%;
       background-color: #fff;
+      .gengduo{
+        position: absolute;
+        right: 50px;
+        top: 20px;
+        color: #1890ff;
+        cursor: pointer;
+      }
     }
     .huojiangqingkuang {
       width: 100%;