feat: 工装配置页面 + 车检器基准参数管理
- 设备页增加「配置」按钮(devices.js) - 新增工装配置页面(fixture.html+js): 参数表单、5个操作按钮、通信日志区、基准参数表 - 新增车检器基准参数管理页面(vehicle_base_test.html+js): CRUD + 搜索 - 新增 fixture 蓝图(routes/fixture.py): 0x4A~0x4E 指令发送、参数CRUD、serialnet状态查询 - models.py: 新增 get_serialnet_by_id, tb_fixture_param/tb_vechicle_base_test CRUD - edc_server 子模块更新
This commit is contained in:
160
edc-web/app/static/js/vehicle_base_test.js
Normal file
160
edc-web/app/static/js/vehicle_base_test.js
Normal file
@@ -0,0 +1,160 @@
|
||||
// 车检器测试基准参数管理
|
||||
|
||||
let editId = null; // null=新增, number=编辑
|
||||
|
||||
// ─── Toast ───────────────────────────────────
|
||||
|
||||
function toast(msg, isError = false) {
|
||||
const el = document.getElementById("toast");
|
||||
el.textContent = msg;
|
||||
el.className = "msg-toast " + (isError ? "error" : "") + " show";
|
||||
clearTimeout(el._timeout);
|
||||
el._timeout = setTimeout(() => { el.className = "msg-toast"; }, 3000);
|
||||
}
|
||||
|
||||
// ─── 列表加载 ────────────────────────────────
|
||||
|
||||
async function loadList() {
|
||||
const search = document.getElementById("search-input").value;
|
||||
try {
|
||||
const resp = await fetch(`/api/vehicle-base-test?search=${encodeURIComponent(search)}`);
|
||||
const data = await resp.json();
|
||||
renderTable(data);
|
||||
} catch (e) {
|
||||
console.error("加载失败:", e);
|
||||
}
|
||||
}
|
||||
|
||||
function renderTable(data) {
|
||||
const tbody = document.querySelector("#vbt-table tbody");
|
||||
if (!data.length) {
|
||||
tbody.innerHTML = '<tr><td colspan="7" style="color:#999;text-align:center;">暂无数据,点右上角「新增」添加</td></tr>';
|
||||
return;
|
||||
}
|
||||
tbody.innerHTML = data.map(t => `
|
||||
<tr>
|
||||
<td>${t.type_num}</td>
|
||||
<td>${esc(t.dev_name)}</td>
|
||||
<td>${t.SensMin} ~ ${t.SensMax}</td>
|
||||
<td>${t.FreMin} ~ ${t.FreMax}</td>
|
||||
<td>${t.PeakMin} ~ ${t.PeakMax}</td>
|
||||
<td>${esc(t.remark || '-')}</td>
|
||||
<td>
|
||||
<button class="btn-edit" onclick="openModal(${t.id})">编辑</button>
|
||||
<button class="btn-del" onclick="deleteRecord(${t.id}, '${esc(t.dev_name)}')">删除</button>
|
||||
</td>
|
||||
</tr>
|
||||
`).join("");
|
||||
}
|
||||
|
||||
// ─── 弹窗 ────────────────────────────────────
|
||||
|
||||
function openModal(id = null) {
|
||||
editId = id;
|
||||
document.getElementById("modal-title").textContent = id ? "编辑车检器测试基准" : "新增车检器测试基准";
|
||||
document.getElementById("edit-modal").style.display = "flex";
|
||||
|
||||
if (id) {
|
||||
// 编辑:加载数据
|
||||
fetch(`/api/vehicle-base-test/${id}`)
|
||||
.then(r => r.json())
|
||||
.then(data => {
|
||||
document.getElementById("edit-type-num").value = data.type_num;
|
||||
document.getElementById("edit-dev-name").value = data.dev_name;
|
||||
document.getElementById("edit-sens-min").value = data.SensMin;
|
||||
document.getElementById("edit-sens-max").value = data.SensMax;
|
||||
document.getElementById("edit-fre-min").value = data.FreMin;
|
||||
document.getElementById("edit-fre-max").value = data.FreMax;
|
||||
document.getElementById("edit-peak-min").value = data.PeakMin;
|
||||
document.getElementById("edit-peak-max").value = data.PeakMax;
|
||||
document.getElementById("edit-remark").value = data.remark || "";
|
||||
});
|
||||
} else {
|
||||
// 新增:清空
|
||||
document.getElementById("edit-type-num").value = "";
|
||||
document.getElementById("edit-dev-name").value = "";
|
||||
document.getElementById("edit-sens-min").value = "0";
|
||||
document.getElementById("edit-sens-max").value = "0";
|
||||
document.getElementById("edit-fre-min").value = "0";
|
||||
document.getElementById("edit-fre-max").value = "0";
|
||||
document.getElementById("edit-peak-min").value = "0";
|
||||
document.getElementById("edit-peak-max").value = "0";
|
||||
document.getElementById("edit-remark").value = "";
|
||||
}
|
||||
}
|
||||
|
||||
function closeModal() {
|
||||
document.getElementById("edit-modal").style.display = "none";
|
||||
editId = null;
|
||||
}
|
||||
|
||||
// ─── 保存 ────────────────────────────────────
|
||||
|
||||
async function saveRecord() {
|
||||
const data = {
|
||||
type_num: parseInt(document.getElementById("edit-type-num").value) || 0,
|
||||
dev_name: document.getElementById("edit-dev-name").value.trim(),
|
||||
SensMin: parseInt(document.getElementById("edit-sens-min").value) || 0,
|
||||
SensMax: parseInt(document.getElementById("edit-sens-max").value) || 0,
|
||||
FreMin: parseInt(document.getElementById("edit-fre-min").value) || 0,
|
||||
FreMax: parseInt(document.getElementById("edit-fre-max").value) || 0,
|
||||
PeakMin: parseInt(document.getElementById("edit-peak-min").value) || 0,
|
||||
PeakMax: parseInt(document.getElementById("edit-peak-max").value) || 0,
|
||||
remark: document.getElementById("edit-remark").value.trim(),
|
||||
};
|
||||
|
||||
if (!data.dev_name) {
|
||||
toast("请输入型号/名称", true);
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
let resp;
|
||||
if (editId) {
|
||||
resp = await fetch(`/api/vehicle-base-test/${editId}`, {
|
||||
method: "PUT",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify(data),
|
||||
});
|
||||
} else {
|
||||
resp = await fetch("/api/vehicle-base-test", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify(data),
|
||||
});
|
||||
}
|
||||
const result = await resp.json();
|
||||
if (result.ok || resp.ok) {
|
||||
toast(editId ? "更新成功" : "新增成功");
|
||||
closeModal();
|
||||
loadList();
|
||||
} else {
|
||||
toast("保存失败: " + (result.error || "未知错误"), true);
|
||||
}
|
||||
} catch (e) {
|
||||
toast("保存失败: " + e.message, true);
|
||||
}
|
||||
}
|
||||
|
||||
// ─── 删除 ────────────────────────────────────
|
||||
|
||||
async function deleteRecord(id, name) {
|
||||
if (!confirm(`确定要删除「${name}」吗?`)) return;
|
||||
|
||||
try {
|
||||
const resp = await fetch(`/api/vehicle-base-test/${id}`, { method: "DELETE" });
|
||||
const result = await resp.json();
|
||||
if (result.ok) {
|
||||
toast("删除成功");
|
||||
loadList();
|
||||
} else {
|
||||
toast("删除失败: " + (result.error || "未知错误"), true);
|
||||
}
|
||||
} catch (e) {
|
||||
toast("删除失败: " + e.message, true);
|
||||
}
|
||||
}
|
||||
|
||||
function esc(s) { return (s || "").replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """); }
|
||||
|
||||
loadList();
|
||||
Reference in New Issue
Block a user