From 737418f49e209be33a1e0d19adb8d7bf7a3b874c Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Tue, 9 Jul 2024 16:51:07 +0800
Subject: [PATCH] =?UTF-8?q?new=E5=B7=A5=E4=BD=9C=E5=8F=B0*5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/icons/content.svg              |   1 +
 .../src/assets/icons/shizhong.svg             |   1 +
 .../components/components/cardList.vue        | 164 ++++++
 .../components/components/cardListFive.vue    | 165 ++++++
 .../components/components/cardListFour.vue    | 165 ++++++
 .../components/components/cardListThree.vue   | 166 ++++++
 .../components/components/cardListtow.vue     | 164 ++++++
 .../depart/workbench/components/index.ts      |   4 +-
 .../organizingCommittee.vue                   | 488 ++++++++++++++++++
 .../workbench/components/student/student.vue  | 430 +++++++++++++++
 .../src/views/depart/workbench/index.vue      |   4 +-
 11 files changed, 1749 insertions(+), 3 deletions(-)
 create mode 100644 jeecgboot-vue3-master/src/assets/icons/content.svg
 create mode 100644 jeecgboot-vue3-master/src/assets/icons/shizhong.svg
 create mode 100644 jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardList.vue
 create mode 100644 jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListFive.vue
 create mode 100644 jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListFour.vue
 create mode 100644 jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListThree.vue
 create mode 100644 jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListtow.vue
 create mode 100644 jeecgboot-vue3-master/src/views/depart/workbench/components/organizingCommittee/organizingCommittee.vue
 create mode 100644 jeecgboot-vue3-master/src/views/depart/workbench/components/student/student.vue

diff --git a/jeecgboot-vue3-master/src/assets/icons/content.svg b/jeecgboot-vue3-master/src/assets/icons/content.svg
new file mode 100644
index 00000000..93009b2f
--- /dev/null
+++ b/jeecgboot-vue3-master/src/assets/icons/content.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720490595862" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20690" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M105.54838701 557v275.80645195c0 47.90322597 43.54838701 88.54838701 98.70967793 88.54838701h621.29032207c53.70967705 0 98.70967705-39.19354805 98.70967793-88.54838701V555.54838701L105.54838701 557z" fill="#D3EAFF" p-id="20691"></path><path d="M514.90322597 684.74193506c-10.16129004 0-21.77419394-4.35483896-29.032258-11.61290303l-127.74193594-127.74193505c-15.967742-15.967742-15.967742-42.09677402 0-58.06451602s42.09677402-15.967742 58.06451602 0l98.70967792 98.70967704 149.51612901-149.51612899c15.967742-15.967742 42.09677402-15.967742 58.06451601 0s15.967742 42.09677402 0 58.06451601L543.93548398 673.12903203c-7.25806494 7.25806494-17.41935498 11.61290302-29.032258 11.61290303z" fill="#FFC13D" p-id="20692"></path><path d="M845.87096797 149.09677403H700.70967705V91.03225801c0-15.967742-13.06451602-29.032258-29.03225801-29.03225801s-29.032258 13.06451602-29.032258 29.032258v58.06451602H381.35483896V91.03225801c0-15.967742-13.06451602-29.032258-29.032258-29.03225801s-29.032258 13.06451602-29.03225801 29.032258v58.06451602H178.12903203c-63.87096797 0-116.12903203 52.25806494-116.12903203 116.12903203v580.64516192c0 63.87096797 52.25806494 116.12903203 116.12903203 116.12903203h667.74193594c63.87096797 0 116.12903203-52.25806494 116.12903203-116.12903203V265.22580605c0-63.87096797-52.25806494-116.12903203-116.12903203-116.12903203z m58.06451601 696.77419394c0 31.93548398-26.12903203 58.06451602-58.06451601 58.06451601H178.12903203c-31.93548398 0-58.06451602-26.12903203-58.06451601-58.06451601V265.22580605c0-31.93548398 26.12903203-58.06451602 58.06451601-58.06451602h145.16129092v43.54838702c0 15.967742 13.06451602 29.032258 29.03225801 29.03225801s29.032258-13.06451602 29.032258-29.03225801v-43.54838702h261.29032208v43.54838702c0 15.967742 13.06451602 29.032258 29.032258 29.03225801s29.032258-13.06451602 29.03225801-29.03225801v-43.54838702h145.16129092c31.93548398 0 58.06451602 26.12903203 58.06451601 58.06451602v580.64516192z" fill="#1890FF" p-id="20693"></path></svg>
\ No newline at end of file
diff --git a/jeecgboot-vue3-master/src/assets/icons/shizhong.svg b/jeecgboot-vue3-master/src/assets/icons/shizhong.svg
new file mode 100644
index 00000000..33768cd7
--- /dev/null
+++ b/jeecgboot-vue3-master/src/assets/icons/shizhong.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720487424356" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1676" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 512m-500.054873 0a500.054873 500.054873 0 1 0 1000.109746 0 500.054873 500.054873 0 1 0-1000.109746 0Z" fill="#FFD00B" p-id="1677"></path><path d="M512.007963 78.455595c-264.998662 0-481.715121 206.149003-498.83647 466.799639 17.121349 260.650636 233.837808 466.799639 498.83647 466.799639 264.966809 0 481.691231-206.149003 498.83647-466.799639-17.137276-260.6586-233.861698-466.799639-498.83647-466.799639z" fill="#FFAA00" p-id="1678"></path><path d="M512.007963 1024C229.688867 1024 0 794.319097 0 512S229.688867 0 512.007963 0c282.311133 0 511.992037 229.680903 511.992037 512s-229.67294 512-511.992037 512zM512.007963 23.890254C242.86036 23.890254 23.890254 242.86036 23.890254 512s218.970106 488.109746 488.117709 488.109746c269.13964 0 488.101782-218.970106 488.101783-488.109746S781.147603 23.890254 512.007963 23.890254z" fill="#33363A" p-id="1679"></path><path d="M934.507108 511.97611c0 233.375929-189.163032 422.523035-422.515071 422.523035-233.328149 0-422.491181-189.147105-422.491182-422.523035 0-233.320185 189.163032-422.475254 422.491182-422.475255 233.352039 0 422.515071 189.155069 422.515071 422.475255z" fill="#D8E5EA" p-id="1680"></path><path d="M89.500855 511.97611c0 233.375929 189.163032 422.523035 422.491182 422.523035 233.352039 0 422.515071-189.147105 422.515071-422.523035H89.500855z" fill="#FFFFFF" p-id="1681"></path><path d="M511.992037 946.444272c-239.547578 0-434.436308-194.904657-434.436309-434.468162 0-239.539615 194.88873-434.420381 434.436309-434.420382 239.563505 0 434.460198 194.880766 434.460198 434.420382 0 239.563505-194.896693 434.468162-434.460198 434.468162z m0-844.990326c-226.376085 0-410.546054 184.162006-410.546054 410.530127 0 226.392012 184.169969 410.577908 410.546054 410.577908 226.384048 0 410.569944-184.177933 410.569944-410.577908 0-226.376085-184.177933-410.530127-410.569944-410.530127z" fill="#33363A" p-id="1682"></path><path d="M571.064672 480.409121c32.634087 32.650014 32.634087 85.511183 0 118.137306-32.61816 32.634087-85.495256 32.634087-118.129344 0-32.61816-32.626124-32.61816-85.487293 0-118.137306 32.634087-32.59427 85.519146-32.59427 118.129344 0z" fill="#A7BBC1" p-id="1683"></path><path d="M452.935328 452.035462c32.61816-32.634087 85.511183-32.634087 118.145271 0 32.586307 32.602233 32.586307 85.495256 0 118.113417-32.634087 32.61816-85.52711 32.61816-118.145271 0-32.626124-32.61816-32.626124-85.511183 0-118.113417z" fill="#FFAA00" p-id="1684"></path><path d="M512.007963 594.612499c-46.132081 0-83.536255-37.404175-83.536255-83.536255s37.404175-83.528292 83.520329-83.520329" fill="#FFD00B" p-id="1685"></path><path d="M512.007963 606.509845a95.24248 95.24248 0 0 1-67.513858-27.895853c-37.228979-37.244906-37.228979-97.822627 0-135.043643 37.236943-37.213053 97.8067-37.213053 135.019753 0a94.836346 94.836346 0 0 1 27.975488 67.513858c0 25.506828-9.938346 49.48468-27.975488 67.521822a95.194699 95.194699 0 0 1-67.505895 27.903816z m0-166.968986a71.376116 71.376116 0 0 0-50.623448 20.927863c-27.903817 27.903817-27.903817 73.327153 0 101.246897 27.91178 27.879927 73.327153 27.88789 101.23097 0a71.137213 71.137213 0 0 0 20.975643-50.631412 71.10536 71.10536 0 0 0-20.975643-50.615485 71.328335 71.328335 0 0 0-50.607522-20.927863z" fill="#33363A" p-id="1686"></path><path d="M534.57629 363.896351a22.57629 22.57629 0 0 1-45.136653 0V150.516565a22.57629 22.57629 0 0 1 22.568326-22.568327 22.584254 22.584254 0 0 1 22.568327 22.568327v213.379786z" fill="#7BC67B" p-id="1687"></path><path d="M512.007963 169.055402a22.568327 22.568327 0 0 0-22.568326 22.568326v172.272623a22.57629 22.57629 0 0 0 45.136653 0V191.623728a22.568327 22.568327 0 0 0-22.568327-22.568326z" fill="#0086FF" p-id="1688"></path><path d="M512.007963 398.409805a34.553271 34.553271 0 0 1-34.513453-34.513454V150.516565c0-19.032569 15.480885-34.513454 34.513453-34.513454s34.513454 15.480885 34.513454 34.513454v213.379786a34.561234 34.561234 0 0 1-34.513454 34.513454z m0-258.51644c-5.853112 0-10.6232 4.770087-10.623199 10.6232v213.379786c0 5.853112 4.770087 10.6232 10.623199 10.6232s10.6232-4.770087 10.6232-10.6232V150.516565c0-5.861076-4.762124-10.6232-10.6232-10.6232z" fill="#33363A" p-id="1689"></path><path d="M659.61788 533.660497a22.568327 22.568327 0 0 1-22.5524-22.57629 22.560363 22.560363 0 0 1 22.5524-22.57629h213.379787a22.584254 22.584254 0 0 1 0 45.15258H659.61788z" fill="#FF1A1A" p-id="1690"></path><path d="M854.466793 511.084207a22.57629 22.57629 0 0 0-22.568327-22.57629H659.61788a22.568327 22.568327 0 0 0-22.5524 22.57629 22.568327 22.568327 0 0 0 22.5524 22.57629h172.28855a22.57629 22.57629 0 0 0 22.560363-22.57629z" fill="#D60909" p-id="1691"></path><path d="M872.989704 545.605624H659.61788c-19.024606 0-34.497527-15.488848-34.497527-34.521417s15.472921-34.521417 34.497527-34.521417h213.379787c19.032569 0 34.513454 15.488848 34.513454 34.521417s-15.488848 34.521417-34.521417 34.521417z m-213.371824-45.15258a10.631163 10.631163 0 0 0 0 21.262326h213.379787c5.853112 0 10.6232-4.770087 10.6232-10.631163s-4.770087-10.631163-10.6232-10.631163H659.61788z" fill="#33363A" p-id="1692"></path></svg>
\ No newline at end of file
diff --git a/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardList.vue b/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardList.vue
new file mode 100644
index 00000000..1408786d
--- /dev/null
+++ b/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardList.vue
@@ -0,0 +1,164 @@
+<template>
+  <div class="foo_card">
+    <!-- <div class="title"> 部门学生积分排名 </div> -->
+
+    <div class="table">
+      <div class="t_item t_head">
+        <div class="ranking">排名</div>
+        <div class="name">参赛院系</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="total">{{ i.sum }}</div>
+        <div class="operate">详情</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  const props = defineProps({
+    data: {
+      type: Array,
+      default: [
+        {
+          name: '机电学院',
+          sum: 100,
+          id:1,
+        },
+        {
+          name: '机电学院',
+          sum: 100,
+          id:2,
+        },
+        {
+          name: '机电学院',
+          sum: 100,
+          id:3,
+        },
+        {
+          name: '机电学院',
+          sum: 100,
+          id:1,
+        },
+        {
+          name: '机电学院',
+          sum: 100,
+          id:2,
+        },
+        {
+          name: '机电学院',
+          sum: 100,
+          id:3,
+        },
+      ],
+    },
+  });
+</script>
+
+<style lang="less" scoped>
+  .foo_card {
+    width: 100%;
+    height: calc(502px - 58px);
+    overflow: auto;
+    background: #ffffff;
+    // box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+    // border-radius: 6px 6px 6px 6px;
+
+    .title {
+      width: 100%;
+      padding-left: 23px;
+      height: 57px;
+      line-height: 57px;
+      font-size: 16px;
+      color: rgba(0, 0, 0, 0.85);
+      position: relative;
+
+      &::before {
+        content: '';
+        display: block;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 1px;
+        background-color: rgba(5, 5, 5, 0.06);
+      }
+    }
+
+    .table {
+      width: 100%;
+      padding-left: 32px;
+
+      .t_item {
+        height: 54px;
+        border-bottom: 1px solid #e7e7e7;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .ranking {
+          width: 80px;
+        }
+
+        .name {
+          flex: 1;
+        }
+
+        .total {
+          width: 74px;
+          flex: 1;
+        }
+
+        .operate {
+          width: 80px;
+        }
+      }
+
+      .t_head {
+        font-size: 14px;
+        color: rgba(0, 0, 0, 0.4);
+      }
+
+      .t_con {
+        .ranking {
+          .ol {
+            width: 24px;
+            height: 24px;
+            background: #e7e7e7;
+            color: rgba(0, 0, 0, 0.9);
+            font-size: 14px;
+            line-height: 24px;
+            text-align: center;
+            border-radius: 50%;
+
+            &.ac {
+              background: #0052d9;
+              color: rgba(255, 255, 255, 0.9);
+            }
+          }
+        }
+
+        .name {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.9);
+        }
+
+        .total {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.9);
+        }
+
+        .operate {
+          font-size: 14px;
+          color: #0052d9;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+</style>
diff --git a/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListFive.vue b/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListFive.vue
new file mode 100644
index 00000000..a554721c
--- /dev/null
+++ b/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListFive.vue
@@ -0,0 +1,165 @@
+<template>
+  <div class="foo_card">
+    <!-- <div class="title"> 部门学生积分排名 </div> -->
+
+    <div class="table">
+      <div class="t_item t_head">
+        <!-- <div class="ranking">排名</div> -->
+        <div class="name">所有奖项</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="total">{{ i.sum }}</div>
+        <div class="operate">{{ i.id }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  const props = defineProps({
+    data: {
+      type: Array,
+      default: [
+        {
+          name: '一等奖',
+          sum: '全国计算机高级大赛',
+          id:1,
+        },
+        {
+          name: '一等奖',
+          sum: '全国计算机高级大赛',
+          id:2,
+        },
+        {
+          name: '一等奖',
+          sum: '全国计算机高级大赛',
+          id:3,
+        },
+        {
+          name: '一等奖',
+          sum: '全国计算机高级大赛',
+          id:4,
+        },
+        {
+          name: '一等奖',
+          sum: '全国计算机高级大赛',
+          id:5,
+        },
+        {
+          name: '一等奖',
+          sum: '全国计算机高级大赛',
+          id:6,
+        },
+      ],
+    },
+  });
+</script>
+
+<style lang="less" scoped>
+  .foo_card {
+    width: 100%;
+    height: calc(502px - 58px);
+    overflow: auto;
+    background: #ffffff;
+    // box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+    // border-radius: 6px 6px 6px 6px;
+
+    .title {
+      width: 100%;
+      padding-left: 23px;
+      height: 57px;
+      line-height: 57px;
+      font-size: 16px;
+      color: rgba(0, 0, 0, 0.85);
+      position: relative;
+
+      &::before {
+        content: '';
+        display: block;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 1px;
+        background-color: rgba(5, 5, 5, 0.06);
+      }
+    }
+
+    .table {
+      width: 100%;
+      padding-left: 32px;
+
+      .t_item {
+        height: 54px;
+        border-bottom: 1px solid #e7e7e7;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .ranking {
+          width: 80px;
+        }
+
+        .name {
+          flex: 1;
+        }
+
+        .total {
+          width: 74px;
+          flex: 1;
+        }
+
+        .operate {
+          width: 80px;
+        }
+      }
+
+      .t_head {
+        font-size: 14px;
+        color: rgba(0, 0, 0, 0.4);
+      }
+
+      .t_con {
+        .ranking {
+          .ol {
+            width: 24px;
+            height: 24px;
+            background: #e7e7e7;
+            color: rgba(0, 0, 0, 0.9);
+            font-size: 14px;
+            line-height: 24px;
+            text-align: center;
+            border-radius: 50%;
+
+            &.ac {
+              background: #0052d9;
+              color: rgba(255, 255, 255, 0.9);
+            }
+          }
+        }
+
+        .name {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.9);
+        }
+
+        .total {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.9);
+        }
+
+        .operate {
+          font-size: 14px;
+          color: #0052d9;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
+</style>
diff --git a/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListFour.vue b/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListFour.vue
new file mode 100644
index 00000000..396eb1c3
--- /dev/null
+++ b/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListFour.vue
@@ -0,0 +1,165 @@
+<template>
+  <div class="foo_card">
+    <!-- <div class="title"> 部门学生积分排名 </div> -->
+
+    <div class="table">
+      <div class="t_item t_head">
+        <!-- <div class="ranking">排名</div> -->
+        <div class="name">比赛名称</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="total">{{ i.sum }}</div>
+        <div class="operate">详情</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  const props = defineProps({
+    data: {
+      type: Array,
+      default: [
+        {
+          name: '全国计算机高级大赛',
+          sum: '比赛中',
+          id:1,
+        },
+        {
+          name: '全国计算机高级大赛',
+          sum: '比赛中',
+          id:2,
+        },
+        {
+          name: '全国计算机高级大赛',
+          sum: '比赛中',
+          id:3,
+        },
+        {
+          name: '全国计算机高级大赛',
+          sum: '比赛中',
+          id:4,
+        },
+        {
+          name: '全国计算机高级大赛',
+          sum: '比赛中',
+          id:5,
+        },
+        {
+          name: '全国计算机高级大赛',
+          sum: '比赛中',
+          id:6,
+        },
+      ],
+    },
+  });
+</script>
+
+<style lang="less" scoped>
+  .foo_card {
+    width: 100%;
+    height: calc(502px - 58px);
+    overflow: auto;
+    background: #ffffff;
+    // box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+    // border-radius: 6px 6px 6px 6px;
+
+    .title {
+      width: 100%;
+      padding-left: 23px;
+      height: 57px;
+      line-height: 57px;
+      font-size: 16px;
+      color: rgba(0, 0, 0, 0.85);
+      position: relative;
+
+      &::before {
+        content: '';
+        display: block;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 1px;
+        background-color: rgba(5, 5, 5, 0.06);
+      }
+    }
+
+    .table {
+      width: 100%;
+      padding-left: 32px;
+
+      .t_item {
+        height: 54px;
+        border-bottom: 1px solid #e7e7e7;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .ranking {
+          width: 80px;
+        }
+
+        .name {
+          flex: 1;
+        }
+
+        .total {
+          width: 74px;
+          flex: 1;
+        }
+
+        .operate {
+          width: 80px;
+        }
+      }
+
+      .t_head {
+        font-size: 14px;
+        color: rgba(0, 0, 0, 0.4);
+      }
+
+      .t_con {
+        .ranking {
+          .ol {
+            width: 24px;
+            height: 24px;
+            background: #e7e7e7;
+            color: rgba(0, 0, 0, 0.9);
+            font-size: 14px;
+            line-height: 24px;
+            text-align: center;
+            border-radius: 50%;
+
+            &.ac {
+              background: #0052d9;
+              color: rgba(255, 255, 255, 0.9);
+            }
+          }
+        }
+
+        .name {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.9);
+        }
+
+        .total {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.9);
+        }
+
+        .operate {
+          font-size: 14px;
+          color: #0052d9;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
+</style>
diff --git a/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListThree.vue b/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListThree.vue
new file mode 100644
index 00000000..b3008502
--- /dev/null
+++ b/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListThree.vue
@@ -0,0 +1,166 @@
+<template>
+  <div class="foo_card">
+    <!-- <div class="title"> 部门学生积分排名 </div> -->
+
+    <div class="table">
+      <div class="t_item t_head">
+        <!-- <div class="ranking">排名</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="total">{{ i.sum }}</div>
+        <div class="total">{{ i.sum }}</div>
+        <div class="operate">胡辣汤学院</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  const props = defineProps({
+    data: {
+      type: Array,
+      default: [
+        {
+          name: '项目名称',
+          sum: 100,
+          id:1,
+        },
+        {
+          name: '项目名称',
+          sum: 100,
+          id:2,
+        },
+        {
+          name: '项目名称',
+          sum: 100,
+          id:3,
+        },
+        {
+          name: '项目名称',
+          sum: 100,
+          id:4,
+        },
+        {
+          name: '项目名称',
+          sum: 100,
+          id:5,
+        },
+        {
+          name: '项目名称',
+          sum: 100,
+          id:6,
+        },
+      ],
+    },
+  });
+</script>
+
+<style lang="less" scoped>
+  .foo_card {
+    width: 100%;
+    height: calc(432px - 58px);
+    overflow: auto;
+    background: #ffffff;
+    // box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+    // border-radius: 6px 6px 6px 6px;
+
+    .title {
+      width: 100%;
+      padding-left: 23px;
+      height: 57px;
+      line-height: 57px;
+      font-size: 16px;
+      color: rgba(0, 0, 0, 0.85);
+      position: relative;
+
+      &::before {
+        content: '';
+        display: block;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 1px;
+        background-color: rgba(5, 5, 5, 0.06);
+      }
+    }
+
+    .table {
+      width: 100%;
+      padding-left: 32px;
+
+      .t_item {
+        height: 54px;
+        border-bottom: 1px solid #e7e7e7;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .ranking {
+          width: 80px;
+        }
+
+        .name {
+          flex: 1;
+        }
+
+        .total {
+          width: 74px;
+          flex: 1;
+        }
+
+        .operate {
+          width: 80px;
+        }
+      }
+
+      .t_head {
+        font-size: 14px;
+        color: rgba(0, 0, 0, 0.4);
+      }
+
+      .t_con {
+        .ranking {
+          .ol {
+            width: 24px;
+            height: 24px;
+            background: #e7e7e7;
+            color: rgba(0, 0, 0, 0.9);
+            font-size: 14px;
+            line-height: 24px;
+            text-align: center;
+            border-radius: 50%;
+
+            &.ac {
+              background: #0052d9;
+              color: rgba(255, 255, 255, 0.9);
+            }
+          }
+        }
+
+        .name {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.9);
+        }
+
+        .total {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.9);
+        }
+
+        .operate {
+          font-size: 14px;
+          color: #0052d9;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+</style>
diff --git a/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListtow.vue b/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListtow.vue
new file mode 100644
index 00000000..748edb56
--- /dev/null
+++ b/jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListtow.vue
@@ -0,0 +1,164 @@
+<template>
+  <div class="foo_card">
+    <!-- <div class="title"> 部门学生积分排名 </div> -->
+
+    <div class="table">
+      <div class="t_item t_head">
+        <!-- <div class="ranking">排名</div> -->
+        <div class="name">报名学生</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="total">{{ i.sum }}</div>
+        <div class="operate">胡辣汤学院</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  const props = defineProps({
+    data: {
+      type: Array,
+      default: [
+        {
+          name: '无糖',
+          sum: 100,
+          id:1,
+        },
+        {
+          name: '无糖',
+          sum: 100,
+          id:2,
+        },
+        {
+          name: '无糖',
+          sum: 100,
+          id:3,
+        },
+        {
+          name: '无糖',
+          sum: 100,
+          id:4,
+        },
+        {
+          name: '无糖',
+          sum: 100,
+          id:5,
+        },
+        {
+          name: '无糖',
+          sum: 100,
+          id:6,
+        },
+      ],
+    },
+  });
+</script>
+
+<style lang="less" scoped>
+  .foo_card {
+    width: 100%;
+    height: calc(502px - 58px);
+    overflow: auto;
+    background: #ffffff;
+    // box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+    // border-radius: 6px 6px 6px 6px;
+
+    .title {
+      width: 100%;
+      padding-left: 23px;
+      height: 57px;
+      line-height: 57px;
+      font-size: 16px;
+      color: rgba(0, 0, 0, 0.85);
+      position: relative;
+
+      &::before {
+        content: '';
+        display: block;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 1px;
+        background-color: rgba(5, 5, 5, 0.06);
+      }
+    }
+
+    .table {
+      width: 100%;
+      padding-left: 32px;
+
+      .t_item {
+        height: 54px;
+        border-bottom: 1px solid #e7e7e7;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .ranking {
+          width: 80px;
+        }
+
+        .name {
+          flex: 1;
+        }
+
+        .total {
+          width: 74px;
+          flex: 1;
+        }
+
+        .operate {
+          width: 80px;
+        }
+      }
+
+      .t_head {
+        font-size: 14px;
+        color: rgba(0, 0, 0, 0.4);
+      }
+
+      .t_con {
+        .ranking {
+          .ol {
+            width: 24px;
+            height: 24px;
+            background: #e7e7e7;
+            color: rgba(0, 0, 0, 0.9);
+            font-size: 14px;
+            line-height: 24px;
+            text-align: center;
+            border-radius: 50%;
+
+            &.ac {
+              background: #0052d9;
+              color: rgba(255, 255, 255, 0.9);
+            }
+          }
+        }
+
+        .name {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.9);
+        }
+
+        .total {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.9);
+        }
+
+        .operate {
+          font-size: 14px;
+          color: #0052d9;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+</style>
diff --git a/jeecgboot-vue3-master/src/views/depart/workbench/components/index.ts b/jeecgboot-vue3-master/src/views/depart/workbench/components/index.ts
index a53775c4..4b85bcd4 100644
--- a/jeecgboot-vue3-master/src/views/depart/workbench/components/index.ts
+++ b/jeecgboot-vue3-master/src/views/depart/workbench/components/index.ts
@@ -1,3 +1,5 @@
 export {default as ChDepartment } from './chDepartment/index.vue'
 export {default as ChExpert } from './chExpert/index.vue'
-export {default as ChSchool } from './chSchool/index.vue'
\ No newline at end of file
+export {default as ChSchool } from './chSchool/index.vue'
+export {default as OrganizingCommittee } from './organizingCommittee/organizingCommittee.vue'
+export {default as Student } from './student/student.vue'
\ No newline at end of file
diff --git a/jeecgboot-vue3-master/src/views/depart/workbench/components/organizingCommittee/organizingCommittee.vue b/jeecgboot-vue3-master/src/views/depart/workbench/components/organizingCommittee/organizingCommittee.vue
new file mode 100644
index 00000000..965bcbf6
--- /dev/null
+++ b/jeecgboot-vue3-master/src/views/depart/workbench/components/organizingCommittee/organizingCommittee.vue
@@ -0,0 +1,488 @@
+<template>
+  <a-row :gutter="[24, 32]">
+    <a-col :lg="12" :xxl="6">
+      <div class="item">
+        <div class="card1">
+          <div class="title">
+            <div class="left">比赛届数</div>
+            <div class="right"><SvgIcon size="20" name="shizhong" /></div>
+          </div>
+          <div class="name">第三十届电子科技大赛</div>
+          <div class="total">共12届，当前第12届</div>
+        </div>
+      </div>
+    </a-col>
+    <a-col :lg="12" :xxl="6"
+      ><div class="item">
+        <div class="card2">
+          <div class="title">
+            <div class="left">参加比赛队伍数</div>
+            <div class="right"><SvgIcon size="20" name="content" /></div>
+          </div>
+          <div id="chart-content"></div>
+          <div class="total">本月比赛：0</div>
+        </div> </div
+    ></a-col>
+    <a-col :lg="12" :xxl="6"><div class="item">
+      <div class="card3">
+          <div class="title">
+            <div class="left">参赛人数</div>
+            <div class="right"><SvgIcon size="20" name="content" /></div>
+          </div>
+          <div class="name">1314</div>
+          <div class="total">
+            <div class="one">一等：11</div>
+            <div class="two">二等：1</div>
+            <div class="three">三等：1</div>
+          </div>
+        </div>
+    </div></a-col>
+    <a-col :lg="12" :xxl="6"><div class="item">
+      <div class="card4">
+          <div class="title">
+            <div class="left">比赛项目数</div>
+            <div class="right"><SvgIcon size="20" name="content" /></div>
+          </div>
+          <div class="name">12</div>
+          <div class="total">报名最多的项目是：项目三 地三十届电子科技大赛</div>
+        </div>
+    </div></a-col>
+  </a-row>
+
+  <a-row :gutter="[24, 32]">
+    <a-col :xxl="12" :xl="12" :lg="24" :md="24" :sm="24"
+      ><div class="Participation">
+        <a-card title="参赛院系人数排名" style="width: 100%; height: 100%">
+          <cardList />
+        </a-card> </div
+    ></a-col>
+    <a-col :xxl="12" :xl="12" :lg="24" :md="24" :sm="24"
+      ><div class="Participation">
+        <a-card title="报名学生列表" style="width: 100%; height: 100%">
+          <cardListTow />
+        </a-card> </div
+    ></a-col>
+  </a-row>
+  <a-row :gutter="[24, 32]">
+    <a-col :xxl="12" :xl="12" :lg="24" :md="24" :sm="24"
+      ><div class="content-card">
+        <a-card title="各项积分情况" style="width: 100%; height: 100%">
+          <div class="content-chart">
+            <div id="chart"></div>
+            <div class="content-list">
+              <div class="item" v-for="(item, index) in 6" :key="index">
+                <div class="sort" :class="index < 3 ? 'bgc' : ''">{{ index + 1 }}</div>
+                <div class="name">项目名{{ item }}</div>
+                <div class="code">1234分</div>
+              </div>
+            </div>
+          </div>
+        </a-card>
+      </div></a-col
+    >
+    <a-col :xxl="12" :xl="12" :lg="24" :md="24" :sm="24"
+      ><div class="content-card">
+        <a-card title="各项详细数据" style="width: 100%; height: 100%">
+          <cardListThree />
+        </a-card> </div
+    ></a-col>
+  </a-row>
+</template>
+
+<script lang="ts" setup>
+  import { SvgIcon } from '/@/components/Icon';
+  import { onMounted } from 'vue';
+  import cardList from '../components/cardList.vue';
+  import cardListTow from '../components/cardListtow.vue';
+  import cardListThree from '../components/cardListThree.vue';
+  import echarts from '/@/utils/lib/echarts';
+  const throttle = (fn: any) => {
+    let timer: any;
+    return function () {
+      if (timer) {
+        return;
+      }
+      timer = setTimeout(() => {
+        fn();
+        clearTimeout(timer);
+        timer = null;
+      }, 1000);
+    };
+  };
+  const initContent = () => {
+    const myChart = echarts.init(document.getElementById('chart-content'));
+    const option = {
+      backgroundColor: 'transparent',
+      title: [
+        {
+          text: '111',
+        },
+      ],
+      tooltip: {
+        trigger: 'axis',
+        axisPointer: {
+          lineStyle: {
+            color: '#57617B',
+          },
+        },
+      },
+      grid: {
+        left: '20px',
+        right: '0',
+        bottom: '0',
+        top: '20px',
+        containLabel: false,
+      },
+      xAxis: [
+        {
+          type: 'category',
+          show: false,
+          axisLine: {
+            lineStyle: {
+              color: '#44607C',
+            },
+          },
+          axisLabel: {
+            show: false,
+            margin: 10,
+            textStyle: {
+              fontSize: 14,
+              color: '#D5CBE8',
+              fontWeight: 700,
+            },
+          },
+          axisTick: {
+            show: false,
+          },
+          data: ['一月','二月','三月','四月','五月'],
+        },
+      ],
+      yAxis: [
+        {
+          type: 'value',
+          name: '单位（%）',
+          axisTick: {
+            show: false,
+          },
+          axisLine: {
+            lineStyle: {
+              color: 'none',
+            },
+          },
+          axisLabel: {
+            margin: 10,
+            show: false,
+            textStyle: {
+              fontSize: 14,
+              color: '#3681B5',
+              fontWeight: 700,
+            },
+          },
+          splitLine: {
+            show: false,
+            lineStyle: {
+              color: '#57617B',
+            },
+          },
+        },
+      ],
+      series: [
+        {
+          name: '比赛队伍',
+          type: 'line',
+          smooth: true,
+          stack: '总量',
+          symbol: 'circle',
+          symbolSize: 5,
+          showSymbol: false,
+          animationDelay: 2000,
+          animationDuration: 1000,
+          // markPoint: {
+          //   symbol:
+          //     'path://M783.136 180.064C771.872 168.832 757.152 160 742.4 160L281.6 160C266.848 160 252.128 168.832 240.864 180.064 229.632 191.328 224 209.248 224 224l0 460.8c0 14.752 5.632 26.272 16.864 37.536C252.128 733.568 266.848 736 281.6 736l115.2 0 115.2 115.2 115.2-115.2 115.2 0c14.752 0 29.472-2.432 40.736-13.664C794.368 711.072 800 699.552 800 684.8L800 224C800 209.248 794.368 191.328 783.136 180.064z',
+          //   symbolOffset: [0, '-100%'],
+          //   symbolSize: 35, //这里可以改变大小
+          //   data: [
+          //     {
+          //       type: 'max',
+          //       name: '最大值',
+          //     },
+          //   ],
+          //   label: {
+          //     offset: [0, -3],
+          //   },
+          //   animationDelay: 3000,
+          //   animationDuration: 1000,
+          // },
+          lineStyle: {
+            normal: {
+              width: 3,
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 1,
+                y2: 0,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#5eb2ff', // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: '#5eb2ff', // 100% 处的颜色
+                  },
+                ],
+                globalCoord: false, // 缺省为 false
+              },
+              opacity: 0.9,
+            },
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: '#5eb2ff',
+                  },
+                  {
+                    offset: 0.8,
+                    color: '#5eb2ff',
+                  },
+                ],
+                false
+              ),
+              shadowColor: '#5eb2ff',
+              shadowBlur: 10,
+            },
+          },
+          // itemStyle: {
+          //   normal: {
+          //     color: '#3A5493',
+          //     borderColor: '',
+          //     borderWidth: 12,
+          //   },
+          // },
+          data: [23,12,45,9,30],
+        },
+      ],
+    };
+    myChart.setOption(option);
+    let resize = throttle(() => {
+      myChart.resize();
+    });
+    window.addEventListener('resize', resize);
+  };
+  onMounted(() => {
+    initContent();
+    const myChart = echarts.init(document.getElementById('chart'));
+    const option = {
+      tooltip: {},
+      xAxis: {
+        type: 'category',
+        data: ['项目一', '项目二', '项目三', '项目四', '项目五', '项目六'],
+      },
+      yAxis: {
+        type: 'value',
+      },
+      series: [
+        {
+          data: [120, 200, 150, 80, 70, 110],
+          type: 'bar',
+        },
+      ],
+    };
+    myChart.setOption(option);
+    let resize = throttle(() => {
+      myChart.resize();
+    });
+    window.addEventListener('resize', resize);
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep .ant-row {
+    background-color: pink;
+    margin-top: 30px;
+  }
+  .item {
+    width: 100%;
+    height: 182px;
+    background-color: #fff;
+    border-radius: 15px;
+    overflow: hidden;
+    .card1 {
+      width: 100%;
+      height: 100%;
+      background-color: #018ffb;
+      padding: 20px;
+      .title {
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+        .left {
+          font-size: 14px;
+          color: #fff;
+        }
+      }
+      .name {
+        font-size: 32px;
+        color: #fff;
+        margin-top: 10px;
+      }
+      .total {
+        font-size: 12px;
+        color: #fff;
+        margin-top: 40px;
+      }
+      #chart {
+        width: 100%;
+        height: 80px;
+      }
+    }
+    .card2 {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      padding: 20px;
+      .title {
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+        .left {
+          font-size: 14px;
+          color: #fff;
+          color: rgba(0, 0, 0, 0.45);
+        }
+      }
+
+      #chart-content {
+        width: 100%;
+        height: 80px;
+      }
+      .total{
+        margin-top: 10px;
+        font-size: 12px;
+        color: #000;
+      }
+    }
+    .card3 {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      padding: 20px;
+      .title {
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+        .left {
+          font-size: 14px;
+          color: #fff;
+          color: rgba(0, 0, 0, 0.45);
+        }
+      }
+
+      .name {
+        font-size: 42px;
+        font-weight: 500;
+        color: #000;
+        margin-top: 10px;
+      }
+      .total{
+        margin-top: 20px;
+        font-size: 12px;
+        color: #000;
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+      }
+    }
+    .card4 {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      padding: 20px;
+      .title {
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+        .left {
+          font-size: 14px;
+          color: #fff;
+          color: rgba(0, 0, 0, 0.45);
+        }
+      }
+
+      .name {
+        font-size: 42px;
+        font-weight: 500;
+        color: #000;
+        margin-top: 10px;
+      }
+      .total{
+        margin-top: 20px;
+        font-size: 12px;
+        color: #000;
+
+      }
+    }
+  }
+  .Participation {
+    width: 100%;
+    height: 502px;
+    background-color: #fff;
+  }
+  .content-card {
+    width: 100%;
+    height: 432px;
+    background-color: #fff;
+    .content-chart {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      #chart {
+        flex: 1;
+        height: 100%;
+      }
+      .content-list {
+        width: 230px;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 0 20px;
+        .item {
+          height: 45px;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          .sort {
+            width: 30px;
+            height: 30px;
+            background-color: #f5f5f5;
+            border-radius: 50%;
+            text-align: center;
+            line-height: 30px;
+            font-weight: 700;
+          }
+          .bgc {
+            background-color: #314659;
+            color: #fff;
+          }
+        }
+      }
+    }
+  }
+  :deep .ant-card-body {
+    padding: 0;
+    width: 100%;
+    height: calc(100% - 58px);
+  }
+</style>
diff --git a/jeecgboot-vue3-master/src/views/depart/workbench/components/student/student.vue b/jeecgboot-vue3-master/src/views/depart/workbench/components/student/student.vue
new file mode 100644
index 00000000..f600fcfb
--- /dev/null
+++ b/jeecgboot-vue3-master/src/views/depart/workbench/components/student/student.vue
@@ -0,0 +1,430 @@
+<template>
+  <div class="container-box">
+    <a-row :gutter="[24, 24]">
+      <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="right"><SvgIcon size="20" name="content" /></div>
+              </div>
+              <div class="name">1314</div>
+              <div class="total">
+                <div class="one">一等：11</div>
+                <div class="two">二等：1</div>
+                <div class="three">三等：1</div>
+              </div>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="card1">
+              <div class="title">
+                <div class="left">参赛人数</div>
+                <div class="right"><SvgIcon size="20" name="content" /></div>
+              </div>
+              <div class="name">1314</div>
+              <div class="total">
+                <div class="one">一等：11</div>
+                <div class="two">二等：1</div>
+                <div class="three">三等：1</div>
+              </div>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="[0, 0]" style="margin-top: 24px">
+          <a-col :span="24">
+            <div class="render">
+              <a-card title="各维度积分" style="width: 100%; height: 100%">
+                <div class="render-box">
+                  <div class="left">
+                    <div id="render-chart"></div>
+                  </div>
+                  <div class="right">
+                    <div class="content-left">
+                      <div class="item" v-for="(item, index) in indicator.slice(0, 6)" :key="index">
+                        <div class="sort" :class="index < 3 ? 'active' : ''">{{ index + 1 }}</div>
+                        <div class="text">{{ item.text }}</div>
+                      </div>
+                    </div>
+                    <div class="content-right">
+                      <div class="item" v-for="(item, index) in indicator.slice(-6)" :key="index">
+                        <div class="sort">{{ index + 1 }}</div>
+                        <div class="text">{{ item.text }}</div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </a-card>
+            </div>
+          </a-col>
+        </a-row>
+      </a-col>
+      <a-col :xxl="12" :xl="12" :lg="24">
+        <div class="right-list">
+          <a-card title="报名比赛" style="width: 100%; height: 100%">
+            <cardListFour />
+          </a-card>
+        </div>
+      </a-col>
+    </a-row>
+    <a-row :gutter="[24, 24]">
+      <a-col :xxl="12" :xl="12" :lg="24"
+        ><div class="huojiangqingkuang">
+          <a-card title="获奖情况" style="width: 100%; height: 100%">
+            <div id="chart-huojiang"></div>
+          </a-card>
+        </div>
+      </a-col>
+      <a-col :xxl="12" :xl="12" :lg="24">
+        <div class="all-jiangxiang">
+          <a-card title="所有奖项" style="width: 100%">
+            <cardListFive />
+          </a-card>
+        </div>
+      </a-col>
+    </a-row>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { SvgIcon } from '/@/components/Icon';
+  import cardListFour from '../components/cardListFour.vue';
+  import cardListFive from '../components/cardListFive.vue';
+  import echarts from '/@/utils/lib/echarts';
+
+  import { onMounted } from 'vue';
+  const throttle = (fn: any) => {
+    let timer: any;
+    return function () {
+      if (timer) {
+        return;
+      }
+      timer = setTimeout(() => {
+        fn();
+        clearTimeout(timer);
+        timer = null;
+      }, 1000);
+    };
+  }
+  var indicator = [
+    {
+      text: '前言探索',
+      max: 6000,
+    },
+    {
+      text: '奠定基础',
+      max: 5000,
+    },
+    {
+      text: '知识分析',
+      max: 5000,
+    },
+    {
+      text: '社会责任',
+      max: 5000,
+    },
+    {
+      text: '独立思考',
+      max: 5500,
+    },
+    {
+      text: '拓宽视野',
+      max: 5000,
+    },
+    {
+      text: '激发兴趣',
+      max: 5000,
+    },
+    {
+      text: '沟通协调',
+      max: 5000,
+    },
+    {
+      text: '设计开发',
+      max: 5000,
+    },
+    {
+      text: '研判分析',
+      max: 5000,
+    },
+    {
+      text: '创新能力',
+      max: 5000,
+    },
+    {
+      text: '团队协作',
+      max: 5000,
+    },
+  ];
+  const initChart = () => {
+    const myChart = echarts.init(document.getElementById('render-chart'));
+
+    var dataArr = [
+      {
+        value: [4000, 700, 3600, 3900, 1800, 4200, 700, 3600, 4200, 700, 3600, 4200, 700, 3600],
+        name: '1',
+        itemStyle: {
+          normal: {
+            lineStyle: {
+              color: '#55d7f2',
+            },
+            shadowColor: '#4A99FF',
+            shadowBlur: 10,
+          },
+        },
+        areaStyle: {
+          normal: {
+            // 单项区域填充样式
+            color: {
+              type: 'linear',
+              x: 1, //右
+              y: 0, //下
+              x2: 1, //左
+              y2: 1, //上
+              colorStops: [
+                {
+                  offset: 0,
+                  color: '#f0a223',
+                },
+                {
+                  offset: 1,
+                  color: '#093138',
+                },
+              ],
+              globalCoord: false,
+            },
+            opacity: 1, // 区域透明度
+          },
+        },
+      },
+    ];
+    var colorArr = ['#fff', '#fff']; //颜色
+    const option = {
+      backgroundColor: 'transparent',
+      color: colorArr,
+      tooltip: {
+        trigger: 'item',
+      },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: '#9ca4a6',
+            fontSize: 12,
+          },
+        },
+        indicator: indicator,
+        splitArea: {
+          // 坐标轴在 grid 区域中的分隔区域，默认不显示。
+          show: true,
+          areaStyle: {
+            // 分隔区域的样式设置。
+            color: ['rgba(255,255,255,0)', 'rgba(255,255,255,0)'], // 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。
+          },
+        },
+        axisLine: {
+          //指向外圈文本的分隔线样式
+          lineStyle: {
+            color: '#2a5f61',
+          },
+        },
+        splitLine: {
+          lineStyle: {
+            color: '#2a5f61', // 分隔线颜色
+            width: 1, // 分隔线线宽
+          },
+        },
+      },
+      series: [
+        {
+          type: 'radar',
+          symbolSize: 6,
+          symbol: 'circle',
+          data: dataArr,
+        },
+      ],
+    };
+    myChart.setOption(option);
+    let resize = throttle(() => {
+      myChart.resize();
+    });
+    window.addEventListener('resize', resize);
+  };
+  const initHuojiangChart = () => {
+    const myChart = echarts.init(document.getElementById('chart-huojiang'));
+    const option = {
+      tooltip: {
+        trigger: 'item',
+      },
+    //   grid: {
+    //     left: '20px',
+    //     containLabel: false,
+    //   },
+      legend: {
+        type:"scroll",
+        orient: 'vertical',
+        left:'70%',
+        align:'left',
+        top:'middle',
+        textStyle: {
+            color:'#8C8C8C'
+        },
+        height:250
+      },
+      series: [
+        {
+          name: '获奖情况',
+          type: 'pie',
+          center: ['35%', '50%'],
+            radius: '80%',
+            label: {
+                normal: {
+                    show: false,
+                    position: 'outter',
+                     formatter:function (parms){
+                         return parms.data.value
+                     }
+                }
+            },
+            labelLine: {
+                show:false
+
+            },
+          data: [{ value: 1048, name: '一等奖' }, { value: 735, name: '二等奖' }, { value: 580, name: '三等奖' }],
+          emphasis: {
+            itemStyle: {
+              shadowBlur: 10,
+              shadowOffsetX: 0,
+              shadowColor: 'rgba(0, 0, 0, 0.5)',
+            },
+          },
+        },
+      ],
+    };
+    myChart.setOption(option);
+    let resize = throttle(() => {
+      myChart.resize();
+    });
+    window.addEventListener('resize', resize);
+  };
+  onMounted(() => {
+    initChart();
+    initHuojiangChart();
+  });
+</script>
+
+<style lang="less" scoped>
+  .container-box {
+    // padding: 20px;
+    .card1 {
+      width: 100%;
+      height: 182px;
+      background-color: #fff;
+      padding: 20px;
+      .title {
+        display: flex;
+        width: 100%;
+
+        justify-content: space-between;
+        .left {
+          font-size: 14px;
+          color: #fff;
+          color: rgba(0, 0, 0, 0.45);
+        }
+      }
+
+      .name {
+        font-size: 42px;
+        font-weight: 500;
+        color: #000;
+        margin-top: 10px;
+      }
+      .total {
+        margin-top: 20px;
+        font-size: 12px;
+        color: #000;
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+      }
+    }
+    .render {
+      width: 100%;
+      height: 451px;
+      background-color: #fff;
+      .render-box {
+        width: 100%;
+        height: 100%;
+        display: flex;
+
+        .left {
+          flex: 1;
+          #render-chart {
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .right {
+          width: 300px;
+          display: flex;
+          align-items: center;
+          .content-left,
+          .content-right {
+            width: 100%;
+            .item {
+              display: flex;
+              align-items: center;
+              height: 30px;
+              margin: 10px 0;
+              .sort {
+                width: 20px;
+                height: 20px;
+                border-radius: 50%;
+                background-color: #f6f6f6;
+                text-align: center;
+                line-height: 20px;
+                margin-right: 10px;
+              }
+              .active {
+                color: #fff;
+                background-color: #32485a;
+              }
+            }
+          }
+        }
+        .right > div {
+          flex: 1;
+        }
+      }
+    }
+    .right-list {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+    }
+    .huojiangqingkuang {
+      width: 100%;
+      height: 500px;
+      background-color: #fff;
+      #chart-huojiang {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .all-jiangxiang {
+      width: 100%;
+      height: 500px;
+      background-color: #fff;
+    }
+  }
+  :deep .ant-col {
+    // background-color: pink;
+    // margin-top: 30px;
+  }
+  :deep .ant-card-body {
+    padding: 0;
+    width: 100%;
+    height: calc(100% - 58px);
+  }
+</style>
diff --git a/jeecgboot-vue3-master/src/views/depart/workbench/index.vue b/jeecgboot-vue3-master/src/views/depart/workbench/index.vue
index a89ce813..b8dcd249 100644
--- a/jeecgboot-vue3-master/src/views/depart/workbench/index.vue
+++ b/jeecgboot-vue3-master/src/views/depart/workbench/index.vue
@@ -4,9 +4,9 @@
     </div>
 </template>
 <script lang="ts" setup>
-import { ChSchool } from './components/index'
+import { ChSchool,OrganizingCommittee,Student } from './components/index'
 function com(){
-    return ChSchool
+    return OrganizingCommittee
 }
 </script>