From 2d1ac5bf4914d99eff56914ef33b68592b9b9e75 Mon Sep 17 00:00:00 2001
From: didiyu <1293722656@qq.com>
Date: 星期一, 29 十月 2018 11:45:00 +0800
Subject: [PATCH] jia

---
 gx_tieta/WebRoot/batt-traffic-statistics.jsp |  381 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 381 insertions(+), 0 deletions(-)

diff --git a/gx_tieta/WebRoot/batt-traffic-statistics.jsp b/gx_tieta/WebRoot/batt-traffic-statistics.jsp
new file mode 100644
index 0000000..56a6455
--- /dev/null
+++ b/gx_tieta/WebRoot/batt-traffic-statistics.jsp
@@ -0,0 +1,381 @@
+<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
+<%
+String path = request.getContextPath();
+String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
+%>
+<%@ taglib uri="/struts-tags" prefix="s" %>
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <base href="<%=basePath%>">
+    
+    <title>娴侀噺缁熻</title>				<!--娴侀噺缁熻-->
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="css/basic.css" rel="stylesheet">
+    <link rel="stylesheet" href="css/BrdwMaint.css">
+    <link rel="stylesheet" type="text/css" href="css/loading.css">
+    <link rel="stylesheet" type="text/css" href="css/dischargeplan_layout.css">
+    <link rel="stylesheet" type="text/css" href="src/css/layui.css">
+	<meta http-equiv="pragma" content="no-cache">
+	<meta http-equiv="cache-control" content="no-cache">
+	<meta http-equiv="expires" content="0">    
+	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
+	<meta http-equiv="description" content="This is my page">
+    <style type="text/css">
+        body {
+            overflow-x: hidden !important;
+        }
+        #tbHead table{
+            width: 100%;
+        }
+        #tbBrdw {
+            overflow: auto;
+        }
+        #tbBrdw tbody tr:hover {
+            background-color: #DDDDDD;
+        }
+        #cardOption .con_table {
+            overflow: auto;
+        }
+        #tbBrdw table {
+            width: 100%;
+        }
+        #tbBrdw table i.fa-refresh {
+        	font-size:18px;
+        	cursor: pointer;
+        }
+        #cardOption input[type="checkbox"] {
+            vertical-align: middle;
+        }
+        #cardOption table thead input[type="checkbox"]{
+            margin-left: 4px;
+        }
+    </style>
+    </head>
+    <body>
+        <!--澶撮儴鍐呭寮�濮�-->
+        <jsp:include page="Top.jsp" flush="true"/>
+        <!--澶撮儴鍐呭缁撴潫-->
+        <!--瀵艰埅寮�濮�-->
+        <jsp:include page="nav.jsp" flush="true"/>
+	    <!-- 涓讳綋鍐呭 -->
+        <div id="main">
+            <div id="eleInfor">
+                <span class="summary">娴侀噺缁熻</span>
+                <div class="checkCon">
+                    <!-- 缁存姢鍖轰俊鎭� -->
+                    <form action="" id="search_form">
+                    <table>
+                        <tr class="fWeight">
+                             <td>鐪�</td>						<!-- 鐪� -->
+                            <td>甯�</td>						<!-- 甯� -->
+                            <td><s:text name="Computer_name"/></td>							<!-- 鏈烘埧鍚嶇О -->
+                            <td>缁熻鏂瑰紡</td>
+                            <td colspan="2" style="width: 30%;">鏃堕棿娈�</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <select id="station_name1">
+                                   
+                                </select>
+                            </td>
+                            <td>
+                                <select id="city">
+                                    
+                                </select>
+                            </td>
+                            <td>
+                                <select id="station_name">
+                                </select>
+                            </td>
+                            <td>
+                                <select>
+                                        <option>鎸夊勾缁熻</option>
+                                        <option>鎸夋湀缁熻</option>
+                                        <option>鎸夋棩缁熻</option>
+                                </select>
+                            </td>
+                            <td><input type="text" id="startalm" readonly="readonly" name="bmd.adata.alm_start_time" value="2000-1-1" /></td>
+						    <td><input type="text" id="endTalm" readonly="readonly" name="bmd.adata.alm_start_time1" /></td>
+                        </tr>
+                    </table>
+                    </form>
+                </div>
+            </div>
+            <!-- 琛ㄦ牸鍥哄畾鐨勫ご閮� -->
+            <div id="tbHead"></div>
+            <!-- 琛ㄦ牸婊氬姩鐨勯儴鍒� -->
+            <div id="tbBrdw"></div>
+            
+           
+            
+            <!-- 鎸夐挳鍐呭 -->
+            <div id="paging">
+               <span>鎬昏</span>
+               <span>5000</span>
+            </div>
+        </div>
+       
+        <!-- 鏁翠綋鐏拌壊閬僵灞� -->
+	    <div id="allShade"></div>
+        <script type="text/javascript" src="js/loading.js"></script>
+        <script type="text/javascript" src="js/createTab.js"></script>
+        <script type="text/javascript" src="src/layui.js"></script>
+        
+	    <script type="text/javascript" src="js/eleHistWarn1-jquery.ui.js"></script>
+        <script type="text/javascript">
+        	layui.use(['layer'], function() {
+        		var layer = layui.layer;
+        		var arrTh = new Array();    // 琛ㄦ牸鐨勫ご閮�
+		        var arrTd = new Array();    // 琛ㄦ牸鐨勮〃浣�
+		        var tblStatus = new Array();    // 琛ㄦ牸鐘舵�佹暟缁�
+		        var tblOptsHd = new Array();    // 琛ㄦ牸閫夐」澶撮儴
+		        var tblOptsBd = new Array();  // 琛ㄦ牸閫夐」鏁扮粍
+		        arrTh = ['鏃堕棿娈�', '鏈烘埧鍚嶇О','娴侀噺','缁熻鏃堕棿'];
+		        //arrTh = ['<s:text name="Maintenance_area"/>', '<s:text name="Computer_name"/>',  '<s:text name="Nominal_capacity"/>(AH)', '<s:text name="Actual_capacity"/>(AH)','<s:text name="Residual_capacity"/>(AH)', '<s:text name="real_time"/><s:text name="Current"/>(A)', '<s:text name="Power_cut"/><s:text name="Endurance"/><s:text name="Time"/>'];
+		        //tblOptsHd = ['缂栧彿', '閫夐」', '鏄惁閫夋嫨'];
+		        tblOptsHd = ['<s:text name="Number"/>', '<s:text name="Options"/>', '<s:text name="IsChecked"/>'];
+		        var tblHd = $('#tbHead');
+		        var tblBd = $('#tbBrdw');
+		
+		        // 鏍规嵁琛ㄦ牸鐨勫ご閮ㄧ敓鎴愯〃鏍奸�夐」鍜岃〃鏍肩殑鐘舵�佹暟缁�
+		        $(function() {
+		            centerDiv($('#cardOption'));
+		            // 閬嶅巻琛ㄦ牸澶撮儴鐢熸垚鐘舵�佹暟缁�
+		            for(var i = 0; i < arrTh.length; i++) {
+		                tblStatus.push(1);
+		                var temp = new Array();
+		                temp.push(i+1);
+		                temp.push(arrTh[i]);
+		                temp.push('<input type="checkbox" checked="checked"/>');
+		
+		                tblOptsBd.push(temp);
+		            }
+		            var cardHd = $('#cardOption .tbHead');
+		            var cardBd = $('#cardOption .con_table');
+		            createCard(cardHd, tblOptsHd, tblOptsBd);
+		            createCard(cardBd, tblOptsHd, tblOptsBd);
+		        });
+		
+		        // 鐢熸垚琛ㄦ牸
+		        $(function() {
+		             for(i=0;i<5000;i++){arrTd.push(i)}
+		            createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
+		            // 鐐瑰嚮琛ㄦ牸閫夐」鏄剧ず琛ㄦ牸閫夐」寮瑰嚭妗�
+		            $('#paging .card-opt').click(function() {
+		                var checkboxList = $('#cardOption .con_table table tbody').find('input[type="checkbox"]');
+		                // 鏍规嵁鐘舵�佹暟缁勪慨鏀硅〃鏍奸�夐」澶嶉�夋鐨勭姸鎬�
+		                for(var i = 0; i < tblStatus.length; i++) {
+		                    if(tblStatus[i] == 1) {
+		                        checkboxList.eq(i).prop('checked', true);
+		                    }else{
+		                        checkboxList.eq(i).prop('checked', false);
+		                    }
+		                }
+		                $('#cardOption').show();
+		                $('#allShade').show();
+		            });
+		
+		            // 鐐瑰嚮鍙栨秷鍜岀‘瀹氶殣钘忚〃鏍奸�夐」绐楀彛鍜岄伄缃╁眰
+		            $('#cardOption .en-card-opts').click(function() {
+		                // 鏍规嵁琛ㄦ牸閫夐」鐨勫閫夋璁剧疆鐘舵�佹暟缁�
+		                var checkboxList = $('#cardOption .con_table table tbody').find('input[type="checkbox"]');
+		                checkboxList.each(function(i) {
+		                    if($(this).is(':checked')) {
+		                       tblStatus[i] = 1; 
+		                    }else{
+		                        tblStatus[i] = 0;
+		                    }
+		                });
+		                createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
+		                $('#cardOption').hide();
+		                $('#allShade').hide();
+		            });
+		            $('#cardOption .out-card-opts').click(function() {
+		                $('#cardOption').hide();
+		                $('#allShade').hide();
+		            });
+		        });
+		
+		        // 鏍规嵁琛ㄦ牸鐨勭殑澶撮儴鐢熸垚
+		        $(function() {
+					$('#endtime').val(new Date().format('yyyy-MM-dd'));
+		        });
+		
+		        // 鍒濆鍖栭〉闈㈤珮搴�
+		        $(function() {
+		            pageInit();
+		            $(window).resize(function() {
+		                pageInit();
+		            });
+		        });
+		
+		        // 鍒濆鍖栭〉闈㈠唴瀹�
+		        function pageInit() {
+		            var winHt = $(window).height();
+		            var bodyHt = $('body').height();
+		            var tblHt = $('#tbBrdw').height();
+		            var shiftHt = winHt - bodyHt - 32;
+		            if(shiftHt > 0) {
+		                $('#tbBrdw').height(shiftHt + tblHt);
+		            }
+		        }
+		
+		        // 鐢熸垚琛ㄦ牸鐨勫ご閮ㄥ拰琛ㄤ綋
+		        function createAllTbl (header, body, arrTh, arrTd, status) {
+		            //console.info(status);
+		            var newArrTh = new Array();
+		            var newArrTd = new Array();
+		            newArrTh = getArrTh(status, arrTh);
+		            newArrTd = getArrTd(status, arrTd);
+		            createTablenew(header, newArrTh, newArrTd);
+		            createTablenew(body, newArrTh, newArrTd);
+		            // 瀹氫箟琛ㄦ牸鐨勫ご閮ㄥ拰琛ㄤ綋瀹藉害涓�鑷�
+		            var bdWidth = body.find('table').width();
+		            header.find('table').width(bdWidth);
+		        }
+		
+		        //瀵逛簬寮瑰嚭涓插彛杩涜瀹氫綅(position:fixed)
+		        function centerDiv(ele){
+		            //鑾峰彇灞忓箷鐨勯珮搴﹀寮瑰嚭绐楀彛杩涜瀹氫綅
+		            var srnHei=$(window).height();	//灞忓箷鐨勯珮搴�
+		            var eleHei=ele.height();	//寮瑰嚭绐楀彛鐨勯珮搴�
+		            var topHei=parseInt((srnHei-eleHei)/2);	//鑾峰彇灞呬腑楂樺害
+		            ele.css({
+		                'top':topHei
+		            });
+		        }
+		        
+		        
+		      
+		        
+		       
+		        
+		       
+				  // 鐪�-甯�-鏈烘埧-鐢垫睜缁�
+				$(document).ready(function(){
+					//椤甸潰鍔犺浇鏃舵煡璇㈢淮鎶ゅ尯涓殑鏋㈢航绫诲瀷
+					$.post("User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",null,function(data){
+						data=data.result;
+						data=eval("("+data+")");
+						//console.info(data);
+						if(data.code==1 && data.data.length>0){
+							var $select = $("#station_name1");
+							$select.text('');
+							for(var i=0;i<=data.data.length;i++){
+								$option=$("<option></option>");
+								if(i==0){
+									$option.html("<s:text name='All'/>(<s:text name='Common'/>"+data.data.length+"<s:text name='Species'/>)");	
+									$option.attr("value", "");			
+								}else{
+									$option.text(data.data[i-1]);
+									$option.attr("value",data.data[i-1]);	
+								}					
+								$select.append($option);
+							}
+						}else{
+							$("#station_name1").text('').html('<option>鏆傛棤绠$悊鐨勭淮鎶ゅ尯</option>');
+						}
+						findCity();		
+					});
+				});
+				
+				function findCity() {
+					var data = {
+						StationName1: $("#station_name1").val()
+					};
+					// 璇锋眰鑾峰彇褰撳墠鐪佷笅鐨勫競
+					$.ajax({ 	
+				        type: "post", 				
+				        url: "BattInfAction!serchStationName2",				
+				        async:true,				
+				        dataType:'json',
+				        data:"json = "+JSON.stringify(data),	
+				        success: function(data){
+				        	var rs = JSON.parse(data.result);
+				        	var $select = $("#city");
+				        	if(rs.code == 1) {
+				        		var _data= rs.data;
+				        		// 鏍规嵁鏁版嵁鏋勯�犵敓鎴愪笅鎷夊垪琛ㄧ殑鏁版嵁
+								var optsList = [];
+								for(var i=0;i<_data.length;i++){
+									var __data = _data[i];
+									var tmp = getOptionsData(__data.StationName2, __data.StationName2, __data);
+									optsList.push(tmp);
+								}
+								// 鏍规嵁鏁版嵁鐢熸垚涓嬫媺鍒楄〃
+								createOptions($select, optsList, true);
+				        	}else {
+				        		$select.text('').html('<option>鏆傛棤鍙祴甯�</option>');
+				        	}
+				        	findStationNamebyStationname1();
+				        }
+				    });
+				}
+				//褰撶淮鎶ゅ尯鐨勫�煎彉鎹㈡椂鏇存柊甯�
+				$('#station_name1').change(function(){
+					findCity();
+				});
+				//褰撶淮鎶ゅ尯鐨勫�煎彉鎹㈡椂鏇存柊鏈烘埧绔欑偣
+				$('#city').change(function(){
+					findStationNamebyStationname1();
+				});
+				
+				//鏍规嵁鐪侊紝甯傛煡璇㈢珯鐐�
+				function findStationNamebyStationname1(){
+					findStationNamebyStationname1.stations = new Array();
+					var tmp = {
+						StationName1:$("#station_name1").val(),
+						StationName2:$("#city").val()
+					};
+					//var selectvalue=$("#station_name1 option:selected").val();
+					//alert(selectvalue);
+					$.post("BattInfAction!serchStationName3","json="+JSON.stringify(tmp),function(data){
+						var rs = JSON.parse(data.result);
+						if(rs.code==1){
+							var _data = rs.data;
+							var $select = $("#station_name");
+							// 鏍规嵁鏁版嵁鏋勯�犵敓鎴愪笅鎷夊垪琛ㄧ殑鏁版嵁
+							var optsList = [];
+							for(var i=0;i<_data.length;i++){
+								var __data = _data[i];
+								//console.info(__data);
+								var _attr = {
+									StationId: __data.FBSDeviceId,
+								};
+								var tmp = getOptionsData(__data.StationName3, __data.StationName, __data, _attr);
+								optsList.push(tmp);
+							}
+							findStationNamebyStationname1.stations = _data;
+							// 鏍规嵁鏁版嵁鐢熸垚涓嬫媺鍒楄〃
+							createOptions($select, optsList, true);
+						}else{
+							$("#station_name").text('').html('<option>鏆傛棤鍙祴鏈烘埧绔欑偣</option>');
+						}
+					});
+				}
+        	});
+        
+			
+	        
+	        
+	        //鑾峰彇閫変腑鐨勬満鎴垮璞�
+	        function getSelectStation(dev_id,arr){
+	        	if(arr != undefined && arr.length > 0){
+	        		for(var i=0;i<arr.length;i++){
+	        			if(arr[i].FBSDeviceId == dev_id){
+	        				return arr[i];
+	        			}
+	        		}
+	        	}
+	        	return undefined;
+	        }
+		
+		
+		
+
+		
+        </script>
+    </body>
+</html>
\ No newline at end of file

--
Gitblit v1.9.1