',
'| ' + rowIndex + ' | ',
'' + escapeHtml(item.visitorName || "-") + ' | ',
'' + escapeHtml(maskIdCard(item.idCard)) + ' | ',
'' + escapeHtml(formatRegisterType(item.registerType)) + ' | ',
'' + escapeHtml(item.intervieweeName || "-") + ' | ',
'' + escapeHtml(item.intervieweeDept || "-") + ' | ',
'' + escapeHtml(item.visitAreaNames || "-") + ' | ',
'' + escapeHtml(item.plateNo || "-") + ' | ',
'' + escapeHtml(item.visitReason || "-") + ' | ',
'' + escapeHtml(formatValidTime(item.validStartTime, item.validEndTime)) + ' | ',
'' + renderStatus(item.status) + ' | ',
'' + escapeHtml(item.registerTime || "-") + ' | ',
'',
'',
'',
' | ',
'
'
].join("");
}).join("");
body.querySelectorAll("[data-action]").forEach(function (button) {
button.addEventListener("click", function () {
var action = button.getAttribute("data-action");
var recordId = Number(button.getAttribute("data-id"));
if (action === "detail") {
window.location.href = "./visitor-record-detail.html?recordId=" + recordId;
} else if (action === "delete") {
confirmDelete(recordId);
}
});
});
}
function renderStatus(status) {
var map = {
VISITING: ["visiting", "来访中"],
PENDING_CONFIRM: ["pending", "逾期滞留"],
SIGNED_OUT: ["signed", "已签离"],
OVERDUE_AUTO_SIGNED_OUT: ["overdue", "超期自动签离"],
CANCELLED: ["cancelled", "已取消"]
};
var item = map[status] || ["cancelled", status || "-"];
return '' + column.items.map(function (area) {
var active = String(column.selectedId || "") === String(area.areaId);
var hasChildren = Array.isArray(area.children) && area.children.length > 0;
return [
''
].join("");
}).join("") + '
';
}).join("");
}
function buildAreaCascaderColumns() {
if (!state.areaTree.length) {
return [];
}
var columns = [{
items: state.areaTree,
selectedId: state.cascaderPath[0] && state.cascaderPath[0].areaId
}];
state.cascaderPath.forEach(function (area, index) {
var children = Array.isArray(area.children) ? area.children : [];
if (children.length) {
columns.push({
items: children,
selectedId: state.cascaderPath[index + 1] && state.cascaderPath[index + 1].areaId
});
}
});
return columns;
}
function updateAreaCascaderText() {
var text = state.cascaderPath.length
? state.cascaderPath.map(function (area) { return area.areaName; }).join(" / ")
: "下拉菜单";
document.getElementById("areaCascaderText").textContent = text;
}
function findArea(areaId) {
var targetId = Number(areaId);
if (!targetId) {
return null;
}
for (var index = 0; index < state.areas.length; index++) {
if (Number(state.areas[index].areaId) === targetId) {
return state.areas[index];
}
}
return null;
}
function findAreaPath(areaId) {
var result = [];
walkPath(state.areaTree, Number(areaId), result);
return result;
}
function walkPath(list, areaId, path) {
for (var index = 0; index < list.length; index++) {
var area = list[index];
path.push(area);
if (Number(area.areaId) === areaId) {
return true;
}
if (walkPath(area.children || [], areaId, path)) {
return true;
}
path.pop();
}
return false;
}
function normalizeAreaTree(list) {
var result = [];
(list || []).forEach(function (area) {
normalizeArea(area).forEach(function (item) {
result.push(item);
});
});
return result;
}
function normalizeArea(area) {
var children = normalizeAreaTree(getAreaChildren(area));
var areaId = getAreaId(area);
var areaName = getAreaName(area);
if (!areaId || !areaName) {
return children;
}
return [{
areaId: Number(areaId),
areaName: areaName,
children: children
}];
}
function getAreaId(area) {
var value = area && area.areaId != null ? area.areaId : area && area.id != null ? area.id : area && area.value;
var number = Number(value);
return number > 0 ? number : 0;
}
function getAreaName(area) {
return String((area && (area.areaName || area.label || area.name || area.title)) || "").trim();
}
function getAreaChildren(area) {
return area && Array.isArray(area.children) ? area.children : [];
}
function formatRegisterType(value) {
if (value === "ONSITE") {
return "现场登记";
}
return "预约登记";
}
function formatValidTime(start, end) {
if (!start && !end) {
return "-";
}
return shortDateTime(start) + " 至 " + shortDateTime(end);
}
function shortDateTime(value) {
return value ? String(value).slice(0, 16) : "-";
}
function maskIdCard(value) {
var text = String(value || "");
if (text.length < 8) {
return text || "-";
}
return text.slice(0, 4) + repeatString("*", text.length - 8) + text.slice(-4);
}
function repeatString(value, count) {
var result = "";
for (var index = 0; index < count; index++) {
result += value;
}
return result;
}
function toServerDateTime(value) {
return value ? value.replace("T", " ") + ":00" : null;
}
function numberOrNull(value) {
var number = Number(value);
return number > 0 ? number : null;
}
function apiRequest(path, options) {
options = options || {};
var headers = options.headers || {};
var token = getToken();
if (token) {
headers.Authorization = "Bearer " + token;
}
if (!options.skipJson) {
headers["Content-Type"] = "application/json";
}
return fetch(getApiBaseUrl() + normalizePath(path), {
method: options.method || "GET",
headers: headers,
body: options.body
}).then(function (response) {
return response.json().catch(function () {
return { code: response.ok ? 200 : response.status, msg: response.statusText };
});
}).then(function (result) {
if (result.code === 401) {
clearLoginState();
redirectToLogin();
throw new Error(result.msg || "登录状态已过期");
}
if (result.code !== 200) {
throw new Error(result.msg || "请求失败");
}
return result;
});
}
function logout() {
apiRequest("/logout", {
method: "POST",
skipJson: true
}).catch(function () {
return null;
}).then(function () {
clearLoginState();
redirectToLogin();
});
}
function applyUserInfo(user) {
user = user || {};
var displayName = user.nickName || user.userName || user.username || "用户";
document.getElementById("userDisplayName").textContent = displayName;
document.querySelector(".user-avatar").textContent = displayName.substring(0, 1);
}
function readLoginUser() {
try {
var loginResult = JSON.parse(localStorage.getItem("visitor_admin_login_result") || "{}");
return (loginResult.userInfo && loginResult.userInfo.user) || loginResult.user || {};
} catch (error) {
return {};
}
}
function getApiBaseUrl() {
return trimRightSlash(localStorage.getItem("visitor_admin_api_base") || config.apiBaseUrl || window.location.origin);
}
function getToken() {
return localStorage.getItem("visitor_admin_token") || "";
}
function clearLoginState() {
localStorage.removeItem("visitor_admin_token");
localStorage.removeItem("visitor_admin_login_result");
localStorage.removeItem("visitor_admin_api_base");
}
function redirectToLogin() {
window.location.href = "../index.html";
}
function normalizePath(path) {
return "/" + String(path || "").replace(/^\/+/, "");
}
function trimRightSlash(value) {
return String(value || "").replace(/\/+$/, "");
}
function escapeHtml(value) {
return String(value == null ? "" : value).replace(/[&<>"']/g, function (char) {
return {
"&": "&",
"<": "<",
">": ">",
'"': """,
"'": "'"
}[char];
});
}
})();