diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js index 64d6eb52..d00e4d0b 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js @@ -112,39 +112,40 @@ export class MarkerCluster { window.pageSize = pageSize; window.page = page; window.totalPages = totalPages; - + let num = (page - 1) * pageSize; function renderData(page) { if (page < 1 || page > totalPages) return; window.page = page; const pageSize = window.pageSize; const dataContainer = document.getElementById("dataContainer"); - + const dataPage = document.getElementById("dataPage"); // 清空数据容器 // dataContainer.innerHTML = ""; // 计算当前页起始索引和结束索引 const startIndex = (page - 1) * pageSize; const endIndex = startIndex + pageSize; - + let num = (page - 1) * pageSize; // 截取当前页的数据 const currentPageData = data.slice(startIndex, endIndex); window.currentPageData = currentPageData; const itemsTpl = currentPageData - .map( - (item) => ` + .map((item) => { + return `
- - ${ + ${++num} + ${( item.extData.deviceName || item.extData.warningTitle || item.config?.item.title - } + ).replace("G35 ", "")}
- ` - ) + `; + }) .join(""); // 渲染当前页数据 dataContainer.innerHTML = itemsTpl; + dataPage.innerHTML = `第${page}页`; bindItemClick(); } @@ -170,12 +171,12 @@ export class MarkerCluster { .map( (item) => `
- - ${ + ${++num} + ${( item.extData.deviceName || item.extData.warningTitle || item.config?.item.title - } + ).replace("G35 ", "")}
` ) @@ -186,6 +187,7 @@ export class MarkerCluster { ? `
+ 第${page} 页
` : ""