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

gx

This commit is contained in:
duanxiaohai 2024-07-24 18:45:25 +08:00
parent b3336a9a16 1129f1a555
commit 0819d00921
1 changed files with 44 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
src/view/sy_map.vue
View File

@ -11,13 +11,8 @@
<div class="title_line"></div>
</div>
<div class="content">
<div
class="content_item"
v-for="(item, index) in personTotal"
:class="{ choose: item.id == choose.person }"
@click="getData(item.id, item.age)"
:key="index"
>
<div class="content_item" v-for="(item, index) in personTotal" :class="{ choose: item.id == choose.person }"
@click="getData(item.id, item.age), getDatas('溪口镇', item.age)" :key="index">
<div class="content_item_name">{{ item.ages }}</div>
<div class="content_item_value">{{ item.rksl }}</div>
</div>
@ -29,13 +24,8 @@
<div class="title_line"></div>
</div>
<div class="content">
<div
class="content_item"
v-for="(item, index) in tsbqTotal"
:class="{ choose: item.id == choose.bq }"
@click="changebq(item.id)"
:key="index"
>
<div class="content_item" v-for="(item, index) in tsbqTotal" :class="{ choose: item.id == choose.bq }"
@click="changebq(item.id)" :key="index">
<div class="content_item_name">{{ item.name }}</div>
<div class="content_item_value">{{ item.value }}</div>
</div>
@ -49,19 +39,11 @@
<div class="title_line"></div>
</div>
<div class="jbggfwq_content">
<div
class="jbggfwq_content_item"
v-for="(item, index) in jbfwqTotal"
:key="index"
>
<div 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_right">
<div
class="jbggfwq_content_item_right_item"
v-for="itemm in item.child"
:class="{ choose: itemm.id == choose.fwq }"
@click="changeFwq(itemm.id, itemm.fwqList, itemm.center)"
>
<div class="jbggfwq_content_item_right_item" v-for="itemm in item.child"
:class="{ choose: itemm.id == choose.fwq }" @click="changeFwq(itemm.id, itemm.fwqList, itemm.center)">
{{ itemm.name }}
</div>
</div>
@ -74,13 +56,8 @@
<div class="title_line"></div>
</div>
<div class="zyys_content">
<div
class="zyys_content_item"
v-for="(item, index) in yaosuTotal"
:class="{ choose: item.id == choose.yaosu, wz: item.wz == true }"
@click="changeys(item.id)"
:key="index"
>
<div class="zyys_content_item" 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" />
<div class="zyys_content_item_right">{{ item.name }}</div>
</div>
@ -142,7 +119,6 @@ const cs_name_arr = ref([]);
const cs_number_name_arr = ref([]);
const cs_choose_arr = ref([]);
const cs_un_choose_arr = ref([]);
//
const cfjiedao = ref("");
const jrcs = ref(false);
const title_choose = ref("");
@ -459,13 +435,13 @@ const addPolygonCounty = () => {
// console.log(11111, item.name);
// if(item.name !== "溪口镇"){
// jrcs.value=false;
// console.log( jrcs.value,'000');
//   jrcs.value=false;
//   console.log( jrcs.value,'000');
// }
// if (jrcs.value && item.name != "溪口镇") {
// console.log(1);
//   console.log(1);
// } else {
// console.log(2);
//   console.log(2);
// jrcs.value=true;
if (item.name == cfjiedao.value) {
@ -1881,7 +1857,6 @@ const getData = async (i, e) => {
personTotal.value[0].rksl = res.data.total;
personTotal.value[0].ages = "总人口";
res.data.age.forEach((item, index) => {
// console.log(index);
personTotal.value.push({
id: index + 1,
rksl: item.rksl,
@ -1898,11 +1873,27 @@ const getData = async (i, e) => {
});
}
});
console.log(mapTownCount, 10001);
if (i) {
changeRs(i);
}
};
const getDatas = async (e, i) => {
await http.get(`/api/ggfwyth/ysyzt/getCssrksl?town=${e}&age=${i || null}`).then((res) => {
if (res.code == 200) {
res.data.committee.map((item) => {
xkzCenter.map((items) => {
if (item.committee == items.name) {
items.number = item.rksl
}
})
})
console.log(xkzCenter);
}
});
};
const reset_font = () => {
let width = document.documentElement.clientWidth || document.body.clientWidth;
let height =
@ -1923,6 +1914,7 @@ onMounted(() => {
reset_font();
initMap();
getData();
getDatas('溪口镇', null)
});
</script>
<style lang="scss" scoped>
@ -1950,17 +1942,13 @@ onMounted(() => {
bottom: 0;
width: 520px;
height: 960px;
background: linear-gradient(
270deg,
background: linear-gradient(270deg,
rgba(0, 52, 131, 0.69) 0%,
rgba(0, 32, 83, 0.77) 50%,
rgba(0, 60, 131, 0.74) 100%
),
radial-gradient(
128% 99% at 100% 46%,
rgba(0, 60, 131, 0.74) 100%),
radial-gradient(128% 99% at 100% 46%,
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);
backdrop-filter: blur(3px);
padding: 30px 26px;
@ -2118,17 +2106,13 @@ onMounted(() => {
bottom: 0;
width: 520px;
height: 960px;
background: linear-gradient(
270deg,
background: linear-gradient(270deg,
rgba(0, 52, 131, 0.69) 0%,
rgba(0, 32, 83, 0.77) 50%,
rgba(0, 60, 131, 0.74) 100%
),
radial-gradient(
128% 99% at 100% 46%,
rgba(0, 60, 131, 0.74) 100%),
radial-gradient(128% 99% at 100% 46%,
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);
backdrop-filter: blur(3px);
padding: 30px 26px;
@ -2271,6 +2255,7 @@ onMounted(() => {
/* 为了兼容性，添加渐变背景到IE */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
span {
display: block;
font-family: YouSheBiaoTiHei;
@ -2279,12 +2264,10 @@ onMounted(() => {
// line-height: 44px;
letter-spacing: 4px;
margin-bottom: 15px;
background: linear-gradient(
180deg,
background: linear-gradient(180deg,
#ffffff 0%,
#ffffff 40%,
#00ffff 100%
);
#00ffff 100%);
/* 使文字没有背景颜色的背景 */
background-clip: text;
/* 为了兼容性，添加渐变背景到IE */