完善功能

bin/templates/index.html

@@ -129,6 +129,37 @@
         <pre id="ccu-state">正在加载...</pre>
     </div>
 
+    <!-- 消息详情弹窗 -->
+    <div class="message-detail-overlay" id="message-detail-overlay" style="display: none;"></div>
+    <div class="message-detail-modal" id="message-detail-modal" style="display: none;">
+        <div class="message-detail-header">
+            <div class="message-detail-title">消息详情</div>
+            <div class="message-detail-close" id="message-detail-close">&times;</div>
+        </div>
+        <div class="message-detail-content">
+            <div class="message-detail-item">
+                <div class="message-detail-label">消息名称</div>
+                <div class="message-detail-value" id="message-name"></div>
+            </div>
+            <div class="message-detail-item">
+                <div class="message-detail-label">消息类型</div>
+                <div class="message-detail-value" id="message-type"></div>
+            </div>
+            <div class="message-detail-item">
+                <div class="message-detail-label">消息内容</div>
+                <div class="message-detail-value" id="message-content"></div>
+            </div>
+            <div class="message-detail-item">
+                <div class="message-detail-label">时间戳</div>
+                <div class="message-detail-value" id="message-timestamp"></div>
+            </div>
+            <div class="message-detail-item">
+                <div class="message-detail-label">来源</div>
+                <div class="message-detail-value" id="message-source"></div>
+            </div>
+        </div>
+    </div>
+
     <script src="/static/script.js"></script>
 </body>