diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index ba7957d..10c16f3 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -154,6 +154,8 @@ const sfdd = ref(false); const xuanzhongCs = ref([]); //存放街道 const cfJd = ref(""); +//存放村社 +const cfCs = ref(""); //村社颜色列表 const colorList = [ { @@ -189,7 +191,8 @@ const csh = () => { xuanzhongCs.value = []; sfdd.value = false; title_choose.value = ""; - cfjiedao.value = ""; + cfJd.value = ""; + cfCs.value = ""; cs_un_choose_arr.value.forEach((item, index) => { map.removeOverlay(cs_un_choose_arr.value[index]); }); @@ -364,7 +367,7 @@ const xkzCenter = reactive([ }, { name: "大阳家村", - center: [119.16442376733693, 28.89890581872806], + center: [119.16442376733693, 29.89890581872806], number: "50", }, { @@ -480,14 +483,15 @@ const addPolygonCounty = () => { //   console.log(2); // jrcs.value=true; - if (item.name == cfjiedao.value) { + if (item.name == cfJd.value) { // console.log(2222); } else { // console.log(111); - cfjiedao.value = item.name; + cfJd.value = item.name; let jdCenter = []; if (item.name == "溪口镇") { BMAP(); + getDatas("溪口镇", choose.value.person); if (!title_choose.value.includes("溪口镇")) { title_choose.value = title_choose.value + `>${item.name}`; } @@ -538,10 +542,10 @@ const addPolygonCounty = () => { // cs_un_choose_arr.value = []; // cs_dd_arr.value = []; cfJd.value = ""; + cfCs.value = ""; xuanzhongCs.value = []; sfdd.value = false; title_choose.value = ""; - cfjiedao.value = ""; cs_un_choose_arr.value.forEach((item, index) => { map.removeOverlay(cs_un_choose_arr.value[index]); }); @@ -638,9 +642,9 @@ const addPolygonCountyCs = () => { }); map.addOverlay(cs_qk_arr.value[index]); cs_qk_arr.value[index].addEventListener("click", () => { + cfCs.value = item.name; + console.log("cfCs.value", cfCs.value); sfdd.value = true; - console.log(66666666, item.name); - console.log(111, xkzDk); xkzCenter.forEach((a, b) => { if (a.name == item.name) { cs_dd_arr.value.push(a); @@ -675,7 +679,7 @@ const addPolygonCountyCs = () => { DGcreateCs2(item, index); }); } - + getDatas2(cfJd.value, choose.value.person, cfCs.value); console.log("chooseCsList.value", chooseCsList.value); console.log("unChooseList.value", unChooseList.value); addCsChoose(); @@ -728,6 +732,7 @@ const addCsUnChoose = () => { }); map.addOverlay(cs_un_choose_arr.value[index]); cs_un_choose_arr.value[index].addEventListener("click", () => { + cfCs.value = item.name; sfdd.value = true; cs_dd_arr.value.forEach((item, index) => { map.removeOverlay(cs_dd_arr.value[index]); @@ -770,6 +775,7 @@ const addCsUnChoose = () => { DGcreateCs2(item, index); }); } + getDatas2(cfJd.value, choose.value.person, cfCs.value); addCsChoose(); addCsUnChoose(); }); @@ -825,7 +831,7 @@ const createCustomOverlayJd2 = (polygon, indexx) => { content.style.flexDirection = "column"; content.style.alignItems = "center"; content.style.zIndex = BMapGL.Overlay.getZIndex(this.point.lat); - content.style.height = "30px"; + content.style.height = "30px"; content.style.width = "30px"; var div = document.createElement("div"); div.style.color = "#333"; @@ -903,8 +909,8 @@ const createCs2 = (polygon, indexx) => { content.style.flexDirection = "column"; content.style.alignItems = "center"; content.style.zIndex = BMapGL.Overlay.getZIndex(this.point.lat); - content.style.height = "45px"; - content.style.width = "45px"; + content.style.height = "60px"; + content.style.width = "60px"; var div = document.createElement("div"); div.style.color = "#333"; div.style.whiteSpace = "nowrap"; @@ -964,8 +970,8 @@ const createCs = (polygon, indexx) => { content.style.display = "flex"; content.style.flexDirection = "column"; content.style.alignItems = "center"; - content.style.height = "45px"; - content.style.width = "45px"; + content.style.height = "60px"; + content.style.width = "60px"; content.style.zIndex = BMapGL.Overlay.getZIndex(this.point.lat); var div = document.createElement("div"); @@ -1018,8 +1024,8 @@ const DGcreateCs = (polygon, indexx) => { content.style.display = "flex"; content.style.flexDirection = "column"; content.style.alignItems = "center"; - content.style.height = "40px"; - content.style.width = "40px"; + content.style.height = "60px"; + content.style.width = "60px"; content.style.zIndex = BMapGL.Overlay.getZIndex(this.point.lat); var div = document.createElement("div"); @@ -1071,8 +1077,8 @@ const DGcreateCs2 = (polygon, indexx) => { content.style.display = "flex"; content.style.flexDirection = "column"; content.style.alignItems = "center"; - content.style.height = "40px"; - content.style.width = "40px"; + content.style.height = "60px"; + content.style.width = "60px"; content.style.zIndex = BMapGL.Overlay.getZIndex(this.point.lat); var div = document.createElement("div"); @@ -1139,7 +1145,7 @@ const createCustomOverlay = (polygon, indexx) => { content.style.display = "flex"; content.style.flexDirection = "column"; content.style.alignItems = "center"; - content.style.height = "40px"; + content.style.height = "40px"; content.style.width = "40px"; content.style.zIndex = BMapGL.Overlay.getZIndex(this.point.lat); @@ -2101,7 +2107,8 @@ const getDatas = async (e, i) => { .get(`/api/ggfwyth/ysyzt/getCssrksl?town=${e}&age=${i || ""}`) .then((res) => { if (res.code == 200) { - if (cfJd.value !== "") { + if (cfCs.value != "") { + } else if (cfJd.value !== "") { personTotal.value = [ { id: "0", @@ -2173,9 +2180,11 @@ const getDatas = async (e, i) => { } }); }; -const getDatas2 = async (e, i) => { +const getDatas2 = async (e, i, cs) => { await http - .get(`/api/ggfwyth/ysyzt/getCssrksl?town=${e}&age=${i || ""}`) + .get( + `/api/ggfwyth/ysyzt/getCssrksl?town=${e}&age=${i || ""}&committee=${cs}` + ) .then((res) => { if (res.code == 200) { personTotal.value = [