auto-sync: 2026-05-18 00:04:28

mockups/v27-dashboard.html

@@ -480,7 +480,7 @@
 
         <div class="flex-1 overflow-y-auto">
           <!-- Mail 1: 未读 -->
-          <div class="mail-row unread flex items-center px-4 py-3 border-b border-court-border cursor-pointer" onclick="selectMail(1)">
+          <div class="mail-row unread flex items-center px-4 py-3 border-b border-court-border cursor-pointer">
             <div class="flex-1">
               <div class="flex items-center gap-3 mb-1">
                 <span class="text-sm font-medium text-amber-200">Mail #301</span>
@@ -491,4 +491,162 @@
                 <span class="text-amber-400">从</span>
                 <span class="badge bg-red-900 text-red-300">main</span>
                 <span class="text-amber-600">→</span>
-                <span class="badge bg-purple-900 text-purple-300">pangtong
+                <span class="badge bg-purple-900 text-purple-300">pangtong</span>
+              </div>
+              <div class="text-sm text-amber-300 mt-1">🔥 主公有令！庞统速来！</div>
+            </div>
+          </div>
+
+          <!-- Mail 2: 已读 -->
+          <div class="mail-row flex items-center px-4 py-3 border-b border-court-border cursor-pointer">
+            <div class="flex-1">
+              <div class="flex items-center gap-3 mb-1">
+                <span class="text-sm font-medium text-amber-200">Mail #300</span>
+                <span class="badge bg-amber-900 text-amber-400">已读</span>
+                <span class="text-xs text-amber-600">22:45</span>
+              </div>
+              <div class="flex items-center gap-2 text-sm">
+                <span class="text-amber-400">从</span>
+                <span class="badge bg-purple-900 text-purple-300">pangtong</span>
+                <span class="text-amber-600">→</span>
+                <span class="badge bg-green-900 text-green-300">simayi</span>
+              </div>
+              <div class="text-sm text-amber-300 mt-1">v2.7 三级层次结构设计文档评审请求</div>
+            </div>
+          </div>
+
+          <!-- Mail 3: 已执行 -->
+          <div class="mail-row flex items-center px-4 py-3 border-b border-court-border cursor-pointer">
+            <div class="flex-1">
+              <div class="flex items-center gap-3 mb-1">
+                <span class="text-sm font-medium text-amber-200">Mail #298</span>
+                <span class="badge bg-green-900 text-green-300">✅ 已执行</span>
+                <span class="text-xs text-amber-600">21:30</span>
+              </div>
+              <div class="flex items-center gap-2 text-sm">
+                <span class="text-amber-400">从</span>
+                <span class="badge bg-blue-900 text-blue-300">zhangfei</span>
+                <span class="text-amber-600">→</span>
+                <span class="badge bg-purple-900 text-purple-300">pangtong</span>
+              </div>
+              <div class="text-sm text-amber-300 mt-1">e2e-rt-002 编码任务已完成</div>
+            </div>
+          </div>
+
+          <!-- Mail 4: 未读 -->
+          <div class="mail-row unread flex items-center px-4 py-3 border-b border-court-border cursor-pointer">
+            <div class="flex-1">
+              <div class="flex items-center gap-3 mb-1">
+                <span class="text-sm font-medium text-amber-200">Mail #299</span>
+                <span class="badge bg-court-gold text-court-dark">未读</span>
+                <span class="text-xs text-amber-600">22:00</span>
+              </div>
+              <div class="flex items-center gap-2 text-sm">
+                <span class="text-amber-400">从</span>
+                <span class="badge bg-green-900 text-green-300">simayi</span>
+                <span class="text-amber-600">→</span>
+                <span class="badge bg-purple-900 text-purple-300">pangtong</span>
+              </div>
+              <div class="text-sm text-amber-300 mt-1">路由方案评审意见（Mail #290 补充）</div>
+            </div>
+          </div>
+
+          <!-- Mail 5: 已执行 -->
+          <div class="mail-row flex items-center px-4 py-3 border-b border-court-border cursor-pointer">
+            <div class="flex-1">
+              <div class="flex items-center gap-3 mb-1">
+                <span class="text-sm font-medium text-amber-200">Mail #290</span>
+                <span class="badge bg-green-900 text-green-300">✅ 已执行</span>
+                <span class="text-xs text-amber-600">20:15</span>
+              </div>
+              <div class="flex items-center gap-2 text-sm">
+                <span class="text-amber-400">从</span>
+                <span class="badge bg-green-900 text-green-300">simayi</span>
+                <span class="text-amber-600">→</span>
+                <span class="badge bg-purple-900 text-purple-300">pangtong</span>
+              </div>
+              <div class="text-sm text-amber-300 mt-1">v2.6.1 路由方案评审通过</div>
+            </div>
+          </div>
+
+          <!-- Mail 6: 已读 -->
+          <div class="mail-row flex items-center px-4 py-3 border-b border-court-border cursor-pointer">
+            <div class="flex-1">
+              <div class="flex items-center gap-3 mb-1">
+                <span class="text-sm font-medium text-amber-200">Mail #289</span>
+                <span class="badge bg-amber-900 text-amber-400">已读</span>
+                <span class="text-xs text-amber-600">19:30</span>
+              </div>
+              <div class="flex items-center gap-2 text-sm">
+                <span class="text-amber-400">从</span>
+                <span class="badge bg-green-900 text-green-300">simayi</span>
+                <span class="text-amber-600">→</span>
+                <span class="badge bg-purple-900 text-purple-300">pangtong</span>
+              </div>
+              <div class="text-sm text-amber-300 mt-1">黑板粒度反馈（6 条意见）</div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Mail 详情 -->
+      <div class="w-1/3 bg-court-panel flex flex-col">
+        <div class="border-b border-court-border p-4">
+          <div class="flex items-center justify-between mb-2">
+            <span class="text-sm font-medium text-amber-200">Mail #301</span>
+            <span class="badge bg-court-gold text-court-dark">未读</span>
+          </div>
+          <h3 class="font-bold text-amber-200 mb-2">🔥 主公有令！庞统速来！</h3>
+          <div class="flex items-center gap-2 text-xs text-amber-600 mb-1">
+            <span class="badge bg-red-900 text-red-300">main</span>
+            <span>→</span>
+            <span class="badge bg-purple-900 text-purple-300">pangtong</span>
+            <span class="ml-2">23:40</span>
+          </div>
+        </div>
+        <div class="flex-1 p-4 overflow-y-auto">
+          <div class="text-sm text-amber-300 leading-relaxed">
+            <p>凤雏先生，主公唤你！收到请速回复！报告当前状态！</p>
+          </div>
+        </div>
+        <div class="border-t border-court-border p-3 flex gap-2">
+          <button class="flex-1 bg-court-gold text-court-dark px-3 py-1.5 rounded text-sm font-medium hover:bg-amber-400">
+            标记已读
+          </button>
+          <button class="flex-1 bg-court-card border border-court-border text-amber-400 px-3 py-1.5 rounded text-sm hover:border-court-gold">
+            回复
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- ==================== Settings Tab ==================== -->
+  <div id="page-settings" class="hidden" style="height: calc(100vh - 56px);">
+    <div class="p-6">
+      <h2 class="text-lg font-bold text-amber-300 mb-4">⚙️ 系统设置</h2>
+      <div class="bg-court-card border border-court-border rounded-lg p-4">
+        <p class="text-amber-600">设置页面待开发...</p>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    function showTab(tab) {
+      document.querySelectorAll('[id^="page-"]').forEach(el => el.classList.add('hidden'));
+      document.querySelectorAll('[id^="tab-"]').forEach(el => {
+        el.className = el.className.replace('tab-active', 'tab-inactive');
+      });
+      document.getElementById('page-' + tab).classList.remove('hidden');
+      const tabBtn = document.getElementById('tab-' + tab);
+      tabBtn.className = tabBtn.className.replace('tab-inactive', 'tab-active');
+    }
+
+    function selectProject(id) {
+      document.querySelectorAll('.sidebar-item').forEach(el => el.classList.remove('active'));
+      event.currentTarget.classList.add('active');
+    }
+  </script>
+
+</body>
+</html>