hanzhengyi
/
wxapp2


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517
							<!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/echarts.min.js"></script>
	<script src="__PUBLIC__/wxapp/js/jquery-1.8.3/jquery.min.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"><!-- <i class="fa fa-angle-down"></i> -->
	<a href="__MODULE__/MonthlyReport/index{$tokenurl}/companyid/{$company_code}">
		<img  style="height: 16px;" src="__PUBLIC__/wxapp/images/jd_07.png" alt="">
	</a>
	</span>
		月报详情
	</div>
	<input type="hidden" id="eftotalCount" name="eftotalCount" value="{$alarm_total.eftotalCount}"/>
	<input type="hidden" id="sjtotalCount" name="sjtotalCount" value="{$alarm_total.sjtotalCount}"/>
	<input type="hidden" id="videototalCount" name="videototalCount" value="{$alarm_total.videototalCount}"/>
	<input type="hidden" id="hjtotalCount" name="hjtotalCount" value="{$alarm_total.hjtotalCount}"/>
	<input type="hidden" id="rtutotalCount" name="rtutotalCount" value="{$alarm_total.rtutotalCount}"/>

	<input type="hidden" id="hj_unprocess" name="hj_unprocess" value="{$fire_data.unprocess}"/>
	<input type="hidden" id="hj_process_rate" name="hj_process_rate" value="{$fire_data.process_rate}"/>

	<input type="hidden" id="sj_unprocess" name="sj_unprocess" value="{$water_data.unprocess}"/>
	<input type="hidden" id="sj_process_rate" name="sj_process_rate" value="{$water_data.process_rate}"/>
	<input type="hidden" id="rtu_unprocess" name="rtu_unprocess" value="{$rtu_data.unprocess}"/>
	<input type="hidden" id="rtu_process_rate" name="rtu_process_rate" value="{$rtu_data.process_rate}"/>

	<div>
		<div>
			<div style="text-align: center; font-size: 16px">{$company_name}消防报警系统监测数据</div>
			<div style="text-align: center; font-size: 14px">{$event_time}月报表</div>
		</div>

	</div>
	<div class="box"></div>
	<div style="font-size: 16px;">1.基本详情</div>
	<div style="font-size: 14px;margin-left: 10px;">1.1基本情况</div>
	<table border="1" cellspacing="0" style="font-size: 16px;width: 95%;margin: 10px">
		<tr>
			<td>单位名称</td>
			<td>{$project_info.company_name}</td>
		</tr>
		<tr>
			<td>进场日期</td>
			<td>{$project_info.approach_time}</td>
		</tr>
		<tr>
			<td>完工日期</td>
			<td>{$project_info.complete_time}</td>
		</tr>
		<tr>
			<td>验收日期</td>
			<td>{$project_info.check_time}</td>
		</tr>
	</table>
	<!--<div class="height1dcdcdc"></div>-->
	<div class="box"></div>
	<h4 style="text-align: center; font-size: 16px">表一&nbsp;项目基本情况表</h4>
	<div style="font-size: 14px;margin-left: 10px;">1.2安装设备情况</div>
	<table border="1" cellspacing="0" style="font-size: 16px;width: 95%;margin: 10px">
		<tr>
			<th>序号</th>
			<th>设备名称</th>
			<th>规格型号</th>
			<th>数量</th>
		</tr>
		<volist name="instal_device_info" id="vo" >
			<tr>
				<td>{$vo.xh}</td>
				<td>{$vo.device_name}</td>
				<td>{$vo.specifications}</td>
				<td>{$vo.device_num}</td>
			</tr>
		</volist>
		<tr>
			<td colspan="3">合计</td>
			<!--<td>2018-08-09</td>-->
			<!--<td></td>-->
			<td>{$zs}</td>
		</tr>
	</table>
	<div class="box"></div>
	<h4 style="text-align: center; font-size: 16px">表二&nbsp;项目安装设备清单</h4>
	<div style="font-size: 14px;margin-left: 10px;">1.3 监测点情况</div>
	<table border="1" cellspacing="0" style="font-size: 16px;width: 95%;margin: 10px">
		<tr>
			<th>序号</th>
			<th>监控子系统</th>
			<th>监测点类型</th>
			<th>数量</th>
		</tr>
		<volist name="monitor_point_info" id="vo" >
			<tr>
				<td>{$vo.xh}</td>
				<td>{$vo.monitor_son}</td>
				<td>{$vo.monitor_type}</td>
				<td>{$vo.monitor_sum}</td>
			</tr>
		</volist>
		<tr>
			<td colspan="3">合计</td>
			<!--<td>2018-08-09</td>-->
			<!--<td></td>-->
			<td>{$zs1}</td>
		</tr>
	</table>

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

	<h4 style="text-align: center; font-size: 16px">表三&nbsp;项目监测点清单</h4>
	<div style="font-size: 16px;">2.阶段数据统计情况</div>
	<div style="font-size: 14px;margin-left: 10px;">2.1 统计时段</div>
	<div style="margin-left: 35px;font-size: 14px;margin-bottom: 30px">
		<span>统计起始日期：{$count_time.startData}</span><br>
		<span>统计截止日期：{$count_time.endData}</span><br>
		<span>统计时段时长：{$count_time.days}</span><br>
	</div>


	<div style="font-size: 14px;margin-left: 10px;">2.2 统计报表</div>
	<table border="1" cellspacing="0" style="font-size: 16px;width: 95%;margin: 10px">
		<tr>
			<th>序号</th>
			<th>报告分类</th>
			<th>报告属性</th>
			<th>报告总数</th>
			<th>已处理</th>
			<th>未处理</th>
			<th>处置率</th>
		</tr>

		<volist name="count_report" id="vo" >

			<if condition="$vo.alarm_type eq '视频系统监测' ">
					<tr>
						<td>{$vo.xh}</td>
						<td>{$vo.alarm_type}</td>
						<td>报警</td>
						<td>{$vo.alarm.videototal}</td>
						<td>{$vo.alarm.videocltotal}</td>
						<td>{$vo.alarm.videowcltotal}</td>
						<td>{$vo.alarm.videobaifenbi}%</td>
					</tr>
				<else />
			</if>

			<if condition="$vo.alarm_type eq '火灾监测' ">
				<tr>
					<td rowspan="2">{$vo.xh}</td>
					<td rowspan="2">{$vo.alarm_type}</td>
					<td>设备离线</td>
					<td>{$vo.offline.hjlxtotal}</td>
					<td>{$vo.offline.hjlxcltotal}</td>
					<td>{$vo.offline.hjlxwcltotal}</td>
					<td>{$vo.offline.hjlxbaifenbi}%</td>
				</tr>
				<tr>
					<!--<td>2</td>-->
					<!--<td>消火栓系统</td>-->
					<td>报警</td>
					<td>{$vo.alarm.hjtotal}</td>
					<td>{$vo.alarm.hjcltotal}</td>
					<td>{$vo.alarm.hjwcltotal}</td>
					<td>{$vo.alarm.hjbaifenbi}%</td>
				</tr>
				<else />
			</if>

			<if condition="$vo.alarm_type eq '电气火灾监测' ">
				<tr>
					<td rowspan="2">{$vo.xh}</td>
					<td rowspan="2">{$vo.alarm_type}</td>
					<td>设备离线</td>
					<td>{$vo.offline.eflxtotal}</td>
					<td>{$vo.offline.eflxcltotal}</td>
					<td>{$vo.offline.eflxwcltotal}</td>
					<td>{$vo.offline.eflxbaifenbi}%</td>
				</tr>
				<tr>
					<!--<td>2</td>-->
					<!--<td>消火栓系统</td>-->
					<td>报警</td>
					<td>{$vo.alarm.efwcltotal}</td>
					<td>{$vo.alarm.efcltotal}</td>
					<td>{$vo.alarm.efwcltotal}</td>
					<td>{$vo.alarm.efbaifenbi}%</td>
				</tr>
				<else />
			</if>

			<if condition="$vo.alarm_type eq '消防水系统监测' ">
				<tr>
					<td rowspan="2">{$vo.xh}</td>
					<td rowspan="2">{$vo.alarm_type}</td>
					<td>设备离线</td>
					<td>{$vo.offline.sjlxtotal}</td>
					<td>{$vo.offline.sjlxcltotal}</td>
					<td>{$vo.offline.sjlxwcltotal}</td>
					<td>{$vo.offline.sjlxbaifenbi}%</td>
				</tr>
				<tr>
					<!--<td>2</td>-->
					<!--<td>消火栓系统</td>-->
					<td>报警</td>
					<td>{$vo.alarm.sjtotal}</td>
					<td>{$vo.alarm.sjcltotal}</td>
					<td>{$vo.alarm.sjwcltotal}</td>
					<td>{$vo.alarm.sjbaifenbi}%</td>
				</tr>
				<else />
			</if>

			<if condition="$vo.alarm_type eq 'RTU监测' ">
				<tr>
					<td rowspan="2">{$vo.xh}</td>
					<td rowspan="2">{$vo.alarm_type}</td>
					<td>设备离线</td>
					<td>{$vo.offline.rtulxtotal}</td>
					<td>{$vo.offline.rtulxcltotal}</td>
					<td>{$vo.offline.rtulxwcltotal}</td>
					<td>{$vo.offline.rtulxbaifenbi}%</td>
				</tr>
				<tr>
					<!--<td>2</td>-->
					<!--<td>消火栓系统</td>-->
					<td>报警</td>
					<td>{$vo.alarm.rtutotal}</td>
					<td>{$vo.alarm.rtucltotal}</td>
					<td>{$vo.alarm.rtuwcltotal}</td>
					<td>{$vo.alarm.rtubaifenbi}%</td>
				</tr>
				<else />
			</if>
		</volist>

	</table>
	<h4 style="text-align: center; font-size: 16px">表四&nbsp;项目阶段数据统计表</h4>
	<div style="font-size: 16px;">3 阶段数据分析</div>
	<div id="main" style="width: 100%;min-height:320px;height: 48%;margin: 10px"></div>
	<div class="height1dcdcdc"></div>

	<div style="font-size: 16px;">3.1 火灾监测数据分析</div>
	<div id="main1" style="width: 100%;min-height:320px;height: 48%;margin: 10px"></div>
	<div style="padding: 20px;font-size: 14px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$fire_data.data}</div>
	<div class="height1dcdcdc"></div>

	<div style="font-size: 16px;">3.2 消防水系统监测数据分析</div>
	<div id="main2" style="width: 100%;min-height:320px;height: 48%;margin: 10px"></div>
	<div style="padding: 20px;font-size: 14px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$water_data.data}</div>
	<div class="height1dcdcdc"></div>

	<div style="font-size: 16px;">3.3 RTU监测数据分析</div>
	<div id="main3" style="width: 100%;min-height:320px;height: 48%;margin: 10px"></div>
	<div style="padding: 20px;font-size: 14px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$rtu_data.data}</div>
	<!--<div class="height1dcdcdc"></div>-->
	<div class="box"></div>
	<div style="font-size: 16px;">4. 分析结论</div>
	<div style="font-size: 14px;margin-left: 10px;">4.1. 存在问题或需要改进事项</div>
	<div style="margin-left: 35px;font-size: 14px;margin-bottom: 30px">
		<if condition="$propose eq '' ">
			<span>暂无数据</span>
			<else />
			<volist name="propose" id="vo" >
				<span>{$vo.data1}</span><br>
			</volist>
		</if>

	</div>
	<div style="font-size: 14px;margin-left: 10px;">4.2. 其他事宜</div>
	<div style="margin-left: 35px;font-size: 14px;margin-bottom: 30px">
		<volist name="other" id="vo" >
			<if condition="$vo.data1 eq '' ">
				<else />
				<span>{$vo.data1}</span><br>
			</if>
			<if condition="$vo.data2 eq '' ">
				<else />
				<span>{$vo.data2}</span><br>
			</if>
		</volist>

		<!--<span>目前数据反映：火灾监测设备通信情况较好，需要保持；</span><br>-->
		<!--<span>目前数据反映：消防水系统监测运行状态较好，需要保持；</span><br>-->
		<!--<span>目前数据反映：消防水系统监测设备通信情况较好，需要保持；</span><br>-->
		<!--<span>目前数据反映：RTU监测运行状态较好，需要保持；</span><br>-->
		<!--<span>目前数据反映：RTU监测设备通信情况较好，需要保持。</span><br>-->
	</div>


	<script type="text/javascript">
        var ef = $('#eftotalCount').val();
        var sj = $('#sjtotalCount').val();
        var video = $('#videototalCount').val();
        var hj = $('#hjtotalCount').val();
        var rtu = $('#rtutotalCount').val();
        var hj_unprocess = $('#hj_unprocess').val();
        var hj_process_rate = $('#hj_process_rate').val();

        var sj_unprocess = $('#sj_unprocess').val();
        var sj_process_rate = $('#sj_process_rate').val();

        var rtu_unprocess = $('#rtu_unprocess').val();
        var rtu_process_rate = $('#rtu_process_rate').val();

        k_type('main');
        k_type1('main1');
        k_type2('main2');
        k_type3('main3');


        function k_type(part){
            let myChart = echarts.init(document.getElementById(part));
            let option = {
                title: {
                    text: '各类告警总数情况图',
                    // subtext: '纯属虚构',
                    left: 'center'
                },
                tooltip: {
                    trigger: 'item',
                    formatter: '{b} : {d}%'
                },
                legend: {
                    orient: 'vertical',
                    left: 'bottom',
                    data: ['火系统报警', '水系统报警', 'RTU报警','视频报警','电气火灾报警']
                },
                series: [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: [
                            {value: hj, name: '火系统报警'},
                            {value: sj, name: '水系统报警'},
                            {value: rtu, name: 'RTU报警'},
                            {value: video, name: '视频报警'},
                            {value: ef, name: '电气火灾报警'},
                        ],
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            };
            myChart.setOption(option);
        }

        function k_type1(part){
            let myChart = echarts.init(document.getElementById(part));
            let option = {
                title: {
                    text: '火灾告警处理情况图',
                    left: 'center'
                },
                tooltip: {
                    trigger: 'item',
                    formatter: '{b} :{d}%'
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data: ['处理率', '未处理']
                },
                series: [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: [
                            {value: hj_process_rate, name: '处理率'},
                            {value: hj_unprocess, name: '未处理'},
                        ],
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            };
            myChart.setOption(option);
        }

        function k_type2(part){
            let myChart = echarts.init(document.getElementById(part));
            let option = {
                title: {
                    text: '水系统告警处理情况图',
                    left: 'center'
                },
                tooltip: {
                    trigger: 'item',
                    formatter: '{b} :{d}%'
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data: ['处理率', '未处理']
                },
                series: [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: [
                            {value: sj_process_rate, name: '处理率'},
                            {value: sj_unprocess, name: '未处理'},
                        ],
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            };
            myChart.setOption(option);
        }

        function k_type3(part){
            let myChart = echarts.init(document.getElementById(part));
            let option = {
                title: {
                    text: 'RTU告警处理情况图',
                    left: 'center'
                },
                tooltip: {
                    trigger: 'item',
                    formatter: '{b} :{d}%'
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data: ['处理率', '未处理']
                },
                series: [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: [
                            {value: rtu_process_rate, name: '处理率'},
                            {value: rtu_unprocess, name: '未处理'},
                        ],
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            };
            myChart.setOption(option);
        }

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