Jesxion
e70e5cc69d
- alert.html: requireAuth()后加return防止未登录时继续执行 - 新增log-detail.html: 独立详情页(骨架屏+设备标签+安全备注+照片) - logs.html: 列表项跳转log-detail.html?id=xxx - mock.js: MOCK_LOGS补全part/equipment/author/created_at/safety_note字段 - 补全equip-checkbox等CSS样式
98 lines
3.3 KiB
HTML
98 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<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.5.0/fonts/remixicon.min.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<!-- 顶栏 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-bd">
|
|
<!-- 日志列表 weui-cells -->
|
|
<div id="logList" class="weui-cells"></div>
|
|
</div>
|
|
|
|
<!-- 悬浮写日志按钮 fab-write -->
|
|
<a href="log.html" class="fab-write">
|
|
<i class="ri-edit-line"></i>
|
|
</a>
|
|
|
|
<!-- 底部TabBar -->
|
|
<div class="tab-bar">
|
|
<a href="index.html" class="tab-item">
|
|
<i class="ri-home-line tab-item-icon"></i>
|
|
<span class="tab-item-text">首页</span>
|
|
</a>
|
|
<a href="devices.html" class="tab-item">
|
|
<i class="ri-archive-line tab-item-icon"></i>
|
|
<span class="tab-item-text">设备</span>
|
|
</a>
|
|
<a href="reports.html" class="tab-item">
|
|
<i class="ri-camera-line tab-item-icon"></i>
|
|
<span class="tab-item-text">随手拍</span>
|
|
</a>
|
|
<a href="logs.html" class="tab-item active">
|
|
<i class="ri-file-list-3-fill tab-item-icon"></i>
|
|
<span class="tab-item-text">日志</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/mock.js"></script>
|
|
<script src="js/api.js"></script>
|
|
<script src="js/app.js"></script>
|
|
<script>
|
|
|
|
function renderLogs(logs) {
|
|
const list = document.getElementById('logList');
|
|
if (logs.length === 0) {
|
|
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 => {
|
|
const contentPreview = (log.content || '').length > 50 ? log.content.substring(0, 50) + '...' : (log.content || '');
|
|
const equipStr = (log.equipment && log.equipment.length) ? ' · ' + log.equipment.map(e => equipText[e] || e).join(', ') : '';
|
|
return `
|
|
<a class="weui-cell weui-cell_access" href="log-detail.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() {
|
|
const res = await apiGetLogs();
|
|
renderLogs(res.data.items);
|
|
}
|
|
|
|
loadLogs();
|
|
</script>
|
|
</body>
|
|
</html>
|