81041
2018-12-10 263ea6e5dc5df6f44cd04a8d5694e4f8f2404312
gx_tieta/WebRoot/mobil/ele-param1.html
New file
@@ -0,0 +1,682 @@
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>申请电池组安装</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
   <link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css"/>
   <link href="mobilCss/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
   <link href="mobilCss/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
   <link rel="stylesheet" type="text/css" href="css/tbl.css">
   <script type="text/javascript" src="mobilJs/jquery-1.8.2.js"></script>
   <script type="text/javascript" src="mobilJs/jquery.mobile-1.4.5.min.js"></script>
   <style type="text/css">
      /*规定面板的样式*/
      .ui-panel {
          width: 80%;
      }
      .ui-panel-dismiss{
         width: 20%;
      }
      .ui-panel-inner{
         padding:0 !important;
      }
      .ui-collapsible-heading-toggle{
         padding-left: 1em !important;
      }
      .panel-header{
         padding: 8px 0;
         font-size: 1.2em;
         text-indent: 1em;
         background-color: #DFDCDC;
      }
      /*规定开关的位置*/
      .ui-flipswitch {
         margin-left: 0.5em;
      }
      .ui-field-contain{
         padding: 0 0.6em ;
      }
        .ui-field-contain {
          border-bottom-color: #828282;
          border-bottom-color: rgba(0,0,0,.15);
          border-bottom-width: 1px;
          border-bottom-style: none;
      }
        .sicon{
           display:inline-block;width:4%;margin:1em 0;float:left;
        }
        .checkdata{
            display:inline-block;width:48%;margin:0 0 0 0;float:left;
        }
        .next-page, .pre-page {
         position: fixed;
         width: 40px;
         height: 40px;
         top: 50%;
         margin-top: -15px;
      }
      .next-page  {
         right: 0;
      }
      .pre-page  {
         left: 0;
      }
      table {
         margin-top:.5em;
         border-collapse:separate;
         border-spacing:0 .5em;
      }
      tbody tr td{
         overflow: hidden;
         text-overflow:ellipsis;
         white-space: nowrap;
      }
      .ui-table-reflow td .ui-table-cell-label,.ui-table-reflow th .ui-table-cell-label {
        padding: .4em;
        min-width: 35%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
        }
        .ui-select .ui-btn select{
        width:100%;
        }
        .mt6{
        margin:6em 0 0 0;
        }
        .pl5{
        padding-left:5.9em;
        }
   </style>
   <link rel="stylesheet" href="css/fgpanel.css">
</head>
<body>
   <div data-role="page">
      <div class="fg-panel">
         <form>
            <div class="fg-panel-header">筛选</div>
            <div class="fg-panel-content">
               <fieldset data-role="controlgroup">
                      <p>省</p>
                     <select id="mainteArea" data-mini="true">
                       <option value="">全部</option>
                       <option value="">一枢纽</option>
                       <option value="">二枢纽</option>
                       <option value="">枢纽楼</option>
                     </select>
                     <p>市</p>
                     <select id="city" data-mini="true">
                        <option value="">全部</option>
                     </select>
                     <p>区/县</p>
                     <select id="country" data-mini="true">
                        <option value="">全部</option>
                     </select>
                      <p>机房站点</p>
                     <select id="homeName" data-mini="true">
                        <option value="">全部</option>
                     </select>
                 </fieldset>
            </div>
            <div class="fg-panel-btn">
               <a href="javascript:panel.hide(true);" id="submit" data-role="button" class="ui-btn ui-mini ui-btn-b ui-shadow">确定</a>
            </div>
         </form>
      </div>
      <!-- 头部内容 -->
      <div data-role="header" data-position="fixed">
         <a href="testControl.html" target="_top" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" style="padding-top: 0.7em; padding-bottom: 0.7em;">返回</a>
         <h1>申请电池组安装</h1>
         <a href="javascript:panel.show();" class="ui-btn ui-corner-all ui-shadow ui-icon-grid ui-btn-icon-left" style="padding-top: 0.7em; padding-bottom: 0.7em;" id="screen">筛选</a>
      </div>
      <!-- 主体内容 -->
      <div data-role="main">
         <div class="pre-page"><a href="#" class="ui-btn ui-corner-all ui-icon-carat-l ui-btn-icon-notext">图标</a></div>
         <div class="next-page"><a href="#" class="ui-btn ui-corner-all ui-icon-carat-r ui-btn-icon-notext">图标</a></div>
         <!-- 表格容器 -->
         <div class="tbl-container"></div>
         <table data-role="table" class="ui-responsive ui-shadow" id="tab" >
         </table>
      </div>
      <div data-role="footer" data-position="fixed" data-theme="a">
         <div data-role="navbar">
            <ul>
              <li><a href="index.html" id="cancel" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all operat-but ui-btn-icon-delete" data-position-to="window" data-icon="delete" data-role="button">首页</a></li>
              <li><a href="#yourPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all operat-but ui-btn-icon-check" data-position-to="window" data-icon="check" data-role="button">新建</a></li>
            </ul>
         </div>
      </div>
      <div data-role="popup" id="yourPopup" class="ui-content" data-overlay-theme="b">
      <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">关闭</a>
                <h1>选择新建电池组个数</h1>
                 <fieldset data-role="controlgroup" >
                     <select  data-mini="true">
                       <option value="">新建1个电池组</option>
                       <option value="">新建2个电池组</option>
                       <option value="">新建3个电池组</option>
                       <option value="">新建4个电池组</option>
                     </select>
                 </fieldset>
                 <div data-role="controlgroup" data-type="horizontal" class="mt6">
                        <a href=""  id="sure" class="ui-btn ui-corner-all ui-shadow  ui-btn-icon-left ui-icon-check pl5" >确定</a>
                        <a href="" data-rel="back" class="ui-btn ui-corner-all ui-shadow  ui-btn-icon-left ui-icon-delete pl5" >取消</a>
                    </div>
    </div>
   </div>
</body>
<script src="mobilJs/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
<script src="mobilJs/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
<script src="mobilJs/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
<script src="mobilJs/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
<script type="text/javascript" src="js/tbl.js"></script>
<script type="text/javascript" src="mobilJs/base.js"></script>
<script type="text/javascript" src="js/panel.js"></script>
 <script type="text/javascript">
    $('document').ready(function(){panel.show();});
    var arrTd=new Array();      //当前表格td数据
    var tblCon = $('.tbl-container');
    var Page = {
      pageSize:20,             //每页的行数
      pageCurr:1,              //当前页码数
      pageAll:0,
   };
    $('document').ready(function(){panel.show();});
    $("#sure").click(function(){
        window.location.href="batt-infor-conf-temp.html";
    });
    var arrTh = [ '机房编号', '省', '城市','区县','机房名称','设备名称','机房IP','FBS设备ID(重要)','FBS设备IP(重要)','子网掩码','网关','FBS设备名称','FBS电池索引(0-3)','电池组ID','机房内电池组编号','电池组名称','浮充电压阀值(V)','离线电压阀值(V)','浮充电流阀值(A)','单体数量','标称容量(AH)','标称单体电压(V)','标称单体内阻(mΩ)','标称单体电导','单体电压次低偏移量(V)','负载电流(A)','最大核容电流(A)','基站号码','电池品牌','电池型号','电池生产日期','投入使用日期','安装人员'];
   dataArr = [];
    var startTime = "1980-01-01";
    var endTime = new Date().format('yyyy-MM-dd');
    var tbl = $('.tbl-container');
    createTbl(tbl, arrTh, dataArr);
   $(document).ready(function(){
      setPage();
      $("#submit").click(function(){
         Page.pageCurr=1;
         searchBattLife();
      });
    });
       function setcookiedit(index){
             var arrcookie = new Array();
               for(var i=0;i<33;i++){//共34项,最后一项为按钮,不必SET进数据
                  var value = Math.floor(34*index);
                  //console.info(value);
                  value = Math.floor(value+i);
                  //console.info(value);
                  arrcookie.push(arrTd[value]);
               }
               var json=window.JSON.stringify(arrcookie);
               setCookie("eleparm",json);  //这里setcookie,若有上一条cookie则清空上一笔
       }
       function setcookieCreat(index){
             var arrcookie = new Array();
               for(var i=0;i<33;i++){//共34项,最后一项为按钮,不必SET进数据
                  var value = Math.floor(34*index);
                  //console.info(value);
                  value = Math.floor(value+i);
                if(i==13){//新建功能,电池组ID默认为当页最后一个电池组ID号加1
                   var groupid = Math.floor(arrTd[value]+1);
                   console.info(groupid);
                   arrcookie.push(groupid);
                }else{
                     //console.info(value);
                     arrcookie.push(arrTd[value]);
                  }
               }
               arrcookie.push("new");
               //console.info(arrcookie);
               var json=window.JSON.stringify(arrcookie);
               setCookie("eleparm",json);  //这里setcookie,若有上一条cookie则清空上一笔
       }
   // 查询内容
      function searchBattLife(){
         var temp = createSearchParam();
         var json = JSON.stringify(temp);
         console.info(json);
         arrTd = new Array();
         var load;
          $.ajax({
            type:"post",
            url:"BattInfAction!searchInform",
            async:true,
            datatype:'text',
            data:"json="+json,
            success:function(data){
               //console.info(data);
               var data = JSON.parse(data.result);
               //layer.close(load);
               console.info(data);
               if(data.code==1&&data.data.length>0){
                  data=data.data;
                  var index = 0;
                  var ArryTb= new Array();
                  for(i=0;i<data.length;i++){
                     arrTd.push(data[i].StationId);            //机房编号
                     arrTd.push(data[i].StationName1);            // 省
                     arrTd.push(data[i].StationName2);            // 市
                     arrTd.push(data[i].StationName5);            // 区/县
                     arrTd.push(data[i].StationName3);            //机房名称
                     arrTd.push(data[i].StationName4);            //设备名称
                     arrTd.push(data[i].StationIp);            //机房ip
                     arrTd.push(data[i].FBSDeviceId);            //FBS设备ID
                     arrTd.push(data[i].FbsDeviceIp);            //FBS设备IP
                     arrTd.push(data[i].FbsDeviceIp_YM);         //子网掩码
                     arrTd.push(data[i].FbsDeviceIp_WG);         //网关
                     arrTd.push(data[i].FBSDeviceName);         //FBS设备名称
                     arrTd.push(data[i].GroupIndexInFBSDevice);   //FBS设备索引
                     arrTd.push(data[i].BattGroupId);            //电池组ID
                     arrTd.push(data[i].BattGroupNum);            //机房内电池组编号
                     arrTd.push(data[i].BattGroupName);         //电池组名称
                     arrTd.push(data[i].FloatVolLevel);         //浮充电压阀值
                     arrTd.push(data[i].OfflineVolLevel);         //离线电压阀值
                     arrTd.push(data[i].BattFloatCurrent);         //浮充阀值
                     arrTd.push(data[i].MonCount);               //单体数量
                     arrTd.push(data[i].MonCapStd);            //标称容量
                     arrTd.push(data[i].MonVolStd);            //标称单体电压
                     arrTd.push(data[i].MonResStd);            //标称单体内阻
                     arrTd.push(data[i].MonSerStd);            //标称单体电导
                     arrTd.push(data[i].MonVolLowToAvg);         //单体电压次低偏移量
                     arrTd.push(data[i].Load_curr);            //负载电流
                     arrTd.push(data[i].DisCurrMax);            //最大核容电流
                     arrTd.push(data[i].station_phone);         //基站手机号码
                     arrTd.push(data[i].BattProducer);            //电池品牌
                     arrTd.push(data[i].BattModel);            //电池型号
                     arrTd.push(data[i].BattProductDate.substr(0,10));         //电池生产日期
                     arrTd.push(data[i].BattInUseDate.substr(0,10));         //投入使用日期
                     arrTd.push(data[i].install_user);               // 设备安装人员
                     /* arrTd.push("");
                     arrTd.push("");
                     arrTd.push(model.data[i].StationId_ex);         //投入使用日期 */
                  }
               }else{
                  Page.pageAll = 0;
               }
               setPage();
               createTbl(tblCon, arrTh, arrTd);
            }
         });
         /* 模拟数据做好就删!!!!!!!! */
         /*for(i=0;i<340;i++){
          if(i%34==33){
          //<a href="count-report.html" target="_top" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" style="padding-top: 0.7em; padding-bottom: 0.7em;">返回</a>
         arrTd[i]='<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all operat-but" data-position-to="window" >修改或删除</a>';
         console.warn(i);
         continue;
         }
                arrTd[i]=i*10;
               }
               createTbl(tblCon, arrTh, arrTd);
         /* 模拟数据做好就删!!!!!!!! */
      }
      function getUpdateArr(temp){
         var arr = new Array();
         var obj = new Object();
         obj.StationId = temp[0];   // 机房编号
         obj.StationName = (temp[1]+"-"+temp[2]+"-"+temp[4]+"-"+temp[5]);   // 拼接机房名称
         obj.StationName1 = temp[1];      // 省
         obj.StationName2 = temp[2];      // 市
         obj.StationName5 = temp[3];      // 区/县
         obj.StationName3 = temp[4];      // 机房名称
         obj.StationName4 = temp[5];      // 设备名称
         obj.StationIp = temp[6];            //机房ip
         obj.FBSDeviceId = temp[7];            //设备id
         obj.FbsDeviceIp = temp[8];            //设备ip
         obj.FbsDeviceIp_YM = temp[9];         // 设备掩码
         obj.FbsDeviceIp_WG = temp[10];         // 网关
         obj.FBSDeviceName = temp[11];         //设备名称
         obj.GroupIndexInFBSDevice = temp[12];   //fbs设备索引
         obj.BattGroupId = temp[13];            //电池组id
         obj.BattGroupNum = temp[14];         //机房内电池组编号
         obj.BattGroupName = temp[15];         //电池组名称
         obj.FloatVolLevel = temp[16];         //浮充电压阀值
         obj.OfflineVolLevel = temp[17];         //离线电压阀值
         obj.BattFloatCurrent = temp[18];      //浮充电流阀值
         obj.MonCount = temp[19];            //单体数量
         obj.MonCapStd = temp[20];            //标称容量
         obj.MonVolStd = temp[21];            //标称电压
         obj.MonResStd = temp[22];            //标称内阻
         obj.MonSerStd = temp[23];            //标称电导
         obj.MonVolLowToAvg = temp[24];         //单体电压次低偏移量
         obj.Load_curr = temp[25];            //负载电流
         obj.DisCurrMax = temp[26];            //最大核容电流
         obj.station_phone = temp[27];         //基站号码
         obj.BattProducer = temp[28];         //电池品牌
         obj.BattModel = temp[29];            //电池型号
         obj.BattProductDate =  temp[30];      //电池生产日期
         obj.BattInUseDate =  temp[31];         //电池使用日期
         obj.install_user = temp[32];         //安装人员
         arr.push(obj);
         console.info(arr);
         return arr;
      }
   //删除电池组
      function delBatt(temp){
         $.ajax({
            type: "post",
              url: "BattInfAction!delete",
              async:true,
              dataType:'text',
              data:"json="+JSON.stringify(temp),
              success: function(data){
               data = eval('('+data+')');
               var model = eval('('+data.result+')');
               console.info(model);
               if(model.code ==1){
                  alert("删除电池组成功!");
                  searchBattLife();
               }else{
                  alert("删除电池组失败!");
               }
              },
              error:function(){
                 alert("删除电池组失败!");
              }
           });
      }
   function createSearchForm(){
      var temp={
            page:Page,
            StationName1:$('#mainteArea').val(),
            StationName2:$('#city').val(),
            StationName5:$('#country').val(),
            StationName:$('#homeName').val(),
      };
      return temp;
   }
   // stringify(createSearchForm());
   //页面加载时查询省
   $.post("BattInfAction_serchByStation",null,function(data){
      data = data.result;
       data = eval("("+data+")");
       //console.info(data);
       //console.info(data.code);
       if(data.code==1&&data.data.length>0){
            var $Ostation_name1=$("#mainteArea");
          $Ostation_name1.text("");
          var arr = new Array();
          for(var i=0;i<=data.data.length;i++)
           {
                 if(i == 0){
                    arr.push({
                       val:"",
                       txt:"全部(共"+data.sum+"个)",
                    });
                 }else{
                    arr.push({
                       val:data.data[i-1].StationName1,
                       txt:data.data[i-1].StationName1,
                    });
                 }
          }
          updataSel($Ostation_name1, arr);
        }
         findCity();
    });
//当省改变时更新市
   function findCity(){
      var data = {
         StationName1: $("#mainteArea").val()
      };
      //console.info(data);
      // 请求获取当前省下的市
      $.ajax({
           type: "post",
           url: "BattInfAction!serchStationName2",
           async:true,
           dataType:'json',
           data:"json = "+JSON.stringify(data),
           success: function(data){
         data = data.result;
          data = eval("("+data+")");
          //console.info(data);
          //console.info(data.code);
          if(data.code==1&&data.data.length>0){
               var $Ostation_name1=$("#city");
             $Ostation_name1.text("");
             var arr = new Array();
             for(var i=0;i<=data.data.length;i++)
              {
                    if(i == 0){
                       arr.push({
                          val:"",
                          txt:"全部(共"+data.data.length+"个)",
                       });
                    }else{
                       arr.push({
                          val:data.data[i-1].StationName2,
                          txt:data.data[i-1].StationName2,
                       });
                    }
             }
             updataSel($Ostation_name1, arr);
           }
            findCounty();
       }
       });
    }
//当市改变时更新区/县
   function findCounty(){
      var data = {
         StationName1: $("#mainteArea").val(),
         StationName2:$("#city").val(),
      };
      //console.info(data);
      $.ajax({
           type: "post",
           url: "BattInfAction!serchStationName5",
           async:true,
           dataType:'json',
           data:"json = "+JSON.stringify(data),
           success: function(data){
         data = data.result;
          data = eval("("+data+")");
          //console.info(data);
          //console.info(data.code);
          if(data.code==1&&data.data.length>0){
               var $Ostation_name1=$("#country");
             $Ostation_name1.text("");
             var arr = new Array();
             for(var i=0;i<=data.data.length;i++)
              {
                    if(i == 0){
                       arr.push({
                          val:"",
                          txt:"全部(共"+data.data.length+"个)",
                       });
                    }else{
                       arr.push({
                          val:data.data[i-1].StationName5,
                          txt:data.data[i-1].StationName5,
                       });
                    }
             }
             updataSel($Ostation_name1, arr);
           }
         findStationNamebyStationname1();
       }
       });
    }
 //当区县更新时更新机房
    function findStationNamebyStationname1(){
      var data = {
         StationName1: $("#mainteArea").val(),
         StationName2:$("#city").val(),
         StationName5:$("#country").val()
      };
      //console.info(data);
      $.ajax({
           type: "post",
           url: "BattInfAction!serchStationName3",
           async:true,
           dataType:'json',
           data:"json = "+JSON.stringify(data),
           success: function(data){
         data = data.result;
          data = eval("("+data+")");
          //console.info(data);
          //console.info(data.code);
          if(data.code==1&&data.data.length>0){
               var $Ostation_name1=$("#homeName");
             $Ostation_name1.text("");
             var arr = new Array();
             for(var i=0;i<=data.data.length;i++)
              {
                    if(i == 0){
                       arr.push({
                          val:"",
                          stationid:"",
                          txt:"全部(共"+data.data.length+"个)",
                       });
                    }else{
                       arr.push({
                          val:data.data[i-1].StationName3,
                          stationid:data.data[i-1].StationId,
                          txt:data.data[i-1].StationName3,
                       });
                    }
             }
             //console.info(111111111111111);
             updataSelStation($Ostation_name1, arr);
           }
       }
       });
    }
   //当省改变时更新市
   $('#mainteArea').change(function(){
         findCity();
   });
   //当市改变时改变区/县
   $('#city').change(function(){
         findCounty();
   });
   //当区/县改变时改变机房
   $('#country').change(function(){
         findStationNamebyStationname1();
   });
   //构造查询条件
      function createSearchParam(){
         var temp = {
            page:Page,
            binf:{
               StationName1:$('#mainteArea').val(),
               StationName2:$('#city').val(),
               StationName5: $('#country').val(),
               StationName:$('#homeName').val(),
            },
         };
         console.info(temp);
         return temp;
      }
   $(function() {
      //点击上一页
      $('.pre-page').on('click', 'a', function() {
         if(Page.pageCurr>1){
            Page.pageCurr = Page.pageCurr - 1;
            searchBattLife();
         }
      });
      //点击下一页
      $('.next-page').on('click', 'a', function() {
         var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
         if(Page.pageCurr<pageNum){
            Page.pageCurr = Page.pageCurr + 1;
            searchBattLife();
         }
      });
   });
   // 判断是否显示翻页按钮
   function setPageTurning(isShowPre, isShowNext) {
      if(isShowPre) {   // 判断是否显示向上翻页按钮
         $('.pre-page').show();
      }else {
         $('.pre-page').hide();
      }
      if(isShowNext) {   // 判断是否显示向下翻页按钮
         $('.next-page').show();
      }else {
         $('.next-page').hide();
      }
   }
   //设置页面的跳转链接
   function setPage(){
      if(Page.pageCurr <= 1){
         $('.pre-page').hide();
      }else{
         $('.pre-page').show();
      }
      var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
      if(Page.pageCurr < pageNum){
         $('.next-page').show();
      }else{
         $('.next-page').hide();
      }
   }
   </script>
</html>