修改弹窗样式

ZhuDongming

2019-08-20 45c033f20cb1a5450ad3ea7d6e9460d60e30bf05

 src/main/webapp/view/uavTrajectory.jsp

@@ -63,20 +63,18 @@

    .BMap_bubble_title {
        color: white;
        font-size: 13px;
        font-weight: bold;
        text-align: left;
        padding: 5px 5px 0 5px;
        padding: 0 5px 0 5px;
        background-color: #2DA0EB;
    }

    .BMap_bubble_content {
        background-color: white;
        padding: 5px 5px 10px 5px;
        padding: 5px;
    }

    .BMap_pop img {
        top: 45px !important;
    .BMap_pop > img {
        top: 42px !important;
        margin-left: -10px;
    }

    .BMap_pop div:nth-child(1) div {
@@ -374,13 +372,13 @@
                '<div style="min-height:20px;overflow:auto;max-height:400px;" >';
            var opts = {
                width: 420,
                title: '<h4>时间：' + sensorInfo[i].时间 + '</h4>', // 信息窗口标题
                title: '<h3>时间：' + sensorInfo[i].时间 + '</h3>', // 信息窗口标题
                enableMessage: false, //设置允许信息窗发送短息
            }

            var optsCoincide = {
                width: 220,
                title: '<h4>重合点坐标信息</h4>', // 信息窗口标题
                title: '<h3>重合点坐标信息</h3>', // 信息窗口标题
                enableMessage: false, //设置允许信息窗发送短息
            }

@@ -405,14 +403,14 @@
            if (coincidentPoints.indexOf(i) > -1) {
                winfowText = winfowText + "</div>";
            } else {
                winfowText += '<h4 style="background-color: #CD5C5C;color:white;margin-bottom: 1px">监测因子信息</h4>';
                winfowText += '<h3 style="background-color: #CD5C5C;color:white;margin-bottom: 1px">监测因子信息</h3>';
                for (var prop in monitorDataResult) {
                    if (monitorDataResult.hasOwnProperty(prop)) {
                        monitorSensorsCount++;
                        winfowText += ("<p style='height: 22px;line-height: 22px'>" + prop + "：" + monitorDataResult[prop] + '<input id="a' + i + monitorSensorsCount + '" class="' + i + '" type="button" value="最小值" onclick="showMonitorMinOrMax(this,sensorInfoMin,monitorDataMin,monitorParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:120px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><span id="aa' + i + monitorSensorsCount + '" style="width:80px;display: none;position: absolute;right:120px;text-align: center"></span><input id="b' + i + monitorSensorsCount + '" class="' + i + '" type="button" value="最大值" onclick="showMonitorMinOrMax(this,sensorInfoMax,monitorDataMax,monitorParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:25px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><span id="bb' + i + monitorSensorsCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>");
                    }
                }
                winfowText += '<h4 style="background-color: #66CD00;color:white;margin-bottom: 1px">飞行因子信息</h4>';
                winfowText += '<h3 style="background-color: #66CD00;color:white;margin-bottom: 1px">飞行因子信息</h3>';
                for (var prop in flyingDataResult) {
                    if (flyingDataResult.hasOwnProperty(prop)) {
                        flyingSensorsCount++;
@@ -430,7 +428,6 @@
                }
                marker.addEventListener("click", function () {
                    this.openInfoWindow(infoWindow);
                    $(".BMap_pop img").css('margin-left', '-10px');
                    for (var i = 0; i < list.length; i++) {
                        $("#" + list[i]).css('color', 'blue');
                    }
@@ -452,7 +449,7 @@
                var flyingDataCoincide = flyingDataSort(sensorInfo[e.id], flyingData, flyingParameters);
                var winfowText1 =
                    '<div style="min-height:20px;overflow:auto;max-height:400px;" >';
                winfowText1 += '<h4 style="background-color: #CD5C5C;color:white;margin-bottom: 1px">监测因子信息</h4>';
                winfowText1 += '<h3 style="background-color: #CD5C5C;color:white;margin-bottom: 1px">监测因子信息</h3>';
                var monitorSensorsCoincideCount = -1;
                var flyingSensorsCoincideCount = -1;
                for (var prop in monitorDataCoincide) {
@@ -461,7 +458,7 @@
                        winfowText1 += ("<p style='height: 22px;line-height: 22px'>" + prop + "：" + monitorDataCoincide[prop] + '<input id="e' + e.id + monitorSensorsCoincideCount + '" class="' + e.id + '" type="button" value="最小值" onclick="showMonitorMinOrMax(this,sensorInfoMin,monitorDataMin,monitorParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:120px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white "/><span id="ee' + e.id + monitorSensorsCoincideCount + '" style="width:80px;display: none;position: absolute;right:120px;text-align: center"></span><input id="f' + e.id + monitorSensorsCoincideCount + '" class="' + e.id + '" type="button" value="最大值" onclick="showMonitorMinOrMax(this,sensorInfoMax,monitorDataMax,monitorParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:25px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><span id="ff' + e.id + monitorSensorsCoincideCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>");
                    }
                }
                winfowText1 += '<h4 style="background-color: #66CD00;color:white;margin-bottom: 1px">飞行因子信息</h4>';
                winfowText1 += '<h3 style="background-color: #66CD00;color:white;margin-bottom: 1px">飞行因子信息</h3>';
                for (var prop in flyingDataCoincide) {
                    if (flyingDataCoincide.hasOwnProperty(prop)) {
                        flyingSensorsCoincideCount++;
@@ -471,7 +468,7 @@
                winfowText1 += "</div>";
                var optsCoincideChild = {
                    width: 420,
                    title: '<h4>时间：' + sensorInfo[e.id].时间 + '</h4>', // 信息窗口标题
                    title: '<h3>时间：' + sensorInfo[e.id].时间 + '</h3>', // 信息窗口标题
                    enableMessage: false, //设置允许信息窗发送短息
                }
                var infoWindow1 = new BMap.InfoWindow(winfowText1, optsCoincideChild);