hanzhengyi
/
wxapp2


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
							<!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">
    <script src="__PUBLIC__/wxapp/js/jquery-1.8.3/jquery.min.js"></script>
    <script src="__PUBLIC__/wxapp/js/echarts.min.js"></script>
    <script src="__PUBLIC__/html/video/ezuikit.js"></script>
    <link rel="stylesheet" href="__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">
	<a href="__MODULE__/Inspection/getDeviceList/record_id/{$record_id}/spot_id/{$spot_id}">
	<img style="height: 16px;" src="__PUBLIC__/wxapp/images/jd_07.png" alt="">
	</a>
	</span>
    设备详情
</div>
<!-- 内容块 -->
<div class="bjbox">
    <div class="mar">
        <span class="ownername">{$list.owner_name}</span>
        <span class="mar-words" style="color: #646464;">{$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">设备类型：{$list.dwtypes} <br>
        设备编号：{$list.deviceid} <br>
        <if condition="$dwtype eq 1 ">
            设备厂家：上海永天<br>
            传输方式：4G<br>
            设备型号：DS-2TD1217<br>
            <else/>
            设备厂家：--<br>
            传输方式：--<br>
            设备型号：--<br>
        </if>
        物联网卡号：{$list.sim}<br>
        安装位置：{$list.azwz}<br>
        添加时间：{$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">
        {$list.owner_address}
    </div>

</div>
<div class="box"></div>
<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 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 options = {
            title: {
                text: '设备统计数据',
                subtext: '',
                x: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b}"
            },//({d}%)
            legend: {
                x: 'center',
                y: 'bottom',
                data: ['报警总数 {$counts}', '真实报警 {$z_counts}', '解决次数 {$j_counts}', '误报数 {$w_counts}']
            },
            toolbox: {},
            calculable: true,
            series: [
                {
                    name: '统计数据',
                    type: 'pie',
                    radius: [30, 80],
                    center: ['50%', '50%'],
                    roseType: 'radius',
                    data: [
                        {value: {$counts}, name: '报警总数 {$counts}'},
                        {value: {$z_counts}, name: '真实报警 {$z_counts}'},
                        {value: {$j_counts}, name: '解决次数 {$j_counts}'},
                        {value: {$w_counts}, name: '误报数 {$w_counts}'}
                    ]
                }
            ]
        };
        var myChart3 = echarts.init(document.getElementById('ownerinfo_3'));//4echers // 基于准备好的dom，初始化echarts实例
        myChart3.setOption(options);// 使用刚指定的配置项和数据显示图表。
    }
</script>
</body>
</html>