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: '报名参赛'
       }
     ]
   }

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>

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

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();
+  });
+});

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服务返回上一页
+    }
+}

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>

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