From 79e61f8d9983a323e6414f3b18a87880716a08b4 Mon Sep 17 00:00:00 2001 From: zhouhefeng Date: Mon, 1 Jun 2026 08:41:09 +0800 Subject: [PATCH 1/2] commit --- .../app/sys/controller/SysConfController.java | 1 + .../views/layouts/v4/home/index.html | 44 +++++-- .../resources/views/layouts/v4/home/stats.js | 114 +++++++++--------- .../views/platform/sys/conf/index.html | 12 ++ 4 files changed, 105 insertions(+), 66 deletions(-) diff --git a/src/main/java/com/budwk/app/sys/controller/SysConfController.java b/src/main/java/com/budwk/app/sys/controller/SysConfController.java index 53847c45..64113147 100644 --- a/src/main/java/com/budwk/app/sys/controller/SysConfController.java +++ b/src/main/java/com/budwk/app/sys/controller/SysConfController.java @@ -103,6 +103,7 @@ public class SysConfController { private void ensureConfigValueColumn(Sys_config conf) { if (conf == null || (!"AppHomeImg".equals(conf.getConfigKey()) + && !"PCHomeImg".equals(conf.getConfigKey()) && !"AppFeaturedActivityImg".equals(conf.getConfigKey()) && !"AppFestivalBenefitImg".equals(conf.getConfigKey()))) { return; diff --git a/src/main/resources/views/layouts/v4/home/index.html b/src/main/resources/views/layouts/v4/home/index.html index 7ab4b8c3..ab8e41cc 100644 --- a/src/main/resources/views/layouts/v4/home/index.html +++ b/src/main/resources/views/layouts/v4/home/index.html @@ -10,20 +10,37 @@ layout("/layouts/v4/baseLayout.html"){ } .section-banner .banner-img { + position: relative; width: 100%; - height: auto; + height: 470px; + } + + .section-banner .banner-carousel, + .section-banner .banner-carousel .el-carousel__container { + height: 470px; } .section-banner .banner-img img { width: 100%; - /*height: 100%;*/ height: 470px; object-fit: cover; } - /* 临时屏蔽首页背景图，保留原图片节点便于恢复 */ - .section-banner .banner-img > img { - display: none; + .section-banner .banner-carousel .el-carousel__item { + overflow: hidden; + } + + .section-banner .banner-stats { + position: absolute; + left: 0; + right: 0; + bottom: 20px; + z-index: 2; + pointer-events: none; + } + + .section-banner .banner-stats .stats-section { + pointer-events: auto; } .section-wrapper { @@ -73,8 +90,19 @@ layout("/layouts/v4/baseLayout.html"){
@@ -108,7 +136,7 @@ layout("/layouts/v4/baseLayout.html"){ data(){ return{ websiteNews: [], - homeBannerList: "${config.AppHomeImg!}".split(",").map(item => item.trim()).filter(item => item) + homeBannerList: "${config.PCHomeImg!}".split(",").map(item => item.trim()).filter(item => item) } }, components: { diff --git a/src/main/resources/views/layouts/v4/home/stats.js b/src/main/resources/views/layouts/v4/home/stats.js index 2f877a69..959e36aa 100644 --- a/src/main/resources/views/layouts/v4/home/stats.js +++ b/src/main/resources/views/layouts/v4/home/stats.js @@ -9,64 +9,56 @@ const stats = {
-
- -
待办
{{ stats.todoCount }}
+
+ +
-
- -
已办
{{ stats.doneCount }}
+
+ +
-
- -
消息
{{ stats.notifications }}
+
+ +
-
- -
发起
{{ stats.startedCount }}
+
+ +
@@ -90,15 +82,6 @@ const stats = { } }, - onMouseEnter(event) { - event.target.style.transform = 'translateY(-2px)'; - event.target.style.boxShadow = '0 4px 12px rgba(0,0,0,0.15)'; - }, - onMouseLeave(event) { - event.target.style.transform = 'none'; - event.target.style.boxShadow = '0 2px 6px rgba(0,0,0,0.08)'; - }, - loadStats() { this.$axios.post("/flow/todoCenter/statistics").then(res => { if (res.code === 0) { @@ -136,75 +119,90 @@ const stats = { } .stat-item { - background: #f8f9fa; - color: #495057; - padding: 14px; - border-radius: 8px; + background: rgba(255, 255, 255, 0.4); + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.3); + color: #1f2937; + padding: 20px; + border-radius: 14px; display: flex; align-items: center; - gap: 10px; + justify-content: space-between; + gap: 16px; cursor: pointer; - transition: all 0.2s ease; - box-shadow: 0 2px 6px rgba(0,0,0,0.08); + transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12); width: 100%; height: 90px; } + .stat-item:hover { + background: rgba(255, 255, 255, 0.62); + border-color: rgba(255, 255, 255, 0.55); + transform: translateY(-5px); + box-shadow: 0 16px 36px rgba(15, 23, 42, 0.18); + } .stat-icon { - font-size: 30px; - width: 50px; - height: 50px; - background: #e6f7ff; - color: #1890ff; - border-radius: 50%; + font-size: 26px; + width: 44px; + height: 44px; + background: rgba(255, 255, 255, 0.42); + color: rgba(31, 41, 55, 0.72); + border: 1px solid rgba(255, 255, 255, 0.35); + border-radius: 14px; display: flex; align-items: center; justify-content: center; - } - - /* 临时屏蔽待办、已办、消息、发起四个统计图标 */ - .stat-icon-hidden { - display: none !important; + flex-shrink: 0; } .stat-item.pending .stat-icon, .stat-item.completed .stat-icon, .stat-item.messages .stat-icon, .stat-item.reminders .stat-icon { - background: #e6f7ff; - color: #1890ff; + background: rgba(255, 255, 255, 0.42); + } + + .stat-item.pending .stat-icon { + color: #2563eb; } .stat-item.completed .stat-icon { - color: #52c41a; + color: #16a34a; } .stat-item.messages .stat-icon { - color: #faad14; + color: #d97706; } .stat-item.reminders .stat-icon { - color: #13c2c2; + color: #0891b2; } .stat-content { display: flex; flex-direction: column; margin-left: 0; + min-width: 0; + text-align: left; } .stat-label { - font-size: 15px; - opacity: 0.7; + font-size: 14px; + color: rgba(31, 41, 55, 0.78); text-transform: uppercase; - letter-spacing: 0.5px; + letter-spacing: 1px; + line-height: 1.2; } .stat-number { - font-size: 18px; - font-weight: bold; - margin-top: 2px; + font-size: 28px; + font-weight: 700; + color: #111827; + margin-top: 6px; + line-height: 1; } .stats-family { diff --git a/src/main/resources/views/platform/sys/conf/index.html b/src/main/resources/views/platform/sys/conf/index.html index f4daf824..a5f9743a 100644 --- a/src/main/resources/views/platform/sys/conf/index.html +++ b/src/main/resources/views/platform/sys/conf/index.html @@ -99,6 +99,18 @@ layout("/layouts/platform.html"){ > 最佳分辨率：2756 x 732，最多可上传 10 张，首页按上传顺序轮播 +