feat: 优化飞书集成、知识库、Agent、工单管理及AI建议功能，统一前端对话字体样式并移除工单模板文件。
This commit is contained in:
zhaojie
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -49,8 +49,7 @@ def trigger_sample_action():
|
||||
"""触发示例动作"""
|
||||
try:
|
||||
from src.web.service_manager import service_manager
|
||||
import asyncio
|
||||
result = asyncio.run(service_manager.get_agent_assistant().trigger_sample_actions())
|
||||
result = service_manager.get_agent_assistant().trigger_sample_actions_sync()
|
||||
return jsonify(result)
|
||||
except Exception as e:
|
||||
return jsonify({"error": str(e)}), 500
|
||||
@@ -163,13 +162,12 @@ def agent_chat():
|
||||
agent_assistant = service_manager.get_agent_assistant()
|
||||
|
||||
# 模拟Agent处理（实际应该调用真正的Agent处理逻辑）
|
||||
import asyncio
|
||||
result = asyncio.run(agent_assistant.process_message_agent(
|
||||
result = agent_assistant.process_message_agent_sync(
|
||||
message=message,
|
||||
user_id=context.get('user_id', 'admin'),
|
||||
work_order_id=None,
|
||||
enable_proactive=True
|
||||
))
|
||||
)
|
||||
|
||||
return jsonify({
|
||||
"success": True,
|
||||
@@ -215,8 +213,7 @@ def execute_agent_tool():
|
||||
if not tool_name:
|
||||
return jsonify({"error": "缺少工具名称tool"}), 400
|
||||
|
||||
import asyncio
|
||||
result = asyncio.run(service_manager.get_agent_assistant().agent_core.tool_manager.execute_tool(tool_name, parameters))
|
||||
result = service_manager.get_agent_assistant().agent_core.tool_manager.execute_tool_sync(tool_name, parameters)
|
||||
return jsonify(result)
|
||||
except Exception as e:
|
||||
return jsonify({"error": str(e)}), 500
|
||||
|
||||
@@ -9,6 +9,7 @@ import threading
|
||||
from flask import Blueprint, request, jsonify, current_app
|
||||
from src.integrations.feishu_service import FeishuService
|
||||
from src.web.service_manager import service_manager
|
||||
from src.core.cache_manager import cache_manager
|
||||
|
||||
# 初始化日志
|
||||
logger = logging.getLogger(__name__)
|
||||
@@ -35,11 +36,21 @@ def _process_message_in_background(app, event_data: dict):
|
||||
|
||||
message_id = message.get('message_id')
|
||||
chat_id = message.get('chat_id')
|
||||
chat_type = message.get('chat_type', 'unknown')
|
||||
|
||||
if not message_id or not chat_id:
|
||||
logger.error(f"[Feishu Bot] 事件数据缺少必要字段: {event_data}")
|
||||
return
|
||||
|
||||
# 记录会话类型
|
||||
chat_type_desc = '群聊(group)' if chat_type == 'group' else '私聊(p2p)' if chat_type == 'p2p' else chat_type
|
||||
logger.info(f"[Feishu Bot] 收到 {chat_type_desc} 消息, ChatID: {chat_id}")
|
||||
|
||||
# 消息去重检查
|
||||
if cache_manager.check_and_set_message_processed(message_id):
|
||||
logger.warning(f"[Feishu Bot] 🔁 消息 {message_id} 已被处理过（可能是长连接已处理），跳过")
|
||||
return
|
||||
|
||||
# 内容是一个JSON字符串,需要再次解析
|
||||
try:
|
||||
content_json = json.loads(message.get('content', '{}'))
|
||||
|
||||
@@ -11,6 +11,7 @@ import logging
|
||||
from flask import Blueprint, request, jsonify
|
||||
from src.agent_assistant import TSPAgentAssistant
|
||||
from src.web.service_manager import service_manager
|
||||
from src.core.cache_manager import cache_manager
|
||||
from src.web.error_handlers import handle_api_errors, create_error_response, create_success_response
|
||||
|
||||
knowledge_bp = Blueprint('knowledge', __name__, url_prefix='/api/knowledge')
|
||||
@@ -98,7 +99,16 @@ def upload_knowledge_file():
|
||||
try:
|
||||
file.save(temp_path)
|
||||
assistant = get_agent_assistant()
|
||||
result = assistant.process_file_to_knowledge(temp_path, file.filename)
|
||||
# 由于process_file_to_knowledge现在是异步的，我们需要同步调用它
|
||||
# 或者将整个视图函数改为异步（Flask 2.0+支持）
|
||||
import asyncio
|
||||
loop = asyncio.new_event_loop()
|
||||
asyncio.set_event_loop(loop)
|
||||
result = loop.run_until_complete(assistant.process_file_to_knowledge(temp_path, file.filename))
|
||||
loop.close()
|
||||
|
||||
cache_manager.clear()
|
||||
|
||||
return jsonify(result)
|
||||
finally:
|
||||
try:
|
||||
@@ -108,6 +118,78 @@ def upload_knowledge_file():
|
||||
logger = logging.getLogger(__name__)
|
||||
logger.warning(f"清理临时文件失败: {cleanup_error}")
|
||||
|
||||
@knowledge_bp.route('/batch_delete', methods=['POST'])
|
||||
@handle_api_errors
|
||||
def batch_delete_knowledge():
|
||||
"""批量删除知识库条目"""
|
||||
data = request.get_json()
|
||||
if not data or 'ids' not in data:
|
||||
return create_error_response("缺少 ids 参数", 400)
|
||||
|
||||
ids = data['ids']
|
||||
if not isinstance(ids, list):
|
||||
return create_error_response("ids 必须是列表", 400)
|
||||
|
||||
knowledge_manager = service_manager.get_assistant().knowledge_manager
|
||||
success_count = 0
|
||||
fail_count = 0
|
||||
|
||||
for knowledge_id in ids:
|
||||
if knowledge_manager.delete_knowledge_entry(knowledge_id):
|
||||
success_count += 1
|
||||
else:
|
||||
fail_count += 1
|
||||
|
||||
return create_success_response(f"批量删除完成: 成功 {success_count} 条，失败 {fail_count} 条")
|
||||
|
||||
@knowledge_bp.route('/batch_verify', methods=['POST'])
|
||||
@handle_api_errors
|
||||
def batch_verify_knowledge():
|
||||
"""批量验证知识库条目"""
|
||||
data = request.get_json()
|
||||
if not data or 'ids' not in data:
|
||||
return create_error_response("缺少 ids 参数", 400)
|
||||
|
||||
ids = data['ids']
|
||||
if not isinstance(ids, list):
|
||||
return create_error_response("ids 必须是列表", 400)
|
||||
|
||||
knowledge_manager = service_manager.get_assistant().knowledge_manager
|
||||
success_count = 0
|
||||
fail_count = 0
|
||||
|
||||
for knowledge_id in ids:
|
||||
if knowledge_manager.verify_knowledge_entry(knowledge_id, verified_by="admin"):
|
||||
success_count += 1
|
||||
else:
|
||||
fail_count += 1
|
||||
|
||||
return create_success_response(f"批量验证完成: 成功 {success_count} 条，失败 {fail_count} 条")
|
||||
|
||||
@knowledge_bp.route('/batch_unverify', methods=['POST'])
|
||||
@handle_api_errors
|
||||
def batch_unverify_knowledge():
|
||||
"""批量取消验证知识库条目"""
|
||||
data = request.get_json()
|
||||
if not data or 'ids' not in data:
|
||||
return create_error_response("缺少 ids 参数", 400)
|
||||
|
||||
ids = data['ids']
|
||||
if not isinstance(ids, list):
|
||||
return create_error_response("ids 必须是列表", 400)
|
||||
|
||||
knowledge_manager = service_manager.get_assistant().knowledge_manager
|
||||
success_count = 0
|
||||
fail_count = 0
|
||||
|
||||
for knowledge_id in ids:
|
||||
if knowledge_manager.unverify_knowledge_entry(knowledge_id):
|
||||
success_count += 1
|
||||
else:
|
||||
fail_count += 1
|
||||
|
||||
return create_success_response(f"批量取消验证完成: 成功 {success_count} 条，失败 {fail_count} 条")
|
||||
|
||||
@knowledge_bp.route('/delete/<int:knowledge_id>', methods=['DELETE'])
|
||||
@handle_api_errors
|
||||
def delete_knowledge(knowledge_id):
|
||||
|
||||
@@ -478,19 +478,42 @@ def import_workorders():
|
||||
# 解析Excel文件
|
||||
try:
|
||||
df = pd.read_excel(upload_path)
|
||||
if df is None or df.empty:
|
||||
return jsonify({"error": "Excel文件内容为空或无法识别表格结构"}), 400
|
||||
|
||||
imported_workorders = []
|
||||
skipped_rows = 0
|
||||
|
||||
# 处理每一行数据
|
||||
for index, row in df.iterrows():
|
||||
# 根据Excel列名映射到工单字段
|
||||
title = str(row.get('标题', row.get('title', f'导入工单 {index + 1}')))
|
||||
description = str(row.get('描述', row.get('description', '')))
|
||||
category = str(row.get('分类', row.get('category', '技术问题')))
|
||||
priority = str(row.get('优先级', row.get('priority', 'medium')))
|
||||
status = str(row.get('状态', row.get('status', 'open')))
|
||||
# 定义候选列名映射
|
||||
col_mappings = {
|
||||
'title': ['标题', 'title', '工单标题', '问题主体', 'Subject'],
|
||||
'description': ['描述', 'description', '问题描述', '详细内容', 'Detail'],
|
||||
'category': ['分类', 'category', '业务分类', '模块', 'Type'],
|
||||
'priority': ['优先级', 'priority', '紧急程度', 'Level', 'Priority'],
|
||||
'status': ['状态', 'status', '工单状态', 'State'],
|
||||
'resolution': ['解决方案', 'resolution', '处理结果', 'Solution'],
|
||||
'satisfaction': ['满意度', 'satisfaction_score', 'rating', 'Score']
|
||||
}
|
||||
|
||||
def get_val(row_data, keys, default=''):
|
||||
for k in keys:
|
||||
if k in row_data:
|
||||
val = row_data[k]
|
||||
if pd.notna(val):
|
||||
return str(val)
|
||||
return default
|
||||
|
||||
title = get_val(row, col_mappings['title'], f'导入工单 {index + 1}')
|
||||
description = get_val(row, col_mappings['description'], '')
|
||||
category = get_val(row, col_mappings['category'], '技术问题')
|
||||
priority = get_val(row, col_mappings['priority'], 'medium')
|
||||
status = get_val(row, col_mappings['status'], 'open')
|
||||
|
||||
# 验证必填字段
|
||||
if not title or title.strip() == '':
|
||||
skipped_rows += 1
|
||||
continue
|
||||
|
||||
# 生成唯一的工单ID
|
||||
@@ -513,12 +536,14 @@ def import_workorders():
|
||||
)
|
||||
|
||||
# 处理可选字段
|
||||
if pd.notna(row.get('解决方案', row.get('resolution'))):
|
||||
workorder.resolution = str(row.get('解决方案', row.get('resolution')))
|
||||
res_val = get_val(row, col_mappings['resolution'], None)
|
||||
if res_val:
|
||||
workorder.resolution = res_val
|
||||
|
||||
if pd.notna(row.get('满意度', row.get('satisfaction_score'))):
|
||||
score_val = get_val(row, col_mappings['satisfaction'], None)
|
||||
if score_val:
|
||||
try:
|
||||
workorder.satisfaction_score = int(row.get('满意度', row.get('satisfaction_score')))
|
||||
workorder.satisfaction_score = int(float(score_val))
|
||||
except (ValueError, TypeError):
|
||||
workorder.satisfaction_score = None
|
||||
|
||||
@@ -551,8 +576,9 @@ def import_workorders():
|
||||
|
||||
return jsonify({
|
||||
"success": True,
|
||||
"message": f"成功导入 {len(imported_workorders)} 个工单",
|
||||
"message": f"成功导入 {len(imported_workorders)} 个工单" + (f"，跳过 {skipped_rows} 行无效数据" if skipped_rows > 0 else ""),
|
||||
"imported_count": len(imported_workorders),
|
||||
"skipped_count": skipped_rows,
|
||||
"workorders": imported_workorders
|
||||
})
|
||||
|
||||
|
||||
@@ -20,7 +20,7 @@ body {
|
||||
|
||||
.btn-group .btn:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* 小尺寸按钮优化 */
|
||||
@@ -97,7 +97,7 @@ body {
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
color: white;
|
||||
padding: 0.25rem 0.5rem;
|
||||
border-radius: 0.25rem;
|
||||
@@ -153,9 +153,17 @@ body {
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% { opacity: 1; }
|
||||
50% { opacity: 0.5; }
|
||||
100% { opacity: 1; }
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.health-dot.normal {
|
||||
@@ -176,8 +184,13 @@ body {
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* 可点击统计数字样式 */
|
||||
@@ -239,23 +252,23 @@ body {
|
||||
height: 1.75rem;
|
||||
padding: 0.25rem 0.375rem;
|
||||
}
|
||||
|
||||
|
||||
.btn-sm i {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
|
||||
.btn-group .btn:not(:last-child) {
|
||||
margin-right: 0.125rem;
|
||||
}
|
||||
|
||||
|
||||
.table .btn-group .btn {
|
||||
margin: 0 0.0625rem;
|
||||
}
|
||||
|
||||
|
||||
.clickable-stat {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
.modal-xl {
|
||||
max-width: 95vw;
|
||||
}
|
||||
@@ -321,7 +334,7 @@ body {
|
||||
|
||||
.alert-card:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.alert-card.critical {
|
||||
@@ -401,7 +414,7 @@ body {
|
||||
|
||||
.card:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* 按钮样式 */
|
||||
@@ -427,8 +440,13 @@ body {
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* 响应式设计 */
|
||||
@@ -436,13 +454,13 @@ body {
|
||||
.container-fluid {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
|
||||
.score-circle {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
|
||||
.card-body {
|
||||
padding: 1rem;
|
||||
}
|
||||
@@ -493,9 +511,11 @@ body {
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
|
||||
}
|
||||
|
||||
70% {
|
||||
box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
|
||||
}
|
||||
@@ -505,7 +525,7 @@ body {
|
||||
.modal-content {
|
||||
border-radius: 0.5rem;
|
||||
border: none;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
@@ -520,7 +540,7 @@ body {
|
||||
|
||||
/* 表格样式 */
|
||||
.table-hover tbody tr:hover {
|
||||
background-color: rgba(0,123,255,0.1);
|
||||
background-color: rgba(0, 123, 255, 0.1);
|
||||
}
|
||||
|
||||
/* 空状态样式 */
|
||||
@@ -649,20 +669,20 @@ body {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
|
||||
.alert-controls .form-select {
|
||||
min-width: auto;
|
||||
}
|
||||
|
||||
|
||||
.alert-card .d-flex {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
||||
.alert-card .ms-3 {
|
||||
margin-left: 0 !important;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
.alert-data {
|
||||
font-size: 10px;
|
||||
max-height: 80px;
|
||||
@@ -700,7 +720,7 @@ body {
|
||||
|
||||
.preset-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
|
||||
border-color: #007bff;
|
||||
}
|
||||
|
||||
@@ -796,15 +816,15 @@ body {
|
||||
.preset-card .card-body {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
|
||||
.preset-card h6 {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
|
||||
.preset-card p {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
|
||||
.preset-params .badge {
|
||||
font-size: 0.65rem;
|
||||
padding: 0.2rem 0.4rem;
|
||||
@@ -863,8 +883,27 @@ body {
|
||||
.preset-preview .preview-param span {
|
||||
color: #6c757d;
|
||||
font-size: 0.8rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* 历史对话字体深度统一补丁 */
|
||||
.conversation-item,
|
||||
.conversation-item h6,
|
||||
.conversation-item p,
|
||||
.conversation-item span,
|
||||
.conversation-item small,
|
||||
.conversation-item strong,
|
||||
#conversation-list * {
|
||||
font-family: var(--font-family-primary) !important;
|
||||
}
|
||||
|
||||
.conversation-preview p {
|
||||
font-size: var(--font-size-sm);
|
||||
line-height: var(--line-height-relaxed);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
|
||||
/* AI建议与人工描述优化样式 */
|
||||
.ai-suggestion-section {
|
||||
background: linear-gradient(135deg, #f8f9ff, #e8f2ff);
|
||||
@@ -1087,13 +1126,18 @@ body {
|
||||
left: -100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
|
||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
||||
animation: shimmer 1.5s infinite;
|
||||
}
|
||||
|
||||
@keyframes shimmer {
|
||||
0% { left: -100%; }
|
||||
100% { left: 100%; }
|
||||
0% {
|
||||
left: -100%;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 按钮加载状态 */
|
||||
@@ -1122,9 +1166,17 @@ body {
|
||||
}
|
||||
|
||||
@keyframes successPulse {
|
||||
0% { transform: scale(1); }
|
||||
50% { transform: scale(1.05); }
|
||||
100% { transform: scale(1); }
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
/* 工具提示优化 */
|
||||
@@ -1176,94 +1228,49 @@ body {
|
||||
padding: 15px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
|
||||
.ai-suggestion-header {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
|
||||
.similarity-indicator {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
|
||||
.action-buttons {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
|
||||
.save-human-btn,
|
||||
.approve-btn {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.tooltip-custom::before {
|
||||
font-size: 0.7rem;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/ * f<EFBFBD><EFBFBD><EFBFBD>pencaSGr7h_ * /
|
||||
. v e h i c l e - d a t a - c a r d {
|
||||
b a c k g r o u n d : l i n e a r - g r a d i e n t ( 1 3 5 d e g , # e 8 f 5 e 8 , # f 0 f 8 f 0 ) ;
|
||||
b o r d e r : 1 p x s o l i d # 4 c a f 5 0 ;
|
||||
b o r d e r - r a d i u s : 1 0 p x ;
|
||||
m a r g i n : 1 0 p x 0 ;
|
||||
p a d d i n g : 1 5 p x ;
|
||||
b o x - s h a d o w : 0 2 p x 1 0 p x r g b a ( 7 6 , 1 7 5 , 8 0 , 0 . 1 ) ;
|
||||
}
|
||||
|
||||
. v e h i c l e - d a t a - h e a d e r {
|
||||
b o r d e r - b o t t o m : 1 p x s o l i d # 4 c a f 5 0 ;
|
||||
p a d d i n g - b o t t o m : 1 0 p x ;
|
||||
m a r g i n - b o t t o m : 1 5 p x ;
|
||||
}
|
||||
|
||||
. v e h i c l e - d a t a - h e a d e r h 5 {
|
||||
c o l o r : # 2 e 7 d 3 2 ;
|
||||
m a r g i n : 0 ;
|
||||
f o n t - s i z e : 1 . 1 r e m ;
|
||||
}
|
||||
|
||||
. v e h i c l e - d a t a - c o n t e n t {
|
||||
p a d d i n g : 0 ;
|
||||
}
|
||||
|
||||
. v e h i c l e - i n f o {
|
||||
b a c k g r o u n d : w h i t e ;
|
||||
b o r d e r - r a d i u s : 8 p x ;
|
||||
p a d d i n g : 1 2 p x ;
|
||||
m a r g i n - b o t t o m : 1 0 p x ;
|
||||
b o r d e r - l e f t : 4 p x s o l i d # 4 c a f 5 0 ;
|
||||
}
|
||||
|
||||
. v e h i c l e - i n f o h 6 {
|
||||
c o l o r : # 1 9 7 6 d 2 ;
|
||||
m a r g i n - b o t t o m : 8 p x ;
|
||||
f o n t - s i z e : 1 r e m ;
|
||||
}
|
||||
|
||||
. v e h i c l e - d e t a i l s p {
|
||||
m a r g i n : 5 p x 0 ;
|
||||
f o n t - s i z e : 0 . 9 r e m ;
|
||||
c o l o r : # 3 3 3 ;
|
||||
}
|
||||
|
||||
. v e h i c l e - d e t a i l s s t r o n g {
|
||||
c o l o r : # 2 e 7 d 3 2 ;
|
||||
}
|
||||
|
||||
. v e h i c l e - e r r o r {
|
||||
b a c k g r o u n d : # f f e b e e ;
|
||||
c o l o r : # c 6 2 8 2 8 ;
|
||||
p a d d i n g : 1 0 p x ;
|
||||
b o r d e r - r a d i u s : 5 p x ;
|
||||
b o r d e r - l e f t : 4 p x s o l i d # f 4 4 3 3 6 ;
|
||||
f o n t - s t y l e : i t a l i c ;
|
||||
}
|
||||
|
||||
|
||||
/* 历史对话字体深度统一补丁 - V2 (修复编码) */
|
||||
.conversation-item,
|
||||
.conversation-item h6,
|
||||
.conversation-item p,
|
||||
.conversation-item span,
|
||||
.conversation-item small,
|
||||
.conversation-item strong,
|
||||
#conversation-list * {
|
||||
font-family: var(--font-family-primary) !important;
|
||||
}
|
||||
|
||||
.conversation-preview p {
|
||||
font-size: var(--font-size-sm);
|
||||
line-height: var(--line-height-relaxed);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
@@ -196,7 +196,10 @@ class TSPDashboard {
|
||||
this.paginationConfig = {
|
||||
defaultPageSize: 10,
|
||||
pageSizeOptions: [5, 10, 20, 50],
|
||||
maxVisiblePages: 5
|
||||
maxVisiblePages: 5,
|
||||
currentKnowledgePage: 1, // 追踪知识库当前页
|
||||
currentWorkOrderPage: 1, // 追踪工单当前页
|
||||
currentConversationPage: 1 // 追踪对话历史当前页
|
||||
};
|
||||
|
||||
this.init();
|
||||
@@ -2076,6 +2079,7 @@ class TSPDashboard {
|
||||
|
||||
// 知识库管理
|
||||
async loadKnowledge(page = 1) {
|
||||
this.paginationConfig.currentKnowledgePage = page;
|
||||
try {
|
||||
const pageSize = this.getPageSize('knowledge-pagination');
|
||||
const response = await fetch(`/api/knowledge?page=${page}&per_page=${pageSize}`);
|
||||
@@ -2317,7 +2321,7 @@ class TSPDashboard {
|
||||
const data = await response.json();
|
||||
if (data.success) {
|
||||
this.showNotification('知识库验证成功', 'success');
|
||||
this.loadKnowledge();
|
||||
this.loadKnowledge(this.paginationConfig.currentKnowledgePage);
|
||||
} else {
|
||||
this.showNotification('知识库验证失败', 'error');
|
||||
}
|
||||
@@ -2339,7 +2343,7 @@ class TSPDashboard {
|
||||
const data = await response.json();
|
||||
if (data.success) {
|
||||
this.showNotification('取消验证成功', 'success');
|
||||
this.loadKnowledge();
|
||||
this.loadKnowledge(this.paginationConfig.currentKnowledgePage);
|
||||
} else {
|
||||
this.showNotification('取消验证失败', 'error');
|
||||
}
|
||||
@@ -2361,8 +2365,8 @@ class TSPDashboard {
|
||||
|
||||
const data = await response.json();
|
||||
if (data.success) {
|
||||
this.showNotification('知识库删除成功', 'success');
|
||||
this.loadKnowledge();
|
||||
this.showNotification('知识库条目已删除', 'success');
|
||||
this.loadKnowledge(this.paginationConfig.currentKnowledgePage);
|
||||
} else {
|
||||
this.showNotification('知识库删除失败', 'error');
|
||||
}
|
||||
@@ -2440,6 +2444,7 @@ class TSPDashboard {
|
||||
|
||||
// 工单管理
|
||||
async loadWorkOrders(page = 1, forceRefresh = false) {
|
||||
this.paginationConfig.currentWorkOrderPage = page;
|
||||
const cacheKey = `workorders_page_${page}`;
|
||||
|
||||
if (!forceRefresh && this.cache.has(cacheKey)) {
|
||||
@@ -2936,8 +2941,8 @@ class TSPDashboard {
|
||||
|
||||
if (data.success) {
|
||||
this.showNotification('工单删除成功', 'success');
|
||||
// 立即刷新工单列表和统计
|
||||
await this.loadWorkOrders();
|
||||
// 立即刷新工单列表和统计 (使用当前页码并强制刷新)
|
||||
await this.loadWorkOrders(this.paginationConfig.currentWorkOrderPage, true);
|
||||
await this.loadAnalytics();
|
||||
} else {
|
||||
this.showNotification('删除工单失败: ' + (data.error || '未知错误'), 'error');
|
||||
@@ -3233,12 +3238,37 @@ class TSPDashboard {
|
||||
return;
|
||||
}
|
||||
|
||||
const html = conversations.map(conv => `
|
||||
const html = conversations.map(conv => {
|
||||
// 识别来源和类型
|
||||
let sourceBadge = '';
|
||||
const method = conv.invocation_method || '';
|
||||
const userId = conv.user_id || '';
|
||||
|
||||
// 判断是否来自飞书 (根据调用方式或ID格式)
|
||||
if (method.includes('feishu') || userId.startsWith('ou_')) {
|
||||
sourceBadge = '<span class="badge bg-purple me-1">飞书</span>';
|
||||
} else {
|
||||
sourceBadge = '<span class="badge bg-blue me-1">Web</span>';
|
||||
}
|
||||
|
||||
// 判断群聊/私聊
|
||||
let typeBadge = '';
|
||||
if (method.includes('group')) {
|
||||
typeBadge = '<span class="badge bg-azure me-1">群聊</span>';
|
||||
} else if (method.includes('p2p')) {
|
||||
typeBadge = '<span class="badge bg-indigo me-1">私聊</span>';
|
||||
}
|
||||
|
||||
return `
|
||||
<div class="card mb-3 conversation-item" data-conversation-id="${conv.id}">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between align-items-start mb-2">
|
||||
<div>
|
||||
<h6 class="mb-1">用户: ${conv.user_id || '匿名'}</h6>
|
||||
<h6 class="mb-1" style="font-family: var(--font-family-primary); font-weight: 600;">
|
||||
${sourceBadge}
|
||||
${typeBadge}
|
||||
用户: ${userId || '匿名'}
|
||||
</h6>
|
||||
<small class="text-muted">${new Date(conv.timestamp).toLocaleString()}</small>
|
||||
</div>
|
||||
<div class="btn-group btn-group-sm">
|
||||
@@ -3260,7 +3290,8 @@ class TSPDashboard {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`).join('');
|
||||
`;
|
||||
}).join('');
|
||||
|
||||
container.innerHTML = html;
|
||||
}
|
||||
|
||||
@@ -155,8 +155,9 @@ class App {
|
||||
// 映射路由到页面文件
|
||||
const pageFile = this.getPageFile(route.name);
|
||||
|
||||
// 动态导入页面组件
|
||||
const pageModule = await import(`./pages/${pageFile}.js`);
|
||||
// 动态导入页面组件 (添加版本号防止缓存)
|
||||
const version = '1.0.2';
|
||||
const pageModule = await import(`./pages/${pageFile}.js?v=${version}`);
|
||||
const PageComponent = pageModule.default;
|
||||
|
||||
// 实例化页面组件
|
||||
|
||||
@@ -6,28 +6,668 @@ export default class Knowledge {
|
||||
constructor(container, route) {
|
||||
this.container = container;
|
||||
this.route = route;
|
||||
this.currentPage = 1; // 初始化当前页码
|
||||
this.init();
|
||||
}
|
||||
|
||||
async init() {
|
||||
this.render();
|
||||
this.bindEvents();
|
||||
await Promise.all([
|
||||
this.loadKnowledgeList(),
|
||||
this.loadStats()
|
||||
]);
|
||||
}
|
||||
|
||||
async loadStats() {
|
||||
try {
|
||||
const response = await fetch('/api/knowledge/stats');
|
||||
if (response.ok) {
|
||||
const stats = await response.json();
|
||||
|
||||
// 更新统计数据显示
|
||||
const totalEl = this.container.querySelector('#stat-total');
|
||||
const activeEl = this.container.querySelector('#stat-active');
|
||||
const catsEl = this.container.querySelector('#stat-categories');
|
||||
const confEl = this.container.querySelector('#stat-confidence');
|
||||
|
||||
if (totalEl) totalEl.textContent = stats.total_entries || 0;
|
||||
if (activeEl) activeEl.textContent = stats.active_entries || 0; // 后端现在返回的是已验证数量
|
||||
if (catsEl) catsEl.textContent = Object.keys(stats.category_distribution || {}).length;
|
||||
if (confEl) confEl.textContent = ((stats.average_confidence || 0) * 100).toFixed(0) + '%';
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载统计信息失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
this.container.innerHTML = `
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">知识库</h1>
|
||||
<p class="page-subtitle">知识条目管理</p>
|
||||
<div class="page-header d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<h1 class="page-title">知识库</h1>
|
||||
<p class="page-subtitle">管理和维护知识条目</p>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary" id="btn-import-file">
|
||||
<i class="fas fa-file-import me-2"></i>导入文件
|
||||
</button>
|
||||
<input type="file" id="file-input" style="display: none;" accept=".txt,.md">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 统计卡片 -->
|
||||
<div class="row row-cards mb-4">
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card card-sm">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
<span class="bg-primary text-white avatar">
|
||||
<i class="fas fa-book"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="font-weight-medium" id="stat-total">0</div>
|
||||
<div class="text-muted">总条目</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card card-sm">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
<span class="bg-green text-white avatar">
|
||||
<i class="fas fa-check"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="font-weight-medium" id="stat-active">0</div>
|
||||
<div class="text-muted">已验证</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card card-sm">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
<span class="bg-blue text-white avatar">
|
||||
<i class="fas fa-tags"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="font-weight-medium" id="stat-categories">0</div>
|
||||
<div class="text-muted">分类数量</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card card-sm">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
<span class="bg-yellow text-white avatar">
|
||||
<i class="fas fa-star"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="font-weight-medium" id="stat-confidence">0%</div>
|
||||
<div class="text-muted">平均置信度</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">知识条目列表</h3>
|
||||
<div class="card-options">
|
||||
<div class="btn-group me-2 d-none" id="batch-actions">
|
||||
<button class="btn btn-success btn-sm" id="btn-batch-verify">
|
||||
<i class="fas fa-check me-1"></i>验证
|
||||
</button>
|
||||
<button class="btn btn-warning btn-sm" id="btn-batch-unverify">
|
||||
<i class="fas fa-times me-1"></i>取消验证
|
||||
</button>
|
||||
<button class="btn btn-danger btn-sm" id="btn-batch-delete">
|
||||
<i class="fas fa-trash me-1"></i>删除
|
||||
</button>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="搜索知识..." id="search-input">
|
||||
<button class="btn btn-secondary" id="btn-search">
|
||||
<i class="fas fa-search"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="text-center py-5">
|
||||
<i class="fas fa-book fa-3x text-muted mb-3"></i>
|
||||
<h4 class="text-muted">知识库页面</h4>
|
||||
<p class="text-muted">该功能正在开发中...</p>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover table-vcenter">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 40px;">
|
||||
<input type="checkbox" class="form-check-input" id="check-all">
|
||||
</th>
|
||||
<th style="width: 50px;">#</th>
|
||||
<th>问题/主题</th>
|
||||
<th>内容预览</th>
|
||||
<th style="width: 150px;">分类</th>
|
||||
<th style="width: 100px;">置信度</th>
|
||||
<th style="width: 100px;">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="knowledge-list-body">
|
||||
<tr>
|
||||
<td colspan="6" class="text-center py-4">正在加载数据...</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center mt-3" id="pagination-container">
|
||||
<!-- 分页控件 -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
bindEvents() {
|
||||
// 导入文件按钮
|
||||
const fileInput = this.container.querySelector('#file-input');
|
||||
const importBtn = this.container.querySelector('#btn-import-file');
|
||||
|
||||
importBtn.addEventListener('click', () => {
|
||||
fileInput.click();
|
||||
});
|
||||
|
||||
fileInput.addEventListener('change', async (e) => {
|
||||
if (e.target.files.length > 0) {
|
||||
await this.uploadFile(e.target.files[0]);
|
||||
// 清空选择，允许再次选择同名文件
|
||||
fileInput.value = '';
|
||||
}
|
||||
});
|
||||
|
||||
// 搜索功能
|
||||
const searchInput = this.container.querySelector('#search-input');
|
||||
const searchBtn = this.container.querySelector('#btn-search');
|
||||
|
||||
const performSearch = () => {
|
||||
const query = searchInput.value.trim();
|
||||
this.loadKnowledgeList(1, query);
|
||||
};
|
||||
|
||||
searchBtn.addEventListener('click', performSearch);
|
||||
searchInput.addEventListener('keypress', (e) => {
|
||||
if (e.key === 'Enter') {
|
||||
performSearch();
|
||||
}
|
||||
});
|
||||
|
||||
// 批量操作按钮
|
||||
const batchVerifyBtn = this.container.querySelector('#btn-batch-verify');
|
||||
if (batchVerifyBtn) {
|
||||
batchVerifyBtn.addEventListener('click', () => this.batchAction('verify'));
|
||||
}
|
||||
|
||||
const batchUnverifyBtn = this.container.querySelector('#btn-batch-unverify');
|
||||
if (batchUnverifyBtn) {
|
||||
batchUnverifyBtn.addEventListener('click', () => this.batchAction('unverify'));
|
||||
}
|
||||
|
||||
const batchDeleteBtn = this.container.querySelector('#btn-batch-delete');
|
||||
if (batchDeleteBtn) {
|
||||
batchDeleteBtn.addEventListener('click', () => this.batchAction('delete'));
|
||||
}
|
||||
|
||||
// 全选复选框
|
||||
const checkAll = this.container.querySelector('#check-all');
|
||||
if (checkAll) {
|
||||
checkAll.addEventListener('change', (e) => {
|
||||
const checks = this.container.querySelectorAll('.item-check');
|
||||
checks.forEach(check => check.checked = e.target.checked);
|
||||
this.updateBatchButtons();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
bindCheckboxEvents() {
|
||||
const checks = this.container.querySelectorAll('.item-check');
|
||||
checks.forEach(check => {
|
||||
check.addEventListener('change', () => {
|
||||
this.updateBatchButtons();
|
||||
// 如果有一个未选中，取消全选选中状态
|
||||
if (!check.checked) {
|
||||
const checkAll = this.container.querySelector('#check-all');
|
||||
if (checkAll) checkAll.checked = false;
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
updateBatchButtons() {
|
||||
const checkedCount = this.container.querySelectorAll('.item-check:checked').length;
|
||||
const actionsGroup = this.container.querySelector('#batch-actions');
|
||||
|
||||
if (actionsGroup) {
|
||||
if (checkedCount > 0) {
|
||||
actionsGroup.classList.remove('d-none');
|
||||
// 更新删除按钮文本
|
||||
const deleteBtn = this.container.querySelector('#btn-batch-delete');
|
||||
if (deleteBtn) deleteBtn.innerHTML = `<i class="fas fa-trash me-1"></i>删除 (${checkedCount})`;
|
||||
} else {
|
||||
actionsGroup.classList.add('d-none');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async batchDeleteKnowledge() {
|
||||
const checks = this.container.querySelectorAll('.item-check:checked');
|
||||
const ids = Array.from(checks).map(check => parseInt(check.dataset.id));
|
||||
|
||||
console.log('Deleting IDs:', ids);
|
||||
|
||||
if (ids.length === 0) {
|
||||
alert('请先选择要删除的知识条目');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!confirm(`确定要删除选中的 ${ids.length} 条知识吗？`)) {
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await fetch('/api/knowledge/batch_delete', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({ ids: ids })
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (response.ok && result.success) {
|
||||
alert(result.message || '删除成功');
|
||||
// 重置全选状态
|
||||
const checkAll = this.container.querySelector('#check-all');
|
||||
if (checkAll) checkAll.checked = false;
|
||||
this.updateBatchDeleteButton();
|
||||
// 刷新列表和统计（保持当前页）
|
||||
await Promise.all([
|
||||
this.loadKnowledgeList(this.currentPage),
|
||||
this.loadStats()
|
||||
]);
|
||||
} else {
|
||||
alert(`删除失败: ${result.message || '未知错误'}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('批量删除出错:', error);
|
||||
alert('批量删除出错，请查看控制台');
|
||||
}
|
||||
}
|
||||
|
||||
async loadKnowledgeList(page = null, query = '') {
|
||||
// 如果未指定页码，使用当前页码，默认为 1
|
||||
const targetPage = page || this.currentPage || 1;
|
||||
this.currentPage = targetPage;
|
||||
|
||||
const tbody = this.container.querySelector('#knowledge-list-body');
|
||||
|
||||
// 柔性加载：不立即清空，而是降低透明度并显示加载态
|
||||
// 这可以防止表格高度塌陷导致的视觉跳动
|
||||
tbody.style.opacity = '0.5';
|
||||
tbody.style.transition = 'opacity 0.2s';
|
||||
|
||||
// 如果表格是空的（第一次加载），则显示加载占位符
|
||||
if (!tbody.hasChildNodes() || tbody.children.length === 0 || tbody.querySelector('.text-center')) {
|
||||
tbody.innerHTML = '<tr><td colspan="7" class="text-center py-4"><div class="spinner-border text-primary" role="status"></div><div class="mt-2">加载中...</div></td></tr>';
|
||||
tbody.style.opacity = '1';
|
||||
}
|
||||
|
||||
try {
|
||||
let url = `/api/knowledge?page=${targetPage}&per_page=10`;
|
||||
if (query) {
|
||||
url = `/api/knowledge/search?q=${encodeURIComponent(query)}`;
|
||||
}
|
||||
|
||||
const response = await fetch(url);
|
||||
const result = await response.json();
|
||||
|
||||
tbody.innerHTML = '';
|
||||
tbody.style.opacity = '1'; // 恢复不透明
|
||||
|
||||
// 处理搜索结果（通常是数组）和分页结果（包含 items）的差异
|
||||
let items = [];
|
||||
if (Array.isArray(result)) {
|
||||
items = result;
|
||||
} else if (result.items) {
|
||||
items = result.items;
|
||||
}
|
||||
|
||||
if (items.length === 0) {
|
||||
tbody.innerHTML = '<tr><td colspan="7" class="text-center py-4 text-muted">暂无知识条目</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
items.forEach((item, index) => {
|
||||
// ... (渲染逻辑保持不变)
|
||||
const tr = document.createElement('tr');
|
||||
|
||||
// 验证状态图标
|
||||
let statusBadge = '';
|
||||
if (item.is_verified) {
|
||||
statusBadge = '<span class="text-success ms-2" title="已验证"><i class="fas fa-check-circle"></i></span>';
|
||||
}
|
||||
|
||||
// 验证操作按钮
|
||||
let verifyBtn = '';
|
||||
if (item.is_verified) {
|
||||
verifyBtn = `
|
||||
<button type="button" class="btn btn-sm btn-icon btn-outline-warning btn-unverify" data-id="${item.id}" title="取消验证">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
`;
|
||||
} else {
|
||||
verifyBtn = `
|
||||
<button type="button" class="btn btn-sm btn-icon btn-outline-success btn-verify" data-id="${item.id}" title="验证通过">
|
||||
<i class="fas fa-check"></i>
|
||||
</button>
|
||||
`;
|
||||
}
|
||||
|
||||
tr.innerHTML = `
|
||||
<td><input type="checkbox" class="form-check-input item-check" data-id="${item.id}"></td>
|
||||
<td>${(targetPage - 1) * 10 + index + 1}</td>
|
||||
<td>
|
||||
<div class="text-truncate" style="max-width: 200px;" title="${item.question}">
|
||||
${item.question}
|
||||
${statusBadge}
|
||||
</div>
|
||||
</td>
|
||||
<td><div class="text-truncate" style="max-width: 300px;" title="${item.answer}">${item.answer}</div></td>
|
||||
<td><span class="badge bg-blue-lt">${item.category || '未分类'}</span></td>
|
||||
<td>${(item.confidence_score * 100).toFixed(0)}%</td>
|
||||
<td>
|
||||
${verifyBtn}
|
||||
<button type="button" class="btn btn-sm btn-icon btn-outline-danger btn-delete" data-id="${item.id}" title="删除">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
</td>
|
||||
`;
|
||||
|
||||
// 绑定验证/取消验证事件
|
||||
const verifyActionBtn = tr.querySelector('.btn-verify, .btn-unverify');
|
||||
if (verifyActionBtn) {
|
||||
verifyActionBtn.addEventListener('click', async (e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
const isVerify = verifyActionBtn.classList.contains('btn-verify');
|
||||
await this.toggleVerify(item.id, isVerify, tr);
|
||||
});
|
||||
}
|
||||
|
||||
// 绑定删除事件
|
||||
const deleteBtn = tr.querySelector('.btn-delete');
|
||||
deleteBtn.addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
this.deleteKnowledge(item.id);
|
||||
});
|
||||
|
||||
tbody.appendChild(tr);
|
||||
});
|
||||
|
||||
// 重新绑定复选框事件
|
||||
this.bindCheckboxEvents();
|
||||
|
||||
// 渲染分页
|
||||
if (result.pages && result.pages > 1) {
|
||||
this.renderPagination(result);
|
||||
} else {
|
||||
this.container.querySelector('#pagination-container').innerHTML = '';
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('加载知识列表失败:', error);
|
||||
tbody.innerHTML = `<tr><td colspan="7" class="text-center py-4 text-danger">加载失败: ${error.message}</td></tr>`;
|
||||
tbody.style.opacity = '1';
|
||||
}
|
||||
}
|
||||
|
||||
async uploadFile(file) {
|
||||
const formData = new FormData();
|
||||
formData.append('file', file);
|
||||
|
||||
// 显示上传中提示
|
||||
const importBtn = this.container.querySelector('#btn-import-file');
|
||||
const originalText = importBtn.innerHTML;
|
||||
importBtn.disabled = true;
|
||||
importBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 上传中...';
|
||||
|
||||
try {
|
||||
const response = await fetch('/api/knowledge/upload', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
});
|
||||
const result = await response.json();
|
||||
|
||||
if (response.ok && result.success) {
|
||||
alert(`文件上传成功！共提取 ${result.knowledge_count} 条知识。`);
|
||||
// 刷新列表和统计
|
||||
await Promise.all([
|
||||
this.loadKnowledgeList(),
|
||||
this.loadStats()
|
||||
]);
|
||||
} else {
|
||||
alert(`上传失败: ${result.error || result.message || '未知错误'}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('上传文件出错:', error);
|
||||
alert('上传文件出错，请查看控制台');
|
||||
} finally {
|
||||
importBtn.disabled = false;
|
||||
importBtn.innerHTML = originalText;
|
||||
}
|
||||
}
|
||||
|
||||
async toggleVerify(id, isVerify, trElement = null) {
|
||||
const action = isVerify ? 'verify' : 'unverify';
|
||||
const url = `/api/knowledge/${action}/${id}`;
|
||||
|
||||
try {
|
||||
// 如果有 trElement，先显示加载状态
|
||||
let originalBtnHtml = '';
|
||||
let actionBtn = null;
|
||||
if (trElement) {
|
||||
actionBtn = trElement.querySelector('.btn-verify, .btn-unverify');
|
||||
if (actionBtn) {
|
||||
originalBtnHtml = actionBtn.innerHTML;
|
||||
actionBtn.disabled = true;
|
||||
actionBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>';
|
||||
}
|
||||
}
|
||||
|
||||
const response = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
const result = await response.json();
|
||||
|
||||
if (response.ok && result.success) {
|
||||
// 如果提供了 DOM 元素，直接更新 DOM，避免刷新整个列表导致跳动
|
||||
if (trElement) {
|
||||
this.updateRowStatus(trElement, id, isVerify);
|
||||
// 后台静默刷新统计数据
|
||||
this.loadStats();
|
||||
} else {
|
||||
// 仅刷新列表和统计，不跳转页面
|
||||
await Promise.all([
|
||||
this.loadKnowledgeList(this.currentPage),
|
||||
this.loadStats()
|
||||
]);
|
||||
}
|
||||
} else {
|
||||
alert(`${isVerify ? '验证' : '取消验证'}失败: ${result.message}`);
|
||||
// 恢复按钮状态
|
||||
if (actionBtn) {
|
||||
actionBtn.disabled = false;
|
||||
actionBtn.innerHTML = originalBtnHtml;
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('操作出错:', error);
|
||||
// 恢复按钮状态
|
||||
if (trElement) {
|
||||
const actionBtn = trElement.querySelector('.btn-verify, .btn-unverify');
|
||||
if (actionBtn) {
|
||||
actionBtn.disabled = false;
|
||||
// 简单恢复，无法精确还原之前的图标
|
||||
actionBtn.innerHTML = isVerify ? '<i class="fas fa-check"></i>' : '<i class="fas fa-times"></i>';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
updateRowStatus(tr, id, isVerified) {
|
||||
// 1. 更新问题列的状态图标
|
||||
const questionCell = tr.cells[2]; // 第3列是问题
|
||||
const questionDiv = questionCell.querySelector('div');
|
||||
|
||||
// 移除旧的徽章
|
||||
const oldBadge = questionDiv.querySelector('.text-success');
|
||||
if (oldBadge) oldBadge.remove();
|
||||
|
||||
// 如果是验证通过，添加徽章
|
||||
if (isVerified) {
|
||||
const statusBadge = document.createElement('span');
|
||||
statusBadge.className = 'text-success ms-2';
|
||||
statusBadge.title = '已验证';
|
||||
statusBadge.innerHTML = '<i class="fas fa-check-circle"></i>';
|
||||
questionDiv.appendChild(statusBadge);
|
||||
}
|
||||
|
||||
// 2. 更新操作按钮
|
||||
const actionCell = tr.cells[6]; // 第7列是操作
|
||||
const actionBtn = actionCell.querySelector('.btn-verify, .btn-unverify');
|
||||
|
||||
if (actionBtn) {
|
||||
// 创建新按钮
|
||||
const newBtn = document.createElement('button');
|
||||
newBtn.type = 'button';
|
||||
newBtn.className = `btn btn-sm btn-icon btn-outline-${isVerified ? 'warning' : 'success'} ${isVerified ? 'btn-unverify' : 'btn-verify'}`;
|
||||
newBtn.dataset.id = id;
|
||||
newBtn.title = isVerified ? '取消验证' : '验证通过';
|
||||
newBtn.innerHTML = `<i class="fas fa-${isVerified ? 'times' : 'check'}"></i>`;
|
||||
|
||||
// 重新绑定事件
|
||||
newBtn.addEventListener('click', async (e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
await this.toggleVerify(id, !isVerified, tr);
|
||||
});
|
||||
|
||||
// 替换旧按钮
|
||||
actionBtn.replaceWith(newBtn);
|
||||
}
|
||||
}
|
||||
|
||||
async deleteKnowledge(id) {
|
||||
if (!confirm('确定要删除这条知识吗？')) {
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await fetch(`/api/knowledge/delete/${id}`, {
|
||||
method: 'DELETE'
|
||||
});
|
||||
const result = await response.json();
|
||||
|
||||
if (response.ok && result.success) {
|
||||
// 刷新列表和统计（保持当前页）
|
||||
await Promise.all([
|
||||
this.loadKnowledgeList(this.currentPage),
|
||||
this.loadStats()
|
||||
]);
|
||||
} else {
|
||||
alert(`删除失败: ${result.message || '未知错误'}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('删除出错:', error);
|
||||
alert('删除出错，请查看控制台');
|
||||
}
|
||||
}
|
||||
|
||||
renderPagination(pagination) {
|
||||
const { page, pages } = pagination;
|
||||
const container = this.container.querySelector('#pagination-container');
|
||||
|
||||
let html = '<ul class="pagination">';
|
||||
|
||||
// 上一页
|
||||
html += `
|
||||
<li class="page-item ${page === 1 ? 'disabled' : ''}">
|
||||
<a class="page-link" href="#" data-page="${page - 1}" tabindex="-1">上一页</a>
|
||||
</li>
|
||||
`;
|
||||
|
||||
// 页码 (只显示当前页附近的页码)
|
||||
const startPage = Math.max(1, page - 2);
|
||||
const endPage = Math.min(pages, page + 2);
|
||||
|
||||
if (startPage > 1) {
|
||||
html += '<li class="page-item"><a class="page-link" href="#" data-page="1">1</a></li>';
|
||||
if (startPage > 2) {
|
||||
html += '<li class="page-item disabled"><span class="page-link">...</span></li>';
|
||||
}
|
||||
}
|
||||
|
||||
for (let i = startPage; i <= endPage; i++) {
|
||||
html += `
|
||||
<li class="page-item ${i === page ? 'active' : ''}">
|
||||
<a class="page-link" href="#" data-page="${i}">${i}</a>
|
||||
</li>
|
||||
`;
|
||||
}
|
||||
|
||||
if (endPage < pages) {
|
||||
if (endPage < pages - 1) {
|
||||
html += '<li class="page-item disabled"><span class="page-link">...</span></li>';
|
||||
}
|
||||
html += `<li class="page-item"><a class="page-link" href="#" data-page="${pages}">${pages}</a></li>`;
|
||||
}
|
||||
|
||||
// 下一页
|
||||
html += `
|
||||
<li class="page-item ${page === pages ? 'disabled' : ''}">
|
||||
<a class="page-link" href="#" data-page="${page + 1}">下一页</a>
|
||||
</li>
|
||||
`;
|
||||
|
||||
html += '</ul>';
|
||||
container.innerHTML = html;
|
||||
|
||||
// 绑定点击事件
|
||||
container.querySelectorAll('.page-link').forEach(link => {
|
||||
link.addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
const newPage = parseInt(e.target.dataset.page);
|
||||
if (newPage && newPage !== page && newPage >= 1 && newPage <= pages) {
|
||||
this.loadKnowledgeList(newPage);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -108,6 +108,88 @@ export default class WorkOrders {
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 工单详情模态框 -->
|
||||
<div class="modal fade" id="workorder-detail-modal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-light">
|
||||
<h5 class="modal-title">
|
||||
<i class="fas fa-file-alt text-primary me-2"></i>工单详情
|
||||
<span class="badge bg-secondary ms-2" id="modal-status-badge">加载中...</span>
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body p-0">
|
||||
<div class="row g-0 h-100">
|
||||
<!-- 左侧：基本信息 -->
|
||||
<div class="col-md-7 border-end p-4">
|
||||
<h3 id="modal-title" class="mb-3">工单标题</h3>
|
||||
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-6 col-md-4">
|
||||
<label class="form-label text-muted small">工单ID</label>
|
||||
<div class="fw-bold" id="modal-id">-</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4">
|
||||
<label class="form-label text-muted small">优先级</label>
|
||||
<div id="modal-priority">-</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4">
|
||||
<label class="form-label text-muted small">分类</label>
|
||||
<div id="modal-category">-</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4">
|
||||
<label class="form-label text-muted small">创建时间</label>
|
||||
<div id="modal-created-at">-</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4">
|
||||
<label class="form-label text-muted small">用户/VIN</label>
|
||||
<div id="modal-user">-</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<label class="form-label fw-bold">问题描述</label>
|
||||
<div class="bg-light p-3 rounded" id="modal-description" style="min-height: 80px;">
|
||||
-
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<label class="form-label fw-bold text-primary">
|
||||
<i class="fas fa-robot me-1"></i>AI 智能分析与建议
|
||||
</label>
|
||||
<div class="card border-primary-lt">
|
||||
<div class="card-body bg-azure-lt" id="modal-ai-analysis">
|
||||
暂无 AI 分析
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 右侧：对话历史/详细记录 -->
|
||||
<div class="col-md-5 bg-light p-0 d-flex flex-column" style="height: 600px;">
|
||||
<div class="p-3 border-bottom bg-white">
|
||||
<h6 class="mb-0 fw-bold"><i class="fas fa-history me-2"></i>处理记录 / 对话历史</h6>
|
||||
</div>
|
||||
<div class="flex-grow-1 p-3 overflow-auto" id="modal-chat-history">
|
||||
<!-- 聊天记录将动态插入这里 -->
|
||||
<div class="text-center text-muted mt-5">
|
||||
<i class="fas fa-comments fa-2x mb-3"></i>
|
||||
<p>暂无相关对话记录</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
|
||||
<button type="button" class="btn btn-primary" id="modal-edit-btn">编辑工单</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
@@ -302,9 +384,112 @@ export default class WorkOrders {
|
||||
}
|
||||
|
||||
// 全局函数供表格操作使用
|
||||
window.viewWorkOrder = function(id) {
|
||||
if (window.showToast) {
|
||||
window.showToast(`查看工单 ${id} 功能开发中`, 'info');
|
||||
window.viewWorkOrder = async function(id) {
|
||||
try {
|
||||
// 显示模态框（先显示加载状态）
|
||||
const modalEl = document.getElementById('workorder-detail-modal');
|
||||
const modal = new bootstrap.Modal(modalEl);
|
||||
modal.show();
|
||||
|
||||
// 重置内容
|
||||
document.getElementById('modal-status-badge').innerHTML = '<i class="fas fa-spinner fa-spin"></i>';
|
||||
document.getElementById('modal-ai-analysis').innerHTML = '<div class="spinner-border spinner-border-sm text-primary"></div> 正在分析...';
|
||||
document.getElementById('modal-chat-history').innerHTML = '<div class="text-center mt-5"><i class="fas fa-spinner fa-spin fa-2x"></i></div>';
|
||||
|
||||
// 获取详情
|
||||
const response = await fetch(`/api/workorders/${id}`);
|
||||
const result = await response.json();
|
||||
|
||||
if (!result.success) {
|
||||
alert('获取工单详情失败');
|
||||
return;
|
||||
}
|
||||
|
||||
const wo = result.workorder;
|
||||
|
||||
// 填充基本信息
|
||||
document.getElementById('modal-title').textContent = wo.title;
|
||||
document.getElementById('modal-id').textContent = wo.order_id || wo.id;
|
||||
document.getElementById('modal-category').textContent = wo.category || '-';
|
||||
document.getElementById('modal-created-at').textContent = new Date(wo.created_at).toLocaleString();
|
||||
document.getElementById('modal-user').textContent = wo.user_id || '-';
|
||||
document.getElementById('modal-description').textContent = wo.description || '无描述';
|
||||
|
||||
// 状态徽章
|
||||
const statusMap = {
|
||||
'open': '<span class="badge bg-danger">待处理</span>',
|
||||
'in_progress': '<span class="badge bg-warning">处理中</span>',
|
||||
'resolved': '<span class="badge bg-success">已解决</span>',
|
||||
'closed': '<span class="badge bg-secondary">已关闭</span>'
|
||||
};
|
||||
document.getElementById('modal-status-badge').innerHTML = statusMap[wo.status] || wo.status;
|
||||
|
||||
// 优先级
|
||||
const priorityMap = {
|
||||
'low': '<span class="badge bg-info">低</span>',
|
||||
'medium': '<span class="badge bg-warning">中</span>',
|
||||
'high': '<span class="badge bg-danger">高</span>',
|
||||
'urgent': '<span class="badge bg-dark">紧急</span>'
|
||||
};
|
||||
document.getElementById('modal-priority').innerHTML = priorityMap[wo.priority] || wo.priority;
|
||||
|
||||
// AI 分析/建议
|
||||
if (wo.resolution) {
|
||||
document.getElementById('modal-ai-analysis').innerHTML = `
|
||||
<div style="white-space: pre-wrap; font-family: inherit;">${wo.resolution}</div>
|
||||
`;
|
||||
} else {
|
||||
document.getElementById('modal-ai-analysis').textContent = '暂无 AI 分析建议';
|
||||
}
|
||||
|
||||
// 渲染对话/处理历史 (模拟数据或真实数据)
|
||||
const historyContainer = document.getElementById('modal-chat-history');
|
||||
// 这里假设后端返回的详情中包含 history 或 timeline
|
||||
// 如果没有，暂时显示描述作为第一条记录
|
||||
|
||||
let historyHtml = '';
|
||||
|
||||
// 模拟一条初始记录
|
||||
historyHtml += `
|
||||
<div class="mb-3">
|
||||
<div class="d-flex align-items-center mb-1">
|
||||
<span class="badge bg-blue-lt me-2">用户</span>
|
||||
<small class="text-muted">${new Date(wo.created_at).toLocaleString()}</small>
|
||||
</div>
|
||||
<div class="bg-white p-3 border rounded">
|
||||
${wo.description}
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
if (wo.timeline && wo.timeline.length > 0) {
|
||||
// 如果有真实的时间轴数据
|
||||
historyHtml = wo.timeline.map(item => `
|
||||
<div class="mb-3">
|
||||
<div class="d-flex align-items-center mb-1">
|
||||
<span class="badge bg-${item.type === 'ai' ? 'purple-lt' : 'blue-lt'} me-2">
|
||||
${item.author || (item.type === 'ai' ? 'AI 助手' : '系统')}
|
||||
</span>
|
||||
<small class="text-muted">${new Date(item.timestamp).toLocaleString()}</small>
|
||||
</div>
|
||||
<div class="bg-${item.type === 'ai' ? 'azure-lt' : 'white'} p-3 border rounded">
|
||||
${item.content}
|
||||
</div>
|
||||
</div>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
historyContainer.innerHTML = historyHtml;
|
||||
|
||||
// 绑定编辑按钮
|
||||
document.getElementById('modal-edit-btn').onclick = () => {
|
||||
modal.hide();
|
||||
editWorkOrder(id);
|
||||
};
|
||||
|
||||
} catch (e) {
|
||||
console.error('查看工单详情失败', e);
|
||||
alert('查看详情失败: ' + e.message);
|
||||
}
|
||||
};
|
||||
|
||||
@@ -315,15 +500,50 @@ window.editWorkOrder = function(id) {
|
||||
};
|
||||
|
||||
window.deleteWorkOrder = function(id) {
|
||||
if (confirm(`确定要删除工单 ${id} 吗？`)) {
|
||||
if (window.showToast) {
|
||||
window.showToast('删除功能开发中', 'info');
|
||||
}
|
||||
if (!confirm(`确定要删除工单 ${id} 吗？`)) {
|
||||
return;
|
||||
}
|
||||
|
||||
(async () => {
|
||||
try {
|
||||
const response = await fetch(`/api/workorders/${id}`, {
|
||||
method: 'DELETE'
|
||||
});
|
||||
const result = await response.json();
|
||||
|
||||
if (response.ok && result.success) {
|
||||
if (window.showToast) {
|
||||
window.showToast(result.message || `工单 ${id} 删除成功`, 'success');
|
||||
}
|
||||
// 通知当前页面刷新工单列表（保持当前页）
|
||||
const event = new CustomEvent('workorder-deleted', { detail: { id } });
|
||||
document.dispatchEvent(event);
|
||||
} else {
|
||||
if (window.showToast) {
|
||||
window.showToast(result.message || '删除工单失败', 'error');
|
||||
} else {
|
||||
alert(result.message || '删除工单失败');
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('删除工单失败:', error);
|
||||
if (window.showToast) {
|
||||
window.showToast('删除失败，请检查网络或查看控制台日志', 'error');
|
||||
} else {
|
||||
alert('删除失败，请检查网络或查看控制台日志');
|
||||
}
|
||||
}
|
||||
})();
|
||||
};
|
||||
|
||||
window.changePage = function(page) {
|
||||
// 重新加载当前页面实例
|
||||
const event = new CustomEvent('changePage', { detail: { page } });
|
||||
document.dispatchEvent(event);
|
||||
};
|
||||
};
|
||||
|
||||
// 监听删除事件，触发当前 WorkOrders 列表刷新（保持当前页）
|
||||
document.addEventListener('workorder-deleted', () => {
|
||||
const event = new CustomEvent('reloadWorkOrders');
|
||||
document.dispatchEvent(event);
|
||||
});
|
||||
@@ -10,8 +10,8 @@
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.css" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/design-system.css') }}?v=1.0.0" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/style.css') }}?v=1.0.0" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/design-system.css') }}?v=1.0.1" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/style.css') }}?v=1.0.1" rel="stylesheet">
|
||||
<style>
|
||||
|
||||
.sidebar {
|
||||
|
||||
Reference in New Issue
Block a user