Simon
449c6d4875
## H5 员工端 v4 (2026-07-13 00:48 已部署)
- 人工按钮三态文案统一为"人工坐席"
- 按钮位置移至发送键和语音按钮上方(垂直堆叠)
- 点按钮直接调 store.shakeAgent()，删除 CallAgentModal 弹窗动画
- 截图快捷键提示改为"截图->粘贴：Alt+Shift+A-Ctrl+V ---> Ctrl+V"
- 移动端隐藏截图提示(CSS 媒体查询)
- AI转人工提示改为"已为您呼叫人工坐席，请稍等!"
- 坐席接入提示改为"坐席正在查看您的信息，请等待处理回复！"
- 删除"摇铃呼叫坐席"入口和文案
- 删除孤儿组件 MessageList.vue + shake 动画 CSS
## H5 员工端 v5 (2026-07-13 02:08 已部署)
- RightPanel v2.1：删除"软件安装"和"资源权限"标签页
- 移除标签栏，智能推荐(DynamicRecommend)直接展示
- 删除 SoftwareDownloads/ApprovalLinks 引用和相关 CSS
## AI 对话链路全栈改造 Phase 1-6 (已部署)
- Phase 1: Dify JSON输出 + 后端blocking解析 + 双WS推送 + 错误降级
- Phase 2: 关键词收窄(~25强意图词) + 两级分类Prompt + 删除前端checkApprovalIntent
- Phase 3: WS扩展(ai_thinking+dynamic_recommend) + ai_structured气泡 + RightPanel v2 + 选项回传
- Phase 4: VisionService接入 + 图片消息融合(5秒窗口) + 降级策略
- Phase 5: 坐席端ai_thinking指示器 + ai_structured/byod_card渲染 + handleNewMessage修复
- Phase 6: diagnosis_stage(6值) + response_time_ms计时 + 慢响应告警(>10s)
## 坐席端 v5 (2026-07-13 01:38 已部署)
- ai_structured/byod_card 只读渲染
- AI思考指示器 UI
- handleNewMessage 透传 msg_type/extra_data 修复
- 布局优化v2.0: QuickReplyBar L1+L2悬浮 + ReplyBox左右分区 + 右栏260/560px切换
- 键盘快捷键v2.3: 纯数字路由 + ESC分层撤销 + Shift+Space用event.code
## 上下文感知智能诊断闭环 (2026-07-12 已部署)
- 三层诊断(API→Script→AI) + 三段排队(VIP→info_locked→not locked)
- 答题插队 + 五场景关闭
- 迁移052(6表+6列) + queue_service + quiz_service + closing_service
- H5前端: QueueWaiting + RightPanel双Tab + InputBar三态 + ResolveConfirmCard
- 坐席前端: pending_close结单流程 + 信息锁定(Dify步骤完成+有效回答率≥70%)
## 知识库迭代3 (2026-07-12 已部署)
- 分诊交互(H5+坐席+Dify独立应用)
- 拓扑预览(ECharts只读)
- 代答排除(4种匹配器: keyword/regex/intent/category)
- 迁移051 + 44文件43测试通过
## 后端变更
- 6个Python文件改造(h5_ai_task.py/h5.py/ai_service.py/closing_service.py等)
- funny_phrase_service.py: shake/connected/keyword 默认文案更新
- session_service.py: 企微消息文案同步
- 新增: queue.py/quiz.py/triage.py/exclusion_rules.py 等API端点
- 新增: diagnostic.py/quiz.py/triage_session.py 等模型
- 新增: closing_service/queue_service/quiz_service/triage_service 等服务
## 文档更新
- CHANGELOG.md: 新增 [未发布] 区全部变更记录
- 项目管理主文档 v2.5: 新增v0.7.3版本 + 已完成看板 + 最近搞定
- 版本记录: 新增v0.7.3条目
- AI对话链路实施计划: Phase 1-6 全部标记✅已实施
- 新增架构图/时序图/类图(mermaid)
## 部署路径修正
- 服务器项目根路径: /opt/wecom-it-desk/
- 所有前端dist均为ro bind mount，只能在宿主机源路径操作
- 服务器nginx /h5/ 是静态文件服务(非proxy_pass)
- elFinder上传二进制不可靠(MD5不匹配)，改用base64分块上传
271 lines
8.2 KiB
Vue
271 lines
8.2 KiB
Vue
<!--
|
||
=============================================================================
|
||
企微IT智能服务台 — 侧边栏导航组件
|
||
=============================================================================
|
||
说明：管理后台侧边栏导航，深色背景，菜单分组展示
|
||
- 📋 运营管理：运营总览、功能开关、坐席管理
|
||
- 🔗 系统集成：系统集成
|
||
- ⚙️ 运营配置：快速回复、分配模式、排查流程图
|
||
- 📊 监控与数据：会话监控
|
||
- 🔒 开发中（P2占位，灰化+锁图标）：主题模板、数据看板、知识库管理
|
||
-->
|
||
<template>
|
||
<div class="sidebar">
|
||
<!-- Logo 区域 -->
|
||
<div class="sidebar-logo">
|
||
<div class="sidebar-logo-icon">
|
||
<el-icon :size="16"><Headset /></el-icon>
|
||
</div>
|
||
<div>
|
||
<div class="sidebar-logo-text">智能IT服务平台</div>
|
||
<div class="sidebar-logo-sub">管理后台 v1.0</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 导航菜单 -->
|
||
<el-menu
|
||
:default-active="activeMenu"
|
||
:router="true"
|
||
:collapse="false"
|
||
class="sidebar-menu"
|
||
background-color="var(--bg-secondary)"
|
||
text-color="var(--text-secondary)"
|
||
active-text-color="var(--accent)"
|
||
>
|
||
<!-- 📋 运营管理 -->
|
||
<div class="menu-section-title">📋 运营管理</div>
|
||
<el-menu-item index="/dashboard">
|
||
<el-icon><PieChart /></el-icon>
|
||
<span>运营总览</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/configs">
|
||
<el-icon><Switch /></el-icon>
|
||
<span>功能开关</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/agents">
|
||
<el-icon><UserFilled /></el-icon>
|
||
<span>坐席管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/roles">
|
||
<el-icon><Key /></el-icon>
|
||
<span>角色管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/mfa-manage">
|
||
<el-icon><Key /></el-icon>
|
||
<span>OTP 管理</span>
|
||
</el-menu-item>
|
||
|
||
<!-- 🔗 系统集成 -->
|
||
<div class="menu-section-title">🔗 系统集成</div>
|
||
<el-menu-item index="/integrations">
|
||
<el-icon><Connection /></el-icon>
|
||
<span>系统集成</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/terminal-security">
|
||
<el-icon><Warning /></el-icon>
|
||
<span>终端安全</span>
|
||
</el-menu-item>
|
||
|
||
<!-- ⚙️ 运营配置 -->
|
||
<div class="menu-section-title">⚙️ 运营配置</div>
|
||
<el-menu-item index="/quick-replies">
|
||
<el-icon><ChatLineSquare /></el-icon>
|
||
<span>快速回复</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/assignment-mode">
|
||
<el-icon><Sort /></el-icon>
|
||
<span>分配模式</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/flowcharts">
|
||
<el-icon><Share /></el-icon>
|
||
<span>排查流程图</span>
|
||
</el-menu-item>
|
||
|
||
<!-- 📊 监控与数据 -->
|
||
<div class="menu-section-title">📊 监控与数据</div>
|
||
<el-menu-item index="/monitor">
|
||
<el-icon><Monitor /></el-icon>
|
||
<span>会话监控</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/session-audit">
|
||
<el-icon><Document /></el-icon>
|
||
<span>会话审计</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/agent-performance">
|
||
<el-icon><TrendCharts /></el-icon>
|
||
<span>坐席绩效</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/system-logs">
|
||
<el-icon><Notebook /></el-icon>
|
||
<span>配置变更历史</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/audit-logs">
|
||
<el-icon><Document /></el-icon>
|
||
<span>安全审计日志</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/runtime-logs">
|
||
<el-icon><Warning /></el-icon>
|
||
<span>运行期日志</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/evaluation-stats">
|
||
<el-icon><Star /></el-icon>
|
||
<span>满意度评价</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/knowledge-suggestions">
|
||
<el-icon><Document /></el-icon>
|
||
<span>知识库建议</span>
|
||
</el-menu-item>
|
||
|
||
<!-- 🤖 自动化闭环（阶段5） -->
|
||
<div class="menu-section-title">🤖 自动化闭环</div>
|
||
<el-menu-item index="/automation-scenarios">
|
||
<el-icon><MagicStick /></el-icon>
|
||
<span>自动化场景</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/automation-versions">
|
||
<el-icon><Files /></el-icon>
|
||
<span>规则版本</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/automation-metrics">
|
||
<el-icon><TrendCharts /></el-icon>
|
||
<span>自动化指标</span>
|
||
</el-menu-item>
|
||
|
||
<!-- 📚 知识迭代 -->
|
||
<div class="menu-section-title">📚 知识迭代</div>
|
||
<el-menu-item index="/knowledge-iteration">
|
||
<el-icon><Document /></el-icon>
|
||
<span>知识迭代管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/ragflow-ingestion">
|
||
<el-icon><Upload /></el-icon>
|
||
<span>RAGFlow文档导入</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/topology-preview">
|
||
<el-icon><Share /></el-icon>
|
||
<span>拓扑预览</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/exclusion-rules">
|
||
<el-icon><Filter /></el-icon>
|
||
<span>代答排除</span>
|
||
</el-menu-item>
|
||
|
||
<!-- 🔒 开发中（P2占位） -->
|
||
<div class="menu-section-title">🔒 开发中</div>
|
||
<el-menu-item index="/themes" class="locked-menu-item">
|
||
<el-icon><Brush /></el-icon>
|
||
<span>主题模板</span>
|
||
<el-icon class="lock-icon"><Lock /></el-icon>
|
||
</el-menu-item>
|
||
<el-menu-item index="/reports" class="locked-menu-item">
|
||
<el-icon><DataAnalysis /></el-icon>
|
||
<span>数据看板</span>
|
||
<el-icon class="lock-icon"><Lock /></el-icon>
|
||
</el-menu-item>
|
||
<el-menu-item index="/knowledge" class="locked-menu-item">
|
||
<el-icon><Reading /></el-icon>
|
||
<span>知识库管理</span>
|
||
<el-icon class="lock-icon"><Lock /></el-icon>
|
||
</el-menu-item>
|
||
</el-menu>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
// ==========================================================================
|
||
// 依赖导入
|
||
// ==========================================================================
|
||
import { computed } from 'vue'
|
||
import { useRoute } from 'vue-router'
|
||
import { Headset, PieChart, Switch, UserFilled, Connection, Warning, ChatLineSquare, Sort, Share, Monitor, Brush, DataAnalysis, Reading, Lock, Key, Document, TrendCharts, Notebook, Star, MagicStick, Files, Upload, Filter } from '@element-plus/icons-vue'
|
||
|
||
// ==========================================================================
|
||
// 当前激活菜单
|
||
// ==========================================================================
|
||
const route = useRoute()
|
||
const activeMenu = computed(() => route.path)
|
||
</script>
|
||
|
||
<style scoped>
|
||
/* 侧边栏容器 */
|
||
.sidebar {
|
||
width: 220px;
|
||
background: var(--bg-secondary);
|
||
border-right: 1px solid var(--border);
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-shrink: 0;
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* Logo 区域 */
|
||
.sidebar-logo {
|
||
padding: 16px 20px;
|
||
border-bottom: 1px solid var(--border);
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
}
|
||
.sidebar-logo-icon {
|
||
width: 32px;
|
||
height: 32px;
|
||
background: linear-gradient(135deg, #3b82f6, #8b5cf6);
|
||
border-radius: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: white;
|
||
}
|
||
.sidebar-logo-text {
|
||
font-size: 15px;
|
||
font-weight: 600;
|
||
color: var(--text-primary);
|
||
}
|
||
.sidebar-logo-sub {
|
||
font-size: 10px;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
/* 菜单容器 */
|
||
.sidebar-menu {
|
||
flex: 1;
|
||
overflow-y: auto;
|
||
border-right: none;
|
||
}
|
||
|
||
/* 菜单分组标题 */
|
||
.menu-section-title {
|
||
padding: 12px 20px 6px;
|
||
font-size: 11px;
|
||
color: var(--text-muted);
|
||
letter-spacing: 0.5px;
|
||
user-select: none;
|
||
}
|
||
|
||
/* 菜单项 */
|
||
.sidebar-menu .el-menu-item {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
font-size: 13px;
|
||
border-left: 3px solid transparent;
|
||
margin: 0;
|
||
}
|
||
|
||
.sidebar-menu .el-menu-item.is-active {
|
||
background-color: var(--accent-light);
|
||
border-left-color: var(--accent);
|
||
}
|
||
|
||
/* 锁定的菜单项（灰化） */
|
||
.locked-menu-item {
|
||
opacity: 0.5;
|
||
pointer-events: auto !important;
|
||
}
|
||
|
||
.lock-icon {
|
||
margin-left: auto;
|
||
font-size: 12px;
|
||
color: var(--text-muted);
|
||
}
|
||
</style>
|