92 lines
3.1 KiB
HTML
92 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>企业微信聊天记录查看器</title>
|
|
<link rel="stylesheet" href="/static/css/index.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="nav">
|
|
<a href="./" class="nav-btn active">聊天记录</a>
|
|
<a href="./qa" class="nav-btn">问答管理</a>
|
|
<a href="./daily_report" class="nav-btn">日报生成</a>
|
|
<a href="./weekly_report" class="nav-btn">周报生成</a>
|
|
</div>
|
|
<div class="header">
|
|
<h1>企业微信聊天记录查看器</h1>
|
|
<p>基于企业微信会话数据库的实时聊天记录展示</p>
|
|
|
|
</div>
|
|
|
|
<div class="stats-grid" id="statsGrid">
|
|
<div class="stat-card">
|
|
<div class="stat-number" id="userCount">0</div>
|
|
<div class="stat-label">用户数量</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-number" id="groupCount">0</div>
|
|
<div class="stat-label">群组数量</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-number" id="messageCount">0</div>
|
|
<div class="stat-label">消息总数</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-number" id="fileCount">0</div>
|
|
<div class="stat-label">文件数量</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="view-switcher">
|
|
<button class="view-btn active" id="viewGroups">群组列表</button>
|
|
</div>
|
|
|
|
<div class="chat-container">
|
|
<div class="sidebar">
|
|
<div id="groupsView">
|
|
<ul class="group-list" id="groupList">
|
|
<li>加载中...</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="chat-area">
|
|
<div class="chat-header">
|
|
<div class="current-group" id="currentGroup">全部聊天记录</div>
|
|
<div class="group-stats" id="groupStats">
|
|
<span id="messageCountDisplay">消息数量: 加载中...</span>
|
|
<span id="latestTime">最新消息: 加载中...</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="controls">
|
|
<button class="load-more" onclick="loadMoreMessages()">加载更多历史消息</button>
|
|
</div>
|
|
|
|
<div class="chat-messages" id="chatMessages">
|
|
<div class="loading">正在加载消息...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 聊天记录模态框 -->
|
|
<div id="chatRecordModal" class="modal">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3 id="modalTitle">聊天记录</h3>
|
|
<span class="close" onclick="closeChatRecordModal()">×</span>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div id="chatRecordContent" class="chat-record-content">
|
|
<!-- 聊天记录内容将在这里动态生成 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/js/index.js"></script>
|
|
</body>
|
|
</html> |