فهرست منبع

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

0235915 2 روز پیش
والد
کامیت
bb767c2c1a
21فایلهای تغییر یافته به همراه296 افزوده شده و 127 حذف شده
  1. BIN
      travel-platform-web/travel-web/public/assets/images/approval.webp
  2. BIN
      travel-platform-web/travel-web/public/assets/images/culture.webp
  3. BIN
      travel-platform-web/travel-web/public/assets/images/datavisual.webp
  4. BIN
      travel-platform-web/travel-web/public/assets/images/engine.webp
  5. BIN
      travel-platform-web/travel-web/public/assets/images/govidocument.webp
  6. BIN
      travel-platform-web/travel-web/public/assets/images/hs.webp
  7. BIN
      travel-platform-web/travel-web/public/assets/images/j.webp
  8. BIN
      travel-platform-web/travel-web/public/assets/images/jx.webp
  9. BIN
      travel-platform-web/travel-web/public/assets/images/jz.webp
  10. BIN
      travel-platform-web/travel-web/public/assets/images/key.webp
  11. BIN
      travel-platform-web/travel-web/public/assets/images/ton.webp
  12. 5 0
      travel-platform-web/travel-web/src/crm/mobile/mobile.routes.ts
  13. 14 0
      travel-platform-web/travel-web/src/crm/mobile/page-crm-business-apply/page-crm-business-apply.html
  14. 7 0
      travel-platform-web/travel-web/src/crm/mobile/page-crm-business-apply/page-crm-business-apply.scss
  15. 23 0
      travel-platform-web/travel-web/src/crm/mobile/page-crm-business-apply/page-crm-business-apply.spec.ts
  16. 19 0
      travel-platform-web/travel-web/src/crm/mobile/page-crm-business-apply/page-crm-business-apply.ts
  17. 6 6
      travel-platform-web/travel-web/src/crm/mobile/page-crm-business/page-vibration-monitor.component.html
  18. 3 2
      travel-platform-web/travel-web/src/crm/mobile/page-crm-business/page-vibration-monitor.component.ts
  19. 82 23
      travel-platform-web/travel-web/src/crm/mobile/page-crm-home/page-crm-home.html
  20. 119 78
      travel-platform-web/travel-web/src/crm/mobile/page-crm-home/page-crm-home.scss
  21. 18 18
      travel-platform-web/travel-web/src/crm/mobile/page-crm-member/page-crm-member.html

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


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


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


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


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


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/key.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']
 })

+ 82 - 23
travel-platform-web/travel-web/src/crm/mobile/page-crm-home/page-crm-home.html

@@ -12,33 +12,92 @@
   
   <!-- 数智动态区 -->
   <section class="dynamic-section" id="platform">
-    <h2 class="section-title">数智动态</h2>
-    <div class="dynamic-grid">
-      <div class="dynamic-card">
-        <div class="card-img" routerLink="/mobile/development" style="background-image: url('assets/images/digital-heritage.webp' );"></div>
-        <div class="card-content" routerLink="/mobile/development">
-          <h3 class="card-title" >数字非遗保护工程</h3>
-          <p class="card-desc">运用3D扫描与VR技术,对江西传统手工艺进行数字化存档与展示,让非遗文化永续传承。</p>
-          <a href="#" class="card-link" routerLink="/mobile/development">了解更多 →</a>
-        </div>
+  
+  <h2 class="section-title">数智动态</h2>
+  
+  <h3 style="font-size: 2.2em">新闻动态</h3>
+  <div class="dynamic-grid">
+    <div class="dynamic-card">
+      <div class="card-img" style="background-image: url('assets/images/digital-heritage.webp');"></div>
+      <div class="card-content">
+        <h3 class="card-title">数字非遗保护工程</h3>
+        <p class="card-desc">运用3D扫描与VR技术,对江西传统手工艺进行数字化存档与展示,让非遗文化永续传承。</p>
+        <a href="#" class="card-link" routerLink="/mobile/development">了解更多 →</a>
       </div>
-      <div class="dynamic-card">
-        <div class="card-img" style="background-image: url('assets/images/cultural-map.webp');"></div>
-        <div class="card-content">
-          <h3 class="card-title">江西文化基因图谱</h3>
-          <p class="card-desc">通过大数据分析,绘制江西文化元素关联网络,揭示赣鄱文化的深层结构与演变脉络。</p>
-          <a href="#" class="card-link">了解更多 →</a>
-        </div>
+    </div>
+    <div class="dynamic-card">
+      <div class="card-img" style="background-image: url('assets/images/cultural-map.webp');"></div>
+      <div class="card-content">
+        <h3 class="card-title">江西文化基因图谱</h3>
+        <p class="card-desc">通过大数据分析,绘制江西文化元素关联网络,揭示赣鄱文化的深层结构与演变脉络。</p>
+        <a href="#" class="card-link">了解更多 →</a>
       </div>
-      <div class="dynamic-card">
-        <div class="card-img" style="background-image: url('assets/images/smart-tourism.webp');"></div>
-        <div class="card-content">
-          <h3 class="card-title">智慧旅游解决方案</h3>
-          <p class="card-desc">整合AI导览、AR实景增强等技术,为江西景区提供全方位的数字化升级方案。</p>
-          <a href="#" class="card-link" routerLink="/mobile/news">了解更多 →</a>
-        </div>
+    </div>
+    <div class="dynamic-card">
+      <div class="card-img" style="background-image: url('assets/images/smart-tourism.webp');"></div>
+      <div class="card-content">
+        <h3 class="card-title">智慧旅游解决方案</h3>
+        <p class="card-desc">整合AI导览、AR实景增强等技术,为江西景区提供全方位的数字化升级方案。</p>
+        <a href="#" class="card-link" routerLink="/mobile/news">了解更多 →</a>
+      </div>
+    </div>
+  </div>
+
+  <h3 style="font-size: 2.2em">文件传达</h3>
+  <div class="dynamic-grid">
+    <div class="dynamic-card">
+      <div class="card-img" style="background-image: url('assets/images/govidocument.webp');"></div>
+      <div class="card-content">
+        <h3 class="card-title">政务文件区块链存证</h3>
+        <p class="card-desc">基于区块链技术的文件存证系统,确保政务文件传输全程可追溯、不可篡改,提升公文流转效率。</p>
+        <a href="#" class="card-link">了解更多 →</a>
+      </div>
+    </div>
+    <div class="dynamic-card">
+      <div class="card-img" style="background-image: url('assets/images/key.webp');"></div>
+      <div class="card-content">
+        <h3 class="card-title">安全传输通道</h3>
+        <p class="card-desc">采用国密算法加密的跨部门文件传输系统,保障敏感数据在传输过程中的绝对安全。</p>
+        <a href="#" class="card-link">了解更多 →</a>
+      </div>
+    </div>
+    <div class="dynamic-card">
+      <div class="card-img" style="background-image: url('assets/images/approval.webp');"></div>
+      <div class="card-content">
+        <h3 class="card-title">智能合约审批</h3>
+        <p class="card-desc">利用智能合约实现自动化审批流程,减少人为干预,提高政务处理透明度和效率。</p>
+        <a href="#" class="card-link">了解更多 →</a>
+      </div>
+    </div>
+  </div>
+
+  <h3 style="font-size: 2.2em">学术前沿</h3>
+  <div class="dynamic-grid">
+    <div class="dynamic-card">
+      <div class="card-img" style="background-image: url('assets/images/culture.webp');"></div>
+      <div class="card-content">
+        <h3 class="card-title">文化知识图谱构建</h3>
+        <p class="card-desc">运用NLP技术从海量文献中提取实体关系,构建江西文化领域的结构化知识网络。</p>
+        <a href="#" class="card-link">了解更多 →</a>
+      </div>
+    </div>
+    <div class="dynamic-card">
+      <div class="card-img" style="background-image: url('assets/images/datavisual.webp');"></div>
+      <div class="card-content">
+        <h3 class="card-title">多维数据可视化</h3>
+        <p class="card-desc">通过动态交互式图表展现复杂学术数据,支持多维度筛选与深度钻取分析。</p>
+        <a href="#" class="card-link">了解更多 →</a>
+      </div>
+    </div>
+    <div class="dynamic-card">
+      <div class="card-img" style="background-image: url('assets/images/engine.webp');"></div>
+      <div class="card-content">
+        <h3 class="card-title">语义分析引擎</h3>
+        <p class="card-desc">基于深度学习的文献语义分析系统,自动识别研究热点与学术趋势演变。</p>
+        <a href="#" class="card-link">了解更多 →</a>
       </div>
     </div>
+  </div>
   </section>
   
   <!-- 共创展示区 -->

+ 119 - 78
travel-platform-web/travel-web/src/crm/mobile/page-crm-home/page-crm-home.scss

@@ -50,7 +50,7 @@
       color: #6D6D6D;
       margin-bottom: 2rem;
       margin-left: -110px;
-      margin-right: 150px;
+      margin-right: 180px;
       line-height: 1.8;
     }
     
@@ -95,108 +95,149 @@
   }
   
   /* 数智动态区 */
-  .dynamic-section {
-    padding: 4rem 10%;
-    background-color: #f1f4f1db;
-    position: relative;
-  }
+.dynamic-section {
+  padding: 4rem 10%;
+  background-color: #f1f4f1db;
+  position: relative;
   
-  .section-title {
-    font-family: "Noto Serif SC", serif;
-    font-size: 2.2rem;
-    color: #2F7DAD;
-    text-align: center;
-    margin-bottom: 3rem;
+  h3 {
+    font-family: "Noto Sans SC", sans-serif;
+    font-size: 1.5rem;
+    color: #5B8C5A;
+    margin: 3rem 0 1.5rem;
     position: relative;
+    padding-left: 1rem;
     
-    &::after {
+    &::before {
       content: "";
-      display: block;
-      width: 80px;
-      height: 3px;
-      background: linear-gradient(to right, #2F7DAD, #5B8C5A);
-      margin: 1rem auto 0;
+      position: absolute;
+      left: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      height: 70%;
+      width: 4px;
+      background: linear-gradient(to bottom, #2F7DAD, #5B8C5A);
+      border-radius: 2px;
     }
   }
+}
+
+.section-title {
+  font-family: "Noto Serif SC", serif;
+  font-size: 3rem;
+  color: #2F7DAD;
+  text-align: center;
+  margin-bottom: 3rem;
+  position: relative;
   
-  .dynamic-grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 2rem;
+  &::after {
+    content: "";
+    display: block;
+    width: 80px;
+    height: 3px;
+    background: linear-gradient(to right, #2F7DAD, #5B8C5A);
+    margin: 1rem auto 0;
   }
+}
+
+.dynamic-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 2rem;
   
-  .dynamic-card {
-    background-color: white;
-    border-radius: 8px;
-    overflow: hidden;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
-    transition: all 0.3s ease;
-    position: relative;
-    
-    &:hover {
-      transform: translateY(-10px);
-      box-shadow: 0 12px 24px rgba(0,0,0,0.12);
-    }
+  @media (max-width: 992px) {
+    grid-template-columns: repeat(2, 1fr);
   }
   
-  .card-img {
-    height: 200px;
-    background-size: cover;
-    background-position: center;
-    position: relative;
-    
-    &::after {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.6));
-    }
+  @media (max-width: 768px) {
+    grid-template-columns: 1fr;
   }
+}
+
+.dynamic-card {
+  background-color: white;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+  transition: all 0.3s ease;
+  position: relative;
   
-  .card-content {
-    padding: 1.5rem;
+  &:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 12px 24px rgba(0,0,0,0.12);
+    
+    .card-img::after {
+      background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.7));
+    }
   }
+}
+
+.card-img {
+  height: 200px;
+  background-size: cover;
+  background-position: center;
+  position: relative;
   
-  .card-title {
-    font-size: 1.3rem;
-    color: #2F7DAD;
-    margin-bottom: 0.8rem;
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.6));
+    transition: all 0.3s ease;
   }
+}
+
+.card-content {
+  padding: 1.5rem;
+}
+
+.card-title {
+  font-size: 1.3rem;
+  color: #2F7DAD;
+  margin-bottom: 0.8rem;
+  line-height: 1.4;
+}
+
+.card-desc {
+  color: #6D6D6D;
+  margin-bottom: 1.5rem;
+  font-size: 0.95rem;
+  line-height: 1.6;
+}
+
+.card-link {
+  display: inline-block;
+  color: #D4B16A;
+  text-decoration: none;
+  font-weight: bold;
+  position: relative;
+  transition: color 0.3s ease;
   
-  .card-desc {
-    color: #6D6D6D;
-    margin-bottom: 1.5rem;
-    font-size: 0.95rem;
+  &::after {
+    content: "";
+    position: absolute;
+    bottom: -2px;
+    left: 0;
+    width: 100%;
+    height: 1px;
+    background-color: #D4B16A;
+    transition: transform 0.3s ease;
+    transform-origin: right;
+    transform: scaleX(0);
   }
   
-  .card-link {
-    display: inline-block;
-    color: #D4B16A;
-    text-decoration: none;
-    font-weight: bold;
-    position: relative;
+  &:hover {
+    color: darken(#D4B16A, 10%);
     
     &::after {
-      content: "";
-      position: absolute;
-      bottom: -2px;
-      left: 0;
-      width: 100%;
-      height: 1px;
-      background-color: #D4B16A;
-      transition: transform 0.3s ease;
-      transform-origin: right;
-      transform: scaleX(0);
-    }
-    
-    &:hover::after {
       transform-origin: left;
       transform: scaleX(1);
     }
   }
+}
   
   /* 共创展示区 */
   .co-creation-section {

+ 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>