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

<!-- 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" routerLink="/mobile/development">
            <div class="module-header">
                <div class="module-icon">🧠</div>
                <h3 class="module-title">大模型引擎</h3>
                <p>文旅专用AI大脑</p>
            </div>
            <div class="module-body">
                <ul class="feature-list">
                    <li class="feature-item">
                        <div class="feature-icon">📚</div>
                        <div>
                            <div>赣鄱文化知识库</div>
                            <div class="feature-desc">集成江西历史、非遗等专业知识</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">💬</div>
                        <div>
                            <div>智能对话系统</div>
                            <div class="feature-desc">支持多轮自然语言交互</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">🎨</div>
                        <div>
                            <div>创意生成引擎</div>
                            <div class="feature-desc">自动生成文旅宣传内容</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        
        <div class="module-card" routerLink="/mobile/development">
            <div class="module-header">
                <div class="module-icon">🕸️</div>
                <h3 class="module-title">知识图谱管理</h3>
                <p>文化元素关联网络</p>
            </div>
            <div class="module-body">
                <ul class="feature-list">
                    <li class="feature-item">
                        <div class="feature-icon">🔗</div>
                        <div>
                            <div>实体关系挖掘</div>
                            <div class="feature-desc">发现文化元素间隐藏关联</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">📊</div>
                        <div>
                            <div>可视化分析</div>
                            <div class="feature-desc">三维展示文化元素网络</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">🔄</div>
                        <div>
                            <div>动态更新机制</div>
                            <div class="feature-desc">实时吸收新研究成果</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        
        <div class="module-card" routerLink="/mobile/development">
            <div class="module-header">
                <div class="module-icon">📱</div>
                <h3 class="module-title">多终端适配</h3>
                <p>全渠道无缝体验</p>
            </div>
            <div class="module-body">
                <ul class="feature-list">
                    <li class="feature-item">
                        <div class="feature-icon">🖥️</div>
                        <div>
                            <div>Web端适配</div>
                            <div class="feature-desc">响应式设计支持各种屏幕尺寸</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">📲</div>
                        <div>
                            <div>移动端优化</div>
                            <div class="feature-desc">轻量化设计提升移动体验</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">🔄</div>
                        <div>
                            <div>多端数据同步</div>
                            <div class="feature-desc">用户数据实时跨平台同步</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- 数据治理 - 添加点击跳转 -->
<section class="section" id="data">
    <h2 class="section-title">数据治理</h2>
    <div class="module-container">
        <div class="module-card" routerLink="/mobile/development">
            <div class="module-header">
                <div class="module-icon">🧹</div>
                <h3 class="module-title">AI清洗工具</h3>
                <p>数据质量保障</p>
            </div>
            <div class="module-body">
                <ul class="feature-list">
                    <li class="feature-item">
                        <div class="feature-icon">🔍</div>
                        <div>
                            <div>智能纠错</div>
                            <div class="feature-desc">自动识别并修正数据错误</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">🧩</div>
                        <div>
                            <div>缺失值填充</div>
                            <div class="feature-desc">基于上下文智能补全数据</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">📈</div>
                        <div>
                            <div>质量评估</div>
                            <div class="feature-desc">生成数据质量评分报告</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        
        <div class="module-card" routerLink="/mobile/development">
            <div class="module-header">
                <div class="module-icon">⛓️</div>
                <h3 class="module-title">区块链存证</h3>
                <p>数据不可篡改</p>
            </div>
            <div class="module-body">
                <ul class="feature-list">
                    <li class="feature-item">
                        <div class="feature-icon">🔏</div>
                        <div>
                            <div>数字指纹</div>
                            <div class="feature-desc">为每份数据生成唯一哈希</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">📅</div>
                        <div>
                            <div>时间戳认证</div>
                            <div class="feature-desc">精确记录数据创建时间</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">🔗</div>
                        <div>
                            <div>跨链验证</div>
                            <div class="feature-desc">支持多区块链网络验证</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        
        <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>
                <p>内容安全防护</p>
            </div>
            <div class="module-body">
                <ul class="feature-list">
                    <li class="feature-item">
                        <div class="feature-icon">🛡️</div>
                        <div>
                            <div>多层级过滤</div>
                            <div class="feature-desc">从关键词到语义理解</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">🌐</div>
                        <div>
                            <div>方言识别</div>
                            <div class="feature-desc">支持江西方言敏感词识别</div>
                        </div>
                    </li>
                    <li class="feature-item">
                        <div class="feature-icon">📝</div>
                        <div>
                            <div>智能替换</div>
                            <div class="feature-desc">自动替换为合规表达</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- 权限管理 - 添加点击跳转 -->
<section class="section" id="permission">
    <h2 class="section-title">权限管理系统</h2>
    
    <div class="permission-tabs">
        <button class="tab-btn" [class.active]="isActive('government')" (click)="changeTab('government')">政府级权限</button>
        <button class="tab-btn" [class.active]="isActive('university')" (click)="changeTab('university')">高校级权限</button>
        <button class="tab-btn" [class.active]="isActive('public')" (click)="changeTab('public')">公众级权限</button>
    </div>
    
    <div class="tab-content" [class.active]="isActive('government')">
        <h3>数据监管权限</h3>
        <p class="tab-desc">为政府部门提供全面的数据监管能力，确保文旅数据安全合规</p>
        
        <div class="permission-features">
            <div class="permission-feature">
                <h4>数据审计追踪</h4>
                <p class="feature-desc">完整记录数据访问、修改历史，支持时间点回溯与责任人追踪</p>
            </div>
            
            <div class="permission-feature">
                <h4>合规性检查</h4>
                <p class="feature-desc">自动检测数据存储、传输是否符合国家及地方数据安全法规</p>
            </div>
            
            <div class="permission-feature">
                <h4>敏感数据监控</h4>
                <p class="feature-desc">实时监控敏感数据访问行为，异常操作即时预警</p>
            </div>
        </div>
    </div>
    
    <div class="tab-content" [class.active]="isActive('university')">
        <h3>教研权限</h3>
        <p class="tab-desc">为高校和研究机构提供文旅数据研究分析工具与权限</p>
        
        <div class="permission-features">
            <div class="permission-feature">
                <h4>数据集下载</h4>
                <p class="feature-desc">授权访问脱敏后的文旅数据集，支持多种格式导出</p>
            </div>
            
            <div class="permission-feature">
                <h4>分析工具集成</h4>
                <p class="feature-desc">提供专业数据分析工具接口，支持Python、R等语言调用</p>
            </div>
            
            <div class="permission-feature">
                <h4>协作研究空间</h4>
                <p class="feature-desc">创建团队协作环境，共享研究笔记与分析成果</p>
            </div>
        </div>
    </div>
    
    <div class="tab-content" [class.active]="isActive('public')">
        <h3>创作权限</h3>
        <p class="tab-desc">为公众用户提供文旅内容创作工具与分享平台</p>
        
        <div class="permission-features">
            <div class="permission-feature">
                <h4>素材库访问</h4>
                <p class="feature-desc">提供免费文旅素材库，包括图片、视频、音频等资源</p>
            </div>
            
            <div class="permission-feature">
                <h4>在线创作工具</h4>
                <p class="feature-desc">内置简易视频剪辑、图文排版等创作工具</p>
            </div>
            
            <div class="permission-feature">
                <h4>内容审核系统</h4>
                <p class="feature-desc">AI辅助内容审核，确保创作内容符合规范</p>
            </div>
        </div>
    </div>
</section>

<!-- 页脚 - 添加社交媒体图标 -->
<footer class="footer">
    <div class="footer-links">
        <a routerLink="/about">关于协会</a>
        <a routerLink="/membership">会员服务</a>
        <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>
</footer>