Compare commits
3 Commits
65e80ea739
...
8e40adcdd3
Author | SHA1 | Date |
---|---|---|
姚宇浩 | 8e40adcdd3 | |
姚宇浩 | d763a20212 | |
姚宇浩 | 6809d6f8c3 |
|
@ -363,7 +363,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Dialog
|
||||
<!-- <Dialog
|
||||
:dialogShow="dialogShow"
|
||||
:columns="tableType.columns1"
|
||||
:title="tableType.title2"
|
||||
|
@ -372,7 +372,7 @@
|
|||
@close="close"
|
||||
@handle="handlePaginationDialog"
|
||||
>
|
||||
</Dialog>
|
||||
</Dialog> -->
|
||||
<DialogCamera
|
||||
:cameraShow="camera.show"
|
||||
:hlsUriSsl="camera.hlsUriSsl"
|
||||
|
@ -799,7 +799,7 @@ const pd = computed(() => {
|
|||
const onClickTag = (item) => {
|
||||
tableType.title2 = item.name;
|
||||
tableType.columns1 = columnsList["特殊标签"].column;
|
||||
dialogShow.value = true;
|
||||
// dialogShow.value = true;
|
||||
};
|
||||
//圆球弹框
|
||||
// const onClickTag2 = (name, label) => {
|
||||
|
|
|
@ -1298,7 +1298,7 @@ const getData = async () => {
|
|||
const ageRatioKeys = [
|
||||
"nl17Percent",
|
||||
"nl1834Percent",
|
||||
"nl3569Percent",
|
||||
"nl3559Percent",
|
||||
"nl60Percent",
|
||||
];
|
||||
ageRatioKeys.forEach((key) => {
|
||||
|
|
|
@ -230,7 +230,7 @@
|
|||
v-if="!showEdit && !dialogShow && !openD"
|
||||
@click="openqx()"
|
||||
>
|
||||
地图权限(123456):
|
||||
地图权限:
|
||||
<p :style="{ color: jsqx ? 'green' : 'red' }">{{ bjtitle }}</p>
|
||||
</div>
|
||||
<Dialog
|
||||
|
@ -821,6 +821,7 @@ const yaosuTotal = ref([
|
|||
img: j7,
|
||||
img_map: j7_map,
|
||||
wz: false,
|
||||
tooltip:'name'
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
|
@ -841,6 +842,7 @@ const yaosuTotal = ref([
|
|||
img: j10,
|
||||
wz: true,
|
||||
url: "/api/ggfwyth/ysyzt/getAeds",
|
||||
tooltip:'siteAddress'
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
|
@ -849,6 +851,7 @@ const yaosuTotal = ref([
|
|||
img_map: j11_map,
|
||||
wz: false,
|
||||
url: "/api/ggfwyth/ysyzt/getJashsxt",
|
||||
tooltip:'sbmc'
|
||||
},
|
||||
]);
|
||||
//选中的资源要素
|
||||
|
@ -1050,7 +1053,7 @@ const getCssj = async () => {
|
|||
*/
|
||||
//解锁
|
||||
const jsqx = ref(false);
|
||||
const qxkey = "123456";
|
||||
const qxkey = "ggfwyth123";
|
||||
const qxvalue = ref("");
|
||||
const bjtitle = computed(() => {
|
||||
if (jsqx.value) {
|
||||
|
@ -2488,23 +2491,25 @@ const changeys = (name) => {
|
|||
let url;
|
||||
let img;
|
||||
let img_map;
|
||||
let tooltip
|
||||
yaosuTotal.value.forEach((item, index) => {
|
||||
if (item.name == name) {
|
||||
url = item.url;
|
||||
img = item.img;
|
||||
img_map = item.img_map;
|
||||
tooltip=item.tooltip;
|
||||
}
|
||||
});
|
||||
if (name == "摄像头" || name == "AED") {
|
||||
getZyys(url, name, img, img_map);
|
||||
getZyys(url, name, img, img_map,tooltip);
|
||||
}
|
||||
if (name == "养老机构") {
|
||||
getZyys2(name, img, img_map);
|
||||
getZyys2(name, img, img_map,tooltip);
|
||||
}
|
||||
}
|
||||
};
|
||||
//线上接口资源要素
|
||||
const getZyys = (url, name, img, img_map) => {
|
||||
const getZyys = (url, name, img, img_map,tooltip) => {
|
||||
http.get(url).then((res) => {
|
||||
if (res.code == 200) {
|
||||
yaosuIcon.value[name].sj = res.data;
|
||||
|
@ -2532,13 +2537,13 @@ const getZyys = (url, name, img, img_map) => {
|
|||
// };
|
||||
});
|
||||
yaosuIcon.value[name].sj.forEach((itemm, indexx) => {
|
||||
createZyys(itemm, indexx, name);
|
||||
createZyys(itemm, indexx, name,tooltip);
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
//本地存储资源要素
|
||||
const getZyys2 = (name, img, img_map) => {
|
||||
const getZyys2 = (name, img, img_map,tooltip) => {
|
||||
if (name == "养老机构") {
|
||||
yaosuIcon.value[name].sj = ylCount;
|
||||
yaosuIcon.value[name].sj.forEach((item, index) => {
|
||||
|
@ -2547,13 +2552,13 @@ const getZyys2 = (name, img, img_map) => {
|
|||
item.overlay = null;
|
||||
});
|
||||
yaosuIcon.value[name].sj.forEach((itemm, indexx) => {
|
||||
createZyys(itemm, indexx, name);
|
||||
createZyys(itemm, indexx, name,tooltip);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// 添加资源要素的图标(overlay存放标记点)
|
||||
const createZyys = (polygon, indexx, name) => {
|
||||
const createZyys = (polygon, indexx, name,tooltip) => {
|
||||
function createLabelDOM() {
|
||||
var content = document.createElement("div");
|
||||
content.style.display = "flex";
|
||||
|
@ -2570,37 +2575,8 @@ const createZyys = (polygon, indexx, name) => {
|
|||
img2.src = this.properties.imgSrc2;
|
||||
|
||||
// 添加 title 属性作为简单的文字提示
|
||||
img2.title =polygon.name;
|
||||
// // 创建一个提示文字的元素
|
||||
// let tooltip = document.createElement("div");
|
||||
// tooltip.textContent = "这是一个图标的提示文字";
|
||||
// tooltip.style.visibility = "hidden";
|
||||
// tooltip.style.backgroundColor = "black";
|
||||
// tooltip.style.color = "#fff";
|
||||
// tooltip.style.textAlign = "center";
|
||||
// tooltip.style.borderRadius = "5px";
|
||||
// tooltip.style.padding = "5px";
|
||||
// tooltip.style.position = "absolute";
|
||||
// tooltip.style.bottom = "100%"; // 调整提示文字的位置
|
||||
// tooltip.style.left = "50%";
|
||||
// tooltip.style.transform = "translateX(-50%)";
|
||||
// tooltip.style.zIndex = "1";
|
||||
|
||||
// // 鼠标悬停时显示提示文字
|
||||
// content.addEventListener("mouseover", function() {
|
||||
// console.log(556);
|
||||
|
||||
// tooltip.style.visibility = "visible";
|
||||
// });
|
||||
|
||||
// // 鼠标移开时隐藏提示文字
|
||||
// content.addEventListener("mouseout", function() {
|
||||
// tooltip.style.visibility = "hidden";
|
||||
// });
|
||||
|
||||
img2.title = polygon[tooltip];
|
||||
content.appendChild(img2);
|
||||
// content.appendChild(tooltip);
|
||||
|
||||
return content;
|
||||
}
|
||||
yaosuIcon.value[name].sj[indexx].overlay = new BMapGL.CustomOverlay(
|
||||
|
@ -2632,6 +2608,7 @@ const createZyys = (polygon, indexx, name) => {
|
|||
}
|
||||
});
|
||||
};
|
||||
|
||||
//获取摄像头地址
|
||||
const getCameraUrl = () => {
|
||||
// camera.deviceCode = dataMyTag.camera.sbbm;
|
||||
|
@ -3962,7 +3939,7 @@ const reset_font2 = () => {
|
|||
"scale(" + width / 1920 + "," + height / 1080 + ")";
|
||||
};
|
||||
onMounted(async () => {
|
||||
tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
|
||||
// tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
|
||||
loadingss.value = true;
|
||||
reset_font();
|
||||
initMap();
|
||||
|
|
Loading…
Reference in New Issue