jesxion/smart-project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rebuild logs.html using WeUI + Remix Icon

Browse Source
This commit is contained in:
Jesxion
2026-04-14 12:59:24 +08:00
parent bfe8673f95
commit 35300aa3c4
1 changed files with 62 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
h5/logs.html
View File

@@ -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() {