Skip to content

Z
zanhuangyingji
Commit 482eacd7 authored by 纪泽龙's avatar 纪泽龙
Browse files
Options

还有一个问题，选中的意义是什么

parent cf629e9f
Show whitespace changes
Inline Side-by-side
Showing with 547 additions and 437 deletions
ioc_frontweb/js/app.js
View file @ 482eacd7
$(function () {
layui.use(['layer', 'table', 'element'], function () {
layui.use(["layer", "table", "element"], function () {
layLayer = layui.layer;
layTable = layui.table;
element = layui.element;
......@@ -13,15 +13,15 @@ $(function () {
let circle = new AMap.Circle({
center: new AMap.LngLat(lng, lat), // 圆心位置
radius: radius, //半径
strokeColor: '#F33', //线颜色
strokeColor: "#F33", //线颜色
strokeOpacity: 1, //线透明度
strokeWeight: 1, //线粗细度
fillColor: '#ee2200', //填充颜色
fillColor: "#ee2200", //填充颜色
fillOpacity: 0.35, //填充透明度
});
let poiIcon = new AMap.Icon({
size: new AMap.Size(102, 102),
image: './images/flag.png',
image: "./images/flag.png",
imageSize: new AMap.Size(62, 62),
imageOffset: new AMap.Pixel(0, 0),
});
......@@ -48,63 +48,65 @@ $(function () {
function removeAllOverlay() {
map.clearMap();
map.setCenter(defaultCenter);
$('#legend a').removeClass('selected');
$("#legend a").removeClass("selected");
}
//搜索按钮
function getBtmSearchData(param) {
let opts = {
url: apis.mapSearch,
type: 'post',
type: "post",
data: JSON.stringify({ keywords: param }),
success: function (res) {
if (res.code === 0) {
let arr = res.data.pageData;
if (arr.length > 0) {
let html = '';
let html = "";
removeAllOverlay();
$('#legend li a').removeClass('selected');
$("#legend li a").removeClass("selected");
arr.map((ele) => {
html += `<div class="btm-list-item" data-id="${ele.id}">${ele.fullName}</div>`;
let ar = [];
ar.push(ele);
addMarker(ar, ele.showType, null);
});
$('#listWrap').html(html);
$("#listWrap").html(html);
// $('.btm-list-item').click(function(){
// let id = $(this).attr('data-id');
// let rowobj = arr.filter(ele => ele.id = id)
// addMarker(rowobj, rowobj.showType, null)
// })
} else {
$('#listWrap').html('<div class="btm-list-item" style="text-align:center;">无搜索结果！</div>');
$("#listWrap").html(
'<div class="btm-list-item" style="text-align:center;">无搜索结果！</div>'
);
}
}
},
};
jQueryAjax(opts);
}
$('.uative').on('click', function () {
$('#btmSearch > *').fadeIn(100);
$(".uative").on("click", function () {
$("#btmSearch > *").fadeIn(100);
$(this).hide();
});
$('.activebtn').on('click', function (e) {
let val = $('#btnInput').val();
$(".activebtn").on("click", function (e) {
let val = $("#btnInput").val();
getBtmSearchData(val);
});
$('.guan').click(function () {
$('#btmSearch > *').hide();
$('.uative').show();
$(".guan").click(function () {
$("#btmSearch > *").hide();
$(".uative").show();
});
$('#removeSerBtn').click(function () {
$("#removeSerBtn").click(function () {
removeAllOverlay();
});
$('#mulitVideoBtn').click(function () {
$("#mulitVideoBtn").click(function () {
showMulitVideo();
});
$('#btnInput').bind('input', function (e) {
$("#btnInput").bind("input", function (e) {
let val = e.target.value;
if (!val) {
$('#listWrap').html('');
$("#listWrap").html("");
removeAllOverlay();
}
});
......@@ -128,116 +130,182 @@ $(function () {
});*/
$('.controlBtn .button').mousedown(function () {
$(".controlBtn .button").mousedown(function () {
var self = this;
console.log($(self).data('action'),"dfdf===----------------===============",$("#controllerDeviceId").val());
videoControlling($("#controllerDeviceId").val(),0,$(self).data('action'));
})
console.log(
$(self).data("action"),
"dfdf===----------------===============",
$("#controllerDeviceId").val()
);
videoControlling($("#controllerDeviceId").val(), 0, $(self).data("action"));
});
$('.controlBtn .button').mouseup(function () {
$(".controlBtn .button").mouseup(function () {
var self = this;
console.log($(self).data('action'),"dfdf===----------------===============",$("#controllerDeviceId").val());
videoControlling($("#controllerDeviceId").val(),1,$(self).data('action'));
})
console.log(
$(self).data("action"),
"dfdf===----------------===============",
$("#controllerDeviceId").val()
);
videoControlling($("#controllerDeviceId").val(), 1, $(self).data("action"));
});
// 鼠标滚动放大缩小
$('.reset').on('mousewheel DOMMouseScroll', function (e) {
$(".reset").on("mousewheel DOMMouseScroll", function (e) {
var delta =
(e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie
(e.originalEvent.wheelDelta &&
(e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie
(e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox
if (!videoController) {
return;
}
if (videoController.getInChoiceVideo() === undefined) {
layLayer.msg('请先点击视频以选中');
layLayer.msg("请先点击视频以选中");
return;
}
if (delta > 0) {
// 向上滚
videoController.setChoiceWindow(0);
videoController.holder('zoomout', { speed: 4000, group: 0, present: 0, time: 0 }, false);
videoController.holder(
"zoomout",
{ speed: 4000, group: 0, present: 0, time: 0 },
false
);
var mousewheelUpTimer = setTimeout(function () {
videoController.holder('zoomout', { speed: 4000, group: 0, present: 0, time: 0 }, true);
videoController.holder(
"zoomout",
{ speed: 4000, group: 0, present: 0, time: 0 },
true
);
clearTimeout(mousewheelUpTimer);
}, 500);
} else if (delta < 0) {
// 向下滚
videoController.setChoiceWindow(0);
videoController.holder('zoomin', { speed: 4000, group: 0, present: 0, time: 0 }, false);
videoController.holder(
"zoomin",
{ speed: 4000, group: 0, present: 0, time: 0 },
false
);
var mousewheelDownTimer = setTimeout(function () {
videoController.holder('zoomin', { speed: 4000, group: 0, present: 0, time: 0 }, true);
videoController.holder(
"zoomin",
{ speed: 4000, group: 0, present: 0, time: 0 },
true
);
clearTimeout(mousewheelDownTimer);
}, 500);
}
});
// 监听图例点击事件
$('#legend').on('click', function (ev) {
let isJkelected = $('.layui-layer-btn .jkBtn').hasClass('selected');
$("#legend").on("click", function (ev) {
const target = $(ev.target);
const li = target.closest("li");
let isJkelected = $(".layui-layer-btn .jkBtn").hasClass("selected");
if (isJkelected) {
removeMaker('jk');
$('.layui-layer-btn .jkBtn').removeClass('selected');
removeMaker("jk");
$(".layui-layer-btn .jkBtn").removeClass("selected");
}
console.log($(ev.target).tagName);
if (ev.target.tagName.toLowerCase() !== "a") {
// $(ev.target).closest('li').find('a').click();
// 已经被选中
// 当没有被选中的时候
$(ev.target).closest("li").find("a").click();
if (ev.target.tagName.toLowerCase() !== 'a') {
$(ev.target).closest('li').find('a').click();
if( $(ev.target).closest('li').find(".legendchild").css("display")=="block"){
$(ev.target).closest('li').find(".legendchild").css({display:"none"});
$(ev.target).closest('li').css({"backgroundImage":"url(images/re.png)"});
}else{
$("#legend").find("li .legendchild").css({display:"none"});
// $("#legend").find("li").css({"backgroundImage":"url(images/re.png)"});
$(ev.target).closest('li').find(".legendchild").css({display:"block"});
$(ev.target).closest('li').css({"backgroundImage":"url(images/vectorbot.png)"})
if (!li.data("active")) {
const arr = $("#legend").find("li");
// 全体归位清零
$.each(arr, function (index, ele) {
// $(ele).data("active", false);
// $(ele).children(".legendchild").hide();
});
// 当前被选中状态
li.data("active", true);
// li.find(".legendchild").show();
li.css({ backgroundImage: "url(images/vectorbot.png)" });
console.log("加上");
} else {
console.log("去掉");
li.data("active", false);
// li.find(".legendchild").hide();
li.css({ backgroundImage: "url(images/re.png)" });
}
} else {
if ($(ev.target)[0].classList.toString().indexOf('selected') === -1) {
removeMaker($(ev.target).data('id'));
addCateMarker($(ev.target).data('id'), $(ev.target).closest('li').data('id'));
if ($(ev.target)[0].classList.toString().indexOf("selected") === -1) {
removeMaker($(ev.target).data("id"));
addCateMarker(
$(ev.target).data("id"),
$(ev.target).closest("li").data("id")
);
} else {
removeMaker($(ev.target).data('id'));
removeMaker($(ev.target).data("id"));
}
$(ev.target).toggleClass('selected');
$(ev.target).toggleClass("selected");
}
});
$('.legendcss').on('mouseover', function (ev) {
// console.log(ev.target.className);
// if (ev.target.tagName.toLowerCase() !== 'ul' &&ev.target.tagName.toLowerCase()!=="a"&& ev.target.className !=="legendchild" ) {
// $("#legend").find("li .legendchild").hide();
// $(ev.target).closest('li').find(".legendchild").show();
// $(ev.target).closest('li').css({"backgroundImage":"url(images/vectorbot.png)"})
// }else{
let timer = null;
let timer2 = null;
$(".legendcss").on("mouseover", function (ev) {
const target = $(ev.target);
// if (target.get(0).tagName == "UL") return;
const li = target.closest("li");
// 当被li是被选中状态
if (li.data("active")) {
} else {
// 当li不是选中状态才触发自动换背景颜色
li.css({ backgroundImage: "url(images/vectorbot.png)" });
li.data("hover", true);
}
// }
// if(ev.target.tagName.toLowerCase()=="a" || ev.target.className =="legendchild"){
// $(ev.target).closest('li').css({"backgroundImage":"url(images/re.png)"});
// }
})
const arr = $("#legend").find("li");
// 全体归位清零
$.each(arr, function (index, ele) {
// $(ele).data("active", false);
// if ($(ele).data("hover")) return;
$(ele).children(".legendchild").hide();
});
li.find(".legendchild").show();
});
$('.legendcss').on('mouseout', function (ev) {
$(".legendcss").on("mouseout", function (ev) {
// if (ev.target.tagName.toLowerCase()=="a" || ev.target.className =="legendchild") {
// $("#legend").find("li .legendchild").hide();
// $(e.target).closest('li').find(".legendchild").hide();
// }else{
// }
const target = $(ev.target);
})
const li = target.closest("li");
if (li.data("active")) {
} else {
// 当li不是选中状态才触发自动换背景颜色
// if (target.get(0).tagName != "UL") {
li.css({ backgroundImage: "url(images/re.png)" });
li.data("hover", false);
// }
}
li.find(".legendchild").hide();
if (target.get(0).tagName == "A") {
// li.find(".legendchild").hide();
} else {
// timer = setTimeout(() => {
// li.find(".legendchild").hide();
// }, 1000);
}
});
/*全局变量*/
var currentEventObj = {}; //点击评估处理时当前事件obj
(currEventsArr = []), //当前事件Arrary
(getCurrEventsArr = []),
(socketCurrEventsArr = []),
(checkEventEype = ''), //回顾事件 review 处理当前 current
(checkEventEype = ""), //回顾事件 review 处理当前 current
(stepWord = 0); //处理中事件 到了哪一步了 0-3 step
/*
* 绑定window操作事件*
......@@ -245,21 +313,21 @@ $(function () {
window.CAEVT = {
//查看预案详情
check(d) {
$('.yjdetali').show();
$('.yjdetali').html(`<h1>${d.planTitle} ${d.planLevel + '级'}</h1>
$(".yjdetali").show();
$(".yjdetali").html(`<h1>${d.planTitle} ${d.planLevel + "级"}</h1>
<table id="members" lay-filter="members"></table>${d.planContents}`);
layTable.render({
elem: '#members',
size: 'sm',
skin: 'nob',
elem: "#members",
size: "sm",
skin: "nob",
cols: [
[{ align: 'center', title: '人员列表', colspan: 5 }],
[{ align: "center", title: "人员列表", colspan: 5 }],
[
{ field: 'deptName', title: '部门' },
{ field: 'userName', title: '联系人' },
{ field: 'mobilePhone', title: '手机号' },
{ field: 'phone', title: '电话' },
{ field: 'email', title: '邮箱' },
{ field: "deptName", title: "部门" },
{ field: "userName", title: "联系人" },
{ field: "mobilePhone", title: "手机号" },
{ field: "phone", title: "电话" },
{ field: "email", title: "邮箱" },
],
],
data: d.rdeptInfoList,
......@@ -267,7 +335,7 @@ $(function () {
},
//查看预案详情
checkPlan(planid) {
BOTMTOOLBAR.genericPlan('', planid);
BOTMTOOLBAR.genericPlan("", planid);
},
//关联预案
connect(d) {
......@@ -278,14 +346,14 @@ $(function () {
layLayer.confirm(`确定关联此预案《${d.planTitle}》吗？`, function () {
let opt = {
url: apis.contentPlan,
type: 'post',
type: "post",
data: JSON.stringify(obj),
success: function (res) {
if (res.code == 0) layLayer.msg('关联成功！', { icon: 1 });
if (res.code == 0) layLayer.msg("关联成功！", { icon: 1 });
//修改事件状态
STEPEVENTS.changeStatus('2');
STEPEVENTS.changeStatus("2");
//关联预案成功跳转到态势决策
$('#yingjlistbox').hide();
$("#yingjlistbox").hide();
},
};
jQueryAjax(opt);
......@@ -300,7 +368,7 @@ $(function () {
success: function (res) {
if (res.code == 0) {
if (res.data) {
$('#mainTitle span').html(res.data.value);
$("#mainTitle span").html(res.data.value);
}
}
},
......@@ -310,7 +378,7 @@ $(function () {
//评估处理
handleEvent(obj) {
currentEventObj = { ...obj };
if (obj.eventStatus == 0) STEPEVENTS.changeStatus('1');
if (obj.eventStatus == 0) STEPEVENTS.changeStatus("1");
else STEPEVENTS.toStepChange(obj.eventStatus);
},
//执行预案
......@@ -319,20 +387,20 @@ $(function () {
/* 启动预案 */ url: apis.carryPlan + currentEventObj.id,
success: function (res) {
if (res.code == 0) {
layLayer.msg('启动预案成功！', { icon: 1 });
STEPEVENTS.changeStatus('3');
layLayer.msg("启动预案成功！", { icon: 1 });
STEPEVENTS.changeStatus("3");
}
},
},
addOpt = {
/* 增补预案 */ type: 'post',
/* 增补预案 */ type: "post",
data: JSON.stringify({
addPlanContent: $('textarea[name=addPlan]').val(),
addPlanContent: $("textarea[name=addPlan]").val(),
}),
url: apis.addPlan + currentEventObj.id,
success: function (res) {
if (res.code == 0) {
layLayer.msg('增补预案成功！', { icon: 1 });
layLayer.msg("增补预案成功！", { icon: 1 });
jQueryAjax(carryOpt);
}
},
......@@ -344,11 +412,11 @@ $(function () {
let defaultHtml = `<div id="${id}" class="fixedbox">
<div class="fixedbox-tit">${title}<span class="cbtn"><i class="layui-icon layui-icon-close"></i></span></div></div>`;
if ($(`#${id}`).length == 0) {
$('body').append(defaultHtml);
$("body").append(defaultHtml);
$(`#${id} .fixedbox-tit`).after(addhtml);
$(`#${id}`).show();
}
$('body').on('click', `#${id} .cbtn`, function () {
$("body").on("click", `#${id} .cbtn`, function () {
$(`#${id}`).remove();
});
},
......@@ -365,7 +433,7 @@ $(function () {
getCurrEventsArr = [...currarr];
_this.renderEventList();
/* 历史事件 */
$('.hisEvNum').html(resData.historyEventNum);
$(".hisEvNum").html(resData.historyEventNum);
_this.historyEvent(resData.historyEventList);
}
},
......@@ -375,46 +443,48 @@ $(function () {
//渲染当前事件列表
renderEventList() {
currEventsArr = [...getCurrEventsArr, ...socketCurrEventsArr];
$('.currEvNum').html(currEventsArr.length);
if (getCurrEventsArr.length > 0) $('.escbox-txt').html('<font style="color:red">有待处理事件！</font>');
if (socketCurrEventsArr.length > 0) $('.escbox-txt').html('<font style="color:red">发生事件！</font>');
$(".currEvNum").html(currEventsArr.length);
if (getCurrEventsArr.length > 0)
$(".escbox-txt").html('<font style="color:red">有待处理事件！</font>');
if (socketCurrEventsArr.length > 0)
$(".escbox-txt").html('<font style="color:red">发生事件！</font>');
layTable.render({
elem: '#currEvents',
size: 'sm',
elem: "#currEvents",
size: "sm",
cols: [
[
{ field: 'alarmTime', title: '时间' },
{ field: "alarmTime", title: "时间" },
{
field: 'eventName',
title: '事件名称',
event: 'tanDetail',
field: "eventName",
title: "事件名称",
event: "tanDetail",
templet: function (d) {
return `<span style="text-decoration:underline;cursor:pointer">${d.eventName}</span>`;
},
},
{
field: '',
title: '操作',
field: "",
title: "操作",
templet: function (d) {
let txt;
if (d.eventStatus == 0) txt = '评估处理';
if (d.eventStatus == 0) txt = "评估处理";
else txt = evenStepNameArr[Number(d.eventStatus) - 1];
return '<span class="txtbtn">' + txt + '</span>';
return '<span class="txtbtn">' + txt + "</span>";
},
event: 'handle',
event: "handle",
},
],
],
data: currEventsArr,
});
layTable.on('tool(currEvents)', function (obj) {
layTable.on("tool(currEvents)", function (obj) {
let rowData = obj.data,
rowEvent = obj.event;
if (rowEvent == 'handle') {
if (rowEvent == "handle") {
//评估处理
checkEventEype = 'current';
checkEventEype = "current";
CARYEVENTS.handleEvent(rowData);
} else if (rowEvent == 'tanDetail') {
} else if (rowEvent == "tanDetail") {
let detaliHtml =
`<div class="eventDeatail">` +
`<P>事件名称：${rowData.eventName}</p>` +
......@@ -424,50 +494,50 @@ $(function () {
`<P>报案人联系电话：${rowData.alarmPeoplePhone}</p>` +
`<P>事发时间：${rowData.alarmTime}</p>` +
`</div>`;
CARYEVENTS.tanDialogFun('事件详情', 'eventDetail', detaliHtml);
CARYEVENTS.tanDialogFun("事件详情", "eventDetail", detaliHtml);
}
});
},
//渲染历史事件列表
historyEvent(historyList) {
layTable.render({
elem: '#esctable',
size: 'sm',
elem: "#esctable",
size: "sm",
cols: [
[
{ field: 'alarmTime', title: '时间' },
{ field: "alarmTime", title: "时间" },
{
field: 'eventName',
title: '事件名称',
event: 'tanDetail',
field: "eventName",
title: "事件名称",
event: "tanDetail",
templet: function (d) {
return `<span style="text-decoration:underline;cursor:pointer">${d.eventName}</span>`;
},
},
{
field: '',
title: '操作',
field: "",
title: "操作",
templet: function (d) {
return '<span class="txtbtn layui-tab layui-tab-brief">回顾</span>';
},
event: 'review',
event: "review",
},
],
],
data: historyList,
});
layTable.on('tool(esctable)', function (obj) {
layTable.on("tool(esctable)", function (obj) {
let rowData = obj.data,
rowEvent = obj.event;
if (rowEvent == 'review') {
if (rowEvent == "review") {
$(`#esc-tit`).show();
$(`#esc-tit .abt`).addClass('done').removeClass('not');
$(`#esc-tit .abt`).addClass("done").removeClass("not");
currentEventObj = { ...rowData };
checkEventEype = 'review';
checkEventEype = "review";
STEPEVENTS.switchItem(1);
// STEPEVENTS.estimateEvent();
}
if (rowEvent == 'tanDetail') {
if (rowEvent == "tanDetail") {
let detaliHtml =
`<div class="eventDeatail">` +
`<P>事件名称：${rowData.eventName}</p>` +
......@@ -477,7 +547,7 @@ $(function () {
`<P>报案人联系电话：${rowData.alarmPeoplePhone}</p>` +
`<P>事发时间：${rowData.alarmTime}</p>` +
`</div>`;
CARYEVENTS.tanDialogFun('事件详情', 'eventDetail', detaliHtml);
CARYEVENTS.tanDialogFun("事件详情", "eventDetail", detaliHtml);
}
});
},
......@@ -518,17 +588,17 @@ $(function () {
var STEPEVENTS = {
//初步研判
estimateEvent() {
if (checkEventEype == 'review') {
$('#connectPlanBtn').hide();
$('.resouce').show();
if (checkEventEype == "review") {
$("#connectPlanBtn").hide();
$(".resouce").show();
} else {
$('#connectPlanBtn').show();
$("#connectPlanBtn").show();
}
let obj = { ...currentEventObj };
/*加载应急资源*/
function getResource(keywords = '') {
function getResource(keywords = "") {
let opt = {
type: 'post',
type: "post",
url: apis.mapSearch,
data: JSON.stringify({
distance: 3000,
......@@ -539,13 +609,15 @@ $(function () {
success: function (res) {
let resArr = res.data.numList;
if (resArr.length > 0) {
let html = '';
let html = "";
resArr.map((ele, index) => {
html += `<p>${ele.legendName}<font class="num">${ele.num}</font></p>`;
});
$('#escboxBottomItem1 .resouce .tbl').html('<p>资源名称<font class="num">资源数量</font></p>' + html);
$("#escboxBottomItem1 .resouce .tbl").html(
'<p>资源名称<font class="num">资源数量</font></p>' + html
);
} else {
$('#escboxBottomItem1 .resouce .tbl').html('暂无资源！');
$("#escboxBottomItem1 .resouce .tbl").html("暂无资源！");
}
},
};
......@@ -559,7 +631,7 @@ $(function () {
mapSearch(
{
distance: 3000,
keywords: '',
keywords: "",
latitude: obj.latitude,
longitude: obj.longitude,
},
......@@ -571,7 +643,7 @@ $(function () {
addFlag();
}, 3000);
},
'close',
"close"
);
}
/*加中心点旗帜*/
......@@ -579,7 +651,7 @@ $(function () {
let overlays = [],
poiIcon = new AMap.Icon({
size: new AMap.Size(102, 102),
image: './images/flag.png',
image: "./images/flag.png",
imageSize: new AMap.Size(100, 100),
imageOffset: new AMap.Pixel(0, 0),
});
......@@ -597,7 +669,7 @@ $(function () {
},
//态势决策
carryPlan() {
let html = '',
let html = "",
_this = this,
opt = {
/* 查询已关联预案 */ url: apis.searchEventPlan + currentEventObj.id,
......@@ -609,18 +681,18 @@ $(function () {
`<p style="text-decoration: underline;cursor:pointer;" onclick="window.CAEVT.checkPlan(&quot;${obj.planId}&quot;)">预案标题：${obj.planTitle}</p>` +
`<p>预案等级：${obj.planLevel}级</p>` +
`<p>所属部门：${obj.deptName}</p>`;
if (checkEventEype == 'review') {
if (checkEventEype == "review") {
html += `<p>增补预案内容：${obj.addPlanContent}</p>`;
$('#addPlan, #carryPalnBtn').hide();
$("#addPlan, #carryPalnBtn").hide();
} else {
$('#addPlan, #carryPalnBtn').show();
$("#addPlan, #carryPalnBtn").show();
}
$('.item2 .cn').html(html);
$(".item2 .cn").html(html);
}
}
},
};
$('body').on('click', '#carryPalnBtn', function () {
$("body").on("click", "#carryPalnBtn", function () {
layLayer.confirm(`确定启动预案吗？`, function () {
CARYEVENTS.carryPlanEv();
});
......@@ -629,7 +701,7 @@ $(function () {
},
//事件处理过程
eventCirculate() {
let html = '',
let html = "",
opt = {
url: apis.checkCirculate + currentEventObj.id,
success: function (res) {
......@@ -638,12 +710,14 @@ $(function () {
res.data.map((ele, inde) => {
let date = ele.handleTime.substring(0, 10),
time = ele.handleTime.substring(11, 16);
html += `<li><p>${date}<br><span>${time}</span></p><div class="con">${inde + 1 + '.'} ${ele.handleContent}</div></li>`;
html += `<li><p>${date}<br><span>${time}</span></p><div class="con">${
inde + 1 + "."
} ${ele.handleContent}</div></li>`;
});
$('ul.timeLine').html(html);
$(`#esc-tit .abt:eq(2)`).addClass('done');
$("ul.timeLine").html(html);
$(`#esc-tit .abt:eq(2)`).addClass("done");
} else {
$('ul.timeLine').html('暂无处理过程！');
$("ul.timeLine").html("暂无处理过程！");
}
}
},
......@@ -657,10 +731,10 @@ $(function () {
success: function (res) {
if (res.code == 0) {
if (res.data && res.data.evaluateContent) {
$('#evaluatCon').html(res.data.evaluateContent);
$(`#esc-tit .abt:eq(3)`).addClass('done');
$("#evaluatCon").html(res.data.evaluateContent);
$(`#esc-tit .abt:eq(3)`).addClass("done");
} else {
$('#evaluatCon').html('暂无评估内容！');
$("#evaluatCon").html("暂无评估内容！");
}
}
},
......@@ -671,12 +745,16 @@ $(function () {
changeStatus(step, EventId = null) {
let _this = this,
opt = {
url: apis.changeStatus + `${EventId == null ? currentEventObj.id : EventId}/${step}`,
url:
apis.changeStatus +
`${EventId == null ? currentEventObj.id : EventId}/${step}`,
success: function (res) {
if (res.code == 0 && EventId == null) {
_this.toStepChange(step); //跳转
if (step == 1) {
let index = socketCurrEventsArr.findIndex((ele) => ele.id == currentEventObj.id);
let index = socketCurrEventsArr.findIndex(
(ele) => ele.id == currentEventObj.id
);
socketCurrEventsArr.splice(index, 1);
}
CARYEVENTS.getEventList(); //刷新列表
......@@ -691,22 +769,24 @@ $(function () {
let _this = this;
toIndex = Number(toIndex);
$(`.escbox-bottom, #esc-tit`).show();
$(`#esc-tit .abt`).addClass('not').removeClass('done');
$(`#esc-tit .abt`).addClass("not").removeClass("done");
if (toIndex > 0) {
let num = toIndex - 1;
while (num > 0) {
num--;
$(`#esc-tit .abt:eq(${num})`).addClass('done');
$(`#esc-tit .abt:eq(${num})`).addClass("done");
}
}
$(`#esc-tit .abt:eq(${toIndex - 1})`).removeClass('not');
$(`#esc-tit .abt:eq(${toIndex - 1})`).removeClass("not");
$(`.escbox-bottom .item${toIndex}`).show().siblings().hide();
_this.switchItem(toIndex);
},
//获取相应item的内容
switchItem(toIndex) {
let _this = this;
$(`.escbox-bottom .item${toIndex} h3`).html(`事件名称：${currentEventObj.eventName}`);
$(`.escbox-bottom .item${toIndex} h3`).html(
`事件名称：${currentEventObj.eventName}`
);
switch (toIndex) {
case 1:
_this.estimateEvent();
......@@ -728,7 +808,7 @@ $(function () {
*/
var cont = 0;
var heatmap;
marker['heatmk'] = [];
marker["heatmk"] = [];
var BOTMTOOLBAR = {
//GIS调度
eventDevelopAnalysis() {
......@@ -736,39 +816,46 @@ $(function () {
map.setCenter([114.195771, 38.247808]);
$('#legend a').removeClass('selected');*/
if(cont==0){
if (cont == 0) {
this.initEventDevelope();
cont++;
}else{
} else {
cont = 0;
heatmap.hide();
map.remove(marker['heatmk']);
map.remove(marker["heatmk"]);
map.setZoom(11);
}
},
//查询事件列表
getHeatmap() {
var data = {};
if("year" == $("#choiceTime input[type = 'radio']:checked").val()){
if(0==$("#sel_year").val() || '' == $("#sel_year").val()){
layLayer.alert('请选择年份！');
if ("year" == $("#choiceTime input[type = 'radio']:checked").val()) {
if (0 == $("#sel_year").val() || "" == $("#sel_year").val()) {
layLayer.alert("请选择年份！");
return;
}
data.year = $("#sel_year").val();
}else{
if((0==$("#sel_year").val() || '' == $("#sel_year").val()) || (00==$("#sel_month").val() || '' == $("#sel_month").val())){
layLayer.alert('请选择年月！');
} else {
if (
0 == $("#sel_year").val() ||
"" == $("#sel_year").val() ||
00 == $("#sel_month").val() ||
"" == $("#sel_month").val()
) {
layLayer.alert("请选择年月！");
return;
}
if($("#sel_month").val()<10){
data.yearAndMonth = $("#sel_year").val()+"-0"+ $("#sel_month").val();
}else{
data.yearAndMonth = $("#sel_year").val()+"-"+ $("#sel_month").val();
if ($("#sel_month").val() < 10) {
data.yearAndMonth =
$("#sel_year").val() + "-0" + $("#sel_month").val();
} else {
data.yearAndMonth =
$("#sel_year").val() + "-" + $("#sel_month").val();
}
}
if(heatmap){
if (heatmap) {
heatmap.hide();
map.remove(marker['heatmk']);
map.remove(marker["heatmk"]);
}
let _this = this,
opt = {
......@@ -778,12 +865,12 @@ $(function () {
if (res.code == 0) {
let resData = res.data.pageData;
let history = resData.historyEventList;
let data =[];
for(var i=0;i<history.length;i++){
let location ={};
let data = [];
for (var i = 0; i < history.length; i++) {
let location = {};
location.lat = history[i].latitude;
location.lng =history[i].longitude;
location.count=50;
location.lng = history[i].longitude;
location.count = 50;
data.push(location);
//_this.estimateEvent(aa[i]);
var poiIcon = new AMap.Icon({
......@@ -799,7 +886,7 @@ $(function () {
heatmk.setLabel({
offset: new AMap.Pixel(0, -5),
content: history[i].eventName,
direction: 'top',
direction: "top",
});
}
map.plugin(["AMap.Heatmap"], function () {
......@@ -807,15 +894,15 @@ $(function () {
heatmap = new AMap.Heatmap(map, {
radius: 27, //给定半径
opacity: [0, 0.8],
gradient:{
0.5: '#8CFC0A',
0.8: 'yellow',
1.0: 'red'
}
gradient: {
0.5: "#8CFC0A",
0.8: "yellow",
1.0: "red",
},
});
heatmap.setDataSet({
data: data,
max: 100
max: 100,
});
});
map.setZoom(12);
......@@ -825,47 +912,48 @@ $(function () {
jQueryAjax(opt);
},
//初始化事态查询
initEventDevelope(){
var date = new Date()
initEventDevelope() {
var date = new Date();
var y = date.getFullYear();
var m = date.getMonth()+1;
var m = date.getMonth() + 1;
var d = date.getDate();
var nowTime = ""+ y+"-0"+m+"-"+d;
var detaliHtml = '<div style="width: 570px;height: 200px;margin: 23px;" id="choiceTime">'+
var nowTime = "" + y + "-0" + m + "-" + d;
var detaliHtml =
'<div style="width: 570px;height: 200px;margin: 23px;" id="choiceTime">' +
'<div style="height: 30px;">' +
'<div>'+
'<input name="data" type="radio" style="float: left;position: relative;top: 3px;" value="year" checked/>'+
'<p style="float: left; margin-left: 5px;">年份</p>'+
' </div>'+
'<div>'+
'<input name="data" type="radio" style="float: left;margin-left: 50px;position: relative;top: 3px;" value="month"/>'+
'<p style="margin-left: 5px;">月份</p>'+
' </div>' +
'</div>'+
' <p style="float: left;height: 30px;line-height: 30px;">年份：</P>'+
'<select id="sel_year" style="float: left;position: relative;top: 6px;width: 73px;border: 1px solid #708090;border-radius: 2px;"></select>'+
' <p style="float: left;margin-left: 45px;height: 30px;line-height: 30px;">月份：</P>'+
'<select id="sel_month" style="position: relative;top: -5px;width: 60px;border: 1px solid #708090;border-radius: 2px;"></select>'+
'<button id="eventBtn" style="position: relative;top: 81px;left: -61px;background-color: #4476a7;color: white;width: 157px;height: 43px;border-radius: 5px;">事态分析查询</button>'+
'</div>';
CARYEVENTS.tanDialogFun('事态分析','qqfdsf',detaliHtml);
"<div>" +
'<input name="data" type="radio" style="float: left;position: relative;top: 3px;" value="year" checked/>' +
'<p style="float: left; margin-left: 5px;">年份</p>' +
" </div>" +
"<div>" +
'<input name="data" type="radio" style="float: left;margin-left: 50px;position: relative;top: 3px;" value="month"/>' +
'<p style="margin-left: 5px;">月份</p>' +
" </div>" +
"</div>" +
' <p style="float: left;height: 30px;line-height: 30px;">年份：</P>' +
'<select id="sel_year" style="float: left;position: relative;top: 6px;width: 73px;border: 1px solid #708090;border-radius: 2px;"></select>' +
' <p style="float: left;margin-left: 45px;height: 30px;line-height: 30px;">月份：</P>' +
'<select id="sel_month" style="position: relative;top: -5px;width: 60px;border: 1px solid #708090;border-radius: 2px;"></select>' +
'<button id="eventBtn" style="position: relative;top: 81px;left: -61px;background-color: #4476a7;color: white;width: 157px;height: 43px;border-radius: 5px;">事态分析查询</button>' +
"</div>";
CARYEVENTS.tanDialogFun("事态分析", "qqfdsf", detaliHtml);
$.ms_DatePicker({
YearSelector: ".sel_year",
MonthSelector: ".sel_month",
DaySelector: ".sel_day"
DaySelector: ".sel_day",
});
$.ms_DatePicker();
if("year" == $("#choiceTime input[type = 'radio']:checked").val()){
$("#sel_month").attr("disabled","disabled")
if ("year" == $("#choiceTime input[type = 'radio']:checked").val()) {
$("#sel_month").attr("disabled", "disabled");
}
$("#choiceTime input[type = 'radio']").click(function () {
if("year" == $(this).val()){
$("#sel_month").attr("disabled","disabled");
}else {
if ("year" == $(this).val()) {
$("#sel_month").attr("disabled", "disabled");
} else {
$("#sel_month").removeAttr("disabled");
}
})
});
$("#eventBtn").click(function () {
BOTMTOOLBAR.getHeatmap();
......@@ -873,26 +961,30 @@ $(function () {
},
//值守通讯
dutyBookFun() {
CARYEVENTS.tanDialogFun('值守通讯录', 'dutyBooklist', '<div id="Booklist"></div>');
CARYEVENTS.tanDialogFun(
"值守通讯录",
"dutyBooklist",
'<div id="Booklist"></div>'
);
layTable.render({
elem: '#Booklist',
url: iocUrl + '/frontApi/getDutyContactsList',
method: 'get',
elem: "#Booklist",
url: iocUrl + "/frontApi/getDutyContactsList",
method: "get",
cols: [
[
{ field: 'deptName', title: '部门', align: 'center' },
{ field: 'userName', title: '姓名', align: 'center' },
{ field: "deptName", title: "部门", align: "center" },
{ field: "userName", title: "姓名", align: "center" },
{
field: 'sex',
title: '姓别',
align: 'center',
field: "sex",
title: "姓别",
align: "center",
templet: function (obj) {
return obj.sex == 1 ? '男' : '女';
return obj.sex == 1 ? "男" : "女";
},
},
{ field: 'mobliePhone', title: '手机号', align: 'center' },
{ field: 'phone', title: '座机', align: 'center' },
{ field: 'email', title: '邮箱', align: 'center' },
{ field: "mobliePhone", title: "手机号", align: "center" },
{ field: "phone", title: "座机", align: "center" },
{ field: "email", title: "邮箱", align: "center" },
],
],
});
......@@ -907,44 +999,48 @@ $(function () {
// },
//事件回顾
EventReview() {
$('.escbox-top').show();
element.tabChange('layTAb', 'layTAb_hisy');
$(".escbox-top").show();
element.tabChange("layTAb", "layTAb_hisy");
},
//综合保障
guaranteeFun() {
let opt = {
url: iocUrl + '/frontApi/getSecurityInfoNum',
url: iocUrl + "/frontApi/getSecurityInfoNum",
success: function (res) {
let html = '';
CARYEVENTS.tanDialogFun('综合保障', 'ensurelistbox', '<div id="numbox" class="xstty"></div><div id="ensurelist"></div>');
let html = "";
CARYEVENTS.tanDialogFun(
"综合保障",
"ensurelistbox",
'<div id="numbox" class="xstty"></div><div id="ensurelist"></div>'
);
if (res.data.length > 0) {
res.data.map((ele) => {
html += `<div class="item" data-code="${ele.legendCode}"><span class="itemTitle">${ele.legendAliasName}</span>&ensp;<span class="num">${ele.num}</span></div>`;
});
$('#numbox').html(html);
$('body').on('click', '.xstty .item', function () {
$('#ensurelistbox .layui-table-view').show();
$(this).addClass('active').siblings().removeClass('active');
let lcode = $(this).attr('data-code');
$("#numbox").html(html);
$("body").on("click", ".xstty .item", function () {
$("#ensurelistbox .layui-table-view").show();
$(this).addClass("active").siblings().removeClass("active");
let lcode = $(this).attr("data-code");
layTable.render({
elem: '#ensurelist',
elem: "#ensurelist",
url: iocUrl + `/frontApi/getSecurityInfoList/${lcode}`,
method: 'get',
method: "get",
cols: [
[
{ field: 'fullName', title: '名称', align: 'center' },
{ field: 'contacts', title: '联系人', align: 'center' },
{ field: 'telephone', title: '电话', align: 'center' },
{ field: 'address', title: '地址', align: 'center' },
{ field: 'introduce', title: '介绍', align: 'center' },
{ field: "fullName", title: "名称", align: "center" },
{ field: "contacts", title: "联系人", align: "center" },
{ field: "telephone", title: "电话", align: "center" },
{ field: "address", title: "地址", align: "center" },
{ field: "introduce", title: "介绍", align: "center" },
],
],
});
});
} else {
$('#numbox').html('无记录！');
$("#numbox").html("无记录！");
}
$('#ensurelistbox').show();
$("#ensurelistbox").show();
},
};
jQueryAjax(opt);
......@@ -980,10 +1076,10 @@ $(function () {
// });
// },
//应急预案
genericPlan(key = '', planID = '') {
genericPlan(key = "", planID = "") {
function getPlansli() {
let opt = {
type: 'post',
type: "post",
url: apis.plansGetList,
data: JSON.stringify({
page: 1,
......@@ -992,40 +1088,45 @@ $(function () {
success: function (res) {
let Arr = res.data.pageData,
resArr;
if (planID != '') resArr = Arr.filter((ele) => ele.id == planID);
if (planID != "") resArr = Arr.filter((ele) => ele.id == planID);
else resArr = [...Arr];
if (resArr.length > 0) {
layTable.render({
elem: '#yingjlist',
size: 'sm',
elem: "#yingjlist",
size: "sm",
cols: [
[
{ field: 'deptName', title: '所属单位' },
{ field: 'planTitle', title: '预案标题' },
{ field: "deptName", title: "所属单位" },
{ field: "planTitle", title: "预案标题" },
{
field: 'planLevel',
title: '预案登记',
field: "planLevel",
title: "预案登记",
templet: function (d) {
return d.planLevel + '级';
return d.planLevel + "级";
},
},
{
field: '',
title: '操作',
field: "",
title: "操作",
templet: function (d) {
let s;
if (key == 'gl') {
s = `<span class="txtbtn yjck" onclick="window.CAEVT.check(${JSON.stringify(d).replace(
/"/g,
'&quot;',
)})">查看</span>&nbsp;&nbsp;<span class="txtbtn glya" onclick="window.CAEVT.connect(${JSON.stringify(d).replace(
if (key == "gl") {
s = `<span class="txtbtn yjck" onclick="window.CAEVT.check(${JSON.stringify(
d
).replace(
/"/g,
'&quot;',
)})">关联预案</span>`;
} else if (planID != '') {
s = `<span class="txtbtn yjck" onclick="window.CAEVT.check(${JSON.stringify(d).replace(/"/g, '&quot;')})">详情</span>`;
"&quot;"
)})">查看</span>&nbsp;&nbsp;<span class="txtbtn glya" onclick="window.CAEVT.connect(${JSON.stringify(
d
).replace(/"/g, "&quot;")})">关联预案</span>`;
} else if (planID != "") {
s = `<span class="txtbtn yjck" onclick="window.CAEVT.check(${JSON.stringify(
d
).replace(/"/g, "&quot;")})">详情</span>`;
} else {
s = `<span class="txtbtn yjck" onclick="window.CAEVT.check(${JSON.stringify(d).replace(/"/g, '&quot;')})">查看</span>`;
s = `<span class="txtbtn yjck" onclick="window.CAEVT.check(${JSON.stringify(
d
).replace(/"/g, "&quot;")})">查看</span>`;
}
return s;
},
......@@ -1039,8 +1140,12 @@ $(function () {
};
jQueryAjax(opt);
}
CARYEVENTS.tanDialogFun('应急预案', 'yingjlistbox', '<div id="yingjlist"></div><div class="yjdetali detali"></div>');
$('#yingjlistbox').addClass('yjbs');
CARYEVENTS.tanDialogFun(
"应急预案",
"yingjlistbox",
'<div id="yingjlist"></div><div class="yjdetali detali"></div>'
);
$("#yingjlistbox").addClass("yjbs");
getPlansli();
},
};
......@@ -1053,65 +1158,65 @@ $(function () {
function defalutMApP() {
cont = 0;
map.clearMap();
district.search('新乐市', function (status, result) {
district.search("新乐市", function (status, result) {
var bounds = result.districtList[0].boundaries;
var mask = [];
for (var i = 0; i < bounds.length; i += 1) {
mask.push([bounds[i]]);
}
var defaultCenter = [114.72995, 38.37417];
map = new AMap.Map('container', {
map = new AMap.Map("container", {
mask: mask,
center: defaultCenter,
// resizeEnable: true,
disableSocket: true,
viewMode: '3D',
viewMode: "3D",
showLabel: true,
// labelzIndex: 110,
pitch: 8,
zoom: 11.5,
// mapStyle: 'amap://styles/darkblue',
mapStyle: 'amap://styles/3b679a15f448a4740ba2ff7524e1a4ae',
mapStyle: "amap://styles/3b679a15f448a4740ba2ff7524e1a4ae",
});
//添加描边
for (var i = 0; i < bounds.length; i += 1) {
new AMap.Polyline({
path: bounds[i],
strokeColor: '#22eae4',
strokeColor: "#22eae4",
strokeWeight: 5,
strokeOpacity: 7,
map: map,
});
}
})
});
$('#esc-tit , .escbox-bottom, .escbox-bottom .item').hide();
$('.abt').addClass('not').removeClass('done');
$("#esc-tit , .escbox-bottom, .escbox-bottom .item").hide();
$(".abt").addClass("not").removeClass("done");
}
$('.escTitClose').click(function () {
$(".escTitClose").click(function () {
// defalutMApP();
$('#esc-tit ').hide();
$("#esc-tit ").hide();
});
$('.closeBtn').click(function () {
$('.escbox-top,.escbox-bottom,#esc-tit').hide();
$(".closeBtn").click(function () {
$(".escbox-top,.escbox-bottom,#esc-tit").hide();
defalutMApP();
});
$('.escbox-tip-b .item').click(function () {
let inde = $(this).index('.escbox-tip-b .item');
$('.escbox-top').show();
element.on('tab(layTAb)', function (data) {
$(".escbox-tip-b .item").click(function () {
let inde = $(this).index(".escbox-tip-b .item");
$(".escbox-top").show();
element.on("tab(layTAb)", function (data) {
defalutMApP();
});
if (inde == 0) element.tabChange('layTAb', 'layTAb_curr');
if (inde == 1) element.tabChange('layTAb', 'layTAb_hisy');
if (inde == 0) element.tabChange("layTAb", "layTAb_curr");
if (inde == 1) element.tabChange("layTAb", "layTAb_hisy");
});
//关联按钮事件
$('body').on('click', '#connectPlanBtn', function () {
BOTMTOOLBAR.genericPlan('gl');
$("body").on("click", "#connectPlanBtn", function () {
BOTMTOOLBAR.genericPlan("gl");
});
$('#bottomMenu .btn').click(function () {
let inde = $(this).index('#bottomMenu .btn');
$("#bottomMenu .btn").click(function () {
let inde = $(this).index("#bottomMenu .btn");
//if (inde == 0) BOTMTOOLBAR.GISFun();
if (inde == 0) BOTMTOOLBAR.eventDevelopAnalysis();
if (inde == 1) BOTMTOOLBAR.dutyBookFun();
......@@ -1121,18 +1226,18 @@ $(function () {
if (inde == 4) BOTMTOOLBAR.genericPlan();
// if (inde == 6) BOTMTOOLBAR.konwlegeFun();
});
$('body').on('click', '.cbtn', function () {
let id = $(this).parent().parent().attr('id');
$("body").on("click", ".cbtn", function () {
let id = $(this).parent().parent().attr("id");
$(`#${id}`).hide();
if (id == 'ensurelistbox') $('#ensurelistbox .layui-table-view').hide();
if (id == 'zsbox') $('.yjbs .detali').hide();
if (id == "ensurelistbox") $("#ensurelistbox .layui-table-view").hide();
if (id == "zsbox") $(".yjbs .detali").hide();
});
$('.ty')
.find('a.abt')
$(".ty")
.find("a.abt")
.click(function () {
if (checkEventEype == 'review') {
let ind = $(this).index('a.abt');
$('.escbox-bottom').show();
if (checkEventEype == "review") {
let ind = $(this).index("a.abt");
$(".escbox-bottom").show();
$(`.escbox-bottom .item${ind + 1}`)
.show()
.siblings()
......@@ -1144,11 +1249,11 @@ $(function () {
});
});
$('#mouseToolBtn').click(function () {
$('.toolsbox').show('fast');
$("#mouseToolBtn").click(function () {
$(".toolsbox").show("fast");
});
$('.toolsbox h3 span').click(function () {
$('.toolsbox').hide();
$(".toolsbox h3 span").click(function () {
$(".toolsbox").hide();
});
// 启动
......@@ -1161,11 +1266,11 @@ $(function () {
createLegendList();
// renderAlarmNum();
renderEventNum();
createDeviceNumPieChart('deviceNumPie');
createDeviceNumLineChartday('deviceNumLineday');
createDeviceNumLineChartmouth('deviceNumLinemouth');
renderLegendTypeNum('categoryAlarmNum');
initVideo('videoHandler');
createDeviceNumPieChart("deviceNumPie");
createDeviceNumLineChartday("deviceNumLineday");
createDeviceNumLineChartmouth("deviceNumLinemouth");
renderLegendTypeNum("categoryAlarmNum");
initVideo("videoHandler");
getAlarmData();
//调用当前值班信息接口
getDutyInfo();
......
ioc_frontweb/js/utils.js
View file @ 482eacd7
......@@ -627,7 +627,7 @@ function createLegendList() {
tmpLi +=
'<li data-id="' +
items[i].id +
'" class="legendItem"><div><img class="legendPic" style="padding: 7px 0;" src="./images/legend/' +
'" class="legendItem"><div class="first"><img class="legendPic" style="padding: 7px 0;" src="./images/legend/' +
items[i].legendCode +
'.png" alt=""/><span class="legendTitle">' +
items[i].legendName +
......@@ -645,15 +645,15 @@ function createLegendList() {
var legendchild=document.getElementsByClassName("legendchild");
for (var i=0; i<legenditem.length;i++){
// legenditem[i].index = i;
legenditem[i].onclick = function(){
if(this.lastChild.style.display == "none"){
this.style.backgroundImage="url(images/vectorbot.png)";
this.lastChild.style.display = "block";
}else{
this.style.backgroundImage="url(images/re.png)";
this.lastChild.style.display = "none";
}
};
// legenditem[i].onclick = function(){
// if(this.lastChild.style.display == "none"){
// this.style.backgroundImage="url(images/vectorbot.png)";
// this.lastChild.style.display = "block";
// }else{
// this.style.backgroundImage="url(images/re.png)";
// this.lastChild.style.display = "none";
// }
// };
}
// 默认显示视频监控设备
// $('.legendItem').eq(0).click();
......
ioc_frontweb/style/style.css
View file @ 482eacd7
......@@ -317,7 +317,7 @@ table.layui-table th {
.legendItem {
margin: 3px 0;
overflow: hidden;
cursor: pointer;
/* cursor: pointer; */
float: left;
background: url(../images/re.png);
background-size: 100% 100%;
......@@ -325,11 +325,16 @@ table.layui-table th {
padding: 0 5px;
margin-left: 10px;
}
.legendItem .first{
cursor: pointer;
}
.legendchild{
display: none;
width: auto;
position: fixed;
bottom: 85px;
bottom: 50px;
height: 70px;
}
/* .legendItem:active + .legendchild{
display: block;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment