whyclj
2019-01-09 a852102b1b3f30a420b02c0aca96f13d0886af8e
gx_tieta/WebRoot/mobil/wcheckAccept.html
New file
@@ -0,0 +1,410 @@
<!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">
   <link rel="stylesheet" type="text/css" href="src/css/layui.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;
      }
      .bg-line{
          background-color:#ddd;
      }
      .operat-but{
          margin: 0;
            padding-top: 0.1em;
            padding-bottom: 0.1em;
      }
      .ui-table-reflow td .ui-table-cell-label, .ui-table-reflow th .ui-table-cell-label{
          width:35%;
      }
      .fr{
      float:right;
      }
   </style>
   <link rel="stylesheet" href="css/fgpanel.css">
</head>
<body>
   <div data-role="page">
      <!-- 头部内容 -->
      <div data-role="header" data-position="fixed">
         <a href="wcheckAccept-index.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>
      </div>
      <!-- 主体内容 -->
      <div data-role="main">
         <!-- 表格容器 -->
         <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="" id="jizhandata" target="_top" data-role="button" data-icon="home" data-transition="slide">机房信息</a></li>
               <li><a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all  ui-btn-icon-check" data-position-to="window" data-icon="check" data-role="button">实时数据</a></li>
              <li><a href="#yourPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all  ui-btn-icon-check" data-position-to="window" data-icon="check" data-role="button">验收</a></li>
            </ul>
         </div>
      </div>
      <div data-role="popup" id="myPopup" 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 id="newbattnum" data-mini="true">
                       <option value="1">电池组1</option>
                     </select>
                 </fieldset>
                 <div data-role="controlgroup" data-type="horizontal" class="mt6">
                        <a href=""  id="suredata" 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 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>
        <a href="" data-rel="back" id="sure" class="ui-btn ui-corner-all ui-shadow  ui-btn-icon-left ui-icon-check" >提交</a>
        <a href="" data-rel="back" class="ui-btn ui-corner-all ui-shadow  ui-btn-icon-left ui-icon-delete" >放弃</a>
       </div>
   </div>
   <!-- 存储homeinfo的值 -->
   <div id="homeInfoIframe"></div>
   <div id="homeInfoIframeAll"></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="src/layui.all.js"></script>
 <script type="text/javascript">
          /* 获取点击的是哪个按钮   */
   function getButIndex(t){ //查看实时数据
       var index = $(t).attr("but-index");
      // index=(index/33-1);
         console.info(index);
         setcookiedit(index);
         window.location.href="control.html";
       return ;
   }
   var iframePopup = '';      // 弹出面板标识符
   function getApplyYanshouIndex(t){
      var index = $(t).attr("but-index");
      console.info(index);
      var arr=setApplyYanshou(index);
      console.log(arr);
      if(arr.length == 0) {
         layer.msg('获取数据失败!!');
         return ;
      }
      // 存储所有的数据
      $('#homeInfoIframeAll').data('allData', arr);
      var _data = arr[0];
      var temp = {
         homeId: _data.binf.StationId
         ,homeName: _data.binf.StationName
         ,addr: ''
         ,lng: 0
         ,lat: 0
      }
      // 存储需要的homeInfo信息
      $('#homeInfoIframe').data('homeInfo', temp);
      iframePopup = layer.open({
                type: 2
                ,closeBtn: 0
                ,title: false
                ,area: ['100%', '100%']
                ,full: true
                ,anim: 4
                ,content: 'iframe/homeinfo1.html'
            });
            layer.full(iframePopup);
      // applyendyanshou(arr);
   }
    function getApplyYanshoupicture(t){
       var index = $(t).attr("but-index");
      console.info(index);//方法2
      var arr=setApplyYanshou(index);
      //请在此对接加入弹出框
    }
    var arrTd = new Array();      //当前表格td数据
    var tblCon = $('.tbl-container');
    var Page = {
      pageSize:20,             //每页的行数
      pageCurr:1,              //当前页码数
      pageAll:0,
   };
    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');
    var temp = getCookie("wapproval");
   temp = JSON.parse(temp);
   console.info(temp);
    createTbl(tbl, arrTh, dataArr);
   $(document).ready(function(){
      Page.pageCurr=1;
      console.info(temp);
      setBattLife();
      battnumber();
      //searchBattLife();
      //console.info($("#getnumber").val());
    });
   $("#sure").click(function(){
      // var temp = getCookie("wapproval");
      //temp = JSON.parse(temp);
      var data = temp;
      console.info(data);
      if(data[0].check_en==0){//一个基站内的所有电池组同时申请,因此判断一组电池组状态即可。
         alert("现场未提交申请验收");
      }else if(data[0].check_en==2){
         exBattGroupAjax(data);
      }
   });
   $("#suredata").click(function(){
      console.info($('#newbattnum').val());
          setcookieCreat($('#newbattnum').val());
        //window.location.href="control.html";
    });
   $("#jizhandata").click(function(){
         // 查看机房信息
         var temp = getCookie("wapproval");
         data = JSON.parse(temp);
         var lng = data[0].longitude;                     // 获取经度
         var lat = data[0].latitude;                     // 获取纬度
         var addr = data[0].address;                  // 获取地址
         var homeId = data[0].binf.StationId;                  // 机房Id
         var homeName = data[0].binf.StationName;               // 机房名称
         var temp = {
            homeId: homeId
            ,homeName: homeName
            ,addr: addr
            ,lng: lng
            ,lat: lat
         }
         // 显示暂无可设站点
         if(homeId == 0) {
            layer.msg(homeName);
            return;
         }
         // 存储值
         $('#homeInfoIframe').data('homeInfo', temp);
         iframePopup = layer.open({
                type: 2
                ,closeBtn: 0
                ,title: false
                ,area: ['100%', '100%']
                ,full: true
                ,anim: 4
                ,content: 'iframe/seenhomeinfo.html'
            });
            layer.full(iframePopup);
   });
   function setcookieCreat(i){
      console.info(temp);
      console.info(i)
      //var index=Math.ceil(i-1);
      arrdata = temp[i].binf;
      //arrdata.push("wcheckAccept");
      console.info(arrdata);
      var json = JSON.stringify(arrdata);
      setCookie("batt",json);
      //setCookie("battcontrol",json);
      window.location.href="control.html";
   }
   function battnumber(){
       var selected=''
       console.info(temp);
       if(temp.length>0){
          for(var i=0;i<temp.length;i++){
                selected+= '<option '+'value='+i+'>'+temp[i].binf.BattGroupName+'</option>';
          }
          return $('#newbattnum').html(selected);
       }
     }
   function setBattLife(){
      data = temp;
      var index = 0;
      for(var i=0;i<data.length;i++){
         arrTd[index++] = data[i].binf.StationId;
         arrTd[index++] = data[i].binf.StationName1;
         arrTd[index++] = data[i].binf.StationName2;
         arrTd[index++] = data[i].binf.StationName5;
         arrTd[index++] = data[i].binf.StationName3;
         arrTd[index++] = data[i].binf.StationName4;
         arrTd[index++] = data[i].binf.StationIp;
         arrTd[index++] = data[i].binf.FBSDeviceId;
         arrTd[index++] = data[i].binf.FbsDeviceIp;
         arrTd[index++] = data[i].binf.FbsDeviceIp_YM;
         arrTd[index++] = data[i].binf.FbsDeviceIp_WG;
         arrTd[index++] = data[i].binf.FBSDeviceName;
         arrTd[index++] = data[i].binf.GroupIndexInFBSDevice;
         arrTd[index++] = data[i].binf.BattGroupId;
         arrTd[index++] = data[i].binf.BattGroupNum;
         arrTd[index++] = data[i].binf.BattGroupName;
         arrTd[index++] = data[i].binf.FloatVolLevel;
         arrTd[index++] = data[i].binf.OfflineVolLevel;
         arrTd[index++] = data[i].binf.BattFloatCurrent;
         arrTd[index++] = data[i].binf.MonCount;
         arrTd[index++] = data[i].binf.MonCapStd;
         arrTd[index++] = data[i].binf.MonVolStd;
         arrTd[index++] = data[i].binf.MonResStd;
         arrTd[index++] = data[i].binf.MonSerStd;
         arrTd[index++] = data[i].binf.MonVolLowToAvg;
         arrTd[index++] = data[i].binf.Load_curr;
         arrTd[index++] = data[i].binf.DisCurrMax;
         arrTd[index++] = data[i].binf.station_phone;
         arrTd[index++] = data[i].binf.BattProducer;
         arrTd[index++] = data[i].binf.BattModel;
         arrTd[index++] = data[i].binf.BattProductDate.substr(0,10);
         arrTd[index++] = data[i].binf.BattInUseDate.substr(0,10);
         arrTd[index++] = data[i].binf.install_user;
         arrTd[index++] = data[i].longitude;//经度
         arrTd[index++] = data[i].latitude;//纬度
         arrTd[index++] = data[i].address;//地址
         arrTd[index++] = data[i].apply_date;
         arrTd[index++] = check(data[i].check_en);
         arrTd[index++] = data[i].apply_name;
         arrTd[index++] = data[i].confirm_name;
         //arrTd[index++]='<a onclick="getButIndex(this)"  class="ui-btn ui-btn-inline ui-corner-all operat-but" data-position-to="window"'+'but-index='+i+'>审核</a>';
      }
      createTbl(tblCon, arrTh, arrTd);
   }
   function check(data){
      switch (data)
      {
         case 0:
            return "待申请验收";
            break;
         case 1:
            return "已验收";
            break;
         case 2:
             return "已申请验收";
             break;
      }
   }
   // 通过审批请求
   function exBattGroupAjax(data) {
      // 请求后台
      $.ajax({
         type: 'post'
         ,async: true
         ,url: "Battinf_applyAction!check"
         ,data: "json="+JSON.stringify(data)
         ,dataType: 'json'
         ,success: function(res) {
            var rs = JSON.parse(res.result);
            // console.log(rs);
            if(rs.code == 1) {
               alert("确认验收成功");
               window.location.href="wcheckAccept-index.html";
            }else {
               alert('确认验收失败');
            }
         }
         ,complete: function() {
            //关闭等待框
         }
      });
   }
   </script>
</html>