diff --git a/src/assets/map/icon1-1.png b/src/assets/map/icon1-1.png new file mode 100644 index 0000000..2eeb79f Binary files /dev/null and b/src/assets/map/icon1-1.png differ diff --git a/src/assets/map/icon1-2.png b/src/assets/map/icon1-2.png new file mode 100644 index 0000000..acca868 Binary files /dev/null and b/src/assets/map/icon1-2.png differ diff --git a/src/assets/map/icon1.png b/src/assets/map/icon1-3.png similarity index 100% rename from src/assets/map/icon1.png rename to src/assets/map/icon1-3.png diff --git a/src/assets/map/icon2.png b/src/assets/map/icon1-4.png similarity index 100% rename from src/assets/map/icon2.png rename to src/assets/map/icon1-4.png diff --git a/src/assets/map/icon1-5.png b/src/assets/map/icon1-5.png new file mode 100644 index 0000000..55959f3 Binary files /dev/null and b/src/assets/map/icon1-5.png differ diff --git a/src/assets/map/icon1-6.png b/src/assets/map/icon1-6.png new file mode 100644 index 0000000..310984b Binary files /dev/null and b/src/assets/map/icon1-6.png differ diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue index a9cf6cb..6b8bcbd 100644 --- a/src/views/dashboard/index.vue +++ b/src/views/dashboard/index.vue @@ -12,44 +12,64 @@
-
-
- 校友总数图标 -
-
-
{{ schoolmate_total }}
-
校友总数
+
2022-至今
+
+
+
+ 培养人次图标 +
+
+
{{ course_signs_pass }}
+
培养人次
+
-
-
-
- 新增校友图标 +
+
+ 培养人数图标 +
+
+
{{ course_signs_pass_unique }}
+
培养人数
+
-
-
{{ schoolmate_year }}
-
2025年新增校友
+
+
+
+ 校友总数图标 +
+
+
{{ schoolmate_total }}
+
校友总数
+
+
+
校友包含:初创班、高研班、攀峰班
-
-
- - -
-
-
-
{{ yuanhe_company }}
-
元禾投后企业
+
+
+ 新增校友图标 +
+
+
{{ schoolmate_year }}
+
2025年新增校友
+
-
-
-
-
{{ yuanhe_employee }}
-
元禾员工参与
+
+
+ 跟班学员图标 +
+
+
{{ genban_total }}
+
跟班学员
+
-
-
-
-
{{ city_cadre }}
-
全市干部参与
+
+
+ 元禾投后企业图标 +
+
+
{{ company_invested_total }}
+
元禾投后企业
+
@@ -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.course_signs_pass_unique !== undefined) { + this.course_signs_pass_unique = res.list.course_signs_pass_unique || 0 } - // 元禾员工参与 - if (res.list.company_join_total !== undefined) { - this.yuanhe_employee = res.list.company_join_total || 0 + // 跟班学员 + if (res.list.genban_total !== undefined) { + this.genban_total = res.list.genban_total || 0 } - // 全市干部参与 - if (res.list.company_ganbu_total !== undefined) { - this.city_cadre = res.list.company_ganbu_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) { diff --git a/vue.config.js b/vue.config.js index 7ffc4f9..29ac6d1 100644 --- a/vue.config.js +++ b/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 传递选项