Bläddra i källkod

Merge branch 'master' of http://git.fmode.cn:3000/19870581353/travel-flatform

0235474 2 dagar sedan
förälder
incheckning
6ec1413b6e

+ 239 - 17
demo/page-platform.html

@@ -22,6 +22,10 @@
             --mountain-color: #a5d6a7;
             --red-culture: #b71c1c;
             --heritage: #5d4037;
+            --community-color: #8e44ad;
+            --university-color: #3498db;
+            --gov-color: #27ae60;
+            --public-color: #e67e22;
             --animation-speed: 0.4s;
         }
         
@@ -173,6 +177,8 @@
             height: fit-content;
             flex-shrink: 0;
             will-change: transform;
+            position: sticky;
+            top: 20px;
         }
         
         .sidebar-title {
@@ -606,6 +612,32 @@
             font-size: 0.9rem;
         }
         
+        /* 新增部分样式 */
+        .section-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin: 40px 0 25px;
+            padding-bottom: 15px;
+            border-bottom: 2px solid var(--water-color);
+            flex-wrap: wrap;
+            gap: 20px;
+        }
+        
+        .section-title {
+            font-family: 'Ma Shan Zheng', cursive;
+            font-size: 2.2rem;
+            color: var(--primary-blue);
+            display: flex;
+            align-items: center;
+            gap: 15px;
+        }
+        
+        .section-title-icon {
+            color: var(--primary-gold);
+            font-size: 1.8rem;
+        }
+        
         /* 缩放比例优化 */
         @media screen and (min-width: 1600px) {
             .container {
@@ -639,6 +671,7 @@
             
             .sidebar {
                 width: 100%;
+                position: static;
             }
             
             .module-grid {
@@ -689,6 +722,10 @@
                 flex-direction: column;
                 gap: 30px;
             }
+            
+            .section-title {
+                font-size: 1.8rem;
+            }
         }
         
         @media (max-width: 480px) {
@@ -721,6 +758,13 @@
             perspective: 1000;
             transform: translate3d(0,0,0);
         }
+        
+        /* 新增部分标识 */
+        .section-anchor {
+            position: relative;
+            top: -80px;
+            visibility: hidden;
+        }
     </style>
 </head>
 <body>
@@ -756,26 +800,26 @@
                 <h2 class="sidebar-title">数智共创平台</h2>
                 <ul class="module-nav">
                     <li>
-                        <a href="#" class="active"><i class="fas fa-database"></i> 文化资源库</a>
+                        <a href="#cultural-resource-library" class="active"><i class="fas fa-database"></i> 文化资源库</a>
                         <ul class="sub-nav">
-                            <li><a href="#"><i class="fas fa-microphone-alt"></i> 多模态采集中心</a></li>
-                            <li><a href="#"><i class="fas fa-sitemap"></i> 分类知识图谱</a></li>
+                            <li><a href="#multimodal-collection"><i class="fas fa-microphone-alt"></i> 多模态采集中心</a></li>
+                            <li><a href="#knowledge-graph"><i class="fas fa-sitemap"></i> 分类知识图谱</a></li>
                         </ul>
                     </li>
                     <li>
-                        <a href="#"><i class="fas fa-brain"></i> 智慧应用中心</a>
+                        <a href="#smart-app-center"><i class="fas fa-brain"></i> 智慧应用中心</a>
                         <ul class="sub-nav">
-                            <li><a href="#"><i class="fas fa-paint-brush"></i> 数字文创工坊</a></li>
-                            <li><a href="#"><i class="fas fa-map-marked-alt"></i> 智慧文旅系统</a></li>
-                            <li><a href="#"><i class="fas fa-egg"></i> IP孵化平台</a></li>
+                            <li><a href="#digital-workshop"><i class="fas fa-paint-brush"></i> 数字文创工坊</a></li>
+                            <li><a href="#smart-tourism"><i class="fas fa-map-marked-alt"></i> 智慧文旅系统</a></li>
+                            <li><a href="#ip-incubation"><i class="fas fa-egg"></i> IP孵化平台</a></li>
                         </ul>
                     </li>
                     <li>
-                        <a href="#"><i class="fas fa-users"></i> 共创社区</a>
+                        <a href="#co-creation-community"><i class="fas fa-users"></i> 共创社区</a>
                         <ul class="sub-nav">
-                            <li><a href="#"><i class="fas fa-graduation-cap"></i> 高校联盟</a></li>
-                            <li><a href="#"><i class="fas fa-landmark"></i> 政府协作</a></li>
-                            <li><a href="#"><i class="fas fa-edit"></i> 全民创作</a></li>
+                            <li><a href="#university-alliance"><i class="fas fa-graduation-cap"></i> 高校联盟</a></li>
+                            <li><a href="#gov-collab"><i class="fas fa-landmark"></i> 政府协作</a></li>
+                            <li><a href="#public-creation"><i class="fas fa-edit"></i> 全民创作</a></li>
                         </ul>
                     </li>
                 </ul>
@@ -783,6 +827,8 @@
             
             <!-- 主内容区 -->
             <main class="content-area no-flash">
+                <!-- 文化资源库 -->
+                <div class="section-anchor" id="cultural-resource-library"></div>
                 <div class="content-header">
                     <h1 class="content-title">
                         <i class="fas fa-database content-title-icon"></i>
@@ -834,7 +880,7 @@
                 <!-- 功能模块网格 -->
                 <div class="module-grid">
                     <!-- 多模态采集中心 -->
-                    <div class="module-card no-flash">
+                    <div class="module-card no-flash" id="multimodal-collection">
                         <div class="card-header">
                             <i class="fas fa-microphone-alt card-icon"></i>
                             <h3 class="card-title">多模态采集中心</h3>
@@ -855,7 +901,7 @@
                     </div>
                     
                     <!-- 分类知识图谱 -->
-                    <div class="module-card no-flash">
+                    <div class="module-card no-flash" id="knowledge-graph">
                         <div class="card-header" style="background: var(--red-culture);">
                             <i class="fas fa-sitemap card-icon"></i>
                             <h3 class="card-title">分类知识图谱</h3>
@@ -874,9 +920,20 @@
                             </div>
                         </div>
                     </div>
-                    
+                </div>
+                
+                <!-- 智慧应用中心 -->
+                <div class="section-anchor" id="smart-app-center"></div>
+                <div class="section-header">
+                    <h1 class="section-title">
+                        <i class="fas fa-brain section-title-icon"></i>
+                        智慧应用中心
+                    </h1>
+                </div>
+                
+                <div class="module-grid">
                     <!-- 数字文创工坊 -->
-                    <div class="module-card no-flash">
+                    <div class="module-card no-flash" id="digital-workshop">
                         <div class="card-header" style="background: var(--primary-gold);">
                             <i class="fas fa-paint-brush card-icon"></i>
                             <h3 class="card-title">数字文创工坊</h3>
@@ -897,7 +954,7 @@
                     </div>
                     
                     <!-- 智慧文旅系统 -->
-                    <div class="module-card no-flash">
+                    <div class="module-card no-flash" id="smart-tourism">
                         <div class="card-header" style="background: var(--heritage);">
                             <i class="fas fa-map-marked-alt card-icon"></i>
                             <h3 class="card-title">智慧文旅系统</h3>
@@ -916,6 +973,101 @@
                             </div>
                         </div>
                     </div>
+                    
+                    <!-- IP孵化平台 -->
+                    <div class="module-card no-flash" id="ip-incubation">
+                        <div class="card-header" style="background: var(--community-color);">
+                            <i class="fas fa-egg card-icon"></i>
+                            <h3 class="card-title">IP孵化平台</h3>
+                            <p class="card-subtitle">文化IP创新与商业化</p>
+                        </div>
+                        <div class="card-body">
+                            <ul class="card-features">
+                                <li><i class="fas fa-lightbulb"></i> IP价值评估系统</li>
+                                <li><i class="fas fa-sync-alt"></i> IP生态转化模型</li>
+                                <li><i class="fas fa-chart-line"></i> 市场潜力分析</li>
+                                <li><i class="fas fa-handshake"></i> 商业对接平台</li>
+                            </ul>
+                            <div class="card-actions">
+                                <button class="btn btn-primary" style="background: var(--community-color);"><i class="fas fa-rocket"></i> 孵化项目</button>
+                                <button class="btn btn-outline" style="border-color: var(--community-color); color: var(--community-color);"><i class="fas fa-store"></i> IP商城</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- 共创社区 -->
+                <div class="section-anchor" id="co-creation-community"></div>
+                <div class="section-header">
+                    <h1 class="section-title">
+                        <i class="fas fa-users section-title-icon"></i>
+                        共创社区
+                    </h1>
+                </div>
+                
+                <div class="module-grid">
+                    <!-- 高校联盟 -->
+                    <div class="module-card no-flash" id="university-alliance">
+                        <div class="card-header" style="background: var(--university-color);">
+                            <i class="fas fa-graduation-cap card-icon"></i>
+                            <h3 class="card-title">高校联盟</h3>
+                            <p class="card-subtitle">学术研究与人才培养</p>
+                        </div>
+                        <div class="card-body">
+                            <ul class="card-features">
+                                <li><i class="fas fa-flask"></i> 联合研究项目</li>
+                                <li><i class="fas fa-user-graduate"></i> 人才实训基地</li>
+                                <li><i class="fas fa-book-open"></i> 课程共建计划</li>
+                                <li><i class="fas fa-trophy"></i> 创新竞赛平台</li>
+                            </ul>
+                            <div class="card-actions">
+                                <button class="btn btn-primary" style="background: var(--university-color);"><i class="fas fa-user-plus"></i> 加入联盟</button>
+                                <button class="btn btn-outline" style="border-color: var(--university-color); color: var(--university-color);"><i class="fas fa-school"></i> 合作院校</button>
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <!-- 政府协作 -->
+                    <div class="module-card no-flash" id="gov-collab">
+                        <div class="card-header" style="background: var(--gov-color);">
+                            <i class="fas fa-landmark card-icon"></i>
+                            <h3 class="card-title">政府协作</h3>
+                            <p class="card-subtitle">政策支持与资源整合</p>
+                        </div>
+                        <div class="card-body">
+                            <ul class="card-features">
+                                <li><i class="fas fa-file-contract"></i> 政策申报指南</li>
+                                <li><i class="fas fa-hand-holding-usd"></i> 专项扶持资金</li>
+                                <li><i class="fas fa-network-wired"></i> 区域协作平台</li>
+                                <li><i class="fas fa-chart-pie"></i> 文化资源统筹</li>
+                            </ul>
+                            <div class="card-actions">
+                                <button class="btn btn-primary" style="background: var(--gov-color);"><i class="fas fa-file-alt"></i> 政策查询</button>
+                                <button class="btn btn-outline" style="border-color: var(--gov-color); color: var(--gov-color);"><i class="fas fa-hands-helping"></i> 协作申请</button>
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <!-- 全民创作 -->
+                    <div class="module-card no-flash" id="public-creation">
+                        <div class="card-header" style="background: var(--public-color);">
+                            <i class="fas fa-edit card-icon"></i>
+                            <h3 class="card-title">全民创作</h3>
+                            <p class="card-subtitle">大众参与的文化创新</p>
+                        </div>
+                        <div class="card-body">
+                            <ul class="card-features">
+                                <li><i class="fas fa-cloud-upload-alt"></i> UGC内容平台</li>
+                                <li><i class="fas fa-trophy"></i> 创作竞赛活动</li>
+                                <li><i class="fas fa-coins"></i> 创作激励计划</li>
+                                <li><i class="fas fa-store"></i> 作品交易市场</li>
+                            </ul>
+                            <div class="card-actions">
+                                <button class="btn btn-primary" style="background: var(--public-color);"><i class="fas fa-pencil-alt"></i> 开始创作</button>
+                                <button class="btn btn-outline" style="border-color: var(--public-color); color: var(--public-color);"><i class="fas fa-medal"></i> 优秀作品</button>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </main>
         </div>
@@ -999,14 +1151,84 @@
             });
             
             // 导航链接交互效果
-            const navLinks = document.querySelectorAll('.nav-main a, .module-nav a');
+            const navLinks = document.querySelectorAll('.nav-main a, .module-nav a, .sub-nav a');
             navLinks.forEach(link => {
                 link.addEventListener('click', function(e) {
+                    // 阻止默认跳转行为
+                    e.preventDefault();
+                    
+                    // 移除所有活动状态
                     navLinks.forEach(l => l.classList.remove('active'));
+                    
+                    // 设置当前活动状态
                     this.classList.add('active');
+                    
+                    // 处理父菜单活动状态
+                    const parentLi = this.closest('li');
+                    if (parentLi && parentLi.parentElement.classList.contains('module-nav')) {
+                        const parentLink = parentLi.querySelector('a');
+                        if (parentLink) {
+                            parentLink.classList.add('active');
+                        }
+                    }
+                    
+                    // 获取目标锚点
+                    const targetId = this.getAttribute('href');
+                    if (targetId.startsWith('#')) {
+                        const targetElement = document.querySelector(targetId);
+                        if (targetElement) {
+                            // 计算偏移量(考虑顶部固定导航)
+                            const headerHeight = document.querySelector('header').offsetHeight;
+                            const targetPosition = targetElement.offsetTop - headerHeight - 20;
+                            
+                            // 平滑滚动
+                            window.scrollTo({
+                                top: targetPosition,
+                                behavior: 'smooth'
+                            });
+                            
+                            // 更新URL
+                            history.pushState(null, null, targetId);
+                        }
+                    }
                 });
             });
             
+            // 页面加载时处理URL锚点
+            window.addEventListener('load', function() {
+                if (window.location.hash) {
+                    const targetElement = document.querySelector(window.location.hash);
+                    if (targetElement) {
+                        // 计算偏移量
+                        const headerHeight = document.querySelector('header').offsetHeight;
+                        const targetPosition = targetElement.offsetTop - headerHeight - 20;
+                        
+                        // 平滑滚动到锚点
+                        window.scrollTo({
+                            top: targetPosition,
+                            behavior: 'smooth'
+                        });
+                        
+                        // 设置对应导航为活动状态
+                        const targetId = window.location.hash;
+                        const targetLink = document.querySelector(`.module-nav a[href="${targetId}"], .sub-nav a[href="${targetId}"]`);
+                        if (targetLink) {
+                            navLinks.forEach(l => l.classList.remove('active'));
+                            targetLink.classList.add('active');
+                            
+                            // 处理父菜单活动状态
+                            const parentLi = targetLink.closest('li');
+                            if (parentLi && parentLi.parentElement.classList.contains('module-nav')) {
+                                const parentLink = parentLi.querySelector('a');
+                                if (parentLink) {
+                                    parentLink.classList.add('active');
+                                }
+                            }
+                        }
+                    }
+                }
+            });
+            
             // 防止快速缩放时的闪烁
             let resizeTimer;
             window.addEventListener('resize', () => {

BIN
travel-platform-web/travel-web/public/assets/images/hs.webp


BIN
travel-platform-web/travel-web/public/assets/images/j.webp


BIN
travel-platform-web/travel-web/public/assets/images/jx.webp


BIN
travel-platform-web/travel-web/public/assets/images/jz.webp


BIN
travel-platform-web/travel-web/public/assets/images/ton.webp


+ 5 - 0
travel-platform-web/travel-web/src/crm/mobile/mobile.routes.ts

@@ -40,6 +40,11 @@ export const MOBILE_ROUTES: Routes = [
         path: 'news',
         loadComponent: () => import('./page-crm-home-news/page-crm-home-news').then(m => m.PageCrmHomeNews),
         title: '新闻'
+      },
+        {
+        path: 'apply',
+        loadComponent: () => import('./page-crm-business-apply/page-crm-business-apply').then(m => m.PageCrmBusinessApply),
+        title: '报名参赛'
       }
     ]
   }

+ 14 - 0
travel-platform-web/travel-web/src/crm/mobile/page-crm-business-apply/page-crm-business-apply.html

@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+<section class="under-home-news">
+      <div class="container">
+        <button (click)="goBack()" class="back-link">返回</button>
+      </div>
+</section>

+ 7 - 0
travel-platform-web/travel-web/src/crm/mobile/page-crm-business-apply/page-crm-business-apply.scss

@@ -0,0 +1,7 @@
+.back-link {
+    /* 尺寸调整 */
+    padding: 1.2rem 2.4rem;
+    min-width: 140px;
+    font-size: 1.1rem;
+    }
+    

+ 23 - 0
travel-platform-web/travel-web/src/crm/mobile/page-crm-business-apply/page-crm-business-apply.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageCrmBusinessApply } from './page-crm-business-apply';
+
+describe('PageCrmBusinessApply', () => {
+  let component: PageCrmBusinessApply;
+  let fixture: ComponentFixture<PageCrmBusinessApply>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [PageCrmBusinessApply]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PageCrmBusinessApply);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

+ 19 - 0
travel-platform-web/travel-web/src/crm/mobile/page-crm-business-apply/page-crm-business-apply.ts

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { Location } from '@angular/common'; // 必须导入Location服务
+import { RouterModule } from '@angular/router';
+
+@Component({
+  selector: 'app-page-crm-business-apply',
+  imports: [RouterModule],
+  templateUrl: './page-crm-business-apply.html',
+  styleUrl: './page-crm-business-apply.scss'
+})
+
+export class PageCrmBusinessApply {
+    constructor(private location: Location) { } // 注入Location服务
+
+    // 新增goBack方法
+    goBack() {
+        this.location.back(); // 使用Angular的Location服务返回上一页
+    }
+}

+ 6 - 6
travel-platform-web/travel-web/src/crm/mobile/page-crm-business/page-vibration-monitor.component.html

@@ -20,7 +20,7 @@
         </div>
         <h3 class="feature-title">智能知识图谱</h3>
         <p class="feature-desc">通过知识图谱技术可视化展示协会组织架构,实现关系网络智能分析,支持动态探索与交互查询。</p>
-        <a href="#organization" class="btn">立即体验</a>
+        <a href="#organization" class="btn" >立即体验</a>
       </div>
       
       <div class="feature-card animate__animated animate__fadeInUp" style="animation-delay: 0.2s;">
@@ -132,7 +132,7 @@
             <div class="slide-content">
               <h4 class="slide-title">数字文旅技术应用培训</h4>
               <p>2024-01-10 | 线上直播</p>
-              <button class="btn" style="margin-top: 10px;">立即报名</button>
+              <button class="btn" style="margin-top: 10px;" >立即报名</button>
             </div>
           </div>
         </div>
@@ -185,7 +185,7 @@
         <h4 style="margin-bottom: 10px; color: #ff8f00;">2023年全国旅游创新大赛</h4>
         <p style="margin-bottom: 10px;">报名截止: 2023-11-30 | 决赛时间: 2024-01-15</p>
         <div style="display: flex; gap: 10px;">
-          <button class="btn" style="background: #ff8f00;">立即报名</button>
+          <button class="btn" style="background: #ff8f00;" routerLink="/mobile/apply">立即报名</button>
           <button class="btn-outline" style="border-color: #ff8f00; color: #ff8f00;">查看往届作品</button>
         </div>
       </div>
@@ -202,7 +202,7 @@
           <div style="padding: 15px;">
             <h4 style="margin-bottom: 5px;">AI旅游推荐系统</h4>
             <p style="font-size: 0.8rem; color: #666; margin-bottom: 10px;">8周课程 | 中级难度</p>
-            <button class="btn" style="width: 100%; padding: 5px;">开始学习</button>
+            <button class="btn" style="width: 100%; padding: 5px;" routerLink="/mobile/development">开始学习</button>
           </div>
         </div>
         
@@ -213,7 +213,7 @@
           <div style="padding: 15px;">
             <h4 style="margin-bottom: 5px;">智慧景区规划</h4>
             <p style="font-size: 0.8rem; color: #666; margin-bottom: 10px;">6周课程 | 初级难度</p>
-            <button class="btn" style="width: 100%; padding: 5px;">开始学习</button>
+            <button class="btn" style="width: 100%; padding: 5px;" routerLink="/mobile/development">开始学习</button>
           </div>
         </div>
         
@@ -224,7 +224,7 @@
           <div style="padding: 15px;">
             <h4 style="margin-bottom: 5px;">旅游大数据分析</h4>
             <p style="font-size: 0.8rem; color: #666; margin-bottom: 10px;">10周课程 | 高级难度</p>
-            <button class="btn" style="width: 100%; padding: 5px;">开始学习</button>
+            <button class="btn" style="width: 100%; padding: 5px;" routerLink="/mobile/development">开始学习</button>
           </div>
         </div>
       </div>

+ 3 - 2
travel-platform-web/travel-web/src/crm/mobile/page-crm-business/page-vibration-monitor.component.ts

@@ -5,11 +5,12 @@ import { FormsModule } from '@angular/forms';
 import { Swiper } from 'swiper';
 import { Navigation, Pagination, Autoplay } from 'swiper/modules';
 import * as echarts from 'echarts';
+import { RouterModule } from '@angular/router';
 
 @Component({
   selector: 'app-page-vibration-monitor',
-  standalone: true,
-  imports: [CommonModule, FormsModule],
+ // standalone: true,
+  imports: [CommonModule, FormsModule,RouterModule],
   templateUrl: './page-vibration-monitor.component.html',
   styleUrls: ['./page-vibration-monitor.component.scss']
 })

+ 18 - 18
travel-platform-web/travel-web/src/crm/mobile/page-crm-member/page-crm-member.html

@@ -4,8 +4,7 @@
         <!-- 内容区域 -->
         <div class="content-area">
             <div class="section-header">
-                <div class="section-number">4</div>
-                <h2 class="section-title">会员服务(智能化升级)</h2>
+                <h2 class="section-title">会员服务</h2>
             </div>
             
             <p class="section-desc">
@@ -34,7 +33,7 @@
             
             <!-- 4.1 会员门户 -->
             <div class="content-block active" id="4.1">
-                <h3 class="block-title">4.1 会员门户</h3>
+                <h3 class="block-title">会员门户</h3>
                 
                 <div class="flow-chart">
                     <h4 class="flow-title">会员门户服务流程</h4>
@@ -169,8 +168,8 @@
             </div>
             
             <!-- 4.2 共创空间 -->
-            <div class="content-block" id="4.2">
-                <h3 class="block-title">4.2 共创空间</h3>
+            <div class="content-block active" id="4.2">
+                <h3 class="block-title">共创空间</h3>
                 
                 <div class="feature-grid">
                     <div class="feature-card" id="4.2.1">
@@ -278,7 +277,7 @@
                     <h4 class="case-title">成功案例</h4>
                     <div class="case-grid">
                         <div class="case-card">
-                            <div class="case-image" style="background-image: url('https://picsum.photos/seed/case3/400/300');"></div>
+                            <div class="case-image" style="background-image: url('assets/images/jx.webp');"routerLink="/mobile/development"></div>
                             <div class="case-content">
                                 <h5 class="case-name">江西茶文化系列传记项目</h5>
                                 <p class="case-desc">通过项目众包平台,集结了省内多位茶文化专家与作家,共同撰写《江西茶文化通史》,项目周期缩短40%,内容质量显著提升。</p>
@@ -290,7 +289,7 @@
                             </div>
                         </div>
                         <div class="case-card">
-                            <div class="case-image" style="background-image: url('https://picsum.photos/seed/case4/400/300');"></div>
+                            <div class="case-image" style="background-image: url('assets/images/hs.webp');"></div>
                             <div class="case-content">
                                 <h5 class="case-name">红色旅游IP设计大赛</h5>
                                 <p class="case-desc">利用共创空间平台举办红色旅游IP设计大赛,吸引了全国200余位设计师参与,征集作品500余件,为江西红色旅游发展注入了新活力。</p>
@@ -306,8 +305,8 @@
             </div>
             
             <!-- 4.3 奖励体系 -->
-            <div class="content-block" id="4.3">
-                <h3 class="block-title">4.3 奖励体系</h3>
+            <div class="content-block active" id="4.3">
+                <h3 class="block-title">奖励体系</h3>
                 
                 <div class="feature-grid">
                     <div class="feature-card" id="4.3.1">
@@ -360,20 +359,21 @@
                 </div>
                 
                 <!-- 统计图表 -->
-                <div class="chart-container">
-                    <h4 class="chart-title">近五年获奖情况统计</h4>
-                    <div class="chart" style="height: 300px; width: 100%; background-color: #f9f9f9; border-radius: 8px; display: flex; justify-content: center; align-items: center;">
-                        <!-- 图表将在这里显示 -->
-                        <div class="placeholder-text">近五年获奖情况统计图表</div>
-                    </div>
-                </div>
+<div class="chart-container">
+    <h4 class="chart-title">近五年获奖情况统计</h4>
+    <div class="chart" style="height: 300px; width: 100%; background-color: #f9f9f9; border-radius: 8px; overflow: hidden;">
+        <!-- 纯CSS版本 -->
+        <img src="assets/images/ton.webp" alt="近五年获奖统计图表" 
+             style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
+    </div>
+</div>
                 
                 <!-- 案例展示 -->
                 <div class="case-studies">
                     <h4 class="case-title">奖励体系案例</h4>
                     <div class="case-grid">
                         <div class="case-card">
-                            <div class="case-image" style="background-image: url('https://picsum.photos/seed/case5/400/300');"></div>
+                            <div class="case-image" style="background-image: url('assets/images/jz.webp');"routerLink="/mobile/development"></div>
                             <div class="case-content">
                                 <h5 class="case-name">江西省优秀文旅研究成果奖</h5>
                                 <p class="case-desc">通过线上申报评审系统,成功评选出50项优秀文旅研究成果,涵盖规划设计、市场营销、文化保护等多个领域,推动了文旅行业的学术研究与实践创新。</p>
@@ -385,7 +385,7 @@
                             </div>
                         </div>
                         <div class="case-card">
-                            <div class="case-image" style="background-image: url('https://picsum.photos/seed/case6/400/300');"></div>
+                            <div class="case-image" style="background-image: url('assets/images/j.webp');"routerLink="/mobile/development"></div>
                             <div class="case-content">
                                 <h5 class="case-name">江西文化创新成果展</h5>
                                 <p class="case-desc">利用成果展示平台,集中展示了100余项江西文化创新成果,吸引了超过20万人次在线参观,促成了30余项成果转化合作,产生经济效益超过5000万元。</p>