genggai

src/views/dashboard/index.vue

@@ -12,44 +12,64 @@
       <div class="left-section">
         <!-- 校友数据卡片 -->
         <div class="data-cards-container warehouse-table">
+          <div class="cards-period-title">2022-至今</div>
+          <div class="data-cards-grid">
+            <div class="data-card training-times-card">
+              <div class="card-icon flat">
+                <img src="../../assets/map/icon1-1.png" alt="培养人次图标">
+              </div>
+              <div class="card-content">
+                <div class="card-value">{{ course_signs_pass }}</div>
+                <div class="card-label">培养人次</div>
+              </div>
+            </div>
+            <div class="data-card training-people-card">
+              <div class="card-icon flat">
+                <img src="../../assets/map/icon1-2.png" alt="培养人数图标">
+              </div>
+              <div class="card-content">
+                <div class="card-value">{{ course_signs_pass_unique }}</div>
+                <div class="card-label">培养人数</div>
+              </div>
+            </div>
             <div class="data-card alumni-card">
+              <div class="alumni-card-inner">
                 <div class="card-icon flat">
-              <img src="../../assets/map/icon1.png" alt="校友总数图标">
+                  <img src="../../assets/map/icon1-3.png" alt="校友总数图标">
                 </div>
                 <div class="card-content">
                   <div class="card-value">{{ schoolmate_total }}</div>
                   <div class="card-label">校友总数</div>
                 </div>
               </div>
+              <div class="card-note">校友包含:初创班、高研班、攀峰班</div>
+            </div>
             <div class="data-card yearly-card">
               <div class="card-icon flat">
-              <img src="../../assets/map/icon2.png" alt="新增校友图标">
+                <img src="../../assets/map/icon1-4.png" alt="新增校友图标">
               </div>
               <div class="card-content">
                 <div class="card-value">{{ schoolmate_year }}</div>
                 <div class="card-label">2025年新增校友</div>
               </div>
             </div>
+            <div class="data-card genban-card">
+              <div class="card-icon flat">
+                <img src="../../assets/map/icon1-5.png" alt="跟班学员图标">
               </div>
-
-        <!-- 三个圆形数据卡片 -->
-        <div class="circle-cards-container warehouse-table">
-          <div class="circle-card">
-            <div class="circle-shell">
-              <div class="circle-value">{{ yuanhe_company }}</div>
-              <div class="circle-label">元禾投后企业</div>
+              <div class="card-content">
+                <div class="card-value">{{ genban_total }}</div>
+                <div class="card-label">跟班学员</div>
               </div>
             </div>
-          <div class="circle-card">
-            <div class="circle-shell">
-              <div class="circle-value">{{ yuanhe_employee }}</div>
-              <div class="circle-label">元禾员工参与</div>
+            <div class="data-card invested-company-card">
+              <div class="card-icon flat">
+                <img src="../../assets/map/icon1-6.png" alt="元禾投后企业图标">
               </div>
+              <div class="card-content">
+                <div class="card-value">{{ company_invested_total }}</div>
+                <div class="card-label">元禾投后企业</div>
               </div>
-          <div class="circle-card">
-            <div class="circle-shell">
-              <div class="circle-value">{{ city_cadre }}</div>
-              <div class="circle-label">全市干部参与</div>
             </div>
           </div>
         </div>
@@ -275,11 +295,10 @@ export default {
       // 校友数据
       schoolmate_total: 0,
       schoolmate_year: 0,
-
-      // 圆形卡片数据
-      yuanhe_company: 0,
-      yuanhe_employee: 0,
-      city_cadre: 0,
+      course_signs_pass: 0,
+      course_signs_pass_unique: 0,
+      genban_total: 0,
+      company_invested_total: 0,
 
       // 三个全覆盖进度数据
       techCurrent: 0,
@@ -729,17 +748,21 @@ export default {
           if (res.list.schoolmate_year !== undefined) {
             this.schoolmate_year = res.list.schoolmate_year || 0
           }
-          // 元禾投后企业
-          if (res.list.company_invested_total !== undefined) {
-            this.yuanhe_company = res.list.company_invested_total || 0
+          // 培养人次
+          if (res.list.course_signs_pass !== undefined) {
+            this.course_signs_pass = res.list.course_signs_pass || 0
           }
-          // 元禾员工参与
-          if (res.list.company_join_total !== undefined) {
-            this.yuanhe_employee = res.list.company_join_total || 0
+          // 培养人数
+          if (res.list.course_signs_pass_unique !== undefined) {
+            this.course_signs_pass_unique = res.list.course_signs_pass_unique || 0
           }
-          // 全市干部参与
-          if (res.list.company_ganbu_total !== undefined) {
-            this.city_cadre = res.list.company_ganbu_total || 0
+          // 跟班学员
+          if (res.list.genban_total !== undefined) {
+            this.genban_total = res.list.genban_total || 0
+          }
+          // 元禾投后企业
+          if (res.list.company_invested_total !== undefined) {
+            this.company_invested_total = res.list.company_invested_total || 0
           }
         }
 
@@ -1238,12 +1261,30 @@ export default {
   width: 100%;
   top: 0;
   left: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 
   img {
     width: 100%;
   }
 }
 
+.cards-period-title {
+  width: 100%;
+  text-align: center;
+  font-size: 1.5vw;
+  font-weight: bold;
+  background: linear-gradient(90deg, #f4dcae 0%, #b78d60 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  text-shadow: 0 0 10px rgba(59, 130, 246, 0.25);
+  // margin-bottom: 1.5vh;
+  // padding-bottom: 1vh;
+}
+
 .screen-content {
   display: flex;
   width: 100%;
@@ -1263,12 +1304,18 @@ export default {
 
 .data-cards-container {
   display: flex;
-  gap: 3vw;
+  flex-direction: column;
   background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(99, 102, 241, 0.1) 100%);
   border: 1px solid rgba(59, 130, 246, 0.3);
-  padding: 3vh 1.5vw;
+  padding: 2vh 1.5vw;
+  gap:0!important;
   backdrop-filter: blur(10px);
-  justify-content: space-around;
+}
+
+.data-cards-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0!important;
 }
 
 .data-card {
@@ -1277,6 +1324,20 @@ export default {
   align-items: center;
   // gap: 1vw;
   padding: 0.5vw 0;
+  // justify-content: center;
+}
+
+.alumni-card {
+  flex-direction: column;
+  align-items: center;
+}
+
+.alumni-card-inner {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  // justify-content: center;
 }
 
 .card-icon.flat {
@@ -1325,45 +1386,24 @@ export default {
   margin-top: 0.4vh;
 }
 
-.circle-cards-container {
-  display: flex;
-  justify-content: space-between;
-  padding: 3vh 1vw;
-  gap: 1vw!important;
-
-}
-
-.circle-card {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-}
-
-.circle-shell {
-  width: 6.8vw;
-  height: 6.8vw;
-  background: url('../../assets/map/icon3.png') no-repeat center / 100% 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
+.card-note {
   color: #fff;
-  text-shadow: 0 0 10px rgba(16, 226, 255, 0.55);
-}
-
-.circle-value {
-  font-size: 1.3vw;
-  font-weight: 700;
-  // margin-bottom: 0.4vh;
+  font-size: 0.7vw;
+  margin-top: 0.5vh;
+  opacity: 0.8;
+  width: 100%;
+  text-align: left;
+  align-self: center;
+  line-height: 1.4;
+  display: block;
 }
 
-.circle-label {
-  font-size: 0.8vw;
-  line-height: 1.4;
-  color: #93ccfd;
-  font-weight: 600;
-  width: 3.8vw;
+.training-times-card .card-icon.flat,
+.training-people-card .card-icon.flat,
+.genban-card .card-icon.flat,
+.invested-company-card .card-icon.flat {
+  width: 2.5vw;
+  height: 5vh;
 }
 
 .progress-container {
@@ -2370,10 +2410,6 @@ export default {
   .card-value {
     font-size: 2vw;
   }
-
-  .circle-value {
-    font-size: 1.2vw;
-  }
 }
 
 @media (max-width: 1280px) {

vue.config.js

@@ -28,9 +28,9 @@ module.exports = {
    */
   publicPath: process.env.ENV === 'staging' ? '/admin' : '/admin',
   // 测试
-  // outputDir: '/Users/mac/Documents/朗业/2025/s-苏州科技商学院/wx.sstbc.com/public/admin',
+  outputDir: '/Users/mac/Documents/朗业/2025/s-苏州科技商学院/wx.sstbc.com/public/admin',
   //  正式
-  outputDir: '/Users/mac/Documents/朗业/2024/s-苏州科技商学院/wx.sstbc.com/public/admin',
+  // outputDir: '/Users/mac/Documents/朗业/2024/s-苏州科技商学院/wx.sstbc.com/public/admin',
   assetsDir: 'static',
   css: {
     loaderOptions: { // 向 CSS 相关的 loader 传递选项