优化: 大文件拆分+代码分割+按需加载+console清理+any类型替换
- Money.tsx (2260行→54行): 拆分为 money/ 子目录4个组件, React.lazy二级分割 - AIAssistant.tsx (2038行→63行): 拆分为 ai-assistant/ 子目录6个组件, React.lazy二级分割 - xlsx改为动态导入, OvertimeTab从345KB降至12.7KB - api-services.ts: 请求参数 any→Record<string,unknown> - 移除前端3处console.log残留 - 后端console替换为pino logger - 前后端未使用import/变量清理 - Zod schema验证: termination/platform/special-status/work-process - 新增 leave.routes.ts, acceptance-test.routes.ts - UI组件: PageGuide, QueryError, Stepper
This commit is contained in:
freedakgmail
@@ -3,6 +3,9 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||||
<meta http-equiv="Pragma" content="no-cache">
|
||||
<meta http-equiv="Expires" content="0">
|
||||
<title>TurboHR 验收测试清单</title>
|
||||
<style>
|
||||
:root {
|
||||
@@ -51,6 +54,7 @@ body {
|
||||
}
|
||||
.header .btn:hover { opacity: 0.85; }
|
||||
.header .btn-save { background: var(--primary); color: #fff; }
|
||||
.header .btn-submit { background: var(--success); color: #fff; }
|
||||
.header .btn-load { background: var(--primary-light); color: var(--primary); }
|
||||
.header .btn-delete { background: #fee2e2; color: var(--danger); }
|
||||
.header .btn-download { background: #d1fae5; color: var(--success); }
|
||||
@@ -177,6 +181,68 @@ body {
|
||||
/* Collapsed state */
|
||||
.domain-section.collapsed .test-table { display: none; }
|
||||
|
||||
/* Toolbar */
|
||||
.toolbar {
|
||||
background: #fff; border-bottom: 1px solid var(--border);
|
||||
padding: 8px 24px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
|
||||
}
|
||||
.toolbar .tool-btn {
|
||||
padding: 4px 12px; border: 1px solid var(--border); border-radius: 6px;
|
||||
font-size: 0.75rem; cursor: pointer; background: #fff; color: #4b5563;
|
||||
transition: all 0.15s; white-space: nowrap;
|
||||
}
|
||||
.toolbar .tool-btn:hover { background: var(--gray-light); }
|
||||
.toolbar .tool-btn.active { background: var(--primary); color: #fff; border-color: var(--primary); }
|
||||
.toolbar .tool-divider { width: 1px; height: 20px; background: var(--border); margin: 0 4px; }
|
||||
.toolbar .tool-search {
|
||||
padding: 4px 10px; border: 1px solid var(--border); border-radius: 6px;
|
||||
font-size: 0.75rem; width: 160px;
|
||||
}
|
||||
.toolbar .tool-info { font-size: 0.6875rem; color: var(--gray); margin-left: auto; }
|
||||
|
||||
/* Overall progress bar */
|
||||
.overall-progress {
|
||||
height: 4px; background: #e5e7eb; border-radius: 2px; overflow: hidden;
|
||||
}
|
||||
.overall-progress-fill {
|
||||
height: 100%; background: linear-gradient(90deg, var(--primary), var(--success));
|
||||
transition: width 0.4s; width: 0%;
|
||||
}
|
||||
|
||||
/* Row highlight for filtered */
|
||||
.test-table tr.filtered-out { display: none; }
|
||||
.test-table tr.row-fail { background: #fef2f2; }
|
||||
.test-table tr.row-partial { background: #fffbeb; }
|
||||
|
||||
/* Screenshot upload */
|
||||
.screenshot-cell { min-width: 60px; }
|
||||
.screenshot-thumb { width: 40px; height: 40px; object-fit: cover; border-radius: 4px; cursor: pointer; border: 1px solid var(--border); }
|
||||
.screenshot-upload {
|
||||
display: inline-flex; align-items: center; justify-content: center;
|
||||
width: 28px; height: 28px; border: 1px dashed var(--border); border-radius: 4px;
|
||||
cursor: pointer; color: var(--gray); font-size: 1rem;
|
||||
}
|
||||
.screenshot-upload:hover { border-color: var(--primary); color: var(--primary); }
|
||||
|
||||
/* Signature */
|
||||
.signature-section {
|
||||
background: #fff; border: 1px solid var(--border);
|
||||
border-radius: var(--radius); margin-top: 16px; padding: 20px;
|
||||
}
|
||||
.signature-section h2 { font-size: 0.9375rem; font-weight: 600; margin-bottom: 12px; }
|
||||
.signature-box {
|
||||
border: 1px dashed var(--border); border-radius: 8px;
|
||||
min-height: 80px; display: flex; align-items: center; justify-content: center;
|
||||
color: var(--gray); font-size: 0.8125rem; cursor: crosshair;
|
||||
position: relative; background: #fafafa;
|
||||
}
|
||||
.signature-box canvas { width: 100%; height: 80px; }
|
||||
.signature-box .sig-clear {
|
||||
position: absolute; top: 4px; right: 8px; font-size: 0.6875rem;
|
||||
color: var(--danger); cursor: pointer; background: #fff; padding: 2px 6px;
|
||||
border-radius: 4px; border: 1px solid var(--border);
|
||||
}
|
||||
|
||||
/* Autocomplete dropdown */
|
||||
.autocomplete-wrap { position: relative; display: inline-block; }
|
||||
.autocomplete-list {
|
||||
@@ -198,11 +264,15 @@ body {
|
||||
.autocomplete-empty { padding: 8px 12px; font-size: 0.75rem; color: var(--gray); text-align: center; }
|
||||
|
||||
@media print {
|
||||
.header, .stats-bar { position: static; }
|
||||
.header, .stats-bar, .toolbar { display: none !important; }
|
||||
.domain-section { break-inside: avoid; }
|
||||
.domain-section.collapsed .test-table { display: table !important; }
|
||||
.result-radio label { border: 1px solid #ccc; }
|
||||
.btn { display: none !important; }
|
||||
.btn, .tool-btn, .sig-clear, .screenshot-upload { display: none !important; }
|
||||
.overall-progress { display: none !important; }
|
||||
.signature-box { border: 1px solid #333; }
|
||||
.main { padding: 0; }
|
||||
body { background: #fff; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
@@ -221,11 +291,11 @@ body {
|
||||
<option value="">-- 加载已保存 --</option>
|
||||
</select>
|
||||
<button class="btn btn-save" onclick="saveCurrent()">保存</button>
|
||||
<button class="btn btn-submit" onclick="submitReport()">提交报告</button>
|
||||
<button class="btn btn-delete" onclick="deleteSaved()">删除当前</button>
|
||||
<button class="btn btn-delete" onclick="clearAllSaved()" style="background:#fee2e2;color:#ef4444">清空全部</button>
|
||||
<button class="btn btn-download" onclick="downloadCSV()">下载CSV</button>
|
||||
<button class="btn btn-download" onclick="downloadExcel()">下载Excel</button>
|
||||
<button class="btn btn-print" onclick="window.print()">打印</button>
|
||||
<button class="btn btn-print" onclick="exportPDF()">导出PDF</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -239,6 +309,25 @@ body {
|
||||
<div class="stat-item">完成率 <span class="stat-num" id="statRate">0%</span></div>
|
||||
</div>
|
||||
|
||||
<!-- Overall progress bar -->
|
||||
<div class="overall-progress"><div class="overall-progress-fill" id="overallProgress"></div></div>
|
||||
|
||||
<!-- Toolbar -->
|
||||
<div class="toolbar">
|
||||
<button class="tool-btn" onclick="expandAll()">展开全部</button>
|
||||
<button class="tool-btn" onclick="collapseAll()">折叠全部</button>
|
||||
<div class="tool-divider"></div>
|
||||
<button class="tool-btn" onclick="setFilter('all')" id="filterAll">全部</button>
|
||||
<button class="tool-btn" onclick="setFilter('untested')" id="filterUntested">未测试</button>
|
||||
<button class="tool-btn" onclick="setFilter('fail')" id="filterFail">失败</button>
|
||||
<button class="tool-btn" onclick="setFilter('partial')" id="filterPartial">部分通过</button>
|
||||
<div class="tool-divider"></div>
|
||||
<input type="text" class="tool-search" id="searchInput" placeholder="搜索功能/步骤..." oninput="onSearch()">
|
||||
<div class="tool-divider"></div>
|
||||
<button class="tool-btn" onclick="markAllPass()" title="将所有未测试项标记为通过">全部标通过</button>
|
||||
<span class="tool-info">快捷键: P=通过 F=失败 W=部分通过 U=未测试 ↑↓=切换行</span>
|
||||
</div>
|
||||
|
||||
<!-- Main content -->
|
||||
<div class="main" id="mainContent"></div>
|
||||
|
||||
@@ -516,10 +605,68 @@ const DOMAINS = [
|
||||
{ id:"24.2", func:"命令面板", steps:"按Cmd+K/Ctrl+K", expected:"弹出命令面板，可快速跳转" },
|
||||
{ id:"24.3", func:"搜索无结果", steps:"输入不存在的关键词", expected:"显示未找到相关结果" },
|
||||
]},
|
||||
{ name: "25. 合同管理", items: [
|
||||
{ id:"25.1", func:"合同列表", steps:"访问合同管理页面", expected:"显示合同列表，含员工/类型/起止日/状态" },
|
||||
{ id:"25.2", func:"合同分页", steps:"翻页查看合同列表", expected:"分页正常，每页显示对应数量" },
|
||||
{ id:"25.3", func:"合同搜索", steps:"搜索员工姓名", expected:"列表过滤显示匹配合同" },
|
||||
{ id:"25.4", func:"合同筛选（状态）", steps:"筛选即将到期/已过期", expected:"仅显示对应状态合同" },
|
||||
{ id:"25.5", func:"合同详情", steps:"点击合同查看详情", expected:"显示合同完整信息" },
|
||||
{ id:"25.6", func:"添加合同", steps:"点击添加→填写信息→保存", expected:"新合同创建成功" },
|
||||
{ id:"25.7", func:"编辑合同", steps:"编辑已有合同→保存", expected:"合同信息更新" },
|
||||
{ id:"25.8", func:"删除合同", steps:"删除某合同", expected:"合同从列表消失" },
|
||||
{ id:"25.9", func:"合同到期预警", steps:"查看即将到期合同", expected:"显示到期天数提醒" },
|
||||
]},
|
||||
{ name: "26. 薪酬模版管理", items: [
|
||||
{ id:"26.1", func:"薪酬模版列表", steps:"访问薪酬模版页面", expected:"显示模版项列表" },
|
||||
{ id:"26.2", func:"创建薪酬模版", steps:"填写名称/类型/公式→保存", expected:"新模版项创建成功" },
|
||||
{ id:"26.3", func:"编辑薪酬模版", steps:"编辑已有模版→保存", expected:"模版信息更新" },
|
||||
{ id:"26.4", func:"删除薪酬模版", steps:"删除某模版项", expected:"模版项从列表消失" },
|
||||
{ id:"26.5", func:"模版分类筛选", steps:"按类型筛选（收入/扣除）", expected:"仅显示对应类型模版" },
|
||||
]},
|
||||
{ name: "27. 年度价值报告", items: [
|
||||
{ id:"27.1", func:"年度价值报告", steps:"查看首页年度价值报告", expected:"显示年度价值报告卡片" },
|
||||
{ id:"27.2", func:"价值报告详情", steps:"点击查看详情", expected:"显示年度人力成本/效率/风险等指标" },
|
||||
]},
|
||||
{ name: "28. 验收测试", items: [
|
||||
{ id:"28.1", func:"验收测试保存", steps:"填写验收人→标记测试项→保存", expected:"保存成功，toast提示" },
|
||||
{ id:"28.2", func:"验收测试加载", steps:"重新进入→选择已保存验收人", expected:"恢复之前保存的测试结果" },
|
||||
{ id:"28.3", func:"验收测试提交", steps:"完成测试→点击提交报告", expected:"状态变为已提交" },
|
||||
{ id:"28.4", func:"验收结论自动计算", steps:"标记测试项结果", expected:"总体结论根据结果自动计算" },
|
||||
{ id:"28.5", func:"验收测试筛选", steps:"点击未测试/失败筛选", expected:"仅显示对应结果测试项" },
|
||||
{ id:"28.6", func:"验收测试搜索", steps:"输入关键词搜索", expected:"仅显示匹配的测试项" },
|
||||
{ id:"28.7", func:"验收测试导出", steps:"下载CSV/Excel/PDF", expected:"文件下载成功，内容完整" },
|
||||
{ id:"28.8", func:"验收测试截图", steps:"点击截图列→上传图片", expected:"截图显示在单元格中" },
|
||||
{ id:"28.9", func:"验收测试签字", steps:"在签名区域手写签名", expected:"签名显示在画布上" },
|
||||
]},
|
||||
];
|
||||
|
||||
const RESULT_LABELS = { pass: "✅", fail: "❌", partial: "⚠️", untested: "🚫" };
|
||||
const STORAGE_PREFIX = "turbohr_acceptance_";
|
||||
|
||||
// ========== API 工具 ==========
|
||||
function getAuthToken() {
|
||||
try {
|
||||
const raw = window.parent.localStorage.getItem('auth-storage');
|
||||
if (raw) return JSON.parse(raw).state?.accessToken || '';
|
||||
} catch {}
|
||||
return '';
|
||||
}
|
||||
|
||||
const API_BASE = (() => {
|
||||
try {
|
||||
const loc = window.parent.location;
|
||||
if (loc.port === '5173' || loc.port === '3001') return 'http://localhost:3000/api/v1';
|
||||
return loc.origin + '/api/v1';
|
||||
} catch { return '/api/v1'; }
|
||||
})();
|
||||
|
||||
async function apiCall(method, path, body) {
|
||||
const token = getAuthToken();
|
||||
const opts = { method, headers: { 'Content-Type': 'application/json', 'Authorization': token ? `Bearer ${token}` : '' } };
|
||||
if (body) opts.body = JSON.stringify(body);
|
||||
const res = await fetch(`${API_BASE}${path}`, opts);
|
||||
if (!res.ok) { const err = await res.json().catch(() => ({})); throw new Error(err.error?.message || `请求失败(${res.status})`); }
|
||||
return res.json();
|
||||
}
|
||||
|
||||
// ========== 渲染 ==========
|
||||
function renderAll() {
|
||||
@@ -538,11 +685,12 @@ function renderAll() {
|
||||
<th class="col-num">#</th><th class="col-func">功能</th>
|
||||
<th class="col-steps">操作步骤</th><th class="col-expected">预期结果</th>
|
||||
<th class="col-result">结果</th><th class="col-remark">备注</th>
|
||||
<th class="screenshot-cell">截图</th>
|
||||
</tr></thead>
|
||||
<tbody>`;
|
||||
domain.items.forEach((item, ii) => {
|
||||
const uid = `${di}-${ii}`;
|
||||
html += `<tr>
|
||||
html += `<tr id="row-${uid}">
|
||||
<td class="col-num">${item.id}</td>
|
||||
<td class="col-func">${item.func}</td>
|
||||
<td class="col-steps">${item.steps}</td>
|
||||
@@ -556,6 +704,7 @@ function renderAll() {
|
||||
</div>
|
||||
</td>
|
||||
<td class="col-remark"><input type="text" class="remark-input" id="remark-${uid}" placeholder="备注" onchange="onRemarkChange(${di},${ii},this.value)"></td>
|
||||
<td class="screenshot-cell"><div class="screenshot-upload" onclick="uploadScreenshot(${di},${ii})" title="上传截图">+</div></td>
|
||||
</tr>`;
|
||||
});
|
||||
html += `</tbody></table></div>`;
|
||||
@@ -584,24 +733,41 @@ function renderAll() {
|
||||
</tr>`;
|
||||
html += `</tbody></table></div>`;
|
||||
|
||||
// Conclusion
|
||||
// Conclusion (auto-calculated)
|
||||
html += `<div class="conclusion-section">
|
||||
<h2>验收结论</h2>
|
||||
<div class="field"><label>验收人</label><input type="text" id="conclusionName" placeholder="验收人姓名"></div>
|
||||
<div class="field"><label>验收日期</label><input type="text" id="conclusionDate" placeholder="YYYY-MM-DD"></div>
|
||||
<div class="field"><label>总体结论</label>
|
||||
<div class="checkbox-group">
|
||||
<label><input type="radio" name="conclusion" value="pass"> 通过</label>
|
||||
<label><input type="radio" name="conclusion" value="conditional"> 有条件通过</label>
|
||||
<label><input type="radio" name="conclusion" value="fail"> 不通过</label>
|
||||
<h2>验收结论（系统自动计算）</h2>
|
||||
<div class="field"><label>验收人</label><input type="text" id="conclusionName" placeholder="验收人姓名" readonly></div>
|
||||
<div class="field"><label>验收日期</label><input type="text" id="conclusionDate" placeholder="YYYY-MM-DD" readonly></div>
|
||||
<div class="field"><label>总体结论</label><span id="conclusionResult" style="font-size:0.875rem;font-weight:600;color:var(--gray);">未测试</span></div>
|
||||
<div class="field"><label>通过率</label><span id="conclusionPassRate" style="font-size:0.875rem;">-</span></div>
|
||||
<div class="field"><label>主要问题</label></div>
|
||||
<textarea id="conclusionIssues" placeholder="系统自动汇总失败和部分通过的问题..." readonly style="background:#f9fafb;"></textarea>
|
||||
</div>`;
|
||||
|
||||
// Signature
|
||||
html += `<div class="signature-section">
|
||||
<h2>验收签字</h2>
|
||||
<div style="display:flex;gap:40px;flex-wrap:wrap">
|
||||
<div style="flex:1;min-width:300px">
|
||||
<div style="font-size:0.8125rem;color:var(--gray);margin-bottom:6px">验收人签字</div>
|
||||
<div class="signature-box" id="sigBox1">
|
||||
<canvas id="sigCanvas1"></canvas>
|
||||
<span class="sig-clear" onclick="clearSig(1)">清除</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex:1;min-width:300px">
|
||||
<div style="font-size:0.8125rem;color:var(--gray);margin-bottom:6px">项目经理签字</div>
|
||||
<div class="signature-box" id="sigBox2">
|
||||
<canvas id="sigCanvas2"></canvas>
|
||||
<span class="sig-clear" onclick="clearSig(2)">清除</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field"><label>遗留问题</label></div>
|
||||
<textarea id="conclusionIssues" placeholder="1. ... 2. ... 3. ..."></textarea>
|
||||
</div>`;
|
||||
|
||||
main.innerHTML = html;
|
||||
updateStats();
|
||||
initSignatures();
|
||||
}
|
||||
|
||||
// ========== 交互 ==========
|
||||
@@ -612,69 +778,226 @@ function toggleDomain(di) {
|
||||
toggle.textContent = el.classList.contains("collapsed") ? "▶" : "▼";
|
||||
}
|
||||
|
||||
function expandAll() {
|
||||
DOMAINS.forEach((_, di) => {
|
||||
const el = document.getElementById(`domain-${di}`);
|
||||
if (el) { el.classList.remove("collapsed"); el.querySelector(".toggle").textContent = "▼"; }
|
||||
});
|
||||
}
|
||||
|
||||
function collapseAll() {
|
||||
DOMAINS.forEach((_, di) => {
|
||||
const el = document.getElementById(`domain-${di}`);
|
||||
if (el) { el.classList.add("collapsed"); el.querySelector(".toggle").textContent = "▶"; }
|
||||
});
|
||||
}
|
||||
|
||||
// ========== 筛选 ==========
|
||||
let currentFilter = 'all';
|
||||
|
||||
function setFilter(filter) {
|
||||
currentFilter = filter;
|
||||
['all','untested','fail','partial'].forEach(f => {
|
||||
const btn = document.getElementById('filter' + f.charAt(0).toUpperCase() + f.slice(1));
|
||||
if (btn) btn.classList.toggle('active', f === filter);
|
||||
});
|
||||
applyFilter();
|
||||
}
|
||||
|
||||
function applyFilter() {
|
||||
const searchQ = (document.getElementById('searchInput')?.value || '').toLowerCase();
|
||||
DOMAINS.forEach((domain, di) => {
|
||||
domain.items.forEach((item, ii) => {
|
||||
const uid = `${di}-${ii}`;
|
||||
const row = document.getElementById(`row-${uid}`);
|
||||
if (!row) return;
|
||||
|
||||
// Get current result
|
||||
const checked = document.querySelector(`input[name="r-${uid}"]:checked`);
|
||||
const val = checked ? checked.value : "untested";
|
||||
|
||||
// Filter by result
|
||||
let showByFilter = true;
|
||||
if (currentFilter === 'untested' && val !== 'untested') showByFilter = false;
|
||||
else if (currentFilter === 'fail' && val !== 'fail') showByFilter = false;
|
||||
else if (currentFilter === 'partial' && val !== 'partial') showByFilter = false;
|
||||
|
||||
// Filter by search
|
||||
let showBySearch = true;
|
||||
if (searchQ) {
|
||||
const text = (item.func + item.steps + item.expected + item.id).toLowerCase();
|
||||
showBySearch = text.includes(searchQ);
|
||||
}
|
||||
|
||||
row.classList.toggle('filtered-out', !(showByFilter && showBySearch));
|
||||
|
||||
// Row color
|
||||
row.classList.remove('row-fail', 'row-partial');
|
||||
if (val === 'fail') row.classList.add('row-fail');
|
||||
else if (val === 'partial') row.classList.add('row-partial');
|
||||
});
|
||||
|
||||
// Auto-expand domain if it has visible items when filtering
|
||||
if (currentFilter !== 'all' || searchQ) {
|
||||
const el = document.getElementById(`domain-${di}`);
|
||||
const hasVisible = domain.items.some((_, ii) => {
|
||||
const row = document.getElementById(`row-${di}-${ii}`);
|
||||
return row && !row.classList.contains('filtered-out');
|
||||
});
|
||||
if (hasVisible && el) { el.classList.remove("collapsed"); el.querySelector(".toggle").textContent = "▼"; }
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function onSearch() { applyFilter(); }
|
||||
|
||||
function markAllPass() {
|
||||
if (!confirm('将所有「未测试」项标记为「通过」？')) return;
|
||||
DOMAINS.forEach((domain, di) => {
|
||||
domain.items.forEach((item, ii) => {
|
||||
const uid = `${di}-${ii}`;
|
||||
const checked = document.querySelector(`input[name="r-${uid}"]:checked`);
|
||||
const val = checked ? checked.value : "untested";
|
||||
if (val === "untested") {
|
||||
const radio = document.querySelector(`input[name="r-${uid}"][value="pass"]`);
|
||||
if (radio) radio.checked = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
updateStats();
|
||||
scheduleAutoSave();
|
||||
showToast("已将所有未测试项标记为通过");
|
||||
}
|
||||
|
||||
// ========== 键盘快捷键 ==========
|
||||
let currentRowIdx = 0;
|
||||
const flatItems = [];
|
||||
function buildFlatItems() {
|
||||
flatItems.length = 0;
|
||||
DOMAINS.forEach((domain, di) => {
|
||||
domain.items.forEach((item, ii) => {
|
||||
flatItems.push({ di, ii, uid: `${di}-${ii}` });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener('keydown', (e) => {
|
||||
// Skip if typing in input
|
||||
if (e.target.tagName === 'INPUT' && e.target.type === 'text') return;
|
||||
if (e.target.tagName === 'TEXTAREA') return;
|
||||
if (e.target.tagName === 'SELECT') return;
|
||||
|
||||
const key = e.key.toLowerCase();
|
||||
const resultMap = { p: 'pass', f: 'fail', w: 'partial', u: 'untested' };
|
||||
|
||||
if (key === 'arrowdown') {
|
||||
e.preventDefault();
|
||||
buildFlatItems();
|
||||
currentRowIdx = Math.min(currentRowIdx + 1, flatItems.length - 1);
|
||||
focusRow(currentRowIdx);
|
||||
} else if (key === 'arrowup') {
|
||||
e.preventDefault();
|
||||
buildFlatItems();
|
||||
currentRowIdx = Math.max(currentRowIdx - 1, 0);
|
||||
focusRow(currentRowIdx);
|
||||
} else if (resultMap[key]) {
|
||||
e.preventDefault();
|
||||
buildFlatItems();
|
||||
if (currentRowIdx >= 0 && currentRowIdx < flatItems.length) {
|
||||
const { di, ii, uid } = flatItems[currentRowIdx];
|
||||
const radio = document.querySelector(`input[name="r-${uid}"][value="${resultMap[key]}"]`);
|
||||
if (radio) {
|
||||
radio.checked = true;
|
||||
onResultChange(di, ii, resultMap[key]);
|
||||
// Auto-advance to next row
|
||||
if (key !== 'u') {
|
||||
currentRowIdx = Math.min(currentRowIdx + 1, flatItems.length - 1);
|
||||
setTimeout(() => focusRow(currentRowIdx), 100);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function focusRow(idx) {
|
||||
buildFlatItems();
|
||||
if (idx >= 0 && idx < flatItems.length) {
|
||||
const { uid } = flatItems[idx];
|
||||
const row = document.getElementById(`row-${uid}`);
|
||||
if (row) {
|
||||
row.scrollIntoView({ block: 'center', behavior: 'smooth' });
|
||||
row.style.transition = 'background 0.3s';
|
||||
row.style.background = 'var(--primary-light)';
|
||||
setTimeout(() => { row.style.background = ''; }, 600);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
let saveTimer = null;
|
||||
function onResultChange(di, ii, result) {
|
||||
updateStats();
|
||||
autoSave();
|
||||
scheduleAutoSave();
|
||||
}
|
||||
|
||||
function onRemarkChange(di, ii, value) {
|
||||
autoSave();
|
||||
scheduleAutoSave();
|
||||
}
|
||||
|
||||
function onVerifierChange() {
|
||||
updateSavedList();
|
||||
autoSave();
|
||||
showAutocomplete();
|
||||
}
|
||||
|
||||
// ========== 自动补全 ==========
|
||||
function scheduleAutoSave() {
|
||||
const name = document.getElementById("verifierName").value.trim();
|
||||
if (!name) return;
|
||||
if (saveTimer) clearTimeout(saveTimer);
|
||||
saveTimer = setTimeout(() => autoSave(), 1000);
|
||||
}
|
||||
|
||||
// ========== 自动补全（从后端加载）==========
|
||||
let acActiveIndex = -1;
|
||||
let acItems = [];
|
||||
let savedRecords = [];
|
||||
|
||||
function getSavedNames() {
|
||||
const names = [];
|
||||
for (let i = 0; i < localStorage.length; i++) {
|
||||
const key = localStorage.key(i);
|
||||
if (key && key.startsWith(STORAGE_PREFIX)) {
|
||||
const name = key.substring(STORAGE_PREFIX.length);
|
||||
let meta = '';
|
||||
try {
|
||||
const data = JSON.parse(localStorage.getItem(key) || '{}');
|
||||
const vals = Object.values(data.results || {});
|
||||
const pass = vals.filter(v => v === 'pass').length;
|
||||
const total = vals.length;
|
||||
const tested = vals.filter(v => v !== 'untested').length;
|
||||
meta = `${tested}/${total} 已测 · ${pass} 通过`;
|
||||
} catch {}
|
||||
names.push({ name, meta });
|
||||
}
|
||||
}
|
||||
return names.sort((a, b) => a.name.localeCompare(b.name));
|
||||
async function loadSavedList() {
|
||||
try {
|
||||
const res = await apiCall('GET', '/acceptance-tests');
|
||||
savedRecords = res.data || [];
|
||||
updateSavedSelect();
|
||||
} catch (err) { savedRecords = []; }
|
||||
}
|
||||
|
||||
function updateSavedSelect() {
|
||||
const sel = document.getElementById("savedSelect");
|
||||
const current = sel.value;
|
||||
sel.innerHTML = '<option value="">-- 加载已保存 --</option>';
|
||||
savedRecords.forEach(r => {
|
||||
const tag = r.status === 'SUBMITTED' ? ' [已提交]' : '';
|
||||
sel.innerHTML += `<option value="${r.verifierName}">${r.verifierName} (${r.testedCount}/${r.totalCount} 已测 · ${r.passCount} 通过${tag})</option>`;
|
||||
});
|
||||
if (current) sel.value = current;
|
||||
}
|
||||
|
||||
function showAutocomplete() {
|
||||
const input = document.getElementById('verifierName');
|
||||
const list = document.getElementById('autocompleteList');
|
||||
const q = input.value.trim().toLowerCase();
|
||||
const saved = getSavedNames();
|
||||
|
||||
|
||||
if (!q) {
|
||||
// 输入为空时显示全部已保存
|
||||
acItems = saved;
|
||||
acItems = savedRecords.map(r => ({ name: r.verifierName, meta: `${r.testedCount}/${r.totalCount} 已测 · ${r.passCount} 通过${r.status === 'SUBMITTED' ? ' · 已提交' : ''}` }));
|
||||
} else {
|
||||
// 按字母/拼音模糊匹配
|
||||
acItems = saved.filter(s => s.name.toLowerCase().includes(q));
|
||||
acItems = savedRecords.filter(r => r.verifierName.toLowerCase().includes(q)).map(r => ({ name: r.verifierName, meta: `${r.testedCount}/${r.totalCount} 已测 · ${r.passCount} 通过${r.status === 'SUBMITTED' ? ' · 已提交' : ''}` }));
|
||||
}
|
||||
|
||||
|
||||
acActiveIndex = -1;
|
||||
|
||||
|
||||
if (acItems.length === 0) {
|
||||
list.innerHTML = '<div class="autocomplete-empty">无匹配记录</div>';
|
||||
list.classList.add('show');
|
||||
return;
|
||||
}
|
||||
|
||||
list.innerHTML = acItems.map((item, i) =>
|
||||
|
||||
list.innerHTML = acItems.map((item, i) =>
|
||||
`<div class="autocomplete-item" data-index="${i}" onmousedown="selectAutocomplete('${item.name}')">
|
||||
<span class="ac-name">${item.name}</span>
|
||||
<span style="display:flex;align-items:center;gap:8px">
|
||||
@@ -789,35 +1112,117 @@ function updateStats() {
|
||||
document.getElementById("total-partial").textContent = totalPartial;
|
||||
document.getElementById("total-untested").textContent = totalUntested;
|
||||
document.getElementById("total-rate").textContent = rate + "%";
|
||||
|
||||
// Overall progress bar
|
||||
const progressEl = document.getElementById("overallProgress");
|
||||
if (progressEl) progressEl.style.width = rate + "%";
|
||||
|
||||
// Row colors
|
||||
DOMAINS.forEach((domain, di) => {
|
||||
domain.items.forEach((item, ii) => {
|
||||
const uid = `${di}-${ii}`;
|
||||
const row = document.getElementById(`row-${uid}`);
|
||||
if (!row) return;
|
||||
const checked2 = document.querySelector(`input[name="r-${uid}"]:checked`);
|
||||
const val2 = checked2 ? checked2.value : "untested";
|
||||
row.classList.remove('row-fail', 'row-partial');
|
||||
if (val2 === 'fail') row.classList.add('row-fail');
|
||||
else if (val2 === 'partial') row.classList.add('row-partial');
|
||||
});
|
||||
});
|
||||
|
||||
// 自动计算结论
|
||||
updateConclusion(totalPass, totalFail, totalPartial, totalUntested, totalItems);
|
||||
}
|
||||
|
||||
// ========== 保存/加载 ==========
|
||||
function collectData() {
|
||||
const results = {};
|
||||
const remarks = {};
|
||||
function updateConclusion(pass, fail, partial, untested, total) {
|
||||
const resultEl = document.getElementById("conclusionResult");
|
||||
const passRateEl = document.getElementById("conclusionPassRate");
|
||||
const issuesEl = document.getElementById("conclusionIssues");
|
||||
const nameEl = document.getElementById("conclusionName");
|
||||
const dateEl = document.getElementById("conclusionDate");
|
||||
if (!resultEl) return;
|
||||
|
||||
const tested = pass + fail + partial;
|
||||
const passRate = tested > 0 ? Math.round(pass / tested * 100) : 0;
|
||||
let conclusion = "未测试", color = "var(--gray)";
|
||||
|
||||
if (tested === 0) { conclusion = "未测试"; color = "var(--gray)"; }
|
||||
else if (fail === 0 && partial === 0) { conclusion = "✅ 通过"; color = "var(--success)"; }
|
||||
else if (fail === 0 && partial > 0) { conclusion = "⚠️ 有条件通过"; color = "var(--warning)"; }
|
||||
else { conclusion = "❌ 不通过"; color = "var(--danger)"; }
|
||||
|
||||
resultEl.textContent = conclusion;
|
||||
resultEl.style.color = color;
|
||||
passRateEl.textContent = tested > 0 ? `${passRate}%（${pass}/${tested}）` : "-";
|
||||
|
||||
// 自动汇总主要问题
|
||||
const issues = [];
|
||||
DOMAINS.forEach((domain, di) => {
|
||||
domain.items.forEach((item, ii) => {
|
||||
const uid = `${di}-${ii}`;
|
||||
const checked = document.querySelector(`input[name="r-${uid}"]:checked`);
|
||||
results[item.id] = checked ? checked.value : "untested";
|
||||
const val = checked ? checked.value : "untested";
|
||||
const remarkEl = document.getElementById(`remark-${uid}`);
|
||||
remarks[item.id] = remarkEl ? remarkEl.value : "";
|
||||
const remark = remarkEl ? remarkEl.value.trim() : "";
|
||||
if (val === "fail") issues.push(`❌ [${item.id}] ${item.func}${remark ? ` — ${remark}` : ""}`);
|
||||
else if (val === "partial") issues.push(`⚠️ [${item.id}] ${item.func}${remark ? ` — ${remark}` : ""}`);
|
||||
});
|
||||
});
|
||||
issuesEl.value = issues.length > 0 ? issues.join("\n") : "无主要问题";
|
||||
|
||||
const verifier = document.getElementById("verifierName").value.trim();
|
||||
if (verifier) nameEl.value = verifier;
|
||||
if (dateEl) dateEl.value = todayStr();
|
||||
}
|
||||
|
||||
// ========== 数据收集/恢复 ==========
|
||||
function collectData() {
|
||||
const results = {};
|
||||
const remarks = {};
|
||||
let totalPass=0, totalFail=0, totalPartial=0, totalUntested=0, totalItems=0;
|
||||
const issuesList = [];
|
||||
|
||||
DOMAINS.forEach((domain, di) => {
|
||||
domain.items.forEach((item, ii) => {
|
||||
const uid = `${di}-${ii}`;
|
||||
const checked = document.querySelector(`input[name="r-${uid}"]:checked`);
|
||||
const val = checked ? checked.value : "untested";
|
||||
results[item.id] = val;
|
||||
const remarkEl = document.getElementById(`remark-${uid}`);
|
||||
remarks[item.id] = remarkEl ? remarkEl.value : "";
|
||||
|
||||
if (val==="pass") totalPass++;
|
||||
else if (val==="fail") { totalFail++; issuesList.push(`❌ [${item.id}] ${item.func}${remarkEl?.value.trim() ? ` — ${remarkEl.value.trim()}` : ""}`); }
|
||||
else if (val==="partial") { totalPartial++; issuesList.push(`⚠️ [${item.id}] ${item.func}${remarkEl?.value.trim() ? ` — ${remarkEl.value.trim()}` : ""}`); }
|
||||
else totalUntested++;
|
||||
totalItems++;
|
||||
});
|
||||
});
|
||||
|
||||
const tested = totalPass + totalFail + totalPartial;
|
||||
let conclusionResult = "";
|
||||
if (tested === 0) conclusionResult = "";
|
||||
else if (totalFail === 0 && totalPartial === 0) conclusionResult = "pass";
|
||||
else if (totalFail === 0 && totalPartial > 0) conclusionResult = "conditional";
|
||||
else conclusionResult = "fail";
|
||||
|
||||
return {
|
||||
verifier: document.getElementById("verifierName").value,
|
||||
results, remarks,
|
||||
conclusionName: document.getElementById("conclusionName")?.value || "",
|
||||
conclusionDate: document.getElementById("conclusionDate")?.value || "",
|
||||
conclusionResult: document.querySelector('input[name="conclusion"]:checked')?.value || "",
|
||||
conclusionIssues: document.getElementById("conclusionIssues")?.value || "",
|
||||
savedAt: new Date().toISOString(),
|
||||
conclusionResult,
|
||||
conclusionIssues: issuesList.join("\n"),
|
||||
screenshots,
|
||||
signature1: getSigData(1),
|
||||
signature2: getSigData(2),
|
||||
};
|
||||
}
|
||||
|
||||
function applyData(data) {
|
||||
if (!data) return;
|
||||
document.getElementById("verifierName").value = data.verifier || "";
|
||||
document.getElementById("verifierName").value = data.verifierName || data.verifier || "";
|
||||
DOMAINS.forEach((domain, di) => {
|
||||
domain.items.forEach((item, ii) => {
|
||||
const uid = `${di}-${ii}`;
|
||||
@@ -830,87 +1235,109 @@ function applyData(data) {
|
||||
});
|
||||
if (data.conclusionName) document.getElementById("conclusionName").value = data.conclusionName;
|
||||
if (data.conclusionDate) document.getElementById("conclusionDate").value = data.conclusionDate;
|
||||
if (data.conclusionResult) {
|
||||
const r = document.querySelector(`input[name="conclusion"][value="${data.conclusionResult}"]`);
|
||||
if (r) r.checked = true;
|
||||
|
||||
// Restore screenshots
|
||||
if (data.screenshots) {
|
||||
Object.assign(screenshots, data.screenshots);
|
||||
DOMAINS.forEach((domain, di) => {
|
||||
domain.items.forEach((item, ii) => {
|
||||
const uid = `${di}-${ii}`;
|
||||
if (screenshots[uid]) {
|
||||
const cell = document.querySelector(`#row-${uid} .screenshot-cell`);
|
||||
if (cell) cell.innerHTML = `<img class="screenshot-thumb" src="${screenshots[uid]}" onclick="viewScreenshot('${uid}')" title="点击查看">`;
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
if (data.conclusionIssues) document.getElementById("conclusionIssues").value = data.conclusionIssues;
|
||||
|
||||
updateStats();
|
||||
}
|
||||
|
||||
function getStorageKey() {
|
||||
const name = document.getElementById("verifierName").value.trim();
|
||||
return name ? STORAGE_PREFIX + name : "";
|
||||
}
|
||||
|
||||
function saveCurrent() {
|
||||
// ========== 保存/加载/提交（API）==========
|
||||
async function saveCurrent() {
|
||||
const name = document.getElementById("verifierName").value.trim();
|
||||
if (!name) { showToast("请先输入验收人姓名"); return; }
|
||||
const data = collectData();
|
||||
localStorage.setItem(STORAGE_PREFIX + name, JSON.stringify(data));
|
||||
updateSavedList();
|
||||
document.getElementById("savedSelect").value = name;
|
||||
showToast(`已保存：${name}`);
|
||||
try {
|
||||
await apiCall('POST', '/acceptance-tests', {
|
||||
verifierName: name, results: data.results, remarks: data.remarks,
|
||||
conclusionName: data.conclusionName || name, conclusionDate: data.conclusionDate,
|
||||
conclusionResult: data.conclusionResult, conclusionIssues: data.conclusionIssues,
|
||||
screenshots: data.screenshots, signature1: data.signature1, signature2: data.signature2,
|
||||
});
|
||||
await loadSavedList();
|
||||
document.getElementById("savedSelect").value = name;
|
||||
showToast(`✅ 已保存：${name}`);
|
||||
} catch (err) { showToast(`保存失败：${err.message}`); }
|
||||
}
|
||||
|
||||
function autoSave() {
|
||||
async function autoSave() {
|
||||
const name = document.getElementById("verifierName").value.trim();
|
||||
if (!name) return;
|
||||
const data = collectData();
|
||||
localStorage.setItem(STORAGE_PREFIX + name, JSON.stringify(data));
|
||||
try {
|
||||
await apiCall('POST', '/acceptance-tests', {
|
||||
verifierName: name, results: data.results, remarks: data.remarks,
|
||||
conclusionName: data.conclusionName || name, conclusionDate: data.conclusionDate,
|
||||
conclusionResult: data.conclusionResult, conclusionIssues: data.conclusionIssues,
|
||||
screenshots: data.screenshots, signature1: data.signature1, signature2: data.signature2,
|
||||
});
|
||||
await loadSavedList();
|
||||
} catch (err) { console.warn('自动保存失败:', err.message); }
|
||||
}
|
||||
|
||||
function loadSaved(name) {
|
||||
async function loadSaved(name) {
|
||||
if (!name) return;
|
||||
const raw = localStorage.getItem(STORAGE_PREFIX + name);
|
||||
if (!raw) { showToast("未找到保存记录"); return; }
|
||||
applyData(JSON.parse(raw));
|
||||
showToast(`已加载：${name}`);
|
||||
try {
|
||||
const res = await apiCall('GET', `/acceptance-tests/${encodeURIComponent(name)}`);
|
||||
applyData(res.data);
|
||||
showToast(`已加载：${name}`);
|
||||
} catch (err) { showToast(`加载失败：${err.message}`); }
|
||||
}
|
||||
|
||||
function deleteSaved() {
|
||||
async function deleteSaved() {
|
||||
const name = document.getElementById("verifierName").value.trim();
|
||||
const sel = document.getElementById("savedSelect").value;
|
||||
const target = name || sel;
|
||||
if (!target) { showToast("请先选择要删除的记录"); return; }
|
||||
if (!confirm(`确认删除「${target}」的验收记录？`)) return;
|
||||
localStorage.removeItem(STORAGE_PREFIX + target);
|
||||
updateSavedList();
|
||||
if (target === name) document.getElementById("verifierName").value = "";
|
||||
showToast(`已删除：${target}`);
|
||||
try {
|
||||
await apiCall('DELETE', `/acceptance-tests/${encodeURIComponent(target)}`);
|
||||
await loadSavedList();
|
||||
if (target === name) document.getElementById("verifierName").value = "";
|
||||
showToast(`已删除：${target}`);
|
||||
} catch (err) { showToast(`删除失败：${err.message}`); }
|
||||
}
|
||||
|
||||
function deleteSavedByName(name) {
|
||||
async function deleteSavedByName(name) {
|
||||
if (!confirm(`确认删除「${name}」的验收记录？`)) return;
|
||||
localStorage.removeItem(STORAGE_PREFIX + name);
|
||||
updateSavedList();
|
||||
showAutocomplete();
|
||||
showToast(`已删除：${name}`);
|
||||
try {
|
||||
await apiCall('DELETE', `/acceptance-tests/${encodeURIComponent(name)}`);
|
||||
await loadSavedList();
|
||||
showAutocomplete();
|
||||
showToast(`已删除：${name}`);
|
||||
} catch (err) { showToast(`删除失败：${err.message}`); }
|
||||
}
|
||||
|
||||
function clearAllSaved() {
|
||||
const keys = Object.keys(localStorage).filter(k => k.startsWith(STORAGE_PREFIX));
|
||||
if (keys.length === 0) { showToast("无已保存记录"); return; }
|
||||
if (!confirm(`确认清空全部 ${keys.length} 条验收记录？此操作不可恢复！`)) return;
|
||||
keys.forEach(k => localStorage.removeItem(k));
|
||||
updateSavedList();
|
||||
showAutocomplete();
|
||||
document.getElementById("verifierName").value = "";
|
||||
showToast(`已清空 ${keys.length} 条记录`);
|
||||
}
|
||||
|
||||
function updateSavedList() {
|
||||
const sel = document.getElementById("savedSelect");
|
||||
const current = sel.value;
|
||||
sel.innerHTML = '<option value="">-- 加载已保存 --</option>';
|
||||
for (let i = 0; i < localStorage.length; i++) {
|
||||
const key = localStorage.key(i);
|
||||
if (key && key.startsWith(STORAGE_PREFIX)) {
|
||||
const name = key.substring(STORAGE_PREFIX.length);
|
||||
sel.innerHTML += `<option value="${name}">${name}</option>`;
|
||||
}
|
||||
}
|
||||
if (current) sel.value = current;
|
||||
async function submitReport() {
|
||||
const name = document.getElementById("verifierName").value.trim();
|
||||
if (!name) { showToast("请先输入验收人姓名"); return; }
|
||||
const data = collectData();
|
||||
if (!data.conclusionResult) { showToast("请先完成至少一项测试"); return; }
|
||||
if (!confirm(`确认提交「${name}」的验收报告？提交后不可再编辑。`)) return;
|
||||
try {
|
||||
await apiCall('POST', '/acceptance-tests', {
|
||||
verifierName: name, results: data.results, remarks: data.remarks,
|
||||
conclusionName: data.conclusionName || name, conclusionDate: data.conclusionDate,
|
||||
conclusionResult: data.conclusionResult, conclusionIssues: data.conclusionIssues,
|
||||
screenshots: data.screenshots, signature1: data.signature1, signature2: data.signature2,
|
||||
});
|
||||
await apiCall('POST', `/acceptance-tests/${encodeURIComponent(name)}/submit`, {
|
||||
conclusionResult: data.conclusionResult, conclusionIssues: data.conclusionIssues,
|
||||
});
|
||||
await loadSavedList();
|
||||
showToast(`✅ 验收报告已提交：${name}`);
|
||||
} catch (err) { showToast(`提交失败：${err.message}`); }
|
||||
}
|
||||
|
||||
// ========== 下载 ==========
|
||||
@@ -1003,17 +1430,125 @@ function todayStr() {
|
||||
return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,"0")}-${String(d.getDate()).padStart(2,"0")}`;
|
||||
}
|
||||
|
||||
// ========== 截图上传 ==========
|
||||
const screenshots = {}; // { "di-ii": dataURL }
|
||||
|
||||
function uploadScreenshot(di, ii) {
|
||||
const uid = `${di}-${ii}`;
|
||||
const input = document.createElement('input');
|
||||
input.type = 'file';
|
||||
input.accept = 'image/*';
|
||||
input.onchange = (e) => {
|
||||
const file = e.target.files[0];
|
||||
if (!file) return;
|
||||
const reader = new FileReader();
|
||||
reader.onload = (ev) => {
|
||||
screenshots[uid] = ev.target.result;
|
||||
const cell = document.querySelector(`#row-${uid} .screenshot-cell`);
|
||||
if (cell) cell.innerHTML = `<img class="screenshot-thumb" src="${ev.target.result}" onclick="viewScreenshot('${uid}')" title="点击查看">`;
|
||||
scheduleAutoSave();
|
||||
showToast("截图已上传");
|
||||
};
|
||||
reader.readAsDataURL(file);
|
||||
};
|
||||
input.click();
|
||||
}
|
||||
|
||||
function viewScreenshot(uid) {
|
||||
const data = screenshots[uid];
|
||||
if (!data) return;
|
||||
const w = window.open('', '_blank');
|
||||
w.document.write(`<html><head><title>截图查看</title></head><body style="margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1f2937"><img src="${data}" style="max-width:100%;max-height:100vh"></body></html>`);
|
||||
}
|
||||
|
||||
// ========== 手写签名 ==========
|
||||
let sigCtx1, sigCtx2, sigDrawing = false;
|
||||
|
||||
function initSignatures() {
|
||||
[1, 2].forEach(n => {
|
||||
const canvas = document.getElementById(`sigCanvas${n}`);
|
||||
if (!canvas) return;
|
||||
const box = document.getElementById(`sigBox${n}`);
|
||||
canvas.width = box.offsetWidth;
|
||||
canvas.height = 80;
|
||||
const ctx = canvas.getContext('2d');
|
||||
ctx.strokeStyle = '#1f2937';
|
||||
ctx.lineWidth = 2;
|
||||
ctx.lineCap = 'round';
|
||||
|
||||
const getPos = (e) => {
|
||||
const rect = canvas.getBoundingClientRect();
|
||||
const x = (e.touches ? e.touches[0].clientX : e.clientX) - rect.left;
|
||||
const y = (e.touches ? e.touches[0].clientY : e.clientY) - rect.top;
|
||||
return { x, y };
|
||||
};
|
||||
|
||||
const start = (e) => { e.preventDefault(); sigDrawing = true; const p = getPos(e); ctx.beginPath(); ctx.moveTo(p.x, p.y); };
|
||||
const move = (e) => { if (!sigDrawing) return; e.preventDefault(); const p = getPos(e); ctx.lineTo(p.x, p.y); ctx.stroke(); };
|
||||
const end = () => { sigDrawing = false; };
|
||||
|
||||
canvas.addEventListener('mousedown', start);
|
||||
canvas.addEventListener('mousemove', move);
|
||||
canvas.addEventListener('mouseup', end);
|
||||
canvas.addEventListener('mouseleave', end);
|
||||
canvas.addEventListener('touchstart', start);
|
||||
canvas.addEventListener('touchmove', move);
|
||||
canvas.addEventListener('touchend', end);
|
||||
});
|
||||
}
|
||||
|
||||
function clearSig(n) {
|
||||
const canvas = document.getElementById(`sigCanvas${n}`);
|
||||
if (!canvas) return;
|
||||
const ctx = canvas.getContext('2d');
|
||||
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
||||
}
|
||||
|
||||
function getSigData(n) {
|
||||
const canvas = document.getElementById(`sigCanvas${n}`);
|
||||
if (!canvas) return '';
|
||||
// Check if canvas is empty
|
||||
const ctx = canvas.getContext('2d');
|
||||
const data = ctx.getImageData(0, 0, canvas.width, canvas.height).data;
|
||||
const isEmpty = !data.some((v, i) => i % 4 === 3 && v > 0);
|
||||
return isEmpty ? '' : canvas.toDataURL();
|
||||
}
|
||||
|
||||
// ========== PDF 导出（打印优化）==========
|
||||
function exportPDF() {
|
||||
const data = collectData();
|
||||
if (!data.verifier) { showToast("请先输入验收人姓名"); return; }
|
||||
|
||||
// 临时展开所有折叠的域
|
||||
const collapsed = [];
|
||||
DOMAINS.forEach((_, di) => {
|
||||
const el = document.getElementById(`domain-${di}`);
|
||||
if (el && el.classList.contains('collapsed')) { collapsed.push(di); el.classList.remove('collapsed'); }
|
||||
});
|
||||
|
||||
// 设置打印模式
|
||||
document.body.classList.add('print-mode');
|
||||
window.print();
|
||||
|
||||
// 恢复
|
||||
document.body.classList.remove('print-mode');
|
||||
collapsed.forEach(di => {
|
||||
const el = document.getElementById(`domain-${di}`);
|
||||
if (el) { el.classList.add('collapsed'); el.querySelector(".toggle").textContent = "▶"; }
|
||||
});
|
||||
}
|
||||
|
||||
// ========== Toast ==========
|
||||
function showToast(msg) {
|
||||
const t = document.getElementById("toast");
|
||||
t.textContent = msg;
|
||||
t.classList.add("show");
|
||||
setTimeout(() => t.classList.remove("show"), 2000);
|
||||
setTimeout(() => t.classList.remove("show"), 2500);
|
||||
}
|
||||
|
||||
// ========== 初始化 ==========
|
||||
renderAll();
|
||||
updateSavedList();
|
||||
loadSavedList();
|
||||
|
||||
// 自动填充验收日期
|
||||
const dateEl = document.getElementById("conclusionDate");
|
||||
|
||||
Reference in New Issue
Block a user