hanzhengyi
/
wxapp2


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
							<!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>
    <link rel="stylesheet" href="__PUBLIC__/wxapp/css/jdxf.css">
	<title>{$vo.owner_name}</title>
</head>
<body>
	<!-- 头部 -->
	<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">
		<volist name="company" id="vo">
			<li><a href="__MODULE__/index/index{$tokenurl}/companyid/{$vo.owner_id}" class="company-a">{$vo.owner_name}</a></li>
		</volist>
	</ul>
	</div>
	<!-- 菜单 -->
	<div style="overflow: hidden;">
		<ul class="banner-ul">
			<li class="banner-ul-li"><a style="color:#000000 " href="__MODULE__/Fire/index{$tokenurl}/companyid/{$vo.owner_id}">
			<div class="banner-ul-li-1">
			<span class="larn">{$hj0}</span>
			</div>
			<div class="banner-ul-li-2"><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/jd_03.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/{$vo.owner_id}">
			<div class="banner-ul-li-1">
			<span class="larn">{$sj}</span>
			</div>
			<div class="banner-ul-li-2" ><img class="banner-ul-li-2-img" src="__PUBLIC__/wxapp/images/jd_04.png" alt=""></div>
			<div class="banner-ul-li-3">水系统</div>
			</a>
			</li>
			<li class="banner-ul-li"><a style="color:#000000 " href="__MODULE__/Dmanger/index{$tokenurl}/companyid/{$vo.owner_id}">
			<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/jd_05.png" alt=""></div>
			<div class="banner-ul-li-3">设备管理</div>
			</a>
			</li>
		</ul>
	</div>
	<!-- 饼图 -->
	<div style="overflow: hidden;">
		<div class="bing">
			<div id="main" style="width: 100%;height:290px;"></div>
			<div class="bing-left"><img style="width: 30px;" src="__PUBLIC__/wxapp/images/jd_08.png" alt=""></div>
			<div class="bing-right"><img style="width: 30px;" src="__PUBLIC__/wxapp/images/jd_09.png" alt=""></div>
		</div>
	</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);

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'){
		$("#exits").hide();
		$("#exits").attr("display",'none');
	}
}
    let cat = localStorage.getItem('dataStorage');
    // let cat = localStorage.getItem('data0');  
    //let cats = localStorage.getItem('data');
    console.log(cat);  
    //console.log(cats);
</script>
</html>