[Frontend]歷史資料點選校區後全選

This commit is contained in:
Celeste 2023-08-29 16:26:58 +08:00
parent 96c3c2426f
commit ae11ca8e81

View File

@ -1063,6 +1063,7 @@
//選擇棟別 //選擇棟別
function SelectBuild(e, building_tag) { function SelectBuild(e, building_tag) {
console.log(building_tag)
if (SelectBuildings.includes(building_tag)) { if (SelectBuildings.includes(building_tag)) {
SelectBuildings = SelectBuildings.filter((bui) => bui !== building_tag); SelectBuildings = SelectBuildings.filter((bui) => bui !== building_tag);
} else { } else {
@ -1174,7 +1175,6 @@
return; return;
} }
if (rel.data && rel.data.length > 0) { if (rel.data && rel.data.length > 0) {
console.log("getSchoolZone", rel);
let htmlStr = ""; let htmlStr = "";
rel.data.forEach(({ system_key, system_value }) => { rel.data.forEach(({ system_key, system_value }) => {
htmlStr += ` htmlStr += `
@ -1201,22 +1201,25 @@
$(event.target).addClass("active"); $(event.target).addClass("active");
SelectBuildings = []; SelectBuildings = [];
} else if (event.target.tagName === "INPUT") { } else if (event.target.tagName === "INPUT") {
console.log();
school_zone = event.target.value; school_zone = event.target.value;
getbuildings(school_zone); getbuildings(school_zone);
} }
}); });
function getbuildings(value) { function getbuildings(value) {
var html = ""; const selectZoneBui = pageAct.buildList.filter(
for (let building of pageAct.buildList.filter(
({ school_zone }) => school_zone === value ({ school_zone }) => school_zone === value
)) { );
html += `<label class="btn btn-outline-success waves-effect waves-themed"> let html = "";
for (let building of selectZoneBui) {
html += `<label class="btn btn-outline-success waves-effect waves-themed active">
<input type="checkbox" name="buildingRadio" id="radio_${building.building_tag}" value="${building.building_tag}" onChange="SelectBuild(this,'${building.building_tag}')"> ${building.full_name} <input type="checkbox" name="buildingRadio" id="radio_${building.building_tag}" value="${building.building_tag}" onChange="SelectBuild(this,'${building.building_tag}')"> ${building.full_name}
</label>`; </label>`;
} }
$("#building").find(".item").empty(); $("#building").find(".item").empty();
$("#building").find(".item").append(html); $("#building").find(".item").append(html);
SelectBuildings = []; console.log(selectZoneBui.map(({ building_tag }) => building_tag))
SelectBuildings = selectZoneBui.map(({ building_tag }) => building_tag);
} }
</script> </script>