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

11

This commit is contained in:
汪汇 2024-07-26 15:30:37 +08:00
parent 6a13af1fbb
commit 97c11bf353
1 changed files with 133 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

203
src/view/sy_map.vue
View File

@ -11,13 +11,8 @@
<div class="title_line"></div> <div class="title_line"></div>
</div> </div>
<div class="content"> <div class="content">
<div <div class="content_item" v-for="(item, index) in personTotal" :class="{ choose: item.id == choose.person }"
class="content_item" @click="buten(item)" :key="index">
v-for="(item, index) in personTotal"
:class="{ choose: item.id == choose.person }"
@click="buten(item)"
:key="index"
>
<div class="content_item_name">{{ item.ages }}</div> <div class="content_item_name">{{ item.ages }}</div>
<div class="content_item_value">{{ item.rksl }}</div> <div class="content_item_value">{{ item.rksl }}</div>
</div> </div>
@ -29,13 +24,8 @@
<div class="title_line"></div> <div class="title_line"></div>
</div> </div>
<div class="content"> <div class="content">
<div <div class="content_item" v-for="(item, index) in tsbqTotal" :class="{ choose: item.id == choose.person }"
class="content_item" @click="buten2(item)" :key="index">
v-for="(item, index) in tsbqTotal"
:class="{ choose: item.id == choose.person }"
@click="buten2(item)"
:key="index"
>
<div class="content_item_name">{{ item.name }}</div> <div class="content_item_name">{{ item.name }}</div>
<div class="content_item_value">{{ item.rksl }}</div> <div class="content_item_value">{{ item.rksl }}</div>
</div> </div>
@ -49,19 +39,11 @@
<div class="title_line"></div> <div class="title_line"></div>
</div> </div>
<div class="jbggfwq_content"> <div class="jbggfwq_content">
<div <div class="jbggfwq_content_item" v-for="(item, index) in jbfwqTotal" :key="index">
class="jbggfwq_content_item"
v-for="(item, index) in jbfwqTotal"
:key="index"
>
<div class="jbggfwq_content_item_left">{{ item.name }}</div> <div class="jbggfwq_content_item_left">{{ item.name }}</div>
<div class="jbggfwq_content_item_right"> <div class="jbggfwq_content_item_right">
<div <div class="jbggfwq_content_item_right_item" v-for="itemm in item.child"
class="jbggfwq_content_item_right_item" :class="{ choose: itemm.id == choose.fwq }" @click="changeFwq(itemm.id, itemm.fwqList, itemm.center)">
v-for="itemm in item.child"
:class="{ choose: itemm.id == choose.fwq }"
@click="changeFwq(itemm.id, itemm.fwqList, itemm.center)"
>
{{ itemm.name }} {{ itemm.name }}
</div> </div>
</div> </div>
@ -74,13 +56,8 @@
<div class="title_line"></div> <div class="title_line"></div>
</div> </div>
<div class="zyys_content"> <div class="zyys_content">
<div <div class="zyys_content_item" v-for="(item, index) in yaosuTotal"
class="zyys_content_item" :class="{ choose: item.id == choose.yaosu, wz: item.wz == true }" @click="changeys(item.id)" :key="index">
v-for="(item, index) in yaosuTotal"
:class="{ choose: item.id == choose.yaosu, wz: item.wz == true }"
@click="changeys(item.id)"
:key="index"
>
<img :src="item.img" class="zyys_content_item_left" /> <img :src="item.img" class="zyys_content_item_left" />
<div class="zyys_content_item_right">{{ item.name }}</div> <div class="zyys_content_item_right">{{ item.name }}</div>
</div> </div>
@ -209,6 +186,10 @@ const tsbq_id_total = ref([
name: "退役军人", name: "退役军人",
id: "tyjr", id: "tyjr",
}, },
{
name: "困难儿童",
id: "kjer",
},
]); ]);
//点击龙游县初始化 //点击龙游县初始化
const csh = () => { const csh = () => {
@ -423,7 +404,6 @@ var map = null;
// 鼠标点击添加点位 // 鼠标点击添加点位
let currentMarker = null; // 用于保存当前标记的引用 let currentMarker = null; // 用于保存当前标记的引用
const markera = (e) => { const markera = (e) => {
// console.log(`${e.latlng.lng},${e.latlng.lat} `, "name");
// 检查并移除当前标记 // 检查并移除当前标记
if (currentMarker !== null) { if (currentMarker !== null) {
map.removeOverlay(currentMarker); map.removeOverlay(currentMarker);
@ -522,7 +502,12 @@ const addPolygonCounty = () => {
if (choose.value.person == 0) { if (choose.value.person == 0) {
getDatas("溪口镇", ""); getDatas("溪口镇", "");
getDataBq(cfJd.value, ""); getDataBq(cfJd.value, "");
} 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") {
getDataBq(cfJd.value, "");
getDataBqs2(cfJd.value, '', choose.value.person,);
console.log(3);
} else { } else {
console.log(4);
getDatas("溪口镇", choose.value.person); getDatas("溪口镇", choose.value.person);
} }
@ -597,12 +582,11 @@ const addJd = () => {
}; };
//添加街道名2含数量 //添加街道名2含数量
const addJd2 = () => { const addJd2 = () => {
// if (center_now.value[0] == 119.178783) { nextTick(() => {
// goMapCenter([119.178783, 29.034581], 11);
// }
mapTownCount.map((item, index) => { mapTownCount.map((item, index) => {
createCustomOverlayJd2(item, index); createCustomOverlayJd2(item, index);
}); });
})
// if (center_now.value[0] == 119.178783) { // if (center_now.value[0] == 119.178783) {
// goMapCenter([119.178783, 29.034581], 11); // goMapCenter([119.178783, 29.034581], 11);
@ -684,7 +668,15 @@ const addPolygonCountyCs = () => {
DGcreateCs2(item, index); DGcreateCs2(item, index);
}); });
} }
getDatas2(cfJd.value, choose.value.person, 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") {
console.log(1, '溪口镇');
getDataBqs2(cfJd.value, cfCs.value, '');
} else {
console.log(2, '溪口镇');
getDatas2('溪口镇', choose.value.person, cfCs.value);
}
addCsChoose(); addCsChoose();
addCsUnChoose(); addCsUnChoose();
}); });
@ -760,7 +752,6 @@ const addCsUnChoose = () => {
xkzCenter.forEach((a, b) => { xkzCenter.forEach((a, b) => {
if (a.name == item.name) { if (a.name == item.name) {
cs_dd_arr.value.push(a); cs_dd_arr.value.push(a);
console.log("44444444444", a);
xuanzhongCs.value.push(a); xuanzhongCs.value.push(a);
} }
}); });
@ -889,10 +880,11 @@ const createCustomOverlayJd2 = (polygon, indexx) => {
} }
let num = ""; let num = "";
if (choose.value.person == "6666") { if (choose.value.person == "6666") {
console.log(11111);
num = "swrs"; num = "swrs";
} 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 { } else {
console.log(222222);
num = "number"; num = "number";
} }
jdm_number_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { jdm_number_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, {
@ -906,6 +898,7 @@ const createCustomOverlayJd2 = (polygon, indexx) => {
}, },
}); });
map.addOverlay(jdm_number_arr.value[indexx]); map.addOverlay(jdm_number_arr.value[indexx]);
}; };
//创建村社 //创建村社
const addCs = () => { const addCs = () => {
@ -970,6 +963,9 @@ const createCs2 = (polygon, indexx) => {
let num = ""; let num = "";
if (choose.value.person == "6666") { if (choose.value.person == "6666") {
num = "swrs"; num = "swrs";
} 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 { } else {
num = "number"; num = "number";
} }
@ -1147,6 +1143,9 @@ const DGcreateCs2 = (polygon, indexx) => {
let num = ""; let num = "";
if (choose.value.person == "6666") { if (choose.value.person == "6666") {
num = "swrs"; num = "swrs";
} 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 { } else {
num = "number"; num = "number";
} }
@ -1286,8 +1285,10 @@ const changeRs = (id) => {
jdm_number_arr.value.forEach((item, index) => { jdm_number_arr.value.forEach((item, index) => {
map.removeOverlay(jdm_number_arr.value[index]); map.removeOverlay(jdm_number_arr.value[index]);
}); });
console.log(1);
addJd(); addJd();
} else { } else {
console.log(2);
choose.value.person = id; choose.value.person = id;
jdm_arr.value.forEach((item, index) => { jdm_arr.value.forEach((item, index) => {
map.removeOverlay(jdm_arr.value[index]); map.removeOverlay(jdm_arr.value[index]);
@ -1298,6 +1299,16 @@ const changeRs = (id) => {
addJd2(); addJd2();
} }
}; };
const changeRs2 = (id) => {
choose.value.person = id;
jdm_arr.value.forEach((item, index) => {
map.removeOverlay(jdm_arr.value[index]);
});
jdm_number_arr.value.forEach((item, index) => {
map.removeOverlay(jdm_number_arr.value[index]);
});
addJd2();
};
const changebq = (id) => { const changebq = (id) => {
if (choose.value.person == id) { if (choose.value.person == id) {
choose.value.person = ""; choose.value.person = "";
@ -2073,7 +2084,6 @@ const buten = async (item) => {
getDatas("溪口镇", item.age); getDatas("溪口镇", item.age);
}; };
const buten2 = async (item) => { const buten2 = async (item) => {
console.log(item.id);
// getDataBq(item.id, item.age); // getDataBq(item.id, item.age);
// getDatas("溪口镇", item.age); // getDatas("溪口镇", item.age);
getDataBqs(cfJd.value, cfCs.value, item.id); getDataBqs(cfJd.value, cfCs.value, item.id);
@ -2121,7 +2131,6 @@ const getData = async (i, e) => {
} }
}); });
}); });
console.log(mapTownCount);
mapTownCount.map((item) => { mapTownCount.map((item) => {
item.number = 0; item.number = 0;
res.data.town.map((items) => { res.data.town.map((items) => {
@ -2186,7 +2195,6 @@ const getDatas = async (e, i) => {
} }
}); });
}); });
console.log(xkzCenter);
xkzCenter.map((item) => { xkzCenter.map((item) => {
item.number = 0; item.number = 0;
@ -2237,6 +2245,9 @@ const getDatas = async (e, i) => {
}); });
}; };
const getDatas2 = async (e, i, cs) => { const getDatas2 = async (e, i, cs) => {
if (i == "cjr" || i == "dibian" || i == "db" || i == "gxy" || i == "tnb" || i == "tyjr" || i == "kjer") {
i = ''
}
await http await http
.get( .get(
`/api/ggfwyth/ysyzt/getCssrksl?town=${e}&age=${i || ""}&committee=${cs}` `/api/ggfwyth/ysyzt/getCssrksl?town=${e}&age=${i || ""}&committee=${cs}`
@ -2286,9 +2297,7 @@ const getDataBq = async (jd, cs) => {
await http await http
.get(`/api/ggfwyth/ysyzt/getTsbq?csq=${cs || ""}&xzjd=${jd || ""}`) .get(`/api/ggfwyth/ysyzt/getTsbq?csq=${cs || ""}&xzjd=${jd || ""}`)
.then((res) => { .then((res) => {
console.log(66666666666);
if (res.code == 200) { if (res.code == 200) {
if (cfJd.value == "") {
tsbqTotal.value.length = 0; tsbqTotal.value.length = 0;
for (let name in res.data) { for (let name in res.data) {
let idd = ""; let idd = "";
@ -2303,28 +2312,52 @@ const getDataBq = async (jd, cs) => {
rksl: res.data[name], rksl: res.data[name],
}); });
} }
console.log(1111111111, tsbqTotal.value);
// res.data.forEach((item, index) => {
// tsbqTotal.value.push({
// id: index + 1,
// rksl: item.rksl,
// age: item.age + "",
// ages: item.age + "岁",
// });
// });
}
// mapTownCount.map((item) => {
// item.number = 0;
// res.data.town.map((items) => {
// if (items.town == item.name) {
// item.number = items.rksl;
// }
// });
// });
} }
}); });
}; };
const getDataBqs = async (jd, cs, bq) => { const getDataBqs = async (jd, cs, bq) => {
let data = {};
let vv = 0;
if (cs == "" && jd == "") {
data = {
tsbq: bq,
};
vv = 1;
} else if (cs == "") {
data = {
xzjd: jd,
tsbq: bq,
};
vv = 2;
} else {
data = {
xzjd: jd,
tsbq: bq,
csq: cs,
};
vv = 3;
}
await http.get(`/api/ggfwyth/ysyzt/getTsbqByXzjdOrCsq`, data).then((res) => {
if (res.code == 200) {
mapTownCount.map((item) => {
item.numbers = 0;
res.data.map((items) => {
if (items.xzjd == item.name) {
item.numbers = items.rs;
}
});
});
console.log(mapTownCount, 'mapTownCount');
changeRs2(bq);
if (jd) {
addCs2();
}
}
});
};
const getDataBqs2 = async (jd, cs, bq) => {
let data = {}; let data = {};
let vv = 0; let vv = 0;
if (cs == "" && jd == "") { if (cs == "" && jd == "") {
@ -2358,17 +2391,17 @@ const getDataBqs = async (jd, cs, bq) => {
// }); // });
// }); // });
// } // }
if (vv == 1) { xkzCenter.map((item) => {
mapTownCount.map((item) => { item.numbers = 0;
item.number = 0;
res.data.map((items) => { res.data.map((items) => {
if (items.xzjd == item.name) { if (items.csq == item.name) {
item.number = items.rs; item.numbers = items.rs;
} }
}); });
}); });
} console.log(mapTownCount);
changeRs(bq); changeRs2(bq);
addCs2();
} }
}); });
}; };
@ -2422,17 +2455,13 @@ onMounted(() => {
bottom: 0; bottom: 0;
width: 520px; width: 520px;
height: 960px; height: 960px;
background: linear-gradient( background: linear-gradient(270deg,
270deg,
rgba(0, 52, 131, 0.69) 0%, rgba(0, 52, 131, 0.69) 0%,
rgba(0, 32, 83, 0.77) 50%, rgba(0, 32, 83, 0.77) 50%,
rgba(0, 60, 131, 0.74) 100% rgba(0, 60, 131, 0.74) 100%),
), radial-gradient(128% 99% at 100% 46%,
radial-gradient(
128% 99% at 100% 46%,
rgba(0, 48, 125, 0.29) 0%, rgba(0, 48, 125, 0.29) 0%,
rgba(0, 61, 134, 0.42) 100% rgba(0, 61, 134, 0.42) 100%);
);
box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5); box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
padding: 30px 26px; padding: 30px 26px;
@ -2604,17 +2633,13 @@ onMounted(() => {
bottom: 0; bottom: 0;
width: 520px; width: 520px;
height: 960px; height: 960px;
background: linear-gradient( background: linear-gradient(270deg,
270deg,
rgba(0, 52, 131, 0.69) 0%, rgba(0, 52, 131, 0.69) 0%,
rgba(0, 32, 83, 0.77) 50%, rgba(0, 32, 83, 0.77) 50%,
rgba(0, 60, 131, 0.74) 100% rgba(0, 60, 131, 0.74) 100%),
), radial-gradient(128% 99% at 100% 46%,
radial-gradient(
128% 99% at 100% 46%,
rgba(0, 48, 125, 0.29) 0%, rgba(0, 48, 125, 0.29) 0%,
rgba(0, 61, 134, 0.42) 100% rgba(0, 61, 134, 0.42) 100%);
);
box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5); box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
padding: 30px 26px; padding: 30px 26px;
@ -2771,12 +2796,10 @@ onMounted(() => {
// line-height: 44px; // line-height: 44px;
letter-spacing: 4px; letter-spacing: 4px;
margin-bottom: 15px; margin-bottom: 15px;
background: linear-gradient( background: linear-gradient(180deg,
180deg,
#ffffff 0%, #ffffff 0%,
#ffffff 40%, #ffffff 40%,
#00ffff 100% #00ffff 100%);
);
/* 使文字没有背景颜色的背景 */ /* 使文字没有背景颜色的背景 */
background-clip: text; background-clip: text;
/* 为了兼容性，添加渐变背景到IE */ /* 为了兼容性，添加渐变背景到IE */