yf_zd
/
qxzSy


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
							{% load staticfiles %}
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet" href="{% static 'bigData/css/reset.css'%}" media="all">
    <link rel="stylesheet" href="{% static 'font-awesome/4.5.0/css/font-awesome.css'%}" media="all">
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
    <link rel="stylesheet" href="{% static '/lib/css/swiper.min.css' %}">
    <link rel="stylesheet" href="{% static 'bigData/css/bigScreen.css'%}" media="all">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
    <title>大数据平台</title>
    <style>
        /* select2样式更换 */
        .select2-container--default .select2-selection--single{
            background-color: #09093f;
            border: 1px solid #24a1c9;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered{
            color: #fff;
        }
        .select2-dropdown{
            background-color: #192b63;
            border: 1px solid #34c7e3;
            color: #fff;
        }
        .select2-container--default .select2-results__option[aria-selected=true]{
            background-color: #5797fb;
            COLOR: #ffffff;
        }
    </style>
</head>

<body>
    <div id="load">
        <div class="load_img">
            <!-- 加载动画 -->
            <img class="jzxz1" src="{% static '/bigData/imgs/jzxz1.png'%}">
            <img class="jzxz2" src="{% static '/bigData/imgs/jzxz2.png'%}">
        </div>
    </div>
    <!-- 天气 -->
    <div class="weatherBox">
        <div class="weatherInner clearfix">
            <!-- <div>
                <img src="{% static '/bigData/image/weather.png'%}" width="40" alt="">
            </div>
            <div class="weatherval">
                <p>郑州市</p>
                <p>3~10°C</p>
            </div>
            <div>
                <P>小雨</P>
            </div> -->
        </div>
    </div>
    <!-- 标题栏 -->
    <div class="Hometitlebox">
        <div></div>
    </div>
    <!-- 小框 -->
    <div id="box1" class="topboxBj boxPlace">
        <div class="boxinner">
            <div class="txtTitle" id="baseName">示范点</div>
            <div class="baseInfo clearfix">
                <!-- <div class="baseImg">
                    <img src="{% static '/bigData/imgs/16062573.png'%}" width="" class="exampleImg" alt="">
                </div> -->
                <div class="baseEquip">
                    <!-- <div id="baseName">云飞示范点</div> -->
                    <div>
                        <span class="typeDot cbd"></span>
                        <select name="" id="cbdList"></select>
                        <span class="equipTotal" type='3'></span>
                    </div>
                    <div>
                        <span class="typeDot jk"></span>
                        <select name="" id="jkList"></select>
                        <span class="equipTotal" type='6'></span>
                    </div>
                    <div>
                        <span class="typeDot bzy"></span>
                        <select name="" id="bzyList"></select>
                        <span class="equipTotal"  type='7'></span>
                    </div>
                    <div>
                        <span class="typeDot qxz"></span>
                        <select name="" id="qxzList"></select>
                        <span class="equipTotal" type='5'></span>
                    </div>
                    
                </div>
            </div>
            <div class="totalPosition equipTotal"  type='all'>
                <img src="{% static '/bigData/image/distribution.png'%}" alt="">
            </div>
        </div>
    </div>
    <div id="box2" class="topboxBj boxPlace">
        <div class="boxinner">
            <div class="txtTitle">测报灯状态信息</div>
            <div class="cbdinfoBox" >
                <table>
                    <tr>
                        <td>
                            <div class="circleeffectclass aroundfunctioneffect">
                                <img class="effectposition arounddataeffect02" src="{% static '/bigData/image/aroundeffect.png'%}" alt="">
                                <div class="effectposition acrossremindeffectout acrossremindeffectoutard">
                                    <p id="onoff"></p>
                                    <div>在线状态</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="circleeffectclass aroundfunctioneffect">
                                <img class="effectposition arounddataeffect02" src="{% static '/bigData/image/aroundeffect.png'%}" alt="">
                                <div class="effectposition acrossremindeffectout acrossremindeffectoutard">
                                    <p id="ts"></p>
                                    <div>定时模式</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="circleeffectclass aroundfunctioneffect">
                                <img class="effectposition arounddataeffect02" src="{% static '/bigData/image/aroundeffect.png'%}" alt="">
                                <div class="effectposition acrossremindeffectout acrossremindeffectoutard">
                                    <p id="rps"></p>
                                    <div>雨控状态</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="circleeffectclass aroundfunctioneffect">
                                <img class="effectposition arounddataeffect02" src="{% static '/bigData/image/aroundeffect.png'%}" alt="">
                                <div class="effectposition acrossremindeffectout acrossremindeffectoutard">
                                    <p id="lps"></p>
                                    <div>光控状态</div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="circleeffectclass aroundfunctioneffect">
                                <img class="effectposition arounddataeffect02" src="{% static '/bigData/image/aroundeffect.png'%}" alt="">
                                <div class="effectposition acrossremindeffectout acrossremindeffectoutard">
                                    <p id="tps"></p>
                                    <div>温控状态</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="circleeffectclass aroundfunctioneffect">
                                <img class="effectposition arounddataeffect02" src="{% static '/bigData/image/aroundeffect.png'%}" alt="">
                                <div class="effectposition acrossremindeffectout acrossremindeffectoutard">
                                    <p id="gs"></p>
                                    <div>通道状态</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="circleeffectclass aroundfunctioneffect">
                                <img class="effectposition arounddataeffect02" src="{% static '/bigData/image/aroundeffect.png'%}" alt="">
                                <div class="effectposition acrossremindeffectout acrossremindeffectoutard">
                                    <p id="hs"></p>
                                    <div>加热状态</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="circleeffectclass aroundfunctioneffect">
                                <img class="effectposition arounddataeffect02" src="{% static '/bigData/image/aroundeffect.png'%}" alt="">
                                <div class="effectposition acrossremindeffectout acrossremindeffectoutard">
                                    <p id="csq"></p>
                                    <div>信号强度</div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>

        </div>
    </div>
    <div id="box3" class="downboxbj boxPlace">
        <div class="boxinner">
            <div class="txtTitle">测报灯害虫统计</div>
            <div class="pestChart">
                <div id="echarts" style="height:100%"></div>
            </div>
        </div>
    </div>
    <div id="box4" class="jkBj boxPlace">
        <div class="boxinner">
            <div class="jkTitle">
                远程视频监控系统
            </div>
            <div class="flashDownDiv">
                <p>您没有安装flash插件，无法播放视频</p>
                <p>请先下载安装最新的flash插件</p>
                <a href="https://get.adobe.com/cn/flashplayer/" class="btn btn-primary">
                    <i class="fa fa-download" aria-hidden="true"></i>
                    下载视频控件
                </a>
            </div>
            <div class="jkinner">
                <div class="videobox">
                    <video id="myPlayer" poster="" controls playsInline webkit-playsinline autoplay style="width:100%;height: 100%;">
                        <!-- <source src="rtmp://rtmp01open.ys7.com/openlive/18319fb1a08249d3a498c5cba3e8bdee.hd" type="" /> -->
                        <!-- <source src="http://hls01open.ys7.com/openlive/18319fb1a08249d3a498c5cba3e8bdee.hd.m3u8" type="application/x-mpegURL" /> -->
                    </video>
                </div>
                <div class="jkctrlBox">
                    <div>
                        <img src="{% static '/bigData/image/jkctrlBox1.png'%}" onmousedown="configCamera(this,'move',0)" onmouseup="configCamera(this,'stop')" width="" class="" alt="">
                        <img src="{% static '/bigData/image/jkctrlBox2.png'%}" onmousedown="configCamera(this,'move',1)" onmouseup="configCamera(this,'stop')" width="" class="" alt="">
                        <img src="{% static '/bigData/image/jkctrlBox3.png'%}" onmousedown="configCamera(this,'move',2)" onmouseup="configCamera(this,'stop')" width="" class="" alt="">
                        <img src="{% static '/bigData/image/jkctrlBox4.png'%}" onmousedown="configCamera(this,'move',3)" onmouseup="configCamera(this,'stop')" width="" class="" alt="">
                        <img src="{% static '/bigData/image/jkctrlBox5.png'%}" onmousedown="configCamera(this,'move',8)" onmouseup="configCamera(this,'stop')" width="" class="" alt="">
                        <img src="{% static '/bigData/image/jkctrlBox6.png'%}" onmousedown="configCamera(this,'move',9)" onmouseup="configCamera(this,'stop')" width="" class="" alt="">
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div id="box5" class="topboxBj boxPlace">
        <div class="boxinner">
            <div class="txtTitle">孢子仪状态信息</div>
            <div class="bzyInfo">
                <table>
                    <tr>
                        <td>
                            <div class="clearfix bzyItem">
                                <div class="bzyStatusIcon">
                                    <img src="{% static '/bigData/image/onoff.png'%}" alt="">
                                </div>
                                <div class="bzyStatus">
                                    <p>在线状态</p>
                                    <div id="bzyonoff"></div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="clearfix bzyItem">
                                <div class="bzyStatusIcon">
                                    <img src="{% static '/bigData/image/switch.png'%}" alt="">
                                </div>
                                <div class="bzyStatus">
                                    <p>设备开关</p>
                                    <div id="bzyswitch"></div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="clearfix bzyItem">
                                <div class="bzyStatusIcon">
                                    <img src="{% static '/bigData/image/bat.png'%}" alt="">
                                </div>
                                <div class="bzyStatus">
                                    <p>电池状态</p>
                                    <div id="bzybat_sta"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="clearfix bzyItem">
                                <div class="bzyStatusIcon">
                                    <img src="{% static '/bigData/image/sxt.png'%}" alt="">
                                </div>
                                <div class="bzyStatus">
                                    <p>摄像头状态</p>
                                    <div id="bzyusb_sta"></div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="clearfix bzyItem">
                                <div class="bzyStatusIcon">
                                    <img src="{% static '/bigData/image/vbat.png'%}" alt="">
                                </div>
                                <div class="bzyStatus">
                                    <p>电压(V)</p>
                                    <div id="bzyv_bat"></div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="clearfix bzyItem">
                                <div class="bzyStatusIcon">
                                    <img src="{% static '/bigData/image/temp.png'%}" alt="">
                                </div>
                                <div class="bzyStatus">
                                    <p>保温舱温度</p>
                                    <div id="bzypre_temp"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="clearfix bzyItem">
                                <div class="bzyStatusIcon">
                                    <img src="{% static '/bigData/image/csq.png'%}" alt="">
                                </div>
                                <div class="bzyStatus">
                                    <p>信号强度</p>
                                    <div id="bzycsq"></div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="clearfix bzyItem">
                                <div class="bzyStatusIcon">
                                    <img src="{% static '/bigData/image/dver.png'%}" alt="">
                                </div>
                                <div class="bzyStatus">
                                    <p>设备版本</p>
                                    <div id="bzydver"></div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="clearfix bzyItem">
                                <div class="bzyStatusIcon">
                                    <img src="{% static '/bigData/image/rps.png'%}" alt="">
                                </div>
                                <div class="bzyStatus">
                                    <p>雨控状态</p>
                                    <div id="bzyrps"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div id="box6" class="topboxBj boxPlace">
        <div class="boxinner">
            <div class="txtTitle">孢子仪图片查看</div>
            <div class="photoLayout">
                <div class="photodiv bzyphotodiv clearfix">
                    <div class="photoitem bzyLayout doubleDiv">
                        <div>
                            <img id="bzyPhoto1" src="" style="width:100%;height:100%" class="" alt="">
                        </div>
                        <div>
                            <img id="bzyPhoto2" src="" style="width:100%;height:100%" class="" alt="">
                        </div>
                    </div>
                    <div class="photoitem aloneDiv">
                        <img id="bzyPhoto3" src="" style="width:100%;height:100%" class="" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="box7" class="downboxbj boxPlace">
        <div class="boxinner">
            <div class="txtTitle">测报灯害虫图片查看</div>
            <div class="photoLayout">
                <div class="photodiv cbdphotodiv clearfix">
                    <div class="photoitem aloneDiv">
                        <img id="cbdPhoto1" src="" style="width:100%;height:100%" class="" alt="">
                    </div>
                    <div class="photoitem cbdLayout doubleDiv">
                        <div>
                            <img id="cbdPhoto2" src="" style="width:100%;height:100%" class="" alt="">
                        </div>
                        <div>
                            <img id="cbdPhoto3" src="" style="width:100%;height:100%" class="" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="box8" class="downbijboxbj boxPlace">
        <div class="boxinner">
            <div class="txtTitle">环境监测</div>
            <div class="qxzinner clearfix">
                <div class="qxzSwiper">
                    <div class="swiper-container qxzSwiperContent qxzItem">
                        <!-- <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div>
                                    <img src="{% static '/img/dev/icon_102.png'%}" alt="" width="36">
                                    <div class="qxzItemInfo">
                                        <p>风速风速风速风速风速风速风速风速 </p>
                                        <div>0.0m/s</div>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                        <!-- <div class="swiper-button-next"></div> -->
                        <!-- <div class="swiper-button-prev"></div> -->
                    </div>
                </div>
                <div class="qxzEcharts">
                    <div id="qxzbarchart" style="height:100%"></div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" value="{{current_user.user_city}}" id="userCurrCity">

    <!-- 加载地图JSAPI脚本 -->
    <script src="{% static '/lib/js/jquery-2.1.4.min.js'%}"></script>
    <script src="{% static '/lib/layui/layui.js'%}"></script>

    <script src="https://open.ys7.com/sdk/js/1.3/ezuikit.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts.js"></script>
    <script src="{% static '/lib/js/swiper.min.js'%}"></script>
    <script src="{% static '/bigData/js/weatherJson.js'%}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script>
    <script src="{% static '/bigData/js/bigScreen.js'%}"></script>
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=3939967b919a8003377dd113fc445a3d&plugin=AMap.Geocoder"></script>
    <script src="{% static '/bigData/js/bigScreenMap.js'%}"></script>

</body>

</html>