|
@@ -1,10 +1,10 @@
|
|
<template>
|
|
<template>
|
|
<view>
|
|
<view>
|
|
-
|
|
|
|
|
|
+
|
|
<!-- 筛选框start -->
|
|
<!-- 筛选框start -->
|
|
<view class="ding">
|
|
<view class="ding">
|
|
<view class="cu-bar search bg-gray filter-section" style="with:50%;">
|
|
<view class="cu-bar search bg-gray filter-section" style="with:50%;">
|
|
- <view class="search-form round bg-white" >
|
|
|
|
|
|
+ <view class="search-form round bg-white">
|
|
<select name="" id="" placeholder="" style="width:98%;background-size: 4%;font-size:28rpx">
|
|
<select name="" id="" placeholder="" style="width:98%;background-size: 4%;font-size:28rpx">
|
|
<option value="">请选择建筑</option>
|
|
<option value="">请选择建筑</option>
|
|
<option value="">建筑1</option>
|
|
<option value="">建筑1</option>
|
|
@@ -13,7 +13,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="cu-bar search bg-gray filter-section">
|
|
<view class="cu-bar search bg-gray filter-section">
|
|
- <calendar></calendar>
|
|
|
|
|
|
+ <calendar></calendar>
|
|
<!-- <view class="search-form round bg-white" style="margin-bottom:26rpx">
|
|
<!-- <view class="search-form round bg-white" style="margin-bottom:26rpx">
|
|
<input class="" @focus="InputFocus" v-model="siteName" @blur="InputBlur" :adjust-position="false" type="text"
|
|
<input class="" @focus="InputFocus" v-model="siteName" @blur="InputBlur" :adjust-position="false" type="text"
|
|
placeholder="请选择时间" confirm-type="search"></input>
|
|
placeholder="请选择时间" confirm-type="search"></input>
|
|
@@ -24,24 +24,24 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 筛选框end -->
|
|
<!-- 筛选框end -->
|
|
-
|
|
|
|
|
|
+
|
|
<view class="processStatus bg-white margin-bottom-sm" style="margin-top:206rpx">
|
|
<view class="processStatus bg-white margin-bottom-sm" style="margin-top:206rpx">
|
|
<view class="info-tit margin-left-xs">
|
|
<view class="info-tit margin-left-xs">
|
|
<text class="cuIcon-titles margin-right-xs"></text>
|
|
<text class="cuIcon-titles margin-right-xs"></text>
|
|
安全分析
|
|
安全分析
|
|
</view>
|
|
</view>
|
|
- <view class="padding-lr padding-bottom-lg">
|
|
|
|
- <chart :bindData="this.staticData"></chart>
|
|
|
|
|
|
+ <view class="padding-lr padding-bottom-lg" style="min-height:500rpx">
|
|
|
|
+ <chart :bindData="this.getDetailData" v-if="this.getDetailData.address"></chart>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
- <view class="basic-info bg-white margin-bottom-sm" >
|
|
|
|
|
|
+
|
|
|
|
+ <view class="basic-info bg-white margin-bottom-sm">
|
|
<view class="info-tit margin-left-xs">
|
|
<view class="info-tit margin-left-xs">
|
|
<text class="cuIcon-titles margin-right-xs"></text>
|
|
<text class="cuIcon-titles margin-right-xs"></text>
|
|
消防各子系统安装情况
|
|
消防各子系统安装情况
|
|
</view>
|
|
</view>
|
|
<view class="info-content padding-lr padding-bottom">
|
|
<view class="info-content padding-lr padding-bottom">
|
|
- <table style="border:1px solid #ccc" cellspacing="0" cellpadding="0" align="center">
|
|
|
|
|
|
+ <table style="border:1px solid #ccc" cellspacing="0" cellpadding="0" align="center">
|
|
<tr>
|
|
<tr>
|
|
<td>子系统安装情况</td>
|
|
<td>子系统安装情况</td>
|
|
<td>报警数</td>
|
|
<td>报警数</td>
|
|
@@ -59,7 +59,7 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td>消防给水系统</td>
|
|
<td>消防给水系统</td>
|
|
- <td>报警数量1414,处理1252 </td>
|
|
|
|
|
|
+ <td>报警数量1414,处理1252 </td>
|
|
<td>1% </td>
|
|
<td>1% </td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
@@ -70,7 +70,7 @@
|
|
<tr>
|
|
<tr>
|
|
<td>自动喷水灭火系统</td>
|
|
<td>自动喷水灭火系统</td>
|
|
<td>报警数量36351,处理9</td>
|
|
<td>报警数量36351,处理9</td>
|
|
- <td> 23%</td>
|
|
|
|
|
|
+ <td> 23%</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td>防排烟系统</td>
|
|
<td>防排烟系统</td>
|
|
@@ -80,14 +80,14 @@
|
|
</table>
|
|
</table>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="processStatus bg-white margin-bottom-sm">
|
|
<view class="processStatus bg-white margin-bottom-sm">
|
|
<view class="info-tit margin-left-xs">
|
|
<view class="info-tit margin-left-xs">
|
|
<text class="cuIcon-titles margin-right-xs"></text>
|
|
<text class="cuIcon-titles margin-right-xs"></text>
|
|
告警频发点位统计分析
|
|
告警频发点位统计分析
|
|
</view>
|
|
</view>
|
|
<view class="info-content padding-lr padding-bottom">
|
|
<view class="info-content padding-lr padding-bottom">
|
|
- <table style="border:1px solid #ccc" cellspacing="0" cellpadding="0" align="center">
|
|
|
|
|
|
+ <table style="border:1px solid #ccc" cellspacing="0" cellpadding="0" align="center">
|
|
<tr>
|
|
<tr>
|
|
<td>子系统 </td>
|
|
<td>子系统 </td>
|
|
<td>报警点位 </td>
|
|
<td>报警点位 </td>
|
|
@@ -99,22 +99,22 @@
|
|
<td>12</td>
|
|
<td>12</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
-
|
|
|
|
|
|
+
|
|
<td>二楼茶水间</td>
|
|
<td>二楼茶水间</td>
|
|
<td>10</td>
|
|
<td>10</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
-
|
|
|
|
|
|
+
|
|
<td>厨房</td>
|
|
<td>厨房</td>
|
|
<td>8</td>
|
|
<td>8</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td rowspan="3"> 电气火灾监控系统</td>
|
|
<td rowspan="3"> 电气火灾监控系统</td>
|
|
- <td> 二楼卫生间 </td>
|
|
|
|
|
|
+ <td> 二楼卫生间 </td>
|
|
<td> 7</td>
|
|
<td> 7</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
-
|
|
|
|
|
|
+
|
|
<td>二楼茶水间</td>
|
|
<td>二楼茶水间</td>
|
|
<td>6</td>
|
|
<td>6</td>
|
|
</tr>
|
|
</tr>
|
|
@@ -122,7 +122,7 @@
|
|
<td>三楼大厅</td>
|
|
<td>三楼大厅</td>
|
|
<td>5</td>
|
|
<td>5</td>
|
|
</tr>
|
|
</tr>
|
|
-
|
|
|
|
|
|
+
|
|
<tr>
|
|
<tr>
|
|
<td>消防给水系统</td>
|
|
<td>消防给水系统</td>
|
|
<td>二楼接待室</td>
|
|
<td>二楼接待室</td>
|
|
@@ -147,12 +147,12 @@
|
|
<td>一楼展厅</td>
|
|
<td>一楼展厅</td>
|
|
<td>1</td>
|
|
<td>1</td>
|
|
</tr>
|
|
</tr>
|
|
-
|
|
|
|
|
|
+
|
|
</table>
|
|
</table>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
<view class="processStatus bg-white margin-bottom-sm">
|
|
<view class="processStatus bg-white margin-bottom-sm">
|
|
<view class="info-tit margin-left-xs">
|
|
<view class="info-tit margin-left-xs">
|
|
<text class="cuIcon-titles margin-right-xs"></text>
|
|
<text class="cuIcon-titles margin-right-xs"></text>
|
|
@@ -169,7 +169,7 @@
|
|
<view>可燃气体监测该类设备隐患极高或存在故障,建议尽早进行排查;</view>
|
|
<view>可燃气体监测该类设备隐患极高或存在故障,建议尽早进行排查;</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="processStatus bg-white margin-bottom-sm">
|
|
<view class="processStatus bg-white margin-bottom-sm">
|
|
<view class="info-tit margin-left-xs">
|
|
<view class="info-tit margin-left-xs">
|
|
<text class="cuIcon-titles margin-right-xs"></text>
|
|
<text class="cuIcon-titles margin-right-xs"></text>
|
|
@@ -190,10 +190,12 @@
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
chart,
|
|
chart,
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+
|
|
|
|
+ getDetailData:{},
|
|
// deviceOffLineData:json.deviceOffLineData,
|
|
// deviceOffLineData:json.deviceOffLineData,
|
|
siteListRes: 0,
|
|
siteListRes: 0,
|
|
siteName: '',
|
|
siteName: '',
|
|
@@ -203,41 +205,57 @@
|
|
listTouchStart: 0,
|
|
listTouchStart: 0,
|
|
listTouchDirection: null,
|
|
listTouchDirection: null,
|
|
CustomBar: this.CustomBar,
|
|
CustomBar: this.CustomBar,
|
|
-
|
|
|
|
|
|
+
|
|
staticData: {
|
|
staticData: {
|
|
- "msg": "\u64cd\u4f5c\u6210\u529f",
|
|
|
|
- "flag": true,
|
|
|
|
- "companyCode": "1,2,3,4,5,6,7,8,12,13,14,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39",
|
|
|
|
- "data": [{
|
|
|
|
- "statisticalPeriod": "2021-03-16~2021-04-16",
|
|
|
|
- "smartElectricityCount": "178",
|
|
|
|
- "videoMonitoringCount": "12456",
|
|
|
|
- "alarmCount": 12627,
|
|
|
|
- "eventCount": 2,
|
|
|
|
- "hiddenDangerCount": 4,
|
|
|
|
- "offlineCount": 20,
|
|
|
|
- "faultCount": 30,
|
|
|
|
- "earlyWarningCount": 100,
|
|
|
|
- "otherCount": 99,
|
|
|
|
- "normalCount": 66,
|
|
|
|
- "integratedAlarmCount": 12627,
|
|
|
|
- "unprocessedCount": 0
|
|
|
|
- }]
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+ "msg": "\u64cd\u4f5c\u6210\u529f",
|
|
|
|
+ "flag": true,
|
|
|
|
+ "companyCode": "1,2,3,4,5,6,7,8,12,13,14,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39",
|
|
|
|
+ "data": [{
|
|
|
|
+ "statisticalPeriod": "2021-03-16~2021-04-16",
|
|
|
|
+ "smartElectricityCount": "178",
|
|
|
|
+ "videoMonitoringCount": "12456",
|
|
|
|
+ "alarmCount": 12627,
|
|
|
|
+ "eventCount": 2,
|
|
|
|
+ "hiddenDangerCount": 4,
|
|
|
|
+ "offlineCount": 20,
|
|
|
|
+ "faultCount": 30,
|
|
|
|
+ "earlyWarningCount": 100,
|
|
|
|
+ "otherCount": 99,
|
|
|
|
+ "normalCount": 66,
|
|
|
|
+ "integratedAlarmCount": 12627,
|
|
|
|
+ "unprocessedCount": 0
|
|
|
|
+ }]
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+
|
|
|
|
+ onLoad: function(option) {
|
|
|
|
+ this.getDetails({'company_code':uni.getStorageSync('selectedCode')})
|
|
|
|
+ },
|
|
|
|
+
|
|
methods: {
|
|
methods: {
|
|
|
|
+ // 建筑体检数据请求
|
|
|
|
+ async getDetails(params = {}) {
|
|
|
|
+ const res = await this.$myRequest({
|
|
|
|
+ url: 'PhysicalExamination/getPhysicalExamination',
|
|
|
|
+ data: params,
|
|
|
|
+ showLoading: true
|
|
|
|
+ })
|
|
|
|
+ this.getDetailData = res.data.data[0];
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+
|
|
InputFocus(e) {
|
|
InputFocus(e) {
|
|
this.InputBottom = e.detail.height
|
|
this.InputBottom = e.detail.height
|
|
},
|
|
},
|
|
InputBlur(e) {
|
|
InputBlur(e) {
|
|
this.InputBottom = 0
|
|
this.InputBottom = 0
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
@@ -245,26 +263,25 @@
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-page {
|
|
|
|
|
|
+ page {
|
|
background: #EDEDED;
|
|
background: #EDEDED;
|
|
}
|
|
}
|
|
-/deep/ .leave_cont .ul .li{
|
|
|
|
- width:42%!important;
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ /deep/ .leave_cont .ul .li {
|
|
|
|
+ width: 42% !important;
|
|
|
|
+
|
|
}
|
|
}
|
|
-/deep/ .leave_cont .ul{
|
|
|
|
- background:#fff;
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ /deep/ .leave_cont .ul {
|
|
|
|
+ background: #fff;
|
|
|
|
+
|
|
}
|
|
}
|
|
-/deep/ .date{font-size:28rpx;}
|
|
|
|
-/deep/ .leave_cont{
|
|
|
|
- width:76%
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
|
|
|
|
|
|
+ /deep/ .date {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ }
|
|
|
|
|
|
|
|
+ /deep/ .leave_cont {
|
|
|
|
+ width: 76%
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|
|
-
|
|
|