hanzhengyi
/
wxapp2


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578
							<!DOCTYPE html>
<html lang="en">
<head>   

    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <!-- <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css"> -->
    <script src="__PUBLIC__/wxapp/js/jquery-1.8.3/jquery.min.js"></script>
    <!-- 引入 ECharts 文件 -->
    <script src="__PUBLIC__/wxapp/js/echarts.min.js"></script>


    <script src="/jdxf/wxapp/Home/View/Public/cordova/index.js"></script>
    <!-- <script src="/jdxf/wxapp/Home/View/Public/cordova/android/cordova.js"></script> -->
    <!--引入微信js-->
    <script src='https://res.wx.qq.com/open/js/jweixin-1.4.0.js'></script>

    <link rel="stylesheet" href="__PUBLIC__/wxapp/css/jdxf2.css">
    <title>{$vo.owner_name}</title>


</head>

<body>

<script>
    function ajaxscan1(data,company){
        $.ajax({
            type: 'POST',
            url: "{:U('Scan/sftjewm')}",
            data: {data:data,company:company},
            dataType: 'json',
            success: function(res2){
                // alert(res2);
                if(res2==1){
                    alert('添加成功');
                }else{
                    alert('添加失败');
                }
            }
        })
    }
    function ajasscan(data,company,wxjid){
        $.ajax({
            type: 'POST',
            url: "{:U('Scan/pdsflr')}",
            data: {data:data,company:company,wxjid:wxjid},
            dataType: 'json',
            success: function(res1){
                // alert(res1);
                if (res1==1){
                    alert('该用户不是巡检人');
                }
                if (res1==2){
                    var a = confirm('是否添加二维码');
                    if (a==true){
                        // alert(data);
                        // alert(company);
                        ajaxscan1(data,company)
                    }
                }
                if (res1==3){

                }
            }
        })

    }

    wx.config({
        // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        debug: false,
        // 必填，公众号的唯一标识
        appId: "{$wxConfig.appId}",
        // 必填，生成签名的时间戳
        timestamp:"{$wxConfig.timestamp}",
        // 必填，生成签名的随机串
        nonceStr:"{$wxConfig.nonceStr}",
        // 必填，签名，见附录1
        signature:"{$wxConfig.signature}",
        // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        jsApiList : [ 'scanQRCode' ]
    });
    wx.error(function(res) {
        //      alert("----------出错了-----------：" + res.errMsg);//这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
    });
    wx.ready(function() {
        wx.checkJsApi({
            jsApiList : ['scanQRCode'],
            success : function(res) {
            }
        });

        //点击按钮扫描二维码
        $('#wxcode').click(function(){
//              alert(1);
            wx.scanQRCode({
                needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                success: function (res) {
                    var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                    // alert(result);
                    var company = 1;
                    var data1 = 5;
                    ajasscan(result,company,data1)

                }
            });
        })
    });


    // $(function(){
    //     var ua = window.navigator.userAgent.toLowerCase();
    //     console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1
    //     if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        
    //     } else {
    //         jQuery.getScript("https://www.jd-ioe.com/jdxf/wxapp/Home/View/Public/cordova/index.js", function(data, status, jqxhr){});

            // jQuery.getScript("https://www.jd-ioe.com/jdxf/wxapp/Home/View/Public/cordova/android/cordova_plugins.js",function(data,status,jqxhr){});
            // jQuery.getScript("https://www.jd-ioe.com/jdxf/wxapp/Home/View/Public/cordova/android/cordova.js",function(data,status,jqxhr){});
            // jQuery.getScript("https://www.jd-ioe.com/jdxf/wxapp/Home/View/Public/cordova/android/plugins/cordova-plugin-device/www/device.js",function(data,status,jqxhr){});
            // jQuery.getScript("https://www.jd-ioe.com/jdxf/wxapp/Home/View/Public/cordova/android/plugins/cordova-plugin-splashscreen/www/splashscreen.js",function(data,status,jqxhr){});
            // jQuery.getScript("https://www.jd-ioe.com/jdxf/wxapp/Home/View/Public/cordova/android/plugins/cordova-plugin-statusbar/www/statusbar.js",function(data,status,jqxhr){});
            // jQuery.getScript("https://www.jd-ioe.com/jdxf/wxapp/Home/View/Public/cordova/android/plugins/jpush-phonegap-plugin/www/JPushPlugin.js",function(data,status,jqxhr){});
        // }


        // var script = document.createElement('script');
        // script.type = 'text/jacascript';
        // script.src = 'https://www.jd-ioe.com/jdxf/wxapp/Home/View/Public/cordova/index.js';     //填自己的js路径
        // $('head').append(script);
        //$("head").append('<script src="https://www.jd-ioe.com/jdxf/wxapp/Home/View/Public/cordova/index.js"><\/script>');
    // });
</script>
 <?php
        require "/var/www/html/jdxf/wxapp/Home/View/Public/jpush_api.php";
    ?>


<!-- 头部 -->
<div class="hand">
	<span class="hand-i" id="hand-i" onclick="tog(this)" name="down"><!-- <i class="fa fa-angle-down"></i> -->
	<img id="hand-img" style="width: 20px;" src="__PUBLIC__/wxapp/images/jd_02.png" alt="">
	</span>
    {$title}
    <!-- <span class="hand-span" onclick="exits()">注销</span> -->
    <ul class="company" id="company" style="height:90%;overflow-y:scroll;">
        <volist name="company" id="vo">
            <li style="height:30px;line-height:30px;border:1px solid #666;">
            	<a href="__MODULE__/index/index{$tokenurl}/companyid/{$vo.owner_id}" class="company-a" style="display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;">{$vo.owner_name}</a>
            </li>
        </volist>
    </ul>
</div>
<!-- 菜单 -->
<!-- 饼图 -->
<div style="overflow: hidden;">
    <div class="bing">
        <div class="pingm" style="position: relative; width: 200%">
            <div id="main" style="width: 50%;min-height:320px;height: 48%; float: left;"></div>
            <div id="main2" style="width: 50%;min-height:320px;height: 48%;float:left;"></div>
        </div>
        <div class="bing-left" onclick="rmleft()"><img style="width: 30px;" src="__PUBLIC__/wxapp/images/s_07.png" alt=""></div>
        <div class="bing-right" onclick="rmright()"><img style="width: 30px;" src="__PUBLIC__/wxapp/images/s_06.png" alt=""></div>
    </div>
</div>
<!-- 菜单 -->
<div style="overflow: hidden;">
    <ul class="banner-ul">
        <li class="banner-ul-li">
        	<a style="color:#000000 " href="__MODULE__/Fire/index{$tokenurl}/companyid/{$companys}">
            <div class="banner-ul-li-1">
            <if condition="$hj0 eq 0 ">
			    <else /> <span class="larn">{$hj0}</span>
			</if>
            </div>
            <div class="banner-ul-li-2"><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/s_01.png" alt=""></div>
            <div class="banner-ul-li-3">报警主机</div>
        	</a>
        </li>
        <li class="banner-ul-li" style=" border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;">
            <a style="color:#000000 " href="__MODULE__/Water/index{$tokenurl}/companyid/{$companys}">
                <div class="banner-ul-li-1">
                <if condition="$sj eq 0 ">
				    <else /> <span class="larn">{$sj}</span>
				</if>
                </div>
                <div class="banner-ul-li-2" ><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/s_02.png" alt=""></div>
                <div class="banner-ul-li-3">水系统</div>
            </a>
        </li>

        <li class="banner-ul-li">
            <a style="color:#000000 " href="__MODULE__/Measure/index{$tokenurl}/companyid/{$companys}">
                <!--<a style="color:#000000 " href="#">-->
                <div class="banner-ul-li-1">
                    <if condition="$rtu eq 0 ">
                        <else />
                    <span class="larn">
                        {$rtu}
                    </span>
                    </if>
                </div>
                <div class="banner-ul-li-2"><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/measure.png" alt=""></div>
                <div class="banner-ul-li-3">测控终端</div>
            </a>
        </li>

    </ul>

    <ul class="banner-ul">
        <li class="banner-ul-li">
            <a style="color:#000000 " href="__MODULE__/Efire/index{$tokenurl}/companyid/{$companys}">
                <div class="banner-ul-li-1">
                    <if condition="$efire eq 0 ">
                        <else /> <span class="larn">{$efire}</span>
                    </if>
                </div>
                <div class="banner-ul-li-2"><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/efire.png" alt=""></div>
                <div class="banner-ul-li-3">电气火灾</div>
            </a>
        </li>
        <li class="banner-ul-li" style=" border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;">
            <a style="color:#000000 " href="__MODULE__/Dmanger/index{$tokenurl}/companyid/{$companys}">
                <div class="banner-ul-li-1">
                    <!--<div class="larn"></div>-->
                </div>
                <div class="banner-ul-li-2" ><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/s_03.png" alt=""></div>
                <div class="banner-ul-li-3">设备管理</div>
            </a>
        </li>

        <li class="banner-ul-li">
            <a style="color:#000000 " href="__MODULE__/Maint/index{$tokenurl}/companyid/{$companys}">
                <!--<a style="color:#000000 " href="#">-->
                <div class="banner-ul-li-1">
                        <!--<span class="larn">4</span>-->
                </div>
                <div class="banner-ul-li-2"><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/s_04.png" alt=""></div>
                <div class="banner-ul-li-3">维保</div>
            </a>
        </li>

    </ul>

    <ul class="banner-ul">
        <li class="banner-ul-li">
            <a style="color:#000000 " href="__MODULE__/Maintinfo/index{$tokenurl}/companyid/{$companys}">
                <div class="banner-ul-li-1">
                    <!--<span class="larn">114</span>-->
                </div>
                <div class="banner-ul-li-2"><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/s_05.png" alt=""></div>
                <div class="banner-ul-li-3">报修</div>
            </a>
        </li>
        <li class="banner-ul-li" style=" border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;">
            <a style="color:#000000 " href="__MODULE__/Face/index{$tokenurl}/companyid/{$companys}">
                <div class="banner-ul-li-1">
                    <!--<div class="larn">114</div>-->
                </div>
                <div class="banner-ul-li-2" ><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/ren.png" alt=""></div>
                <div class="banner-ul-li-3">人脸识别</div>
            </a>
        </li>

        <li class="banner-ul-li"id="wxcode">
            <!--<a style="color:#000000 " href="#" >-->
                <!--<a style="color:#000000 " href="prc1.html">-->
                <!--<a style="color:#000000 " href="#">-->
                <div class="banner-ul-li-1">
                    <!--<span class="larn">4</span>-->
                </div>
                <div class="banner-ul-li-2"><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/ren.png" alt=""></div>
                <div class="banner-ul-li-3">扫一扫</div>
            <!--</a>-->
        </li>

    </ul>

    <ul class="banner-ul">
        <li class="banner-ul-li" style=" border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;">
            <a style="color:#000000 " href="__MODULE__/Inspection/index{$tokenurl}/companyid/{$companys}">
                <div class="banner-ul-li-1">
                    <!--<if condition="$hj0 eq 0 ">-->
                        <!--<else /> <span class="larn">{$hj0}</span>-->
                    <!--</if>-->
                    <!--<div class="larn">114</div>-->
                </div>
                <div class="banner-ul-li-2" ><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/ren.png" alt=""></div>
                <div class="banner-ul-li-3">巡检</div>
            </a>
        </li>
    </ul>

</div>
<!-- 报警分析 -->
<!--
<div>

    <ul class="baojin-ul">
        <li class="baojin-ul-li" style="border-bottom: 1px solid #dcdcdc;">报警类型分析</li>
        <li class="baojin-ul-li" style="border-bottom: 1px solid #dcdcdc;">
            <span style="color: red;">火灾报警&nbsp;&nbsp;&nbsp;   {$hjall}</span> <span style=" float: right;">已处理&nbsp;&nbsp;&nbsp;{$hj1}</span></li>
        <li class="baojin-ul-li">
            <span style=" color: #00c2d0">设备故障&nbsp;&nbsp;&nbsp;   {$gzall}</span> <span style=" float: right;">已处理&nbsp;&nbsp;&nbsp;{$gz1}</span></li>
    </ul>
</div>-->
<!-- 注销 -->
<div class="exits" id="exits" style="display: none;" display="none">
    <div class="exits-box">
        <div style="text-align: right;"><span style="padding: 5px;" onclick="exits()">
			<!-- <i class="fa fa-times"> </i> -->
			<img style="width: 15px;" src="__PUBLIC__/wxapp/images/jd_10.png" alt="">
			</span></div>
        <div class="exits-box-2">确认注销？</div>
        <div style="    padding: 15px;">
            <a href="__MODULE__/Login/index{$tokenurl}"><button class="button1">确定</button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button class="button1" onclick="exits()">取消</button>
        </div>
    </div>
</div>
</body>

<script type="text/javascript">


    // // 基于准备好的dom，初始化echarts实例
    // var myChart = echarts.init(document.getElementById('main'));
    //
    // // 指定图表的配置项和数据
    // option = {
    //     series : [
    //         {
    //             name: '报警分析',
    //             type: 'pie',
    //             radius : '75%',
    //             center: ['50%', '50%'],
    //             label: {
    //                 normal: {
    //                     show: false
    //                 },
    //                 emphasis: {
    //                     show: true
    //                 }
    //             },
    //             data:[
    //                 {value:{$hjall}, name:'火灾报警',itemStyle:{normal:{color:'#c91e2f'}}},
    //                 {value:{$gzall}, name:'设备故障',itemStyle:{normal:{color:'#00c2d0'}}},
    //             ],
    //             itemStyle: {
    //                 emphasis: {
    //                     shadowBlur: 10,
    //                     shadowOffsetX: 0,
    //                     shadowColor: 'rgba(0, 0, 0, 0.5)'
    //                 }
    //             }
    //         }
    //     ]
    // };
    //
    // 使用刚指定的配置项和数据显示图表。
    // myChart.setOption(option);
    k_type('main');
    h_type('main2');

    function rmleft(){
        $(".pingm").animate({left:"0px"});
    }function rmright(){
        $(".pingm").animate({left:"-100%"});
    }
    //var commm='{$hjall +$gzall+$sj+$rtu }';
    
    function k_type(part){
    var commm='{$hjall +$gzall+$sj+$rtu}';
    //console.log(commm);
        let myChart = echarts.init(document.getElementById(part));
        let option = {
            title: [{
                x:'center',
                text: '报警分析'
            },
                {
                    text: "报警总数",
                    x: "center",
                    y: "center",
                    subtext: commm,//"{$cns}",
                    textStyle: {
                        color: "#000000",
                        fontSize: "20",
                        fontWeight: 'normal'

                    },
                    subtextStyle:{
                        fontSize:20,
                        color:"#ff9f7f"
                    },
                }
            ],
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b}: {c} ({d}%)"
            },
            legend: {
                //orient: 'vertical',
                top:35,
                x:'center',
                data:['报警主机','故障','水系统','其它'],

            },
            series: [
                {
                    name:'报警分析',
                    type:'pie',
                    radius: ['40%', '55%'],
                    center: ['50%', '60%'],
                    avoidLabelOverlap: false,
                    label: {
                        normal: {
                            show: false,
                            position: 'center'
                        },
                        emphasis: {
                            show: false,
                            textStyle: {
                                fontSize: '30',
                                fontWeight: 'bold'
                            }
                        }
                    },
                    labelLine: {
                        normal: {
                            show: false
                        }
                    },
                    data:[
                        {value:{$hjall}, name:'报警主机',itemStyle:{normal:{color:'#e062ae'}}},
                        {value:{$gzall}, name:'故障',itemStyle:{normal:{color:'#67e0e3'}}},
                        {value:{$sj}, name:'水系统',itemStyle:{normal:{color:'#37a2da'}}},
                        {value:{$rtu}, name:'其它',itemStyle:{normal:{color:'#ffdb5c'}}},
                    ]
                }
            ]
        };
        myChart.setOption(option);
    }
    function h_type(part){
        let myChart = echarts.init(document.getElementById(part));
        let option = {
            title: [{
                x:'center',
                text: '设备运行状态'
            },
                {
                    text: "设备数",
                    x: "center",
                    y: "center",
                    subtext: "{$cns}",
                    textStyle: {
                        color: "#000000",
                        fontSize: "20",
                        fontWeight: 'normal'

                    },
                    subtextStyle:{
                        fontSize:20,
                        color:"#ff9f7f"
                    },
                }
            ],
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b}: {c} ({d}%)"
            },
            legend: {
                //orient: 'vertical',
                top:35,
                x:'center',
                data:['在线','离线','未处理设备'],

            },
            series: [
                {
                    name:'设备运行状态',
                    type:'pie',
                    radius: ['40%', '55%'],
                    center: ['50%', '60%'],
                    avoidLabelOverlap: false,
                    label: {
                        normal: {
                            show: false,
                            position: 'center'
                        },
                        emphasis: {
                            show: false,
                            textStyle: {
                                fontSize: '30',
                                fontWeight: 'bold'
                            }
                        }
                    },
                    labelLine: {
                        normal: {
                            show: false
                        }
                    },
                    data:[
                        {value:{$zx}, name:'在线',itemStyle:{normal:{color:'#e062ae'}}},
                        {value:{$lx}, name:'离线',itemStyle:{normal:{color:'#67e0e3'}}},
                        {value:{$gj}, name:'未处理设备',itemStyle:{normal:{color:'#37a2da'}}},
                    ]
                }
            ]
        };
        myChart.setOption(option);
    }
    function tog(o){
        var e = $(o).attr("name");
        // $("#company").toggle(10);
        if(e=='down'){
            $("#company").show();
            $(o).attr("name",'up');
            $('#hand-img').attr('src','__PUBLIC__/wxapp/images/jd_01.png');
        }
        if(e=='up'){
            $("#company").hide();
            $(o).attr("name",'down');
            $('#hand-img').attr('src','__PUBLIC__/wxapp/images/jd_02.png');
            // $('#hand-i').name='down';
        }
    }
    function exits(){
    	
        var e = $('#exits').attr("display");
        // $("#company").toggle(10);
        if(e=='none'){
            $("#exits").show();
            $("#exits").attr("display",'black');
        }
        if(e=='black'){
        	localStorage.clear();
            $("#exits").hide();
            $("#exits").attr("display",'none');
        }
    }
    //let cats = localStorage.getItem('dataStorage');
    // console.log(cat);
    // console.log(cats);
    //  alert(location.href); 
   console.log(localStorage.getItem('tagPhone'));

    // semi 
    function semi(){
        // location.href="https://www.jd-ioe.com/jdxf/wxapp.php/Home/Semi/index";
    }

    
</script>
</html>