From 35300aa3c4bb4dab8fdc59ba290e3eece63edb6f Mon Sep 17 00:00:00 2001
From: Jesxion <jesxion@gmail.com>
Date: Tue, 14 Apr 2026 12:59:24 +0800
Subject: [PATCH] rebuild logs.html using WeUI + Remix Icon

---
 h5/logs.html | 97 +++++++++++++++++++++++++++++++++-------------------
 1 file changed, 62 insertions(+), 35 deletions(-)
diff --git a/h5/logs.html b/h5/logs.html
index 6f0286b..67aed94 100644
--- a/h5/logs.html
+++ b/h5/logs.html
@@ -4,68 +4,95 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <title>施工日志 - 郑州智慧工地</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/weui@2.5.4/dist/style/weui.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.min.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
   <div class="page">
-    <!-- 顶栏 -->
-    <header class="header">
-      <div class="header-title">
-        <span>施工日志</span>
-      </div>
-      <a href="profile.html" class="header-right">
-        <span>👤</span>
+    <!-- 顶栏 page-hd -->
+    <header class="page-hd">
+      <div class="page-hd__title">施工日志</div>
+      <a href="profile.html" class="page-hd__user">
+        <i class="ri-user-line"></i>
       </a>
     </header>
 
-    <div class="page-content">
-      <div id="logList"></div>
+    <div class="page-bd">
+      <!-- 日志列表 weui-cells -->
+      <div id="logList" class="weui-cells"></div>
     </div>
 
-    <!-- 悬浮写日志按钮 -->
-    <a href="log.html" class="fab-btn">✏️</a>
+    <!-- 悬浮写日志按钮 fab-write -->
+    <a href="log.html" class="fab-write">
+      <i class="ri-edit-line"></i>
+    </a>
 
-    <!-- 底部Tab栏 -->
-    <nav class="tab-bar">
-      <a href="index.html" class="tab-item">
-        <span>🏠</span>
-        <span>首页</span>
+    <!-- 底部Tabbar weui-tabbar -->
+    <div class="weui-tabbar">
+      <a href="index.html" class="weui-tabbar__item">
+        <div class="weui-tabbar__icon">
+          <i class="ri-home-line"></i>
+        </div>
+        <p class="weui-tabbar__label">首页</p>
       </a>
-      <a href="devices.html" class="tab-item">
-        <span>🏗️</span>
-        <span>设备</span>
+      <a href="devices.html" class="weui-tabbar__item">
+        <div class="weui-tabbar__icon">
+          <i class="ri-archive-line"></i>
+        </div>
+        <p class="weui-tabbar__label">设备</p>
       </a>
-      <a href="report.html" class="tab-item">
-        <span>📷</span>
-        <span>随手拍</span>
+      <a href="report.html" class="weui-tabbar__item">
+        <div class="weui-tabbar__icon">
+          <i class="ri-camera-line"></i>
+        </div>
+        <p class="weui-tabbar__label">随手拍</p>
       </a>
-      <a href="logs.html" class="tab-item active">
-        <span>📋</span>
-        <span>日志</span>
+      <a href="logs.html" class="weui-tabbar__item weui-bar__item_on">
+        <div class="weui-tabbar__icon">
+          <i class="ri-file-list-3-fill"></i>
+        </div>
+        <p class="weui-tabbar__label">日志</p>
       </a>
-    </nav>
+    </div>
   </div>
 
   <script src="js/mock.js"></script>
-  <script src="js/app.js"></script>
   <script src="js/api.js"></script>
+  <script src="js/app.js"></script>
   <script>
     if (!requireAuth()) {}
 
     function renderLogs(logs) {
       const list = document.getElementById('logList');
       if (logs.length === 0) {
-        list.innerHTML = '<div class="empty-state"><div class="empty-state-icon">📋</div><div class="empty-state-text">暂无日志</div></div>';
+        list.innerHTML = `
+          <div class="weui-cells__title"></div>
+          <div class="empty-state">
+            <i class="ri-file-list-3-line empty-state-icon"></i>
+            <div class="empty-state-text">暂无日志</div>
+          </div>
+        `;
         return;
       }
       const equipText = { tower_crane: '塔吊', elevator: '升降机' };
-      list.innerHTML = logs.map(log => `
-        <div class="log-item" onclick="location.href='log.html?id=${log.id}'">
-          <div class="log-date">📅 ${log.date}</div>
-          <div class="log-content">${log.content.substring(0, 50)}${log.content.length > 50 ? '...' : ''}</div>
-          <div class="log-meta">${log.part} · ${log.workers}人出勤${log.equipment.length ? ' · ' + log.equipment.map(e => equipText[e] || e).join(', ') : ''}</div>
-        </div>
-      `).join('');
+      list.innerHTML = logs.map(log => {
+        const contentPreview = log.content.length > 50 ? log.content.substring(0, 50) + '...' : log.content;
+        const equipStr = log.equipment.length ? ' · ' + log.equipment.map(e => equipText[e] || e).join(', ') : '';
+        return `
+          <a class="weui-cell weui-cell_access" href="log.html?id=${log.id}">
+            <div class="weui-cell__bd">
+              <div class="log-item-date">
+                <i class="ri-calendar-line"></i>
+                <span>${log.date}</span>
+              </div>
+              <div class="log-item-content">${contentPreview}</div>
+              <div class="log-item-meta">${log.part} · ${log.workers}人出勤${equipStr}</div>
+            </div>
+            <div class="weui-cell__ft"></div>
+          </a>
+        `;
+      }).join('');
     }
 
     async function loadLogs() {
