hanzhengyi
/
wxapp2


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
							<?php if (!defined('THINK_PATH')) exit();?><!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="/jdxf/Public/wxapp/js/jquery-1.8.3/jquery.min.js"></script>
    <script src="/jdxf/Public/wxapp/js/echarts.min.js"></script>
    <script src="/jdxf/Public/html/video/ezuikit.js"></script>
    <link rel="stylesheet" href="/jdxf/Public/wxapp/css/jdxf.css">
    <title>设备详情</title>
    <style>
        .bjbox {
            margin: 15px 0;
        }

        .mar {
            margin: 0 30px;
        }

        .bjbox-c {
            font-size: 14px;
            color: #646464;
        }

        .box {
            height: 20px;
            background-color: #F5F5F5;
        }

        .mar-words {
            float: right;
            font-size: 18px;
        }

        .height1dcdcdc {
            display: block;
            height: 1px;
            margin-top: 2px;
            margin-bottom: 20px;
            background: #DCDCDC;
        }

    </style>
</head>
<body>
<!-- 头部 -->
<div class="hand">
	<span class="hand-i"><!-- <i class="fa fa-angle-down"></i> -->
	<a href="/jdxf/wxapp2.php/Home/Dmanger/index<?php echo ($tokenurl); ?>/companyid/<?php echo ($companyid); ?>">
	<img style="height: 16px;" src="/jdxf/Public/wxapp/images/jd_07.png" alt="">
	</a>
	</span>
    设备详情
</div>
<!-- 内容块 -->
<div class="bjbox">
    <!-- <div class="bjbox-c mar">
        <span>2018/02/20 10:25</span>
        <span style="float: right;">离线</span>
    </div> -->
    <div class="mar">
        <span class="ownername"><?php echo ($list["owner_name"]); ?></span>
        <span class="mar-words" style="color: #646464;"><?php echo ($list["zs_status"]); ?></span>
    </div>
</div>
<div class="box"></div>

<div class="bjbox">
    <div class="bjbox-c mar">基本信息</div>
    <div class="height1dcdcdc"></div>

    <div class="mar">
        <span id='dev_title_lab'>当前水压：</span><?php echo ($bb); ?><span id='dev_title_unit'>Mpa</span> <br>
        设备类型：<?php echo ($list["dwtypes"]); ?> <br>
        设备编号：<?php echo ($list["deviceid"]); ?> <br>
        物联网卡号：<?php echo ($list["sim"]); ?><br>
        安装位置：<?php echo ($list["azwz"]); ?><br>
        添加时间：<?php echo ($list["install_time"]); ?>
    </div>

</div>
<div class="box"></div>

<div class="bjbox">
    <div class="bjbox-c mar">地址</div>
    <div class="height1dcdcdc"></div>

    <div class="mar">
        <?php echo ($list["owner_address"]); ?>
    </div>

</div>
<div class="box"></div>

<!--<div class="bjbox">-->
<!--    <div class="bjbox-c mar">视频</div>-->
<!--    <div class="height1dcdcdc" style="    margin-bottom: 0;"></div>-->
<!--    <div class="br-video-body">-->
<!--        <video id="video123" style="width: 100%; height: 200px" poster="" controls playsInline webkit-playsinline-->
<!--               autoplay>-->
<!--            &lt;!&ndash;<source src="rtmp://rtmp.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b" type="" />&ndash;&gt;-->
<!--            &lt;!&ndash;<source src="http://hls.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b.m3u8" type="application/x-mpegURL" />&ndash;&gt;-->
<!--            <source src="<?php echo ($list["rtmp"]); ?>" type=""/>-->
<!--            <source src="<?php echo ($list["hls"]); ?>" type="application/x-mpegURL"/>-->
<!--        </video>-->
        <script>
            var player = new EZUIPlayer('video123');
            player.on('error', function () {
                console.log('error');
            });
            player.on('play', function () {
                console.log('play');
            });
            player.on('pause', function () {
                console.log('pause');
            });
        </script>
<!--    </div>-->
<!--    &lt;!&ndash;<div class="mar" style="margin: 0">-->
<!--        <?php echo ($list["h5"]); ?>-->
<!--    </div>&ndash;&gt;-->
<!--</div>-->
<div class="box"></div>
<div class="bjbox">
    <div class="bjbox-c mar">图表</div>
    <div class="height1dcdcdc" style="    margin-bottom: 0;"></div>
    <div class="mar" style="margin: 0">
        <div id="ownerinfo_3" style="width: 100%;height: 300px"></div>
    </div>
</div>
<script>
    owner_3();

    function owner_3() {
        var dwtype = "<?php echo ($dwtype); ?>";
        var tes = '0';
        var tyss = "";
        if (dwtype == 2) {
            tes = '一周水压值变化（Mpa）';
            tes2 = '水压值';
            tyss = "兆帕";
        }
        if (dwtype == 5) {
            tes = '一周水位值变化 (m)';
            tes2 = '水位值';
            tyss = "米";
            document.getElementById('dev_title_lab').innerHTML = '当前水位：';
            document.getElementById('dev_title_unit').innerHTML = 'm';
        }
        var options = {
            title: {
                x: 'center',
                text: tes
            },
            tooltip: {
                trigger: 'axis',
                formatter: '{b}<br>{a} : {c} ' + tyss
            },
            // legend: {
            //     data:['邮件营销']
            // },

            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            toolbox: {
                // feature: {
                //     saveAsImage: {}
                // }
            },
            xAxis: {
                type: 'category',
                // boundaryGap: false,
                axisTick: {
                    alignWithLabel: true
                },
                data: <?php echo ($time); ?>
            },
            yAxis: {
                type: 'value'
            },
            dataZoom: [{
                type: 'slider',
                xAxisIndex: 0,
                filterMode: 'empty',
                start: 0,
                end: 100
            },
                {
                    type: 'inside',
                    xAxisIndex: 0,
                    filterMode: 'empty',
                    start: 0,
                    end: 100
                }],

            series: [
                {
                    name: tes2,
                    type: 'line',
                    stack: 'Pa',
                    data: <?php echo ($data4); ?>,
                    color: ['#2699fb']
                }
            ]
        };
        var myChart3 = echarts.init(document.getElementById('ownerinfo_3'));//4echers // 基于准备好的dom，初始化echarts实例
        myChart3.setOption(options);// 使用刚指定的配置项和数据显示图表。

    }
</script>
</body>
</html>