zengyitan
/
zytworld


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
							<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>排列五首页 </title>
    <c:set value="${pageContext.request.contextPath}" var="path" scope="page" />
    
    <link href="${path}/resources/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${path}/resources/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${path}/resources/vendors/nprogress/nprogress.css" rel="stylesheet" type="text/css">
    <link href="${path}/resources/src/css/common.css" rel="stylesheet" type="text/css">
    
  </head>

  <body class="container child_body">
    <div class="row">
      <div class="col-md-12">
        
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-24">
            <div class="x_panel show" id="resultLists">
            
              <div class="x_content">
                <div class="table_toolbox table_toolbox-top row">
                  <div class="col-md-12 col-sm-12 col-xs-12">
                    <button type="button" class="btn btn-primary btn-sm addBtn" ><i class="fa fa-plus"></i> 增加</button>
                    <button type="button" class="btn btn-primary btn-sm ohBtn" ><i class="fa  fa-search"></i> 开奖历史</button>
                    <button type="button" class="btn btn-primary btn-sm chBtn" ><i class="fa fa-search"></i> 号码历史</button>
                    <button type="button" class="btn btn-primary btn-sm csBtn" ><i class="fa fa-search"></i> 号码出现</button>
                    <button type="button" class="btn btn-primary btn-sm cslBtn" ><i class="fa fa-search"></i> 号码出现线条</button>
                    <button type="button" class="btn btn-primary btn-sm chsBtn" ><i class="fa fa-search"></i> 号码缺失值</button>
                    <button type="button" class="btn btn-primary btn-sm cchsBtn" ><i class="fa fa-search"></i> 号码缺失值转码</button>
                  </div>
                </div>
                
                <table id="datatable-demo" class="table table-hover table-striped table-bordered bulk_action">
                  <thead>
                    <tr>
                      <th>期号</th>
                      <th>1位</th>
                      <th>2位</th>
                      <th>3位</th>
                      <th>4位</th>
                      <th>5位</th>
                    </tr>
                  </thead>

                  <tbody>
                    <c:forEach var="rf" items="${rfs}">
                    <tr>
                      <td>${rf.perNo}</td>
                      <td>${rf.firstCode}</td>
                      <td>${rf.secondCode}</td>
                      <td>${rf.thirdCode}</td>
                      <td>${rf.fourthCode}</td>
                      <td>${rf.fifthCode}</td>
                    </tr>
                    </c:forEach>
                  </tbody>
                </table>
                
                
              </div>
            </div>
          </div>
        </div>

        <!-- 新增 modal -->
        <div class="modal fade bs-add-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">

              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalTitle">增加</h4>
              </div>
              <div class="modal-body">
                <form class="form-horizontal form-label-left" id="add-form" data-parsley-validate>
                  <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="form-group">
                      <label class="control-label col-md-3 col-sm-3 col-xs-12"><span class="required">*</span>期号:</label>
                      <div class="col-md-8 col-sm-8 col-xs-12">
                        <input type="number" class="form-control" id="perNo" placeholder="">
                      </div>
                    </div>
                  </div>
                  <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="form-group">
                      <label class="control-label col-md-3 col-sm-3 col-xs-12"><span class="required">*</span>开奖码:</label>
                      <div class="col-md-8 col-sm-8 col-xs-12">
                        <input type="number" class="form-control" id="openCode" placeholder="">
                      </div>
                    </div>
                  </div>
                  <div class="clearfix"></div>
                </form>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary submit">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
              </div>

            </div>
          </div>
        </div>
        
      </div>
    </div>

    <!-- jQuery -->
    <script src="${path}/resources/vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="${path}/resources/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="${path}/resources/vendors/fastclick/lib/fastclick.js"></script>
    <!-- NProgress -->
    <script src="${path}/resources/vendors/nprogress/nprogress.js"></script>
    <!-- Custom Theme Scripts -->
    <script src="${path}/resources/src/js/global.js"></script>
    
    <!-- iCheck -->
    <script src="${path}/resources/vendors/iCheck/icheck.min.js"></script>
    <!-- jQuery Tags Input -->
    <script src="${path}/resources/vendors/jquery.tagsinput/src/jquery.tagsinput.js"></script>
    <!-- Parsley -->
    <script src="${path}/resources/vendors/parsleyjs/dist/parsley.min.js"></script>
    <script src="${path}/resources/vendors/parsleyjs/dist/i18n/zh_cn.js"></script>
    <!-- bootstrap-daterangepicker -->
    <script src="${path}/resources/vendors/moment/min/moment.min.js"></script>
    <script src="${path}/resources/vendors/moment/locale/zh-cn.js"></script>
    <script src="${path}/resources/vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
    <!-- bootstrap-datetimepicker -->    
    <script src="${path}/resources/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
    <!-- Datatables -->
    <script src="${path}/resources/vendors/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="${path}/resources/vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
    <script src="${path}/resources/vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script>

    <!-- common -->
    <script src="${path}/resources/src/js/common.js"></script>
    
    <script type="text/javascript">
      /* PARSLEY */
      /* 参考 http://parsleyjs.org/ */
      function init_parsley() {
        
        if( typeof (parsley) === 'undefined'){ return; }
        console.log('init_parsley');
 
        $('.submit').on('click', function() {
        	//期号
        	var perNo = $('#perNo').val();
        	if(!perNo){
        		alert("请输入期号！");
        		return false;
        	}
        	//开奖码
        	var openCode = $('#openCode').val();
        	if(!openCode){
        		alert("请输入开奖码！");
        		return false;
        	}
        	
        	
        	$.post('${path}/rank_five/save_rank_five.zl',
        			{'perNo' : perNo, 'code' : openCode},
        			function(result){
        				if(result.status){
        					alert("保存成功!");
        					
        					window.location.reload();
        				}else{
        					alert("保存失败！");
        				}
        			});
        });
        
      };

      // Datatable
      function init_datatable() {
        console.log('init_datatable');
        var $datatable = $('#datatable-demo');

        $datatable.dataTable({
          dom: 'frt<"dataTables_ftools"pil>',
          fixedHeader: false,
          paging: false,
          renderer: "bootstrap"
        });

      }


      //  增加 model
      function addModal() {
        var $this = $('.addBtn');
        
        $this.click(function() {
          console.log('add btn click');
          if ($this.attr('disabled')) return;
          
          $('.bs-add-modal-lg').modal('show');
          $('#myModalTitle').text('增加开奖码');
        });
      }


      $(document).ready(function() {
        init_parsley();
        init_datatable();

        addModal();
        
        // 查看开奖历史码
        $('.ohBtn').click(function(){
        	window.location.href="${path}/rank_five/show_open_history_code.zl";
        });
        
        // 查看同位同码历史码
        $('.chBtn').click(function(){
        	window.location.href="${path}/rank_five/show_code_history_code.zl";
        });
        
        // 查看号码出现率
        $('.csBtn').click(function(){
        	window.location.href="${path}/rank_five/show_history_code.zl";
        });
        
        // 查看号码出现线条
        $('.cslBtn').click(function(){
        	window.location.href="${path}/rank_five/show_code_lines.zl";
        });
        
        // 查看号码缺失值
        $('.chsBtn').click(function(){
        	window.location.href="${path}/rank_five/show_hiatus_code.zl";
        });
        
        // 查看号码缺失值转码
        $('.cchsBtn').click(function(){
        	window.location.href="${path}/rank_five/show_hiatus_change_code.zl";
        });
        
      })
    </script>
	
  </body>
</html>