From 3d7b416c7d90a630d9715ae1ef0090f663c05cd2 Mon Sep 17 00:00:00 2001
From: didiyu <1293722656@qq.com>
Date: 星期五, 12 十月 2018 14:03:36 +0800
Subject: [PATCH] 查询页面
---
gx_tieta/WebRoot/batt-state-manage.jsp | 543 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 543 insertions(+), 0 deletions(-)
diff --git a/gx_tieta/WebRoot/batt-state-manage.jsp b/gx_tieta/WebRoot/batt-state-manage.jsp
new file mode 100644
index 0000000..7087d72
--- /dev/null
+++ b/gx_tieta/WebRoot/batt-state-manage.jsp
@@ -0,0 +1,543 @@
+<%@ 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" href="css/nocontent.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%;
+ }
+ #cardOption input[type="checkbox"] {
+ vertical-align: middle;
+ }
+ #cardOption table thead input[type="checkbox"]{
+ margin-left: 4px;
+ }
+ .filter {
+ position: fixed;
+ top: 50%;
+ right: 2px;
+ z-index: 999;
+ border: 1px solid #dbdbdb;
+ }
+ .filter a {
+ display: block;
+ padding: 0 10px;
+ height: 32px;
+ line-height: 32px;
+ text-decoration: none;
+ }
+ .filter a:hover {
+ background-color: #2f97ff;
+ color: #FFFFFF;
+ }
+ </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">鍩虹珯鐘舵�佺鐞嗘煡璇�--><s:text name="Show/hide_the_query_conditions"/></span>
+ <div class="checkCon">
+ <form action="" id="search_form">
+ <!-- 缁存姢鍖轰俊鎭� -->
+ <table>
+ <tr class="fWeight">
+ <td>鐪�</td> <!-- 鐪� -->
+ <td>甯�</td> <!-- 甯� -->
+ <td><s:text name="Computer_name"/></td> <!-- 鏈烘埧鍚嶇О -->
+
+ </tr>
+ <tr>
+ <td>
+ <select id="station_name1" name="stationname1">
+
+ </select>
+ </td>
+ <td>
+ <select id="city">
+
+ </select>
+ </td>
+ <td>
+ <select id="station_name" name="stationname">
+
+ </select>
+ </td>
+
+
+ </tr>
+ </table>
+ </form>
+ </div>
+ </div>
+ <!-- 琛ㄦ牸鍥哄畾鐨勫ご閮� -->
+ <div id="tbHead"></div>
+ <!-- 琛ㄦ牸婊氬姩鐨勯儴鍒� -->
+ <div id="tbBrdw"></div>
+ <!-- 鍒嗛〉鍐呭 -->
+
+ <form id="export_excel" action="ExportTable.servlet" method="post">
+ <input type="hidden" name="PageName" value="powercut.jsp"/>
+ <input type="hidden" id="table_th_arr" name="table_th_arr"/>
+ <input type="hidden" id="table_td_arr" name="table_td_arr"/>
+ </form>
+
+ <div id="paging">
+ <a href="javascript:" class="search"><s:text name="Search"/><!-- 鏌ヨ --></a>
+ <a href="javascript:" id="export_table"><s:text name="Export"/><!-- 瀵煎嚭 --></a>
+ <a href="javascript:" class="card-opt"><s:text name="Table_options"/><!-- 琛ㄦ牸閫夐」 --></a>
+ <s:text name="At_present"/><!-- 褰撳墠 --><span id="current">1/1</span>
+ <span><s:text name="Each_page"/><!-- 姣忛〉 --><input type="text" id="number" value="10"/><s:text name="Item"/><!-- 鏉� --></span>
+ <s:text name="Total_data"/><!-- 鏁版嵁鎬婚噺 --> <span id="total">10</span>
+ <a href="javascript:" id="home"><s:text name="HomePage"/><!-- 棣栭〉 --></a>
+ <a href="javascript:" id="pre"><s:text name="Page_Up"/><!-- 涓婁竴椤� --></a>
+ <a href="javascript:" id="next_p"><s:text name="Page_Down"/><!-- 涓嬩竴椤� --></a>
+ <a href="javascript:" id="last"><s:text name="End_Page"/><!-- 灏鹃〉 --></a>
+ <span id="cont">
+ <s:text name="Goto"/><!-- 杞埌 --><input type="text" id="page_num" value="1"/>
+ <a href="javascript:" id="go"><s:text name="Jump"/><!-- 璺宠浆 --></a>
+ </span>
+ </div>
+ </div>
+ <!-- 琛ㄦ牸閫夐」鍐呭 -->
+ <div id="cardOption">
+ <span><s:text name="Options"/></span> <!-- 閫夐」 -->
+ <div class="tbHead"></div>
+ <div class="con_table"></div>
+ <div class="input_container">
+ <input type="button" class="en-card-opts" value="<s:text name='Determine'/>"> <!-- 纭畾 -->
+ <input type="button" class="out-card-opts" value="<s:text name='Return'/>"> <!-- 杩斿洖 -->
+ </div>
+ </div>
+ <!-- 鏁翠綋鐏拌壊閬僵灞� -->
+ <div id="allShade"></div>
+ <script type="text/javascript" src="js/loading.js"></script>
+ <script type="text/javascript" src="js/nocontent.js"></script>
+ <script type="text/javascript" src="js/createTab.js"></script>
+ <script type="text/javascript">
+ var Page={
+ pageCurr:1,
+ pageSize:10,
+ pageAll:1,
+ };
+
+ var arrTh = new Array(); // 琛ㄦ牸鐨勫ご閮�
+ var arrTd = new Array(); // 琛ㄦ牸鐨勮〃浣�
+ var tblStatus = new Array(); // 琛ㄦ牸鐘舵�佹暟缁�
+ var tblOptsHd = new Array(); // 琛ㄦ牸閫夐」澶撮儴
+ var tblOptsBd = new Array(); // 琛ㄦ牸閫夐」鏁扮粍
+ arrTh = ['鐪�','甯�', '鏈烘埧鍚嶇О','鍋滅數','鍋滅數寮�濮嬫椂闂�', '鍙戠數','鍙戠數寮�濮嬫椂闂�','鎺夌珯','鎺夌珯寮�濮嬫椂闂�', '寮�闂�/寮�鍏崇數婧愬紓甯�','寮�闂�/寮�鍏崇數婧愬紓甯稿紑濮嬫椂闂�', '娓╁害寮傚父','婀垮害寮傚父'];
+
+ //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() {
+ var checkCon = $('#eleInfor .checkCon').height(); // 鑾峰彇鏉′欢绛涢�夌殑楂樺害
+ var isShow = true; // 鏍囪绛涢�夋潯浠舵槸鍚︽樉绀�
+ $('#eleInfor .summary').click(function() {
+ var tblHt = $('#tbBrdw').height(); // 鑾峰彇琛ㄦ牸瀹瑰櫒鐨勯珮搴�
+ if(isShow) {
+ $('#eleInfor .checkCon').slideUp(function(){
+ $('#tbBrdw').height(tblHt + checkCon);
+ isShow = false;
+ });
+ }else {
+ $('#tbBrdw').height(tblHt - checkCon);
+ $('#eleInfor .checkCon').slideDown();
+ isShow = true;
+ }
+ });
+ });
+
+ // 鐢熸垚琛ㄦ牸
+ $(function() {
+ createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
+
+ $('#paging .search').click(function() {
+
+ //noContent.showNoContent(); //鏄剧ず鏌ヨ澶辫触妗�
+
+ });
+
+ // 鐐瑰嚮琛ㄦ牸閫夐」鏄剧ず琛ㄦ牸閫夐」寮瑰嚭妗�
+ $('#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() {
+ pageInit();
+ $(window).resize(function() {
+ pageInit();
+ });
+
+ $('#endtime').val(new Date().format("yyyy-MM-dd"));
+ });
+
+ // 鍒濆鍖栭〉闈㈠唴瀹�
+ 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(){
+ 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];
+ var _attr = {
+ StationId: __data.StationId
+ };
+ var tmp = getOptionsData(__data.StationName3, __data.StationName, __data, _attr);
+ optsList.push(tmp);
+ }
+
+ // 鏍规嵁鏁版嵁鐢熸垚涓嬫媺鍒楄〃
+ createOptions($select, optsList, true);
+ }else{
+ $("#station_name").text('').html('<option>鏆傛棤鍙祴鏈烘埧绔欑偣</option>');
+ }
+ });
+ }
+
+ //鏋勯�犳煡璇㈡潯浠�
+ function createSearchParam(){
+ //alert($('#endu_type').val());
+ var temp = {
+ num:3, //鐢垫睜鐘舵��
+ BattGroupId:$("#endu_type").val(), //鏌ヨ鏁版嵁
+ StationName:$('#station_name').val(), //鏈烘埧鍚�
+ StationName2:$('#city').val(), //甯�
+ StationName1:$('#station_name1').val(), //缁存姢鍖�
+ BattProductDate:$('#starttime').val()+" 00:00:00",
+ BattProductDate1:$('#endtime').val()+" 23:59:59", //鐢熶骇鏃ユ湡娈�
+ };
+ //console.info(temp);
+ return temp;
+ }
+
+ //棣栭〉
+ $('#home').click(function(){
+ if(Page!=undefined){
+ //var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
+ if(Page.pageCurr != 1){
+ Page.pageCurr=1;
+ $('#paging .search').click();
+ }
+ }
+ });
+
+ //鐐瑰嚮涓婁竴椤�
+ $("#pre").click(function(){
+ if(Page!=undefined){
+ if(Page.pageCurr > 1){
+ Page.pageCurr = Page.pageCurr-1;
+ $('#paging .search').click();
+ }
+ }
+ });
+
+
+ //鐐瑰嚮涓嬩竴椤�
+ $("#next_p").click(function(){
+ if(Page!=undefined){
+ var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
+ if(Page.pageCurr < pageNum){
+ Page.pageCurr = Page.pageCurr+1;
+
+ //console.info(Page);
+ $('#paging .search').click();
+ }
+ }
+ });
+
+ //灏鹃〉
+ $('#last').click(function(){
+ if(Page !=undefined){
+ var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
+ if(Page.pageCurr<pageNum){
+ Page.pageCurr = pageNum;
+ $('#paging .search').click();
+ }
+ }
+ });
+
+
+ //璁剧疆姣忛〉琛屾暟
+ $('#number').blur(function(){
+ var value=$('#number').attr("value");
+ //褰撹緭鍏ョ殑鏁板ぇ浜�0鏃�
+ if(value>0){
+ value=parseInt(value);
+ if(Page.pageSize != value){
+ Page.pageCurr = 1;
+ Page.pageSize = value;
+ }
+ }else{
+ //褰撹緭鍏ラ潪娉曟暟瀛楁椂
+ alert("<s:text name='Please_enter_the_legitimate_number!'/>"); /* 璇疯緭鍏ュ悎娉曠殑鏁存暟 */
+ $('#number').attr('value',Page.pageSize);
+ }
+ });
+
+ //濉啓瀹岃烦杞埌鎸囧畾椤�
+ $('#page_num').blur(function(){
+ var tarpage=$('#page_num').attr('value');
+ if(tarpage>0){
+
+ }else{
+ alert("<s:text name='Please_enter_the_legitimate_number!'/>"); /* 璇疯緭鍏ュ悎娉曠殑鏁板瓧 */
+ $('#page_num').attr('value',Page.pageCurr);
+ }
+ });
+
+ //鐐瑰嚮璺宠浆
+ $('#go').click(function(){
+ var tarpage=$('#page_num').attr('value');
+ tarpage=parseInt(tarpage);
+ if(Page!=undefined && Page.pageAll != 0){
+ var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
+ if(tarpage > pageNum){
+ tarpage=pageNum;
+ $('#page_num').attr('value',pageNum);
+ }
+ Page.pageCurr= tarpage;
+ }else{
+ Page.pageCurr= tarpage;
+ }
+ $('#paging .search').click();
+ });
+
+ $('#export_table').click(function(){
+ //console.info($('#tbHead .tbFixed thead th').length);
+ exprotTable($('#tbHead table thead th'),$('#tbBrdw table tbody td'),$('#export_excel'),$('#table_th_arr'),$('#table_td_arr'));
+ });
+
+ function exprotTable(eleTh,eleTd,eleform,eleTh_Text,eleTd_Text){
+ //alert("瀵煎嚭");
+ var ArrTh=new Array();
+ for(var i=0;i<eleTh.length;i++)
+ {
+ ArrTh[i]=eleTh.eq(i).text();
+ }
+ var ArrTd="";
+ for(var i=0;i<eleTd.length;i++)
+ {
+ ArrTd+=eleTd.eq(i).text()+"&";
+ }
+ eleTh_Text.attr('value',ArrTh);
+ eleTd_Text.attr('value',ArrTd);
+ //console.info(ArrTh);
+ //console.info(ArrTd);
+ eleform.submit();
+ }
+
+ </script>
+ </body>
+</html>
--
Gitblit v1.9.1