Browse Source

feat 分页优化

wangqin
qingzhengli 11 months ago
parent
commit
f3233c2dd4
  1. 20
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js

20
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js

@ -119,7 +119,7 @@ export class MarkerCluster {
const dataContainer = document.getElementById("dataContainer");
// 清空数据容器
dataContainer.innerHTML = "";
// dataContainer.innerHTML = "";
// 计算当前页起始索引和结束索引
const startIndex = (page - 1) * pageSize;
@ -144,6 +144,15 @@ export class MarkerCluster {
.join("");
// 渲染当前页数据
dataContainer.innerHTML = itemsTpl;
window.infoWindow.dom
.querySelectorAll(".info-window-item")
.forEach((item, index) => {
item.onclick = () =>
data[index].config.markerClick?.(
data[index].extData,
data[index].config?.item
);
});
}
window.renderData = renderData;
@ -179,12 +188,17 @@ export class MarkerCluster {
)
.join("")}
</div>
${
totalPages > 1
? `
<div id="paginationContainer" style="text-align:center;margin-bottom:5px;">
<button style="cursor: pointer; background: #00B3CC;border-radius: 8px;border: 0px;" onclick="renderData(window.page-1)">上一页</button>
<button style="cursor: pointer; background: #00B3CC;border-radius: 8px;border: 0px;" onclick="renderData(window.page+1)">下一页</button>
</div>
</div>`
: ""
}
</div>`);
window.infoWindow = this.infoWindow;
this.infoWindow.open(map, data[0].lnglat);
this.infoWindow.dom.querySelector(".info-close").onclick = () =>

Loading…
Cancel
Save