Merge branch 'main' of git.zdool.com:xs/ggfwjsc
This commit is contained in:
commit
cffd7469cf
|
|
@ -29,13 +29,17 @@ const reset_font = () => {
|
||||||
document.querySelector(".header_content").style.transformOrigin = "top left";
|
document.querySelector(".header_content").style.transformOrigin = "top left";
|
||||||
document.querySelector(".header_content").style.transform =
|
document.querySelector(".header_content").style.transform =
|
||||||
"scale(" + width / 1920 + "," + height / 1080 + ")";
|
"scale(" + width / 1920 + "," + height / 1080 + ")";
|
||||||
|
if(
|
||||||
document.querySelector(".left").style.transformOrigin = "bottom left";
|
document.querySelector(".left").style){
|
||||||
|
document.querySelector(".left").style.transformOrigin = "bottom left";
|
||||||
document.querySelector(".left").style.transform =
|
document.querySelector(".left").style.transform =
|
||||||
"scale(" + width / 1920 + "," + height / 1080 + ")";
|
"scale(" + width / 1920 + "," + height / 1080 + ")";
|
||||||
document.querySelector(".right").style.transformOrigin = "bottom right";
|
document.querySelector(".right").style.transformOrigin = "bottom right";
|
||||||
document.querySelector(".right").style.transform =
|
document.querySelector(".right").style.transform =
|
||||||
"scale(" + width / 1920 + "," + height / 1080 + ")";
|
"scale(" + width / 1920 + "," + height / 1080 + ")";
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
reset_font();
|
reset_font();
|
||||||
|
|
|
||||||
|
|
@ -3,89 +3,66 @@
|
||||||
<teleport to="body">
|
<teleport to="body">
|
||||||
<div id="map" style="width: 100vw; height: 100vh; "></div>
|
<div id="map" style="width: 100vw; height: 100vh; "></div>
|
||||||
<div class="left" style="width: 517px;">
|
<div class="left" style="width: 517px;">
|
||||||
<div class="lyx">
|
<div class="lyx">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<div class="title_name">{{ title_choose }}</div>
|
<div class="title_name">{{ title_choose }}</div>
|
||||||
<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="changeRs(item.id)" :key="index">
|
||||||
v-for="(item, index) in personTotal"
|
<div class="content_item_name">{{ item.name }}</div>
|
||||||
:class="{ choose: item.id == choose.person }"
|
<div class="content_item_value">{{ item.value }}</div>
|
||||||
@click="changeRs(item.id)"
|
</div>
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<div class="content_item_name">{{ item.name }}</div>
|
|
||||||
<div class="content_item_value">{{ item.value }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="tsbq">
|
||||||
<div class="tsbq">
|
<div class="title">
|
||||||
<div class="title">
|
<div class="title_name">特殊标签</div>
|
||||||
<div class="title_name">特殊标签</div>
|
<div class="title_line"></div>
|
||||||
<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_name">{{ item.name }}</div>
|
|
||||||
<div class="content_item_value">{{ item.value }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="content">
|
||||||
</div>
|
<div class="content_item" v-for="(item, index) in tsbqTotal" :class="{ choose: item.id == choose.bq }"
|
||||||
</div>
|
@click="changebq(item.id)" :key="index">
|
||||||
<div class="right" style="width: 517px;" >
|
<div class="content_item_name">{{ item.name }}</div>
|
||||||
<div class="jbggfwq">
|
<div class="content_item_value">{{ item.value }}</div>
|
||||||
<div class="title">
|
|
||||||
<div class="title_name">基本公共服务圈</div>
|
|
||||||
<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_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)"
|
|
||||||
>
|
|
||||||
{{ itemm.name }}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="zyys">
|
<div class="right" style="width: 517px;">
|
||||||
<div class="title">
|
<div class="jbggfwq">
|
||||||
<div class="title_name">资源要素</div>
|
<div class="title">
|
||||||
<div class="title_line"></div>
|
<div class="title_name">基本公共服务圈</div>
|
||||||
|
<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_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)">
|
||||||
|
{{ itemm.name }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="zyys_content">
|
<div class="zyys">
|
||||||
<div
|
<div class="title">
|
||||||
class="zyys_content_item"
|
<div class="title_name">资源要素</div>
|
||||||
v-for="(item, index) in yaosuTotal"
|
<div class="title_line"></div>
|
||||||
:class="{ choose: item.id == choose.yaosu, wz: item.wz == true }"
|
</div>
|
||||||
@click="changeys(item.id)"
|
<div class="zyys_content">
|
||||||
: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" />
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</teleport>
|
||||||
</teleport>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -408,7 +385,7 @@ const addPolygonCounty = () => {
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
//添加街道名
|
//添加街道名
|
||||||
|
|
||||||
const addJd = () => {
|
const addJd = () => {
|
||||||
mapTownCount.map((item, index) => {
|
mapTownCount.map((item, index) => {
|
||||||
createCustomOverlayJd(item, index);
|
createCustomOverlayJd(item, index);
|
||||||
|
|
@ -1661,17 +1638,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;
|
||||||
|
|
@ -1829,17 +1802,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;
|
||||||
|
|
@ -1889,8 +1858,10 @@ onMounted(() => {
|
||||||
background: rgba(124, 151, 180, 0.8);
|
background: rgba(124, 151, 180, 0.8);
|
||||||
// padding: 10px;
|
// padding: 10px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
position: relative; /* 必须设置 position 属性以便伪元素定位 */
|
position: relative;
|
||||||
|
/* 必须设置 position 属性以便伪元素定位 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.jbggfwq_content_item_right_item::after {
|
.jbggfwq_content_item_right_item::after {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -1901,6 +1872,7 @@ onMounted(() => {
|
||||||
top: 14px;
|
top: 14px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:nth-child(4n).jbggfwq_content_item_right_item::after {
|
:nth-child(4n).jbggfwq_content_item_right_item::after {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue