zhxf-app/pages/analyse/monthDetail/monthDetail.vue

<template>
	<view class="reportD-wrapper">
		<view class="text-center flex flex-wrap justify-center title-wrapper">
			<view class="basis-xl margin title">凯撒国际会所消防报警系统监测数据 2020-11月报表</view>
		</view>
		<view class="basic-info bg-white margin-bottom-sm">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				项目情况
			</view>
			<view class="info-content">
				<view class="info-one-info ">
					<text>单位名称：</text>
					<text>凯撒国际会所</text>
				</view>
				<view>
					<text>进场日期：</text>
					<text>2019年11月20日</text>
				</view>
				<view>
					<text style="width:auto!important">完工日期：</text>
					<text>2019年11月20日</text>
				</view>
				<view>
					<text>验收日期：</text>
					<text>2019年12月11日</text>
				</view>
			</view>
		</view>

		<view class=" bg-white margin-bottom-sm">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				安装设备情况
			</view>
			<view class="padding-lr padding-bottom-lg">
				<table style="border:1px solid #ccc" cellspacing="0" cellpadding="0" align="center">
					<tr>
						<th style="width:13%">序号</th>
						<th style="width:40%">设备名称</th>
						<th>规格型号</th>
						<th>数量</th>
						<th>备注</th>
					</tr>
					<tr>
						<td>1</td>
						<td>用户信息传输装置</td>
						<td>JK-GH2013G</td>
						<td>1</td>
						<td></td>
					</tr>
					<tr>
						<td>2</td>
						<td>无线远程压力测控置</td>
						<td>JK-GH2013G</td>
						<td>3</td>
						<td></td>
					</tr>
					<tr>
						<td>3</td>
						<td>无线远程压力测控置</td>
						<td>JK-GH2013G</td>
						<td>3</td>
						<td></td>
					</tr>
					<tr>
						<td>4</td>
						<td>无线远程压力测控置</td>
						<td>JK-GH2013G</td>
						<td>3</td>
						<td></td>
					</tr>

					<tr>
						<td>5</td>
						<td>无线远程压力测控置</td>
						<td>JK-GH2013G</td>
						<td>3</td>
						<td></td>
					</tr>
					<tr>
						<td>6</td>
						<td>无线远程压力测控置</td>
						<td>JK-GH2013G</td>
						<td>3</td>
						<td></td>
					</tr>
					<tr>
						<td>7</td>
						<td>无线远程压力测控置</td>
						<td>JK-GH2013G</td>
						<td>3</td>
						<td></td>
					</tr>
					<tr>
						<td>8</td>
						<td>无线远程压力测控置</td>
						<td>JK-GH2013G</td>
						<td>3</td>
						<td></td>
					</tr>

					<tr>
						<td>9</td>
						<td>无线远程压力测控置</td>
						<td>JK-GH2013G</td>
						<td>3</td>
						<td></td>
					</tr>
					<tr>
						<td>10</td>
						<td>无线远程压力测控置</td>
						<td>JK-GH2013G</td>
						<td>3</td>
						<td></td>
					</tr>
					<tr>
						<td colspan="2">合计</td>
						<td></td>
						<td>49</td>
						<td></td>
					</tr>
				</table>
			</view>
		</view>

		<view class="bg-white margin-bottom-sm">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				监测点情况
			</view>
			<view class="padding-lr padding-bottom-lg">
				<table style="border:1px solid #ccc" cellspacing="0" cellpadding="0" align="center">
					<tr>
						<th style="width:13%">序号</th>
						<th style="width:40%">监控子系统</th>
						<th>检测点类型</th>
						<th>数量</th>
						<th>备注</th>
					</tr>
					<tr>
						<td>1</td>
						<td>火灾自动报警系统</td>
						<td>火灾探测报警</td>
						<td>1</td>
						<td></td>
					</tr>
					<tr>
						<td>2</td>
						<td>火灾自动报警系统</td>
						<td>火灾探测报警</td>
						<td>1</td>
						<td></td>
					</tr>
					<tr>
						<td>3</td>
						<td>火灾自动报警系统</td>
						<td>火灾探测报警</td>
						<td>1</td>
						<td></td>
					</tr>
					<tr>
						<td>4</td>
						<td>火灾自动报警系统</td>
						<td>火灾探测报警</td>
						<td>1</td>
						<td></td>
					</tr>

					<tr>
						<td>5</td>
						<td>火灾自动报警系统</td>
						<td>火灾探测报警</td>
						<td>1</td>
						<td></td>
					</tr>
					<tr>
						<td>6</td>
						<td>火灾自动报警系统</td>
						<td>火灾探测报警</td>
						<td>1</td>
						<td></td>
					</tr>
					<tr>
						<td>7</td>
						<td>火灾自动报警系统</td>
						<td>火灾探测报警</td>
						<td>1</td>
						<td></td>
					</tr>
					<tr>
						<td>8</td>
						<td>火灾自动报警系统</td>
						<td>火灾探测报警</td>
						<td>1</td>
						<td></td>
					</tr>

					<tr>
						<td>9</td>
						<td>火灾自动报警系统</td>
						<td>火灾探测报警</td>
						<td>1</td>
						<td></td>
					</tr>
					<tr>
						<td>10</td>
						<td>火灾自动报警系统</td>
						<td>火灾探测报警</td>
						<td>1</td>
						<td></td>
					</tr>
					<tr>
						<td colspan="2">合计</td>
						<td></td>
						<td>100</td>
						<td></td>
					</tr>
				</table>

			</view>
		</view>

		<view class="bg-white margin-bottom-sm">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				统计时段
			</view>
			<view class="info-content">
				<view class="info-one-info ">
					<text>统计起始日期：</text>
					<text>2019年11月01日</text>
				</view>
				<view>
					<text>统计截至日期：</text>
					<text>2019年11月20日</text>
				</view>
				<view>
					<text>统计时段时长：</text>
					<text>30</text>
				</view>
			</view>
		</view>

		<view class="bg-white margin-bottom-sm">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				项目情况
			</view>
			<view class="padding text-center">
				<view class="chart-tit">
					各类告警总数饼状图
				</view>
				<chart :bindData="staticData"></chart>
				<view class="chart-tit">火灾告警处理情况饼图</view>
				<br>
			</view>

			<view class="padding text-df">
				<view> 统计时段内火灾监控报告数量：2724条。。 
				</view>
				<view>报告平均发生：0条/台/天。</view>
				<view>报告平均发生：90.8条/台/天。</view>
				<view> 报告数量偏高</view>
				<view>提示：火灾隐患极高或存在系统故障，需要排查； 离线记录中，报告数量：0条。</view>
				<view>提示：火灾监测设备通信状态良好，数据接收情况稳定，需要保持。</view>
			</view>
			
			<view class="padding text-center">
			
				<view class="chart-tit">水系统告警处理情况饼图</view>
				<br>
			</view>
			
			<view class="padding text-df">
				<view> 统计时段内火灾监控报告数量：2724条。。 
				</view>
				<view>报告平均发生：0条/台/天。</view>
				<view>报告平均发生：90.8条/台/天。</view>
				<view> 报告数量偏高</view>
				<view>提示：火灾隐患极高或存在系统故障，需要排查； 离线记录中，报告数量：0条。</view>
				<view>提示：火灾监测设备通信状态良好，数据接收情况稳定，需要保持。</view>
			</view>
			
			
			
			<view class="padding text-center">
				<view class="chart-tit">
					RTU系统告警处理情况饼图
				</view>
				<br>
			</view>
			<view  class="padding text-df">
				<view>未安装此设备。</view>
			</view>
			
		</view>
		
		
		<view class="bg-white margin-bottom-sm">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				存在问题或需要改进事项
			</view>
			<view class="padding-lr padding-bottom">
				1、系统数据分析提示：火灾隐患极高或存在系统 故障，建议尽早进行系统排查；
			</view>
		</view>
		
		<view class="bg-white margin-bottom-sm">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				其他事宜
			</view>
			<view class="padding-lr padding-bottom other">
				<view>
					1、目前数据反映：火灾监测设备通信情况较好， 需要保持；
				</view>
				<view>
					 2、目前数据反映：消防水系统监测运行状态较好， 需要保持；
				</view>
				<view>3、目前数据反映：消防水系统监测设备通信情况 较好，需要保持。</view>
			</view>
			

		</view>
		
		
		


	</view>
</template>

<script>
	import chart from './components/chart.vue';
	import chart2 from './components/chart2.vue';
	export default {
		components: {
			chart,chart2
		},
		data() {
			return {
				staticData: {
					wubao:9,
					unSolve:6,
					truely:20
				}


			}
		},
		methods: {






		}
	}
</script>

<style lang="scss">

page {
		background: #EDEDED;
	}



</style>