Jesxion
3301d9557b
新增页面: - ai-analyses.html: AI分析列表（Tab筛选：全部/人员安全/设备异常/环境风险） - ai-analysis.html: AI分析详情（设备信息+AI分析描述+建议措施） - reports.html: 隐患随手拍列表（Tab筛选：全部/待处理/处理中/已处理，FAB悬浮新建按钮） - report-detail.html: 隐患详情（状态时间线+认领/处理完成操作） Mock层补全: - MOCK_AI_ANALYSES (4条AI分析记录，3种类型) - getAnalysisTypeInfo() / getAIAnalysisById() 辅助函数 - apiGetAIAnalyses() / apiGetAIAnalysisDetail() / apiGetReportDetail() UI规范统一（frontend-dev skill门控）: - 统一TabBar为tab-bar class，替换所有weui-tabbar - 随手拍入口统一为reports.html，report.html为新建表单 - 新页面全部实现skeleton骨架屏+空状态+loading状态 - severity/status使用RemixIcon，无emoji - pulse-dot动画用于待处理状态指示
215 lines
8.2 KiB
HTML
215 lines
8.2 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">
|
|
<a href="logs.html" class="page-hd__back">
|
|
<i class="ri-arrow-left-s-line"></i>
|
|
</a>
|
|
<div class="page-hd__title">写日志</div>
|
|
</header>
|
|
|
|
<div class="page-bd">
|
|
<!-- 照片附件卡片 weui-panel -->
|
|
<div class="weui-panel">
|
|
<div class="weui-panel__hd">现场照片（选填）</div>
|
|
<div class="weui-panel__bd">
|
|
<div class="photo-grid" id="photoGrid"></div>
|
|
<input type="file" id="photoInput" accept="image/*" multiple style="display: none;">
|
|
<div class="photo-add" id="addPhotoBtn" onclick="document.getElementById('photoInput').click()">
|
|
<i class="ri-camera-line"></i>
|
|
<span>添加照片</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 日志表单卡片 weui-panel -->
|
|
<div class="weui-panel">
|
|
<div class="weui-panel__hd">日志信息</div>
|
|
<div class="weui-panel__bd">
|
|
<div class="weui-cells">
|
|
<!-- 日期 -->
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">
|
|
<i class="ri-calendar-line" style="margin-right: 6px;"></i>日期
|
|
</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input type="date" id="dateInput" class="weui-input" required>
|
|
</div>
|
|
</div>
|
|
<!-- 施工部位 -->
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">施工部位</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input type="text" id="partInput" class="weui-input" placeholder="请填写施工部位" required>
|
|
</div>
|
|
</div>
|
|
<!-- 作业内容 -->
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">作业内容</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<textarea id="contentInput" class="weui-textarea" rows="3" placeholder="请填写作业内容" required></textarea>
|
|
</div>
|
|
</div>
|
|
<!-- 人员出勤 -->
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">人员出勤</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input type="number" id="workersInput" class="weui-input" placeholder="请填写人员出勤人数" required>
|
|
</div>
|
|
</div>
|
|
<!-- 设备运行 -->
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">设备运行</label>
|
|
</div>
|
|
<div class="weui-cell__bd weui-check__group">
|
|
<label class="weui-check-label">
|
|
<input type="checkbox" name="equipment" value="tower_crane" class="weui-check">
|
|
<i class="ri-hammer-line" style="margin-right: 4px;"></i>塔吊
|
|
</label>
|
|
<label class="weui-check-label" style="margin-left: 20px;">
|
|
<input type="checkbox" name="equipment" value="elevator" class="weui-check">
|
|
<i class="ri-arrow-up-down-line" style="margin-right: 4px;"></i>升降机
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<!-- 安全问题 -->
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">安全问题</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<textarea id="safetyInput" class="weui-textarea" rows="2" placeholder="请填写安全问题（选填）"></textarea>
|
|
</div>
|
|
</div>
|
|
<!-- 备注 -->
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">备注</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<textarea id="noteInput" class="weui-textarea" rows="2" placeholder="请填写备注（选填）"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 提交按钮 -->
|
|
<div class="btn-wrapper">
|
|
<button class="weui-btn weui-btn_primary btn-block" onclick="submitLog()">
|
|
<i class="ri-send-plane-line" style="margin-right: 6px;"></i>提交日志
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 底部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-line tab-item-icon"></i>
|
|
<span class="tab-item-text">日志</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/mock.js"></script>
|
|
<script src="js/app.js"></script>
|
|
<script src="js/api.js"></script>
|
|
<script>
|
|
if (!requireAuth()) {}
|
|
|
|
// 初始化日期为当天
|
|
document.getElementById('dateInput').value = formatDate(new Date().toISOString());
|
|
|
|
let photos = [];
|
|
|
|
// 渲染照片
|
|
function renderPhotos() {
|
|
const grid = document.getElementById('photoGrid');
|
|
grid.innerHTML = photos.map((photo, index) => `
|
|
<div class="photo-item">
|
|
<img src="${photo}" alt="photo${index + 1}">
|
|
<div class="photo-item-delete" onclick="removePhoto(${index})">
|
|
<i class="ri-close-line"></i>
|
|
</div>
|
|
</div>
|
|
`).join('');
|
|
}
|
|
|
|
// 删除照片
|
|
function removePhoto(index) {
|
|
photos.splice(index, 1);
|
|
renderPhotos();
|
|
}
|
|
|
|
// 照片选择处理
|
|
document.getElementById('photoInput').addEventListener('change', function(e) {
|
|
const files = Array.from(e.target.files);
|
|
files.forEach(file => {
|
|
const reader = new FileReader();
|
|
reader.onload = function(evt) {
|
|
photos.push(evt.target.result);
|
|
renderPhotos();
|
|
};
|
|
reader.readAsDataURL(file);
|
|
});
|
|
e.target.value = '';
|
|
});
|
|
|
|
// 提交日志
|
|
async function submitLog() {
|
|
const date = document.getElementById('dateInput').value;
|
|
const part = document.getElementById('partInput').value.trim();
|
|
const content = document.getElementById('contentInput').value.trim();
|
|
const workers = parseInt(document.getElementById('workersInput').value);
|
|
const equipment = Array.from(document.querySelectorAll('input[name="equipment"]:checked')).map(el => el.value);
|
|
const safety = document.getElementById('safetyInput').value.trim();
|
|
const note = document.getElementById('noteInput').value.trim();
|
|
|
|
if (!date) { showToast('请选择日期'); return; }
|
|
if (!part) { showToast('请填写施工部位'); return; }
|
|
if (!content) { showToast('请填写作业内容'); return; }
|
|
if (!workers && workers !== 0) { showToast('请填写人员出勤'); return; }
|
|
|
|
const res = await apiSubmitLog({ date, part, content, workers, equipment, safety, note, attachments: photos });
|
|
if (res.code === 0) {
|
|
showToast('提交成功');
|
|
setTimeout(() => location.href = 'logs.html', 800);
|
|
} else {
|
|
showToast(res.message || '提交失败');
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|