xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-07-26 18:45:34 +08:00
parent c7acd8d501
commit 1b46a95682
1 changed files with 288 additions and 250 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

538
src/view/sy_map.vue
View File

@ -264,7 +264,7 @@ const csh = () => {
}
goMapCenter([119.178783, 29.034583], 11);
getData();
getDataBq()
getDataBq();
};
//选中社区
const chooseCsList = ref([]);
@ -574,7 +574,7 @@ const addPolygonCounty = () => {
choose.value.person == "kjer"
) {
getDataBq(cfJd.value, "");
getDataBqs2(cfJd.value, cfCs.value, choose.value.person,);
getDataBqs2(cfJd.value, cfCs.value, choose.value.person);
console.log(3);
} else {
console.log(4);
@ -635,8 +635,7 @@ const addPolygonCounty = () => {
cs_un_choose_arr.value = [];
cs_dd_arr.value = [];
getData();
getDataBq()
getDataBq();
}
}
@ -741,13 +740,21 @@ const addPolygonCountyCs = () => {
DGcreateCs2(item, index);
});
}
if (choose.value.person == "cjr" || choose.value.person == "dibian" || choose.value.person == "db" || choose.value.person == "gxy" || choose.value.person == "tnb" || choose.value.person == "tyjr" || choose.value.person == "kjer") {
getDataBq(cfJd.value, cfCs.value)
if (
choose.value.person == "cjr" ||
choose.value.person == "dibian" ||
choose.value.person == "db" ||
choose.value.person == "gxy" ||
choose.value.person == "tnb" ||
choose.value.person == "tyjr" ||
choose.value.person == "kjer"
) {
getDataBq(cfJd.value, cfCs.value);
getDataBqs2(cfJd.value, cfCs.value, choose.value.person);
} else {
console.log(2, '溪口镇');
getDataBqs(cfJd.value, cfCs.value)
getDatas2('溪口镇', choose.value.person, cfCs.value);
console.log(2, "溪口镇");
getDataBqs(cfJd.value, cfCs.value);
getDatas2("溪口镇", choose.value.person, cfCs.value);
getDatas2("溪口镇", choose.value.person, cfCs.value);
}
@ -839,7 +846,7 @@ const addCsUnChoose = () => {
cs_un_choose_arr.value.forEach((item, index) => {
map.removeOverlay(cs_qk_arr.value[index]);
});
getDataBqs(cfJd.value, cfCs.value)
getDataBqs(cfJd.value, cfCs.value);
getDatas2(cfJd.value, choose.value.person, cfCs.value);
if (choose.value.person == "") {
cs_dd_arr.value.map((item, index) => {
@ -957,7 +964,15 @@ const createCustomOverlayJd2 = (polygon, indexx) => {
if (choose.value.person == "6666") {
console.log(1);
num = "swrs";
} else if (choose.value.person == "cjr" || choose.value.person == "dibian" || choose.value.person == "db" || choose.value.person == "gxy" || choose.value.person == "tnb" || choose.value.person == "tyjr" || choose.value.person == "kjer") {
} else if (
choose.value.person == "cjr" ||
choose.value.person == "dibian" ||
choose.value.person == "db" ||
choose.value.person == "gxy" ||
choose.value.person == "tnb" ||
choose.value.person == "tyjr" ||
choose.value.person == "kjer"
) {
num = "numbers";
} else {
num = "number";
@ -1037,7 +1052,15 @@ const createCs2 = (polygon, indexx) => {
let num = "";
if (choose.value.person == "6666") {
num = "swrs";
} else if (choose.value.person == "cjr" || choose.value.person == "dibian" || choose.value.person == "db" || choose.value.person == "gxy" || choose.value.person == "tnb" || choose.value.person == "tyjr" || choose.value.person == "kjer") {
} else if (
choose.value.person == "cjr" ||
choose.value.person == "dibian" ||
choose.value.person == "db" ||
choose.value.person == "gxy" ||
choose.value.person == "tnb" ||
choose.value.person == "tyjr" ||
choose.value.person == "kjer"
) {
num = "numbers";
} else {
num = "number";
@ -1216,7 +1239,15 @@ const DGcreateCs2 = (polygon, indexx) => {
let num = "";
if (choose.value.person == "6666") {
num = "swrs";
} else if (choose.value.person == "cjr" || choose.value.person == "dibian" || choose.value.person == "db" || choose.value.person == "gxy" || choose.value.person == "tnb" || choose.value.person == "tyjr" || choose.value.person == "kjer") {
} else if (
choose.value.person == "cjr" ||
choose.value.person == "dibian" ||
choose.value.person == "db" ||
choose.value.person == "gxy" ||
choose.value.person == "tnb" ||
choose.value.person == "tyjr" ||
choose.value.person == "kjer"
) {
num = "numbers";
} else {
num = "number";
@ -1412,7 +1443,6 @@ const changeFwq = (id, list, center, name, names) => {
if (choose.value.fwq == id) {
// chooseArr.value = chooseArr.value.filter((item) => item !== "fwq");
choose.value.fwq = 9999;
console.log(11);
csh();
addPolygonCounty();
setTimeout(() => {
@ -1423,18 +1453,18 @@ const changeFwq = (id, list, center, name, names) => {
map.removeOverlay(fwq_list_arr.value[index]);
});
} else {
getServiceCircle(names, name);
console.log(jbfwqTotal.value[4].child[0], "乡镇");
choose.value.fwq = id;
fwqList.value = list;
getServiceCircle(names, name);
// 清空地图上所有的覆盖物
console.log(22);
map.clearOverlays();
map.clearOverlays();
addggfwq();
setTimeout(() => {
// drawACircle();
addggfwq();
goMapCenter(center, 16);
}, 500);
}, 600);
}
// choose.value.fwq = id;
@ -1687,216 +1717,215 @@ const jbfwqTotal = ref([
name: "新溪社区",
center: [119.1845892, 28.8540481],
fwqList: [
{
name: "溪口幼儿园",
point: [119.1856806, 28.8509359],
bgColor: "#00b050",
img: fwqbg1,
img2: b2,
x: 33,
y: 0,
textColor: "#fff",
padding: "4px 8px 10px",
},
{
name: "衢州学院附属幼儿园",
point: [119.182056, 28.8566857],
bgColor: "#00b050",
img: fwqbg1,
img2: b2,
x: 55,
y: 0,
textColor: "#fff",
padding: "4px 8px 10px",
},
{
name: "溪口中银小学",
point: [119.1845353, 28.8584533],
bgColor: "#00b050",
img: fwqbg1,
img2: b2,
x: 38,
y: 0,
textColor: "#fff",
padding: "4px 8px 10px",
},
{
name: "溪口初中",
point: [119.180978, 28.8525691],
bgColor: "#00b050",
img: fwqbg1,
img2: b2,
x: 33,
y: 0,
textColor: "#fff",
padding: "4px 8px 10px",
},
{
name: "居家养老中心",
point: [119.186287, 28.8491049],
bgColor: "#f4c243",
img: fwqbg5,
img2: b1,
x: 38,
y: 0,
textColor: "#fff",
padding: "4px 8px 10px",
},
{
name: "共享食堂",
point: [119.184706, 28.8563179],
bgColor: "#f4c243",
img: fwqbg5,
img2: b1,
x: 33,
y: 0,
textColor: "#fff",
padding: "4px 8px 10px",
},
{
name: "老年活动中心",
point: [119.1839065, 28.8566106],
bgColor: "#f4c243",
img: fwqbg5,
img2: b1,
x: 38,
y: 0,
textColor: "#fff",
padding: "4px 8px 10px",
},
{
name: "残疾人之家",
point: [119.1862825, 28.8491207],
bgColor: "#f4c243",
img: fwqbg5,
img2: b1,
x: 35,
y: 0,
textColor: "#fff",
padding: "4px 8px 10px",
},
{
name: "智慧篮球场",
point: [119.1839873, 28.8560886],
bgColor: "#00b0f0",
img: fwqbg2,
img2: b3,
x: 34,
y: 50,
textColor: "#fff",
padding: "8px 8px 2px",
},
{
name: "慢行步道",
point: [119.1843107, 28.8510743],
bgColor: "#00b0f0",
img: fwqbg2,
img2: b3,
x: 26,
y: 50,
textColor: "#fff",
padding: "8px 8px 2px",
},
{
name: "文化礼堂",
point: [119.1845532, 28.8562072],
bgColor: "#a1ce63",
img: fwqbg6,
img2: b4,
x: 33,
y: 0,
textColor: "#79B72B",
padding: "4px 8px 10px",
},
{
name: "综合文化站",
point: [119.1845982, 28.8482348],
bgColor: "#a1ce63",
img: fwqbg6,
img2: b4,
x: 35,
y: 0,
textColor: "#79B72B",
padding: "4px 8px 10px",
},
{
name: "共享菜园",
point: [119.1834393, 28.8559858],
bgColor: "#a1ce63",
img: fwqbg6,
img2: b4,
x: 33,
y: 0,
textColor: "#79B72B",
padding: "4px 8px 2px",
},
{
name: "零工市场",
point: [119.1811487, 28.8614348],
bgColor: "#a1ce63",
img: fwqbg6,
img2: b4,
x: 33,
y: 0,
textColor: "#79B72B",
padding: "4px 8px 10px",
},
{
name: "溪口中心医院",
point: [119.1839334, 28.8516437],
bgColor: "#0070c0",
img: fwqbg3,
img2: b5,
x: 10,
y: 50,
textColor: "#fff",
padding: "8px 8px 2px",
},
{
name: "溪口菜市场",
point: [119.1848317, 28.8544673],
bgColor: "#184e32",
img: fwqbg4,
img2: b6,
x: -24,
y: 50,
textColor: "#fff",
padding: "8px 8px 2px",
},
{
name: "大型超市",
point: [119.1845892, 28.8540481],
bgColor: "#184e32",
img: fwqbg4,
img2: b6,
x: -24,
y: 50,
textColor: "#fff",
padding: "8px 8px 2px",
},
{
name: "智慧停车场",
point: [119.1865654, 28.8555824],
bgColor: "#184e32",
img: fwqbg4,
img2: b6,
x: -28,
y: 50,
textColor: "#fff",
padding: "8px 8px 2px",
},
{
name: "溪口镇便民服务中心",
point: [119.1838436, 28.8565473],
bgColor: "#184e32",
img: fwqbg4,
img2: b6,
x: -40,
y: 50,
textColor: "#fff",
padding: "8px 8px 2px",
},
// {
// name: "溪口幼儿园",
// point: [119.1856806, 28.8509359],
// bgColor: "#00b050",
// img: fwqbg1,
// img2: b2,
// x: 33,
// y: 0,
// textColor: "#fff",
// padding: "4px 8px 10px",
// },
// {
// name: "衢州学院附属幼儿园",
// point: [119.182056, 28.8566857],
// bgColor: "#00b050",
// img: fwqbg1,
// img2: b2,
// x: 55,
// y: 0,
// textColor: "#fff",
// padding: "4px 8px 10px",
// },
// {
// name: "溪口中银小学",
// point: [119.1845353, 28.8584533],
// bgColor: "#00b050",
// img: fwqbg1,
// img2: b2,
// x: 38,
// y: 0,
// textColor: "#fff",
// padding: "4px 8px 10px",
// },
// {
// name: "溪口初中",
// point: [119.180978, 28.8525691],
// bgColor: "#00b050",
// img: fwqbg1,
// img2: b2,
// x: 33,
// y: 0,
// textColor: "#fff",
// padding: "4px 8px 10px",
// },
// {
// name: "居家养老中心",
// point: [119.186287, 28.8491049],
// bgColor: "#f4c243",
// img: fwqbg5,
// img2: b1,
// x: 38,
// y: 0,
// textColor: "#fff",
// padding: "4px 8px 10px",
// },
// {
// name: "共享食堂",
// point: [119.184706, 28.8563179],
// bgColor: "#f4c243",
// img: fwqbg5,
// img2: b1,
// x: 33,
// y: 0,
// textColor: "#fff",
// padding: "4px 8px 10px",
// },
// {
// name: "老年活动中心",
// point: [119.1839065, 28.8566106],
// bgColor: "#f4c243",
// img: fwqbg5,
// img2: b1,
// x: 38,
// y: 0,
// textColor: "#fff",
// padding: "4px 8px 10px",
// },
// {
// name: "残疾人之家",
// point: [119.1862825, 28.8491207],
// bgColor: "#f4c243",
// img: fwqbg5,
// img2: b1,
// x: 35,
// y: 0,
// textColor: "#fff",
// padding: "4px 8px 10px",
// },
// {
// name: "智慧篮球场",
// point: [119.1839873, 28.8560886],
// bgColor: "#00b0f0",
// img: fwqbg2,
// img2: b3,
// x: 34,
// y: 50,
// textColor: "#fff",
// padding: "8px 8px 2px",
// },
// {
// name: "慢行步道",
// point: [119.1843107, 28.8510743],
// bgColor: "#00b0f0",
// img: fwqbg2,
// img2: b3,
// x: 26,
// y: 50,
// textColor: "#fff",
// padding: "8px 8px 2px",
// },
// {
// name: "文化礼堂",
// point: [119.1845532, 28.8562072],
// bgColor: "#a1ce63",
// img: fwqbg6,
// img2: b4,
// x: 33,
// y: 0,
// textColor: "#79B72B",
// padding: "4px 8px 10px",
// },
// {
// name: "综合文化站",
// point: [119.1845982, 28.8482348],
// bgColor: "#a1ce63",
// img: fwqbg6,
// img2: b4,
// x: 35,
// y: 0,
// textColor: "#79B72B",
// padding: "4px 8px 10px",
// },
// {
// name: "共享菜园",
// point: [119.1834393, 28.8559858],
// bgColor: "#a1ce63",
// img: fwqbg6,
// img2: b4,
// x: 33,
// y: 0,
// textColor: "#79B72B",
// padding: "4px 8px 2px",
// },
// {
// name: "零工市场",
// point: [119.1811487, 28.8614348],
// bgColor: "#a1ce63",
// img: fwqbg6,
// img2: b4,
// x: 33,
// y: 0,
// textColor: "#79B72B",
// padding: "4px 8px 10px",
// },
// {
// name: "溪口中心医院",
// point: [119.1839334, 28.8516437],
// bgColor: "#0070c0",
// img: fwqbg3,
// img2: b5,
// x: 10,
// y: 50,
// textColor: "#fff",
// padding: "8px 8px 2px",
// },
// {
// name: "溪口菜市场",
// point: [119.1848317, 28.8544673],
// bgColor: "#184e32",
// img: fwqbg4,
// img2: b6,
// x: -24,
// y: 50,
// textColor: "#fff",
// padding: "8px 8px 2px",
// },
// {
// name: "大型超市",
// point: [119.1845892, 28.8540481],
// bgColor: "#184e32",
// img: fwqbg4,
// img2: b6,
// x: -24,
// y: 50,
// textColor: "#fff",
// padding: "8px 8px 2px",
// },
// {
// name: "智慧停车场",
// point: [119.1865654, 28.8555824],
// bgColor: "#184e32",
// img: fwqbg4,
// img2: b6,
// x: -28,
// y: 50,
// textColor: "#fff",
// padding: "8px 8px 2px",
// },
// {
// name: "溪口镇便民服务中心",
// point: [119.1838436, 28.8565473],
// bgColor: "#184e32",
// img: fwqbg4,
// img2: b6,
// x: -40,
// y: 50,
// textColor: "#fff",
// padding: "8px 8px 2px",
// },
],
},
{
@ -2172,27 +2201,37 @@ const buten2 = async (item) => {
getDataBqs(cfJd.value, cfCs.value, item.id);
};
const updateFwqList = (data, townName, communityName) => {
data.forEach((item) => {
if (item.csq === communityName) {
item.fwqList = data.map((item1) => ({
name: item1.zyysmc,
point: [item1.jd, item1.wd],
bgColor: "#00b050",
img: fwqbg1,
img2: b2,
x: 33,
y: 0,
textColor: "#fff",
padding: "4px 8px 10px",
}));
jbfwqTotal.value.forEach((town) => {
if (town.name === townName) {
town.child.forEach((community) => {
if (community.name === communityName) {
community.fwqList = data
.filter(
(item) => item.xzjd === townName && item.csq === communityName
)
.map((item) => ({
name: item.zyysmc,
point: [item.jd, item.wd],
bgColor: "#00b050",
img: fwqbg1,
img2: b2,
x: 33,
y: 0,
textColor: "#fff",
padding: "4px 8px 10px",
}));
}
});
}
});
// console.log(jbfwqTotal.value[4].child[0], "乡镇");
};
const getServiceCircle = async (communityName, townName) => {
try {
const response = await http.get(`/api/ggfwyth/ysyzt/zyysxx?csq=${communityName}&xzjd=${townName}`);
const response = await http.get(
`/api/ggfwyth/ysyzt/zyysxx?csq=${communityName}&xzjd=${townName}`
);
if (response.code === 200) {
console.log(response.data);
updateFwqList(response.data, townName, communityName);
}
} catch (error) {
@ -2351,9 +2390,9 @@ const getDatas = async (e, i) => {
console.log("hhhhh", xkzCenter);
if (choose.value.person == "") {
addCs();
console.log(1, '222222222');
console.log(1, "222222222");
} else {
console.log(2, '222222222');
console.log(2, "222222222");
addCs2();
}
}
@ -2472,11 +2511,11 @@ const getDataBqs = async (jd, cs, bq) => {
}
});
});
console.log(mapTownCount, 'mapTownCount');
console.log(mapTownCount, "mapTownCount");
// changeRs2(bq);
choose.value.person = bq
choose.value.person = bq;
// if (jd) {
getDataBqs2(cfJd.value, cfCs.value, choose.value.person,);
getDataBqs2(cfJd.value, cfCs.value, choose.value.person);
// }
}
});
@ -2558,7 +2597,6 @@ const getDataBqs2 = async (jd, cs, bq) => {
} else {
console.log("hhhhh", xkzCenter);
if (choose.value.person == "") {
addCs();
} else {
addCs2();