保存今天的修改

templates/admin.html

@@ -2,6 +2,8 @@
 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
+    <meta name="staff-csrf-token" content="{{ g.staff.csrf_token }}">
+    <meta name="staff-username" content="{{ g.staff.username }}">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>客服工作台 · 柏悦物流</title>
     <link rel="icon" href="{{ url_for('static', filename='fa.jpg') }}">
@@ -16,6 +18,8 @@
     </div>
     <div class="topbar-actions">
         <span id="nightBadge" class="night-badge" hidden>非工作时段</span>
+          <button id="ticket-inbox-toggle" class="ticket-inbox-toggle" type="button" aria-label="查看待处理留言" aria-controls="service-tools">留言 <span id="ticket-pending-count">—</span></button>
+          <button id="ticket-overdue-toggle" class="ticket-overdue-toggle" type="button" aria-label="查看超时留言" aria-controls="service-tools">超时 <span id="ticket-overdue-count">—</span></button>
         <button id="notifications-toggle" class="icon-button" type="button" aria-label="开启浏览器通知" title="开启浏览器通知" aria-pressed="false">🔔</button>
         <a class="workspace-link" href="/">客户入口 ↗</a>
         <details class="data-overview" id="data-overview">
@@ -31,9 +35,12 @@
                 <a class="export-link" href="/api/export_chat">导出 Excel ↗</a>
             </div>
         </details>
+        <button id="staff-logout" class="staff-logout" type="button">退出登录</button>
     </div>
 </header>
+<div id="staff-logout-status" class="sync-status" role="alert" hidden></div>
 <div id="sync-status" class="sync-status" role="status" hidden>会话连接中断，正在重试…</div>
+<div id="ticket-alert" class="ticket-alert" role="status" aria-live="polite" hidden><span id="ticket-alert-text"></span><button id="ticket-alert-view" type="button" class="ticket-action">查看待处理留言</button></div>
 <main class="layout">
     <aside class="conv-list" id="session-browser" aria-label="会话列表">
         <div class="list-heading">
@@ -43,7 +50,7 @@
         </div>
         <div class="session-tabs" role="tablist" aria-label="会话状态">
             <button id="tab-active" type="button" role="tab" aria-selected="true" aria-controls="sessionList">接待中 <span id="active-count" class="section-count">0</span></button>
-            <button id="tab-queue" type="button" role="tab" aria-selected="false" aria-controls="queue" tabindex="-1">排队中 <span id="queue-count" class="section-count">0</span></button>
+            <button id="tab-queue" type="button" role="tab" aria-selected="false" aria-controls="queue" tabindex="-1">排队中 <span id="queue-count" class="section-count">0</span><span id="queue-overdue-count" class="queue-overdue-count">超时 0</span></button>
         </div>
         <div class="session-scroll">
             <div id="sessionList" role="tabpanel" aria-labelledby="tab-active"><div class="list-empty">暂无进行中的会话</div></div>
@@ -89,13 +96,38 @@
             <button type="button" class="quick" onclick="quickReply('已为您催促，请稍候。')">已为您催促，请稍候</button>
             <button type="button" class="quick" onclick="quickReply('感谢您的咨询，祝您生活愉快！')">感谢咨询，祝您生活愉快</button>
         </section>
-        <section class="card"><h3>离线留言</h3><div id="ticketList"><div class="list-empty">正在加载留言…</div></div></section>
+        <section class="card ticket-workspace" aria-labelledby="tickets-title">
+            <div class="ticket-row"><h3 id="tickets-title">离线留言</h3><span id="ticket-section-count" class="ticket-section-count">待处理 —</span></div>
+            <p id="ticket-summary-status" class="ticket-summary-status" role="status"></p>
+            <p class="ticket-timing-rule">超时提醒：30 分钟未领取，或领取后 20 分钟未完成。</p>
+            <form id="ticket-search-form" class="ticket-search-form" role="search" aria-label="搜索离线留言">
+                <label for="ticket-search">搜索留言</label><input id="ticket-search" type="search" maxlength="100" placeholder="手机号、关键词、负责人或备注" autocomplete="off">
+                <div class="ticket-search-actions"><button id="ticket-search-submit" type="submit" class="ticket-action ticket-primary">搜索</button><button id="ticket-search-clear" type="button" class="ticket-action" hidden>清除搜索</button></div>
+            </form>
+            <div class="ticket-toolbar"><label for="ticket-filter">状态</label><select id="ticket-filter"><option value="all">全部</option><option value="pending">待处理</option><option value="processing">处理中</option><option value="completed">已完成</option></select><label class="ticket-overdue-filter"><input id="ticket-overdue-filter" type="checkbox"> 只看超时</label><button id="ticket-refresh" type="button" class="ticket-action">刷新</button></div>
+            <div id="ticketList"><div class="list-empty">正在加载留言…</div></div>
+            <button id="ticket-more" type="button" class="ticket-action" hidden>加载更早留言</button>
+            <div id="ticket-selected" class="ticket-detail" hidden>
+                <div class="ticket-row"><h4>留言详情</h4><span id="ticket-state" class="ticket-state"></span></div>
+                <p id="ticket-meta" class="ticket-meta"></p><p id="ticket-content" class="ticket-content"></p>
+                 <p id="ticket-owner" class="ticket-owner"></p><p id="ticket-overdue-hint" class="ticket-overdue-hint" hidden></p>
+                <label for="ticket-note" class="ticket-note-label">处理备注</label>
+                <textarea id="ticket-note" rows="4" maxlength="2000" placeholder="记录联系情况、处理结果或后续跟进事项" readonly></textarea>
+                <p id="ticket-server-note" class="ticket-server-note" hidden></p>
+                <button id="ticket-rebase" type="button" class="ticket-action" hidden>已核对，使用我的备注</button>
+                <div class="ticket-actions"><button id="ticket-claim" type="button" class="ticket-action ticket-primary" hidden>领取留言</button><button id="ticket-save" type="button" class="ticket-action" hidden>保存备注</button><button id="ticket-complete" type="button" class="ticket-action ticket-primary" hidden>标记已完成</button></div>
+                 <p id="ticket-activity" class="ticket-meta"></p>
+                 <section id="ticket-history" class="ticket-history" aria-labelledby="ticket-history-title"><div class="ticket-row"><h4 id="ticket-history-title">处理记录</h4><button id="ticket-history-reload" type="button" class="ticket-action">刷新记录</button></div><p id="ticket-history-status" class="ticket-meta" role="status"></p><ol id="ticket-history-list" class="ticket-history-list"></ol><button id="ticket-history-more" type="button" class="ticket-action" hidden>加载更早记录</button></section>
+            </div>
+            <p id="ticket-status-message" class="ticket-feedback" role="status" aria-live="polite"></p>
+        </section>
     </aside>
 </main>
 <button class="tools-backdrop" id="tools-backdrop" type="button" aria-label="关闭服务资料"></button>
 <dialog id="searchResult" class="search-dialog" aria-labelledby="search-title"><header><h2 id="search-title">搜索历史记录</h2><button id="search-close" class="icon-button" type="button" aria-label="关闭搜索">×</button></header><form id="history-search-form"><label class="sr-only" for="searchBox">历史消息关键词</label><input id="searchBox" type="search" placeholder="输入关键词搜索聊天记录" required><button type="submit" class="quick">搜索</button></form><div id="searchBody" aria-live="polite">请输入关键词搜索历史消息</div></dialog>
 <script src="{{ url_for('static', filename='js/support.js') }}"></script>
 <script src="{{ url_for('static', filename='js/admin_tools.js') }}"></script>
+<script src="{{ url_for('static', filename='js/admin_tickets.js') }}"></script>
 <script src="{{ url_for('static', filename='js/admin.js') }}"></script>
 </body>
 </html>