java/fangkeji.git

(function () {
  var config = Object.assign({
    apiBaseUrl: "http://localhost:9098"
  }, window.VISITOR_LOGIN_CONFIG || {});
 
  var state = {
    rows: [],
    total: 0,
    pageNum: 1,
    pageSize: 10
  };
 
  init();
 
  function init() {
    if (!getToken()) {
      redirectToLogin();
      return;
    }
    bindLayoutActions();
    bindPageActions();
    applyUserInfo(readLoginUser());
    loadProfileName();
    loadLogs();
  }
 
  function bindLayoutActions() {
    var userMenuButton = document.getElementById("userMenuButton");
    var userDropdown = document.getElementById("userDropdown");
    var fullscreenButton = document.querySelector(".icon-button");
 
    userMenuButton.addEventListener("click", function (event) {
      event.stopPropagation();
      var hidden = userDropdown.hidden;
      userDropdown.hidden = !hidden;
      userMenuButton.setAttribute("aria-expanded", String(hidden));
    });
 
    userDropdown.addEventListener("click", function (event) {
      var action = event.target.getAttribute("data-action");
      if (!action) {
        return;
      }
      userDropdown.hidden = true;
      userMenuButton.setAttribute("aria-expanded", "false");
      if (action === "home") {
        window.location.href = "./dashboard.html";
      } else if (action === "logout") {
        logout();
      }
    });
 
    document.addEventListener("click", function () {
      userDropdown.hidden = true;
      userMenuButton.setAttribute("aria-expanded", "false");
    });
 
    fullscreenButton.addEventListener("click", function () {
      if (!document.fullscreenElement && document.documentElement.requestFullscreen) {
        document.documentElement.requestFullscreen();
      } else if (document.exitFullscreen) {
        document.exitFullscreen();
      }
    });
  }
 
  function bindPageActions() {
    document.getElementById("queryForm").addEventListener("submit", function (event) {
      event.preventDefault();
      state.pageNum = 1;
      loadLogs();
    });
    document.getElementById("resetButton").addEventListener("click", function () {
      document.getElementById("queryForm").reset();
      state.pageNum = 1;
      loadLogs();
    });
    document.getElementById("exportButton").addEventListener("click", exportCurrentRows);
  }
 
  function loadProfileName() {
    apiRequest("/system/user/profile", { method: "GET" }).then(function (result) {
      applyUserInfo(result.data || {});
    }).catch(function () {
      applyUserInfo(readLoginUser());
    });
  }
 
  function loadLogs() {
    apiRequest("/system/operation/log/page", {
      method: "POST",
      body: JSON.stringify(buildQueryPayload())
    }).then(function (result) {
      var data = result.data || {};
      state.rows = data.records || data.list || [];
      state.total = Number(data.total || state.rows.length || 0);
      state.pageNum = Number(data.current || data.pageNum || state.pageNum);
      state.pageSize = Number(data.size || data.pageSize || state.pageSize);
      renderTable();
      renderPagination();
    }).catch(function (error) {
      state.rows = [];
      state.total = 0;
      renderTable();
      renderPagination();
      AppMessage.error("操作失败：" + (error.message || "操作日志加载失败"));
    });
  }
 
  function buildQueryPayload() {
    return {
      pageNum: state.pageNum,
      pageSize: state.pageSize,
      operName: document.getElementById("queryOperName").value.trim(),
      businessType: numberOrNull(document.getElementById("queryBusinessType").value),
      beginTime: toServerDateTime(document.getElementById("queryBeginTime").value),
      endTime: toServerDateTime(document.getElementById("queryEndTime").value)
    };
  }
 
  function renderTable() {
    var body = document.getElementById("operationTableBody");
    var empty = document.getElementById("operationEmpty");
    empty.hidden = state.rows.length > 0;
    body.innerHTML = state.rows.map(function (item) {
      return [
        "<tr>",
        "<td>" + escapeHtml(item.operName || item.nickName || "-") + "</td>",
        "<td title=\"" + escapeHtml(item.title || "") + "\">" + escapeHtml(item.title || "-") + "</td>",
        "<td>" + renderBusinessType(item.businessType) + "</td>",
        "<td>" + escapeHtml(item.operIp || "-") + "</td>",
        "<td>" + renderStatus(item.status) + "</td>",
        "<td>" + escapeHtml(formatDateTime(item.operTime)) + "</td>",
        "</tr>"
      ].join("");
    }).join("");
  }
 
  function renderBusinessType(value) {
    var item = getBusinessType(value);
    return '<span class="business-tag ' + item.className + '">' + escapeHtml(item.label) + '</span>';
  }
 
  function getBusinessType(value) {
    var map = {
      0: ["other", "其他"],
      1: ["insert", "新增"],
      2: ["update", "修改"],
      3: ["delete", "删除"],
      4: ["other", "授权"],
      5: ["export", "导出"],
      6: ["import", "导入"],
      7: ["other", "强退"],
      8: ["other", "生成"],
      9: ["clean", "清空"],
      10: ["select", "查询"]
    };
    var item = map[Number(value)] || ["other", "其他"];
    return { className: item[0], label: item[1] };
  }
 
  function renderStatus(value) {
    var success = Number(value) === 0;
    return '<span class="status-tag ' + (success ? "success" : "fail") + '">' + (success ? "正常" : "失败") + '</span>';
  }
 
  function renderPagination() {
    var root = document.getElementById("pagination");
    var totalPage = Math.max(1, Math.ceil(state.total / state.pageSize));
    var pages = [];
    for (var page = 1; page <= Math.min(totalPage, 5); page++) {
      pages.push('<button type="button" class="' + (page === state.pageNum ? "active" : "") + '" data-page="' + page + '">' + page + '</button>');
    }
    if (totalPage > 5) {
      pages.push('<span>...</span><button type="button" data-page="' + totalPage + '">' + totalPage + '</button>');
    }
    root.innerHTML = [
      '<span>共 ' + state.total + ' 条</span>',
      '<span>每页 <select id="pageSizeSelect"><option value="10">10</option><option value="20">20</option><option value="50">50</option></select> 条</span>',
      pages.join(""),
      '<span>前往 <input id="jumpPageInput" value="' + state.pageNum + '"> 页</span>'
    ].join("");
    document.getElementById("pageSizeSelect").value = String(state.pageSize);
    root.querySelectorAll("[data-page]").forEach(function (button) {
      button.addEventListener("click", function () {
        state.pageNum = Number(button.getAttribute("data-page"));
        loadLogs();
      });
    });
    document.getElementById("pageSizeSelect").addEventListener("change", function (event) {
      state.pageSize = Number(event.target.value);
      state.pageNum = 1;
      loadLogs();
    });
    document.getElementById("jumpPageInput").addEventListener("keydown", function (event) {
      if (event.key === "Enter") {
        state.pageNum = Math.min(totalPage, Math.max(1, Number(event.target.value) || 1));
        loadLogs();
      }
    });
  }
 
  function exportCurrentRows() {
    var payload = buildQueryPayload();
    payload.pageNum = 1;
    payload.pageSize = 10000;
    apiRequest("/system/operation/log/export", {
      method: "POST",
      body: JSON.stringify(payload)
    }).then(function (result) {
      var rows = Array.isArray(result.data) ? result.data : [];
      if (!rows.length) {
        AppMessage.error("操作失败：暂无可导出的操作日志");
        return;
      }
      exportRows(rows);
      AppMessage.success("操作成功");
    }).catch(function (error) {
      AppMessage.error("操作失败：" + (error.message || "操作日志导出失败"));
    });
  }
 
  function exportRows(logs) {
    var header = ["操作人员", "模块标题", "业务类型", "主机地址", "操作状态", "操作时间"];
    var rows = logs.map(function (item) {
      return [
        item.operName || item.nickName || "-",
        item.title || "-",
        getBusinessType(item.businessType).label,
        item.operIp || "-",
        Number(item.status) === 0 ? "正常" : "失败",
        formatDateTime(item.operTime)
      ];
    });
    downloadCsv("操作日志.csv", [header].concat(rows));
  }
 
  function downloadCsv(filename, rows) {
    var content = rows.map(function (row) {
      return row.map(csvCell).join(",");
    }).join("\r\n");
    var blob = new Blob(["\ufeff" + content], { type: "text/csv;charset=utf-8;" });
    var link = document.createElement("a");
    link.href = URL.createObjectURL(blob);
    link.download = filename;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
    URL.revokeObjectURL(link.href);
  }
 
  function csvCell(value) {
    return '"' + String(value == null ? "" : value).replace(/"/g, '""') + '"';
  }
 
  function formatDateTime(value) {
    return value ? String(value).slice(0, 19).replace("T", " ") : "-";
  }
 
  function toServerDateTime(value) {
    return value ? value.replace("T", " ") + ":00" : null;
  }
 
  function numberOrNull(value) {
    if (value === "" || value == null) {
      return null;
    }
    var number = Number(value);
    return Number.isNaN(number) ? null : number;
  }
 
  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 {
        "&": "&amp;",
        "<": "&lt;",
        ">": "&gt;",
        '"': "&quot;",
        "'": "&#39;"
      }[char];
    });
  }
})();