qy-platform/Application/Home/View/default/Support/index.html

<extend name="Public/promote_base"/>
<block name="css">
<link href="__CSS__/20180207/data.css" rel="stylesheet">
<link href="__CSS__/20180207/manager.css" rel="stylesheet" >
<link href="__CSS__/20180207/finance.css" rel="stylesheet">
<style>
@media screen and (max-width: 1500px) {
      .normal_form{padding-top: 45px;}
      .trunk-search .normal_txt {width: 100px}
      .select2-container--default .select2-selection--single {width: 125px;}
      .trunk-search .select-time .txt{width: 100px;}
      .form-group .submit{width: 55px;}
    }
.open_edit{
  color: #19ADED;
  text-decoration: none;
  line-height: 40px;
  border-collapse: collapse;
    border-spacing: 0;
}
.apply{
  color: #19ADED;
  text-decoration: none;
  line-height: 40px;
  border-collapse: collapse;
    border-spacing: 0;
}
.my_text{
  position: relative;
    padding: 0 10px;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
        outline: none;
    font-size: 14px;
    font-family: inherit;
    height: 38px;
    line-height: 38px;
}
.my_save{
     width: 95px;
    height: 36px;
    line-height: 38px;
    display: block;
    background: #26C7DB;
    color: #fff;
    border: none;
    border-radius: 4px;
    text-align: center;
    float: left;
        cursor: pointer;
        text-decoration: none;
        padding: 0;
    margin: 14px;
    font-family: "微软雅黑";
    box-sizing: border-box;
}
.td_tit{
      width: 112px;
    text-align: right;
    padding: 0 24px 0 6px;
    border: none;
}

</style>
</block>

<block name="body">
  


        


         <div class="div_editor" style="display:none;">
          <form action="">
            <table class="" style="border-collapse:separate; border-spacing:0px 10px;">
              <tbody>
                <tr>
                </tr>
                <tr>
                  <td class="td_tit"><span style="color: red">*</span>游戏名称</td>
                  <td><input class="my_text" type="text" size="50"  value="" id='i_game_name' placeholder=""  disabled="disabled"></td>
                </tr>
                <tr>
                  <td class="td_tit"><span style="color: red">*</span>游戏区服</td>
                  <td><input  class="my_text" type="text"  size="50" value="" id='i_server_name' placeholder=""  disabled="disabled"></td>
                </tr>
                <tr>
                  <td class="td_tit"><span style="color: red">*</span>账号</td>
                  <td><input  class="my_text" type="text"  size="50" value="" id='i_account' placeholder=""  disabled="disabled"></td>
                </tr>
                 <tr>
                  <td class="td_tit"><span style="color: red">*</span>密码</td>
                  <td><input  class="my_text" type="text"  size="50"  value="" id='i_password' placeholder=""></td>
                </tr>
                 <tr>
                  <td class="td_tit"><span style="color: red">*</span>角色名称</td>
                  <td><input  class="my_text" type="text"  size="50"  value="" id='i_role_name' placeholder=""></td>
                </tr>
                
                <input  class="" type="hidden"  size="50"  value="" id='i_support_id' placeholder="">
               
                <tr>  
                  <td class="">&nbsp;</td>
                  <td class="td_tit"><a class="i_save my_save" data-id="">保存</a><a class="i_cancel my_save">取消</a></td>
                  
                </tr>
              </tbody>
            </table>
          </form>
        </div>




    <div class="page-search normal_list query-recharge-search jssearch">
      
      <div class="trunk-title">
        <div class="location">
      <div class="location-container">当前位置：<span>扶持管理></span><span>扶持申请</span></div>
    </div>
        <img src="__IMG__/20180207/icon_chongzhi.png">
        <span class="title_main">扶持申请</span>
        <span class="details">说明：扶持申请</span>
      </div>



      <div class="trunk-content article">
          <div class="trunk-search clearfix">

            <div  id="form1">
            
             

              <div class="form-group normal_space fr">
                <input type="submit" class="submit" id='submit' value="查询" url="{:U('index')}" style="cursor:pointer;">
              </div>
              <div class="form-group normal_space fr">
                <label class="form-title select-title" style="margin-right: 9px;">至</label>
                <div class="select-time">
                  <input type="text" id="edate" class="txt" name="end" placeholder="结束时间" value="{:I('end')}">
                </div>
              </div>
              <div class="form-group normal_space fr">
                <label class="form-title select-title">申请时间：</label>
                <div class="select-time">
                  <input type="text" id="sdate" class="txt" name="start" placeholder="开始时间" value="{:I('start')}" >
                </div>
              </div>
              
              <div class="form-group normal_space fr">
                  <input type="text" name="role_name" class="txt normal_txt"  style="width:128px;" placeholder="角色名" value="{:I('role_name')}" onKeyDown="webchat_chkkeysend(event);">
              </div>


              <div class="form-group normal_space fr">
              <span id="server_js">
                    <select id="server_id" name="server_name" class="reselect select_gallery"  style="width:101px">
                        <option game-id="0" value="">请选择区服</option>
                        <volist name=":getServer_name_on($_GET['game_name'])" id="vo">
                          <option value="{$vo.server_name}"     <if condition="$_GET['server_name'] eq $vo['server_name']">selected="selected"</if>>{$vo.server_name}</option>
                        </volist>
                       
                    </select>
             </span>
              </div>

                 <div class="form-group normal_space fr">
                    <select id="game_id" name="game_name" class="reselect select_gallery" >
                        <option game-id="0" value="">请选择游戏</option>
                        <volist name=":get_game_list()" id="vo">
                            <option game-id="{$vo.id}" value="{$vo.game_name}" <if condition="$_GET['game_name'] eq $vo['game_name']">selected="selected"</if>>{$vo.game_name}</option>
                        </volist>
                    </select>
              </div>
              
           
              <div class="form-group normal_space fr">
                  <input type="text" name="user_account" class="txt normal_txt" id="uid" style="width:128px;" placeholder="请输入玩家账号" value="{:I('user_account')}" onKeyDown="webchat_chkkeysend(event);">
              </div>


              <br>
              <br>
              <br>
              <div class="form-group normal_space fr">
                <input type="button" class="submit" id='batch_add' style="width: 100px;text-align: center;background:rgb(249,104,104);cursor:pointer;" value="批量申请后续" >
              </div>
               <div class="form-group normal_space fr">
                <input type="button" class="submit" id='add' style="width: 100px;text-align: center;background:rgb(249,104,104);cursor:pointer;" value="新增扶持" url="{:U('add')}" >
              </div>
              



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


     <div class="page-list apply-app_apply-list query-recharge-list">
      <div class="trunk-content article">
          <div class="tabcon trunk-list">
            <table class="table normal_table">
                <tr class="odd">
                  <th>
                      <label class="checked">
                        <input class="check-all" type="checkbox">
                        <i class="check_icon"></i>
                      </label>
                  </th>
                  <th>游戏名称</th>
                  <th>区服</th>
                  <th>玩家账号</th>
				          <th>角色名</th>
                  <th>累计扶持数量</th>
                  <th>累计扶持次数</th>
                  <th>申请时间</th>
                  <th>操作</th>
                </tr>
                <empty name="data">
                <tr><td colspan="9" style="text-align: center;height: 45vh;"><img src="__IMG__/20180207/icon_wushujv2.png"/><p style="line-height: 40px;color: #A5A5A5;">暂无数据</p></td></tr>
                <else />
                <volist name="data" id="s" mod="2">
                <tr class="<eq name='mod' value='1'>odd</eq>">
                  <td>
                      <label class="checked">
                      <input class="ids" type="checkbox" value="{$s['id']}" name="ids[]">
                       <i class="check_icon"></i>
                       </label>
                  </td>
                  <td>{$s.game_name}</td>
                  <td>{$s.server_name}</td>
                  <td>{$s.user_account}</td>
                  <td>{$s.role_name}</td>
                  <td>{$s.sum_support_num}</td>
                  <td>{$s.count_support_num}</td>
                 
                  <td>{:date('Y-m-d H:i:s',$s['create_time'])}</td>
                  <td>
                      <a href="javascript:;" class="open_edit" data-account="{$s.user_account}" data-password="{:base64_decode($s['user_password'])}" data-game_name="{$s.game_name}" data-server_name="{$s.server_name}" data-role_name="{$s.role_name}" data-support_id="{$s.id}" >编辑</a>
                      <a href="javascript:;" class="apply" id="" data-id="{$s.id}">申请</a>
                  </td>
                </tr>
                </volist>
                </empty>
            </table>
        
          </div>
  
          <div class="pagenation clearfix">
            
            {$_page}
          </div>

      </div>
    </div>
    </div>
</block>
<block name="script">
<link rel="stylesheet" type="text/css" href="__CSS__/p_jquery.datetimepicker.css">
<script type="text/javascript" src="__JS__/jquery.datetimepicker.js"></script>
<script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
<script src="__STATIC__/layer/layer.js"></script>

<script type="text/javascript">

$().ready(function(){
  setValue('row','{:I("get.row",10)}');
   $("#pagehtml a").on("click",function(event){
    event.preventDefault();//使a自带的方法失效，即无法调整到href中的URL(http://www.baidu.com)
    var geturl = $(this).attr('href');
    $('#data_form').attr('action',geturl);
    $('#data_form').submit();
   });
   
  $('#sdate').datetimepicker({
    lang:'ch',
    format:'Y-m-d',
    formatDate:'Y-m-d',
    scrollMonth:false,
    scrollTime:false,
    scrollInput:false,
    timepicker:false
  });

  $('#add').click(function(){
     var url = $(this).attr('url');
    window.location.href = url;

  });
  $('#batch_add').click(function(){
     var ids= $('.ids:checked');

    if(ids.length > 0){
          var str = new Array();
          ids.each(function(){
              str.push($(this).val());
          });
          param = str.join(',');
      }else{
        layer.msg('请选择要操作的数据');
        return false;
      }
     var url ="{:U('apply','','')}"+'/id/'+param;
    window.location.href = url;

  });
  $('.apply').click(function(){
     var id = $(this).attr('data-id');
     var url = "{:U('apply','','')}"+'/id/'+id;
    window.location.href = url;

  });

  $('.open_edit').click(function(){
      var account=$(this).attr('data-account');
      var password=$(this).attr('data-password');
      var game_name=$(this).attr('data-game_name');
      var server_name=$(this).attr('data-server_name');
      var role_name=$(this).attr('data-role_name');
      var support_id=$(this).attr('data-support_id');
      $('#i_account').val(account);
      $('#i_password').val(password);
      $('#i_game_name').val(game_name);
      $('#i_server_name').val(server_name);
      $('#i_role_name').val(role_name);
      $('#i_support_id').val(support_id);
      var id_editor= '.div_editor';
      //页面层
      layer.open({
          type: 1,
          title: '新增扶持-修改',
          closeBtn: 1,
          area: ['600px','429px'],
          //skin: 'layui-layer-bgwhite', //白色背景色
          shadeClose: true,
          content: $(id_editor),
      }) 

  });

  $('.i_save').click(function () {
      var id = $('#i_support_id').val();
      var account = $('#i_account').val();
      var role_name =$('#i_role_name').val();
      var user_password = $('#i_password').val();
      if(user_password==''){
          layer.msg('密码不能为空');
          return false;
      }
     
      if(role_name==''){
          layer.msg('角色名称不能为空');
          return false;
      }
      
        $.ajax({
            async: false,
            url:"{:U('support_edit')}",
            type:"POST",
            dataType:"json",
            data:{id:id,role_name:role_name,user_password:user_password,user_account:account},
            success:function(result){
                if(result.status==0){
                     layer.msg(result.msg); 
                }else{
                   layer.msg('修改成功');
                     setTimeout(function(){
                       location.reload();
                     },1000);
                }
            },
            error:function(){
                
            }
        });
    });

   $('.i_cancel').click(function () {
     location.reload();
    });


  $(".select_gallery").select2();
  
  $('#edate').datetimepicker({
    lang:'ch',
    format:'Y-m-d',
    formatDate:'Y-m-d',
    timepicker:false
  });
});
</script>
<script type="text/javascript">

$("#submit").click(function(){

   var sdate =$('#sdate').val();
    var edate =$('#edate').val();

    if(Date.parse(sdate) > Date.parse(edate)){
      layer.msg('开始时间必须小于等于结束时间');
      return false;
    }


    var url = $(this).attr('url');

        var query  = $('#form1').find('input').serialize();

        query  += "&"+$('#form1').find('select').serialize();

        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');

        query = query.replace(/^&/g,'');

        if( url.indexOf('?')>0 ){

            url += '&' + query;

        }else{

            url += '?' + query;

        }

    window.location.href = url;

  });



 $("#game_id").change(function(){
 
         $.ajax({

             url:"{:U('getServer')}",

             type:"post",

             data:{game_id:$("#game_id option:selected").attr('game-id')},

             dataType:'json',

             success:function(data){
               console.log(data);
                 str = "<option value=''>请选择区服</option>";

                 for (var i in data){

                     str += "<option value='"+data[i].server_name+"'>"+data[i].server_name+"</option>"

                 }

                 $("#server_id").empty();

                 $("#server_id").append(str);

                 $("#server_id").select2();



             }

         })

     })


$("#server_js").click(function(event) {

        var game_id=$("#game_id").val();
        
        if(game_id==0){
           
            layer.msg('请先选择游戏');
        }
});

function webchat_chkkeysend(event)
{
   if (event.keyCode==13) {

    $('#submit').click();
  }
}

</script>  
</block>