地图弹窗

liuyg

2021-05-07 3a96f202c03a675cb96df88d85b3fe30bab359fb

地图弹窗

 public/map/popup/html/FlareClusterLayer_v3 copy.html

@@ -118,7 +118,7 @@

            padding: 10px 0 10px 0;
            /* border: rgb(211, 154, 31) solid 0.5px; */
         

            margin-bottom: 5px;
        }

@@ -149,9 +149,11 @@
            float: left;
            padding: 0 3px 0 3px;
        }
        .el-tabs__content{

        .el-tabs__content {
            height: 360px;
        }

        .el-tabs__active-bar {
            background-color: aquamarine;
        }
@@ -334,27 +336,47 @@
                    var ct = document.getElementsByClassName('flare-liu-top')[0];
                    var cordActive = document.getElementsByClassName('el-tabs__active-bar')[0];//滑块背景颜色

                    if (dat.state != '') {
                    // if (dat.state != '') {
                    //     ct.style.backgroundImage = 'linear-gradient(to right, #F49966 , #F49966';
                    //     cordActive.style.backgroundImage = 'linear-gradient(to right, #F49966 , #F49966';
                    //     this.statesss = '故障';
                    // } else {
                    //     if (dat.jtype != 1) {
                    //         if (dat.onlineStatus == 1) {//el-tabs__active-bar
                    //             ct.style.backgroundImage = 'linear-gradient(to right, #32C1A2 , #32C1A2';
                    //             cordActive.style.backgroundImage = 'linear-gradient(to right, #32C1A2 , #32C1A2';
                    //             this.statesss = '在线';
                    //         } else {
                    //             ct.style.backgroundImage = 'linear-gradient(to right, #CDCDCD , #CDCDCD';
                    //             cordActive.style.backgroundImage = 'linear-gradient(to right, #CDCDCD , #CDCDCD';
                    //             this.statesss = '离线';
                    //         }
                    //     } else {
                    //         ct.style.backgroundImage = 'linear-gradient(to right, #F35B5B , #F35B5B';
                    //         cordActive.style.backgroundImage = 'linear-gradient(to right, #F35B5B , #F35B5B';
                    //         this.statesss = '警报';
                    //     }
                    // }
                    if (dat.dtype == 3) {
                        ct.style.backgroundImage = 'linear-gradient(to right, #F49966 , #F49966';
                        cordActive.style.backgroundImage = 'linear-gradient(to right, #F49966 , #F49966';
                        this.statesss = '故障';
                    } else {
                        if (dat.jtype != 1) {
                            if (dat.onlineStatus == 1) {//el-tabs__active-bar
                                ct.style.backgroundImage = 'linear-gradient(to right, #32C1A2 , #32C1A2';
                                cordActive.style.backgroundImage = 'linear-gradient(to right, #32C1A2 , #32C1A2';
                                this.statesss = '在线';
                            } else {
                                ct.style.backgroundImage = 'linear-gradient(to right, #CDCDCD , #CDCDCD';
                                cordActive.style.backgroundImage = 'linear-gradient(to right, #CDCDCD , #CDCDCD';
                                this.statesss = '离线';
                            }
                        } else {
                            ct.style.backgroundImage = 'linear-gradient(to right, #F35B5B , #F35B5B';
                            cordActive.style.backgroundImage = 'linear-gradient(to right, #F35B5B , #F35B5B';
                            this.statesss = '警报';
                        }
                    } else if (dat.dtype == 1) {//el-tabs__active-bar
                        ct.style.backgroundImage = 'linear-gradient(to right, #32C1A2 , #32C1A2';
                        cordActive.style.backgroundImage = 'linear-gradient(to right, #32C1A2 , #32C1A2';
                        this.statesss = '在线';
                    } else if (dat.dtype == 0) {
                        ct.style.backgroundImage = 'linear-gradient(to right, #CDCDCD , #CDCDCD';
                        cordActive.style.backgroundImage = 'linear-gradient(to right, #CDCDCD , #CDCDCD';
                        this.statesss = '离线';

                    } else if (dat.dtype == 2) {
                        ct.style.backgroundImage = 'linear-gradient(to right, #F35B5B , #F35B5B';
                        cordActive.style.backgroundImage = 'linear-gradient(to right, #F35B5B , #F35B5B';
                        this.statesss = '警报';
                    }


                },
                getUser(dat) {
                    var xhr = null