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

travel-platform-web/travel-web/src/crm/mobile/mobile.routes.ts

@@ -30,6 +30,11 @@ export const MOBILE_ROUTES: Routes = [
         path: '',
         redirectTo: 'home',
         pathMatch: 'full'
+      },
+      {
+        path: 'development',
+        loadComponent: () => import('./page-crm-development/page-crm-development').then(m => m.PageCrmDevelopment),
+        title: '功能开发中'
       }
     ]
   }

travel-platform-web/travel-web/src/crm/mobile/page-crm-development/page-crm-development.spec.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';  // 添加这行导入
+import { RouterModule } from '@angular/router';
+
+@Component({
+  selector: 'page-crm-development',
+  imports: [
+    RouterModule // 新增路由导航模块
+  ],
+  templateUrl: './page-crm-development.html',
+  styleUrl: './page-crm-development.scss'
+})
+export class PageCrmdevelopment {
+
+}

travel-platform-web/travel-web/src/crm/mobile/page-crm-development/page-crm-development.ts

@@ -0,0 +1,100 @@
+import { Component } from '@angular/core';
+import { Location } from '@angular/common'; // 必须导入Location服务
+import { RouterModule } from '@angular/router';
+
+@Component({
+    selector: 'page-crm-development',
+    standalone: true,
+    imports: [RouterModule], // 确保导入RouterModule
+    template: `
+    <section class="under-development">
+      <div class="container">
+        <h1>功能开发中</h1>
+        <p>我们正在全力开发此功能，即将为您呈现更优质的服务体验</p>
+        <div class="construction-icon">🚧</div>
+        <button (click)="goBack()" class="back-link">返回</button>
+      </div>
+    </section>
+  `,
+    styles: [`
+    .under-development {
+      min-height: 70vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      padding: 2rem;
+      background-color: #f9f9f9;
+    }
+    .container {
+      max-width: 600px;
+      margin: 0 auto;
+    }
+    h1 {
+      color: #2F7DAD;
+      font-size: 2.5rem;
+      margin-bottom: 1rem;
+    }
+    p {
+      font-size: 1.2rem;
+      color: #555;
+      margin-bottom: 2rem;
+    }
+    .construction-icon {
+      font-size: 5rem;
+      margin: 2rem 0;
+      animation: bounce 2s infinite;
+    }
+    .home-link {
+      display: inline-block;
+      padding: 0.8rem 1.5rem;
+      background-color: #2F7DAD;
+      color: white;
+      text-decoration: none;
+      border-radius: 4px;
+      transition: background-color 0.3s;
+    }
+    .home-link:hover {
+      background-color: #1a5a8a;
+    }
+    @keyframes bounce {
+      0%, 100% { transform: translateY(0); }
+      50% { transform: translateY(-20px); }
+    }
+    .back-link {
+      /* 尺寸调整 */
+      padding: 1.2rem 2.4rem;
+      min-width: 140px;
+      font-size: 1.1rem;
+  
+      /* 视觉增强 */
+      border-radius: 8px; /* 更大的圆角 */
+      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+      transition: all 0.3s ease;
+  
+      /* 交互效果 */
+      &:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 6px 8px rgba(0,0,0,0.15);
+    }
+  
+    &:active {
+      transform: translateY(0);
+      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    }
+  
+    /* 移动端适配 */
+    @media (max-width: 768px) {
+      padding: 1.4rem 2.6rem;
+    }
+}
+  `]
+})
+export class PageCrmDevelopment {
+    constructor(private location: Location) { } // 注入Location服务
+
+    // 新增goBack方法
+    goBack() {
+        this.location.back(); // 使用Angular的Location服务返回上一页
+    }
+}

travel-platform-web/travel-web/src/crm/mobile/page-crm-system/page-crm-system.html

@@ -1,16 +1,18 @@
-<!-- Banner区域 -->
+<!-- page-crm-system.html -->
+<!-- Banner区域 - 添加背景图案和动画 -->
 <section class="support-banner">
     <div class="banner-content">
         <h1 class="banner-title">数智支撑系统</h1>
         <p class="banner-subtitle">为江西文旅数字化提供坚实技术底座，融合前沿技术构建安全、智能、高效的文旅数字基础设施</p>
+        <div class="banner-pattern"></div>
     </div>
 </section>
 
-<!-- 智能中台 -->
+<!-- 智能中台 - 添加点击跳转 -->
 <section class="section" id="intelligence">
     <h2 class="section-title">智能中台</h2>
     <div class="module-container">
-        <div class="module-card">
+        <div class="module-card" routerLink="/mobile/development">
             <div class="module-header">
                 <div class="module-icon">🧠</div>
                 <h3 class="module-title">大模型引擎</h3>
@@ -43,7 +45,7 @@
             </div>
         </div>
         
-        <div class="module-card">
+        <div class="module-card" routerLink="/mobile/development">
             <div class="module-header">
                 <div class="module-icon">🕸️</div>
                 <h3 class="module-title">知识图谱管理</h3>
@@ -76,7 +78,7 @@
             </div>
         </div>
         
-        <div class="module-card">
+        <div class="module-card" routerLink="/mobile/development">
             <div class="module-header">
                 <div class="module-icon">📱</div>
                 <h3 class="module-title">多终端适配</h3>
@@ -111,11 +113,11 @@
     </div>
 </section>
 
-<!-- 数据治理 -->
+<!-- 数据治理 - 添加点击跳转 -->
 <section class="section" id="data">
     <h2 class="section-title">数据治理</h2>
     <div class="module-container">
-        <div class="module-card">
+        <div class="module-card" routerLink="/mobile/development">
             <div class="module-header">
                 <div class="module-icon">🧹</div>
                 <h3 class="module-title">AI清洗工具</h3>
@@ -148,7 +150,7 @@
             </div>
         </div>
         
-        <div class="module-card">
+        <div class="module-card" routerLink="/mobile/development">
             <div class="module-header">
                 <div class="module-icon">⛓️</div>
                 <h3 class="module-title">区块链存证</h3>
@@ -181,7 +183,7 @@
             </div>
         </div>
         
-        <div class="module-card">
+        <div class="module-card" routerLink="/mobile/development">
             <div class="module-header" style="background:linear-gradient(135deg, var(--secondary-red), #d86b70)">
                 <div class="module-icon">🚫</div>
                 <h3 class="module-title">敏感词过滤</h3>
@@ -216,7 +218,7 @@
     </div>
 </section>
 
-<!-- 权限管理 -->
+<!-- 权限管理 - 添加点击跳转 -->
 <section class="section" id="permission">
     <h2 class="section-title">权限管理系统</h2>
     
@@ -293,7 +295,7 @@
     </div>
 </section>
 
-<!-- 页脚 -->
+<!-- 页脚 - 添加社交媒体图标 -->
 <footer class="footer">
     <div class="footer-links">
         <a routerLink="/about">关于协会</a>
@@ -301,6 +303,11 @@
         <a routerLink="/cooperation">项目合作</a>
         <a routerLink="/contact">联系我们</a>
     </div>
+    <div class="social-media">
+        <a href="#" class="social-icon wechat">微信</a>
+        <a href="#" class="social-icon weibo">微博</a>
+        <a href="#" class="social-icon douyin">抖音</a>
+    </div>
     <div class="footer-bottom">
         <p>© 2023 江西省文化和旅游研究推广协会 | 赣ICP备XXXXXXXX号</p>
     </div>

travel-platform-web/travel-web/src/crm/mobile/page-crm-system/page-crm-system.scss

@@ -319,4 +319,141 @@
   .section {
     padding: 2rem 5%;
   }
+}
+
+/* page-crm-system.scss */
+/* 全局样式 - 添加平滑滚动 */
+:host {
+  display: block;
+  font-family: "阿里巴巴普惠体", sans-serif;
+  background-color: #f8f4e8;
+  color: #333;
+  line-height: 1.6;
+  scroll-behavior: smooth;
+}
+
+/* 主色调定义 - 添加更多变量 */
+:host {
+  --primary-blue: #2F7DAD;
+  --primary-green: #5B8C5A;
+  --primary-gold: #D4B16A;
+  --secondary-gray: #6D6D6D;
+  --secondary-red: #C53D43;
+  --light-bg: #f9f9f9;
+  --card-shadow: 0 8px 24px rgba(0,0,0,0.1);
+}
+
+/* Banner区域 - 添加背景图案和动画 */
+.support-banner {
+  height: 350px;
+  background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  color: white;
+  position: relative;
+  overflow: hidden;
+  
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="rgba(255,255,255,0.05)"><path d="M30,30 Q50,10 70,30 T90,50 T70,70 T50,90 T30,70 T10,50 T30,30 Z"></path></svg>');
+    background-size: 80px;
+    animation: movePattern 60s linear infinite;
+  }
+}
+
+@keyframes movePattern {
+  0% { background-position: 0 0; }
+  100% { background-position: 1000px 1000px; }
+}
+
+.banner-content {
+  position: relative;
+  z-index: 2;
+  max-width: 800px;
+  padding: 0 2rem;
+  animation: fadeInUp 1s ease-out;
+}
+
+/* 模块卡片 - 添加点击效果 */
+.module-card {
+  cursor: pointer;
+  transition: transform 0.3s, box-shadow 0.3s;
+  
+  &:active {
+    transform: scale(0.98);
+  }
+}
+
+/* 权限标签 - 添加悬停效果 */
+.tab-btn {
+  transition: all 0.3s;
+  
+  &:hover:not(.active) {
+    background-color: rgba(47, 125, 173, 0.1);
+  }
+}
+
+/* 页脚 - 添加社交媒体图标样式 */
+.social-media {
+  display: flex;
+  justify-content: center;
+  gap: 1rem;
+  margin: 1.5rem 0;
+}
+
+.social-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  text-decoration: none;
+  font-size: 0.8rem;
+  transition: transform 0.3s;
+  
+  &.wechat { background-color: #07C160; }
+  &.weibo { background-color: #E6162D; }
+  &.douyin { background-color: #000; }
+  
+  &:hover {
+    transform: translateY(-5px);
+  }
+}
+
+/* 动画效果 */
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* 响应式设计 - 优化移动端体验 */
+@media (max-width: 768px) {
+  .module-card {
+    flex: 1 1 100%;
+  }
+  
+  .permission-tabs {
+    flex-direction: column;
+    align-items: center;
+  }
+  
+  .tab-btn {
+    width: 100%;
+    text-align: center;
+  }
 }

travel-platform-web/travel-web/src/crm/mobile/page-crm-system/page-crm-system.ts

@@ -1,3 +1,4 @@
+// page-crm-system.ts
 import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';