234 lines
9.3 KiB
JavaScript
234 lines
9.3 KiB
JavaScript
/**
|
|
* 全局事件模块。
|
|
* 页面大部分内容由模板字符串动态生成，因此统一使用事件代理监听 click，再按 data-* 属性更新 state 或打开外链。
|
|
*/
|
|
document.addEventListener("click", (event) => {
|
|
// 维度切换会影响企业、项目、指标所有派生数据；项目页切换维度后回到企业页，防止旧项目 id 失效。
|
|
const dimButton = event.target.closest("[data-dim]");
|
|
if (dimButton) {
|
|
state.dimension = dimButton.dataset.dim;
|
|
if (state.view === "project") {
|
|
state.view = "enterprise";
|
|
state.projectId = "";
|
|
}
|
|
if (state.drillOpen && state.drillView === "project") {
|
|
state.drillView = "trend";
|
|
}
|
|
render();
|
|
loadProjectMasterDataAnalysis(state.view === "enterprise" ? (getEnterpriseMasterRecord(state.enterpriseName)?.unitId || "") : "");
|
|
return;
|
|
}
|
|
|
|
// 系统切换后需要校验当前选中指标是否仍属于新系统，不属于则切换到该系统第一个指标。
|
|
const systemButton = event.target.closest("[data-system]");
|
|
if (systemButton) {
|
|
if (!allowedSystems.includes(systemButton.dataset.system)) return;
|
|
state.system = systemButton.dataset.system;
|
|
if (!getWarningIndicators().some((item) => item.name === state.selectedIndicator)) {
|
|
state.selectedIndicator = getWarningIndicators()[0]?.name || "";
|
|
}
|
|
render();
|
|
loadProjectMasterDataAnalysis(state.view === "enterprise" ? (getEnterpriseMasterRecord(state.enterpriseName)?.unitId || "") : "");
|
|
return;
|
|
}
|
|
|
|
// 显式操作按钮：外链预览、弹窗开关、面包屑返回都通过 data-action 分发。
|
|
const action = event.target.closest("[data-action]");
|
|
if (action) {
|
|
if (action.dataset.action === "more-indicators") {
|
|
window.open(INDICATOR_MORE_URL, "_blank", "noopener,noreferrer");
|
|
return;
|
|
}
|
|
if (action.dataset.action === "enterprise-more-indicators") {
|
|
window.open(ENTERPRISE_INDICATOR_MORE_URL, "_blank", "noopener,noreferrer");
|
|
return;
|
|
}
|
|
if (action.dataset.action === "preview-unit-report") {
|
|
const unit = action.dataset.unit || "";
|
|
const unitAliases = {
|
|
二建: "二化建",
|
|
三建: "三化建",
|
|
四建: "四化建",
|
|
六建: "六化建",
|
|
七建: "七化建",
|
|
九建: "九化建",
|
|
十一建: "十一化建",
|
|
十三建: "十三化建",
|
|
十四建: "十四化建",
|
|
十六建: "十六化建",
|
|
装备科技: "装备",
|
|
华谊工程: "华谊",
|
|
国际工程公司: "国际",
|
|
建投: "北建投",
|
|
南投: "南建投"
|
|
};
|
|
const fileName = usageReportFiles[unit] || usageReportFiles[unitAliases[unit]];
|
|
if (!fileName) {
|
|
window.alert(`${unit || "该单位"}未上传一览表`);
|
|
return;
|
|
}
|
|
const fileUrl = `${REPORT_FILE_BASE_URL}${encodeURIComponent(fileName)}`;
|
|
window.open(`${OFFICE_PREVIEW_BASE_URL}${encodeURIComponent(fileUrl)}`, "_blank", "noopener,noreferrer");
|
|
return;
|
|
}
|
|
if (action.dataset.action === "master-web-url") {
|
|
const url = action.dataset.url || "";
|
|
if (!/^https?:\/\//i.test(url)) {
|
|
window.alert("该单位未配置有效穿透链接");
|
|
return;
|
|
}
|
|
window.open(url, "_blank", "noopener,noreferrer");
|
|
return;
|
|
}
|
|
if (action.dataset.action === "group-online-stats") {
|
|
state.drillOpen = true;
|
|
state.drillView = "groupOnlineStats";
|
|
state.drillEnterpriseName = "";
|
|
state.drillListType = "";
|
|
state.projectId = "";
|
|
renderDrillModal();
|
|
return;
|
|
}
|
|
if (action.dataset.action === "below-standard-projects") {
|
|
state.drillOpen = true;
|
|
state.drillView = "belowStandardProjects";
|
|
state.drillListType = "below-standard";
|
|
state.projectId = "";
|
|
renderDrillModal();
|
|
return;
|
|
}
|
|
if (action.dataset.action === "group-unit-metric-usages") {
|
|
state.drillOpen = true;
|
|
state.drillView = "groupUnitMetricUsages";
|
|
state.drillEnterpriseName = "";
|
|
state.drillListType = "";
|
|
state.projectId = "";
|
|
renderDrillModal();
|
|
return;
|
|
}
|
|
if (action.dataset.action === "close-drill") {
|
|
state.drillOpen = false;
|
|
state.drillView = "trend";
|
|
state.drillEnterpriseName = "";
|
|
state.drillListType = "";
|
|
renderDrillModal();
|
|
return;
|
|
}
|
|
if (action.dataset.action === "enterprise-project-list") {
|
|
state.drillOpen = true;
|
|
state.drillView = "enterpriseProjectList";
|
|
state.drillListType = "all";
|
|
state.projectId = "";
|
|
renderDrillModal();
|
|
return;
|
|
}
|
|
if (action.dataset.action === "enterprise-offline-list") {
|
|
state.drillOpen = true;
|
|
state.drillView = "enterpriseProjectList";
|
|
state.drillListType = "offline";
|
|
state.projectId = "";
|
|
renderDrillModal();
|
|
return;
|
|
}
|
|
if (action.dataset.action === "indicator-trend") {
|
|
state.drillOpen = true;
|
|
state.drillView = "trend";
|
|
state.drillEnterpriseName = "";
|
|
state.projectId = "";
|
|
state.drillListType = "";
|
|
renderDrillModal();
|
|
return;
|
|
}
|
|
if (action.dataset.action === "group") {
|
|
state.view = "group";
|
|
state.enterpriseName = "";
|
|
state.projectId = "";
|
|
loadProjectMasterDataAnalysis("");
|
|
}
|
|
if (action.dataset.action === "enterprise") {
|
|
state.view = "enterprise";
|
|
state.enterpriseName = action.dataset.enterprise || state.enterpriseName;
|
|
state.projectId = "";
|
|
loadProjectMasterDataAnalysis(getEnterpriseMasterRecord(state.enterpriseName)?.unitId || "");
|
|
}
|
|
render();
|
|
return;
|
|
}
|
|
|
|
// 指标卡点击：集团页打开指标趋势，企业页打开该企业下的项目指标穿透。
|
|
const indicatorTarget = event.target.closest("[data-indicator]");
|
|
if (indicatorTarget) {
|
|
state.selectedIndicator = indicatorTarget.dataset.indicator;
|
|
const selectedIndicatorField = resolveMetricField(state.selectedIndicator, indicatorTarget.dataset.indicatorField);
|
|
state.drillOpen = true;
|
|
if (state.view === "enterprise") {
|
|
state.drillView = "project";
|
|
state.drillEnterpriseName = state.enterpriseName;
|
|
} else {
|
|
state.drillView = "trend";
|
|
state.drillEnterpriseName = "";
|
|
}
|
|
state.projectId = "";
|
|
renderDrillModal();
|
|
if (state.drillView === "trend") {
|
|
loadGroupMetricAnalysis(selectedIndicatorField);
|
|
} else {
|
|
loadUnitMetricAnalysis(selectedIndicatorField, getEnterpriseMasterRecord(state.enterpriseName)?.unitId || projectMasterDataState.unitId);
|
|
}
|
|
return;
|
|
}
|
|
|
|
// 指标排行中的企业点击：保留当前指标，切换穿透企业，弹窗内容更新为项目维度明细。
|
|
const indicatorEnterpriseTarget = event.target.closest("[data-indicator-enterprise]");
|
|
if (indicatorEnterpriseTarget) {
|
|
state.drillEnterpriseName = indicatorEnterpriseTarget.dataset.indicatorEnterprise;
|
|
state.drillOpen = true;
|
|
state.drillView = "project";
|
|
state.projectId = "";
|
|
renderDrillModal();
|
|
return;
|
|
}
|
|
|
|
// 企业点击：从集团图表、表格或面包屑进入企业看板。
|
|
const enterpriseTarget = event.target.closest("[data-enterprise]");
|
|
if (enterpriseTarget) {
|
|
state.view = "enterprise";
|
|
state.enterpriseName = enterpriseTarget.dataset.enterprise;
|
|
state.projectId = "";
|
|
render();
|
|
loadProjectMasterDataAnalysis(getEnterpriseMasterRecord(state.enterpriseName)?.unitId || "");
|
|
return;
|
|
}
|
|
|
|
// 项目点击：进入项目级看板，并关闭当前弹窗，避免弹窗遮挡项目详情。
|
|
const projectTarget = event.target.closest("[data-project]");
|
|
if (projectTarget) {
|
|
state.view = "project";
|
|
if (projectTarget.dataset.projectEnterprise) {
|
|
state.enterpriseName = projectTarget.dataset.projectEnterprise;
|
|
}
|
|
state.projectId = projectTarget.dataset.project;
|
|
state.drillOpen = false;
|
|
state.drillView = "trend";
|
|
state.drillListType = "";
|
|
const unitId = projectTarget.dataset.projectUnitId
|
|
|| getEnterpriseMasterRecord(state.enterpriseName)?.unitId
|
|
|| projectMasterDataState.unitId;
|
|
loadProjectMonitoring(unitId, state.projectId);
|
|
}
|
|
});
|
|
|
|
/**
|
|
* 初始化顺序：
|
|
* 先绑定缩放并渲染加载状态，再异步加载集团主数据接口；
|
|
* 接口返回后 loadProjectMasterDataAnalysis 会再次 render，刷新集团上线率卡片和统计弹窗。
|
|
*/
|
|
window.addEventListener("resize", scaleScreen);
|
|
if (window.visualViewport) {
|
|
window.visualViewport.addEventListener("resize", scaleScreen);
|
|
}
|
|
|
|
scaleScreen();
|
|
render();
|
|
loadProjectMasterDataAnalysis();
|