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

gx

This commit is contained in:
duanxiaohai 2024-11-18 13:57:12 +08:00
parent acda64cbfa
commit 73bfc239eb
2 changed files with 55 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip Normal file
View File

Binary file not shown.

71
src/view/sy_map.vue
View File

@ -125,7 +125,7 @@
wz: item.wz == true,
Tsactive: !item.click,
}"
@click="item.click ? changeys(item.name,item.img_width) : ''"
@click="item.click ? changeys(item.name, item.img_width) : ''"
:key="index"
>
<img
@ -247,11 +247,20 @@
</div>
<div
class="btnBj"
:class="{ collapsed: isCollapsed }"
v-if="!showEdit && !dialogShow && !openD"
@click="openqx()"
>
地图权限：
<p :style="{ color: jsqx ? 'green' : 'red' }">{{ bjtitle }}</p>
<div class="arrow" @click="toggleCollapse">
<span>{{ isCollapsed ? "◀" : "▶" }}</span>
</div>
<span v-show="!isCollapsed" style="margin-left: 10px">地图权限：</span>
<p
v-show="!isCollapsed"
@click="openqx()"
:style="{ color: jsqx ? 'green' : 'red' }"
>
{{ bjtitle }}
</p>
</div>
<Dialog
:dialogShow="dialogShow"
@ -1115,7 +1124,6 @@ const yaosuTotal = ref([
url: "/api/ggfwyth/ysyzt/getCdzxx",
tooltip: "zdmc",
click: true,
},
{
id: 9,
@ -1167,7 +1175,7 @@ const yaosuTotal = ref([
img_map: cjrzj_map,
wz: true,
click: true,
img_width:24,
img_width: 24,
},
{
@ -1179,7 +1187,7 @@ const yaosuTotal = ref([
tooltip: "mc",
wz: true,
click: true,
img_width:24,
img_width: 24,
},
{
id: 22,
@ -3192,7 +3200,7 @@ const changeRs = (id) => {
//----------资源要素------------
const zyys_choose_cs = ref("");
const changeys = (name,img_width) => {
const changeys = (name, img_width) => {
if (yaosuList.value.includes(name)) {
yaosuList.value = yaosuList.value.filter((ch) => ch !== name);
if (yaosuIcon.value[name]) {
@ -3241,18 +3249,18 @@ const changeys = (name,img_width) => {
name == "汽车充电桩" ||
name == "便民服务中心"
) {
getZyys(url, name, img, img_map, tooltip,img_width);
getZyys(url, name, img, img_map, tooltip, img_width);
} else if (name == "养老机构") {
getZyys2(name, img, img_map, tooltip,img_width);
getZyys2(name, img, img_map, tooltip, img_width);
} else if (name == "小区物业") {
getZyys3(url, name, img, img_map, tooltip,img_width);
getZyys3(url, name, img, img_map, tooltip, img_width);
} else {
loadingss.value = false;
}
}
};
//线上接口资源要素
const getZyys = (url, name, img, img_map, tooltip,img_width) => {
const getZyys = (url, name, img, img_map, tooltip, img_width) => {
http.get(url).then((res) => {
if (res.code == 200) {
yaosuIcon.value[name] = {};
@ -3283,14 +3291,14 @@ const getZyys = (url, name, img, img_map, tooltip,img_width) => {
// };
});
yaosuIcon.value[name].sj.forEach((itemm, indexx) => {
createZyys(itemm, indexx, name, tooltip,img_width);
createZyys(itemm, indexx, name, tooltip, img_width);
});
}
loadingss.value = false;
});
};
//本地存储资源要素
const getZyys2 = (name, img, img_map, tooltip,img_width) => {
const getZyys2 = (name, img, img_map, tooltip, img_width) => {
if (name == "养老机构") {
yaosuIcon.value[name] = {};
yaosuIcon.value[name]["sj"] = [];
@ -3301,13 +3309,13 @@ const getZyys2 = (name, img, img_map, tooltip,img_width) => {
item.overlay = null;
});
yaosuIcon.value[name].sj.forEach((itemm, indexx) => {
createZyys(itemm, indexx, name, tooltip,img_width);
createZyys(itemm, indexx, name, tooltip, img_width);
});
loadingss.value = false;
}
};
//线上接口资源要素(无坐标，需自己匹配)
const getZyys3 = (url, name, img, img_map, tooltip,img_width) => {
const getZyys3 = (url, name, img, img_map, tooltip, img_width) => {
http.get(url).then((res) => {
if (res.code == 200) {
let zyys_jd = [];
@ -3335,14 +3343,14 @@ const getZyys3 = (url, name, img, img_map, tooltip,img_width) => {
});
});
yaosuIcon.value[name].sj.forEach((itemm, indexx) => {
createZyys(itemm, indexx, name, tooltip,img_width);
createZyys(itemm, indexx, name, tooltip, img_width);
});
}
loadingss.value = false;
});
};
// 添加资源要素的图标(overlay存放标记点)
const createZyys = (polygon, indexx, name, tooltip,img_width) => {
const createZyys = (polygon, indexx, name, tooltip, img_width) => {
let properties_change = {};
if (name == "小区物业") {
properties_change = {
@ -5322,6 +5330,13 @@ const reset_font2 = () => {
document.querySelector(".detail").style.transform =
"scale(" + width / 1920 + "," + height / 1080 + ")";
};
// const bjtitle = ref(锁定);
// const jsqx = ref(false);
const isCollapsed = ref(false);
const toggleCollapse = () => {
isCollapsed.value = !isCollapsed.value;
};
onMounted(async () => {
// 检查浏览器是否支持 WebGL
@ -5951,6 +5966,7 @@ onMounted(async () => {
border-radius: 0 3px 3px 0;
}
}
.btnBj {
cursor: pointer;
z-index: 100;
@ -5964,7 +5980,26 @@ onMounted(async () => {
display: flex;
align-items: center;
opacity: 0.8;
transition: width 0.3s ease;
width: auto;
overflow: hidden;
.btnBj.collapsed {
width: 15px;
justify-content: center;
}
.arrow {
cursor: pointer;
font-size: 16px;
color: #ffffff;
transition: color 0.2s ease;
}
.arrow:hover {
color: #000000;
}
}
.title {
background-image: url(@/assets/images/map/map_title_bg.png);
background-repeat: no-repeat;