视频监控统计

src/main/resources/static/app/layout/partials/navigation.tpl.html

@@ -624,6 +624,9 @@
                     <li has-func="" data-ui-sref-active="active">
                         <a data-ui-sref="app.cameraGroup.list">分组管理</a>
                     </li>
+                    <li has-func="47" data-ui-sref-active="active">
+                        <a data-ui-sref="app.camera.statistics">视频监控统计</a>
+                    </li>
                     <li data-menu-collapse>
                         <a has-func="" href="#">
                             <i class="fa fa-fw fa-folder-open"></i>质量诊断

src/main/resources/static/app/monitor/module.js

@@ -93,6 +93,18 @@ angular.module('app.camera', ['ui.router', 'datatables', 'datatables.bootstrap']
                     }
                 }
             })
+            .state('app.camera.statistics', {
+                url: '/camera/statistics',// 
+                data: {
+                    title: '视频监控统计'
+                },
+                views: {
+                    "content@app": {
+                        controller: 'sptSpjktjCtrl as datatables',
+                        templateUrl: 'app/monitor/views/camera-statistics-list.html'
+                    }
+                }
+            })
             .state('app.camera.play', {
                 url: '/camera/play',
                 data: {

src/main/resources/static/app/monitor/views/camera-statistics-list.html

@@ -0,0 +1,105 @@
+<!-- MAIN CONTENT -->
+<div id="content">
+    <!-- widget grid -->
+    <section widget-grid id="widget-grid">
+
+
+        <div class="row">
+            <article class="col-sm-12">
+
+                <div jarvis-widget id="standard-datatable-widget" data-widget-color="darken" data-widget-editbutton="false">
+                    <header>
+                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
+                        <h2>视频监控统计列表</h2>
+                    </header>
+                    <div>
+                        <div class="widget-body no-padding">
+                        <div id="DataTables_Table_1_wrapper" class="dataTables_wrapper form-inline no-footer">
+							<div class="dt-toolbar">
+								<div class="col-xs-12 col-sm-9">
+									<div class="container-fluid">
+									  <ul class="nav navbar-nav">
+			                            <li ng-click="conditionsSelect('month')" style="margin-top:8px;cursor: pointer;">
+			                             <a id="check1" style="color:#fff;background:#3276b1; border-radius:5px;padding:6px;">按月查询</a>
+			                             &emsp;&emsp;&emsp;
+			                            </li> 
+			                           <li>&emsp;&emsp;</li>
+			                            <li ng-click="conditionsSelect('year')" style="margin-top:8px;cursor: pointer;">
+			                             <a id="check2" style="color:#fff;background:#3276b1; border-radius:5px;padding:6px;">按年查询</a>
+			                            </li>  
+		                             </ul>
+                        			</div>
+								
+									<div class="form-group">
+                                        <label>
+												<input type="text" ng-model="search.monthTime" id="monthTime" class="form-control Wdate" 
+												onClick="WdatePicker({dateFmt:'yyyy-MM'})"  ng-show ="monthflag"> 
+										</label> 
+										<label></label>
+										<label>
+												<input type="text" ng-model="search.yearTime" id="yearTime" class="form-control Wdate" 
+												onClick="WdatePicker({dateFmt:'yyyy'})" ng-show = "yearflag"> 
+										</label>   
+                                   </div>
+									<div class="form-group">
+										<label>
+											<span>类型：</span>
+											<label class="select">
+												<select class="form-control" name="orgname" ng-model="orgname">
+													<option value="">--请选择--</option>
+													<option value="仓内">仓内</option>
+													<option value="安防">安防</option>
+													<option value="业务">业务</option>
+												</select> <i></i>
+											</label>
+										</label>
+										<a class="btn btn-default btn-sm" ng-click="loadData(pageInfo.pageNum=1)">
+											<i class="fa fa-search"></i>&nbsp;查&nbsp;询</a>
+									</div>
+								</div>
+								<div class="col-sm-3 col-xs-6 hidden-xs">
+									<div class="dataTables_length">
+										<label>每页显示 <select ng-model="pageInfo.pageSize" ng-change="loadData(pageInfo.pageNum=1)"
+															ng-options="num as num for num in [10,25,50,100]"
+															class="form-control input-sm"></select> 条
+										</label>
+									</div>
+								</div>
+							</div>
+
+						<table class="table table-striped table-bordered table-hover" width="100%">
+                        <thead>
+                        <tr>
+                            <th data-class="expand">监控点</th>
+							<th data-class="expand">类型</th>
+                            <th data-class="expand">离线时间(天)</th>
+                            <th data-class="expand">未录像时长(天)</th>
+                            <th data-hide="phone">监控点在线率</th>
+                            <th data-hide="phone">录像完整率</th>
+                            <th data-hide="phone">状态变化次数</th>
+                        </tr>
+                        </thead>
+                        
+                        <tbody>
+                        	<tr ng-repeat="log in pageInfo.list">
+                        		<td>{{log.resourcename}}</td>
+								<td>{{log.orgname}}</td>
+                        		<td>{{log.lxsc}}</td>
+								<td>{{log.wlxsc}}</td>
+								<td>{{log.jkdzxl}}</td>
+								<td>{{log.lxwzl}}</td>
+                        		<td>{{log.statuschangecount}}</td>
+                        	</tr>
+                        </tbody>
+                        </table>
+						<div smart-include="app/layout/partials/page.tpl.html"></div>
+                    </div>
+                </div>
+					</div>
+				</div>
+            </article>
+        </div>
+
+    </section>
+    
+</div>

src/main/resources/static/app/supervise/controller/sptCtrl.js

@@ -427,4 +427,90 @@ angular.module('app.supervise').controller("sptSxtgzsCtrl", function ($scope, $r
         	
         }
     })
+    
+    
+    .controller("sptSpjktjCtrl", function ($scope, $rootScope, $state, $stateParams, APP_CONFIG, sptService) {
+
+        // 获取列表数据
+        $scope.pageInfo = {pageNum: 1, pageSize: 10};
+        
+        //默认展示月查询
+        
+        $scope.search = {shxydm: $rootScope.orgInfo.creditCode, type: $stateParams.type, startTime :""};
+
+        
+        $scope.monthflag = true;
+        $scope.yearflag = false;
+		var now = new Date();
+		var year = now.getFullYear();
+		const month = String(now.getMonth()+1).padStart(2,'0');
+		
+		$scope.search.monthTime = year+"-"+month;
+		now.setDate(1);
+    	var firstDay = now.toLocaleDateString();
+
+    	now.setMonth(month);
+    	now.setDate(0);
+    	var lastDay = now.toLocaleDateString();
+    	console.log(lastDay+"///"+firstDay);
+    	$scope.xxcjsjks = firstDay;
+    	$scope.xxcjsjjs = lastDay;
+		
+		
+        $scope.yearflag = false;
+        var param = null;
+        $scope.xxcjsjks = null;
+    	$scope.xxcjsjjs = null;
+        $scope.conditionsSelect = function(param){
+        	if(param == 'year'){
+        		$scope.yearflag = true; 
+        		$scope.monthflag = false;
+        		var now = new Date();
+        		const currentYear = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(now);
+        		$scope.search.yearTime = currentYear;
+        		
+        		$scope.xxcjsjks = currentYear+"-01-01";
+            	$scope.xxcjsjjs = currentYear+"-12-31";
+            	//console.log($scope.xxcjsjks+"///nian"+$scope.xxcjsjjs);
+        	}else if(param == 'month'){
+        		$scope.yearflag = false;
+        		$scope.monthflag = true;
+        		 
+        		var now = new Date();
+        		var year = now.getFullYear();
+        		const month = String(now.getMonth()+1).padStart(2,'0');
+        		$scope.search.monthTime = year+"-"+month;
+        		
+        		now.setDate(1);
+            	var firstDay = now.toLocaleDateString();
+
+            	now.setMonth(month);
+            	now.setDate(0);
+            	var lastDay = now.toLocaleDateString();
+            	$scope.xxcjsjks = firstDay;
+            	$scope.xxcjsjjs = lastDay;
+        		
+        	}
+        }
+        
+		
+        
+
+        $scope.loadData = function () {
+
+        	
+        	
+        	
+        	
+        }
+
+        $scope.loadData();
+
+        // 翻页
+        $scope.goPage = function (pageNum) {
+            $scope.pageInfo.pageNum = pageNum;
+            $scope.loadData();
+        };
+
+    })
 ;