{template 'common/header'}

<style type="text/css">
  .spinner {
  margin: 100px auto;
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
 
.spinner > div {
  background-color: #67CF22;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
</style>


<div class="main">
{template 'webnav'}

  <div class="panel panel-info">
        <div class="panel-heading">筛选</div>
        <div class="panel-body">
            <form action="" class="form-horizontal" method="post">
                <input type="hidden" name="c" value="site">
                <input type="hidden" name="op" value="search">
                <input type="hidden" name="do" value="qrcode">
                <input type="hidden" name="m" value="haoman_ds">
                <div class="form-group">
                    <div class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
                        <select name="qrpcate" class="form-control" id="qrpcate">
                            <option value="">全部店铺</option>
                            {loop $stores $row}
                            <option value="{$row['id']}">{$row['storename']}</option>
                            {/loop}
                        </select>
                    </div>
                    <!-- <div class="col-xs-12 col-sm-3 col-md-5 col-lg-4">
                        <input class="form-control" name="keyword" id="" type="text" value="{$_GPC['keyword']}" placeholder="请输入员工姓名">
                    </div> -->

                    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
                        <select name="status" class="form-control" id="status">
                            <option value="">全部状态</option>
                            <option value="1">未绑定</option>
                            <option value="2">已绑定</option>
                            <option value="3">禁止使用</option>
                        </select>
                    </div>
                    <div class="col-xs-12 col-sm-2 col-md-1 col-lg-1">
                        <button class="btn btn-default" type="submit"><i class="fa fa-search"></i> 搜索</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

<div class="panel panel-default">
    <div class="panel-heading" >
        <span >二维码总数: {$total}个&nbsp;</span>
         <button id="clearnobd" class="btn btn-danger" type="button" style="float: right;margin-top: -7px;margin-left: 15px;">一键清除未绑定二维码</button>
         <button id="gengxinqr" class="btn btn-primary" type="button" style="float: right;margin-top: -7px;margin-left: 15px;">一键更新二维码</button>
         <button data-toggle="modal" data-target="#myModal2" class="btn btn-success" type="button" style="float: right;margin-top: -7px;">生成新二维码</button>
        <button class="btn btn-success" id="down_all2" type="button" onclick="location.href='{php echo $this->createWebUrl('download9')}&t={php echo time()}'">导出二维码</button>
    </div>
    <div class="panel-body">
 
<table class="table" style='width:100%;table-layout: auto;position:relative;'>
  <thead>
    <tr>
      <th style="width: 90px;">编号</th>
      <th style="width: 70px;">图像</th>
      <th style="width: 90px;">状态</th>
      <th style="width: 140px;">生成时间</th>
      <th style="width: 180px;">所在店铺</th>
      <th style="width: 140px;">绑定员工姓名</th>
      <th style="width: 220px;">绑定OpenID</th>
      <th style="text-align:center;width: 260px;">操作</th>
      <th style="text-align:center;width: 100px;">删除</th>
  </thead>
  <tbody>
    {loop $qrlist $row}
    <tr>
      <td>{php echo sprintf("%05d",$row['id'])}</td>
        {if !empty($row['generationtime'])}
        <td><img width="46px" height="46px" class="img-rounded" src="../addons/haoman_ds/qrcode/dscode{$row['generationtime']}{$row['id']}.png" /></td>
        {else}
      <td><img width="46px" height="46px" class="img-rounded" src="../addons/haoman_ds/qrcode/dscode{$row['id']}.png" /></td>
        {/if}
        <td>{if $row['status'] == 1}未绑定{elseif $row['status'] == 2}<span style="color: #1F4FFF">已绑定</span>{else}<span style="color: #FF0000">禁止使用</span>{/if}</td>
      <td class="followtime">{php echo date('Y-m-d H:i', $row['createtime'])}</td>
      <td>{$row['storename']}</td>
      <td>{$row['realname']}</td>
      <td>{$row['from_user']}</td>
      <td style="text-align:center;">
          {if $row['status'] == 1 || $row['status'] == 3}
          <button data-id="{$row['id']}" class="btn btn-primary bdqrcode" type="button">绑定</button>
          {else}
          <button data-id="{$row['id']}" class="btn btn-success cansel" type="button">解绑</button>
          {/if}
          <!--<button data-id="{$row['id']}" class="btn btn-success shengche" type="button">生成</button>-->
          {if $row['status'] == 3 || $row['status'] == 0}
          <button data-id="{$row['id']}" class="btn btn-primary setYes" type="button">启用</button>
          {else}
          <button data-id="{$row['id']}" class="btn btn-default setNo" type="button">禁止</button>
          {/if}
          {if !empty($row['generationtime'])}
          <a href="../addons/haoman_ds/qrcode/dscode{$row['generationtime']}{$row['id']}.png" target="_blank" class="btn btn-info" type="button">下载</button>
           {else}
          <a href="../addons/haoman_ds/qrcode/dscode{$row['id']}.png" target="_blank" class="btn btn-info" type="button">下载</button>
          {/if}
      </td>
        <td>{if $row['status']!=2}
            <a class="btn btn-default" data-toggle="tooltip" data-placement="top" href="#" onclick="drop_confirm('您确定要删除吗?', '{php echo $this->createWebUrl('SetStatus',array('id'=>$row['id'],'token'=>'clearOneQrcode'))}');" title="删除"><i class="fa fa-times"></i></a>
            {/if}
        </td>
    </tr>
    {/loop}
  </tbody>
</table>
<div style="text-align:center">
 {$pager}
</div>
       
    </div>
</div>
</div>



<div style="display: none;position: fixed;background: rgba(0,0,0,.6);width: 100%;height: 100%;z-index: 9999999;top: 0;left: 0;right: 0;bottom: 0" id="myModal3">
    <div style="position: relative;width: 50%;margin-top: 20%;text-align: center;margin-left: auto;margin-right: auto">
        <div class="spinner">
          <div class="rect1"></div>
          <div class="rect2"></div>
          <div class="rect3"></div>
          <div class="rect4"></div>
          <div class="rect5"></div>
        </div>
          <div style="color: #FFD60E;font-size: 18px;" id="gengxinhuasu">正在更新二维码,请不要关闭本页面....</div>
    </div>
</div>






<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog" style="margin-top:12%">
    <div class="modal-content" style="text-align: center">
      <img style="width: 70%;" id="qrimg" src="">
      <div id="bddec" class="card-footer" style="text-align:center;font-size: 16px;color: red;margin-bottom: 30px;"></div>
    </div>
  </div>
</div>


<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel2">
  <div class="modal-dialog" style="margin-top: 13%;">
    <div class="modal-content" >
            
        <div class="panel panel-default" style="border: none">
        <div class="panel-heading" style="text-align: center;border: none">生成二维码设置</div>
          <div class="panel-body" style="border: none">

                <div class="form-group">
                    <label class="col-xs-12 col-sm-5 col-md-3 control-label"><span style='color:red'>*</span> 生成数量</label>
                    <div class="col-sm-7 col-xs-12">
                        <input type="text" class="form-control" placeholder="" id="qrnum" name="qrnum" value="">
                            <div class="help-block">每次最多生成100张。</div>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-xs-12 col-sm-5 col-md-3 control-label"><span style='color:red'>*</span> 店铺选择</label>
                    <div class="col-sm-7 col-xs-12">
                        <select name="qrpcate2" class="form-control" id="qrpcate2">
                            <option value="">选择店铺</option>
                            {loop $stores $row}
                            <option value="{$row['id']}">{$row['storename']}</option>
                            {/loop}
                        </select>
                    </div>
                </div>

                <div class="form-group col-sm-12" style="text-align: center" >
                    <button id="setqr" class="btn btn-primary" type="button" style="width: 150px;margin-top: 30px;">生成二维码</button>
                </div>
                </div>
          </div>




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



<script type="text/javascript">
  

  $('.shengche').click(function(){
      var qid = parseInt($(this).data('id'));
      $.get("{php echo $this->createWebUrl('Newqrimg')}&qid=" + qid, function(data){
        if(data.success == 100) {
          alert(data.msg);
        } else {
          alert("成功生成二维码！");
          location.href="{php echo $this->createWebUrl('qrcode')}";
        }
      });
    })

   $('.cansel').click(function(){
      var qid = parseInt($(this).data('id'));
      $.post("{php echo $this->createWebUrl('SetStatus',array('token'=>'canselQrcode'))}&qid=" + qid, function(data){
        if(data.success == 100) {
          alert(data.msg);
        } else {
          alert(data.msg);
          location.href="{php echo $this->createWebUrl('qrcode')}";
        }
      },"json");
    })

   $('.setNo').click(function(){
      var qid = parseInt($(this).data('id'));
      $.post("{php echo $this->createWebUrl('SetStatus',array('token'=>'setNoQrcode'))}&qid=" + qid, function(data){
        if(data.success == 100) {
          alert(data.msg);
        } else {
          alert(data.msg);
          location.href="{php echo $this->createWebUrl('qrcode')}";
        }
      },"json");
    })


   $('.setYes').click(function(){
      var qid = parseInt($(this).data('id'));
      $.post("{php echo $this->createWebUrl('SetStatus',array('token'=>'setYesQrcode'))}&qid=" + qid, function(data){
        if(data.success == 100) {
          alert(data.msg);
        } else {
          alert(data.msg);
          location.href="{php echo $this->createWebUrl('qrcode')}";
        }
      },"json");
    })


   $('.bdqrcode').click(function(){
      var qid = $(this).data("id");
      var r = confirm("确定绑定该员工二维码?");
      if( r == true){
        var submitData = {qid: qid};
          $.post("{php echo $this->createWebUrl('ShowBdqrcode')}", submitData, function(idata) {
              if (idata.success == 1) {
                // alert(idata.msg);
                  $("#qrimg").attr("src",idata.msg);
                  $("#bddec").html("请用员工的微信扫描下二维码进行绑定！<br />"+idata.url);
                  // $(".qrcore_bg").show();
                  $('#myModal').modal('show');
              } else {
                  alert(idata.msg);
              }
          },"json");
      }
    })


   $('#gengxinqr').click(function(){
      var b = confirm("确定要更新所有的二维码,此操作将消耗大量服务器资源,请在访问量少的情况下操作！");
      if( b == true){
          $("#myModal3").show();
          var submitData = {};
          $.post("{php echo $this->createWebUrl('NewAllqrimg')}", submitData, function(idata) {
              if (idata.success == 1) {
                  var msg = "成功更新了"+ idata.msg + "张二维码图片";
                  alert(msg)
                  location.href="{php echo $this->createWebUrl('qrcode')}";
              } else {
                  alert(idata.msg);
              }
          },"json");
      }
   })


  $('#clearnobd').click(function(){
      var b = confirm("确定要删除所有未绑定的二维码！");
      if( b == true){
          $.post("{php echo $this->createWebUrl('SetStatus',array('token'=>'ClearNocord'))}", function(data) {
              if(data.success == 100) {
                  alert(data.msg);
              } else {
                  alert(data.msg);
                  location.href="{php echo $this->createWebUrl('qrcode')}";
              }
          },"json");
      }
  })

   $('#setqr').click(function(){
      var qrnum = $('#qrnum').val();
      var qrpcate2 = $('#qrpcate2').val();
      if( qrnum == '' || qrpcate2 == ''){
        alert("店铺和数量不能为空！");
        return;
      }

      if( qrnum > 100 ){
        alert("生成数量不能超过100！");
        return;
      }

      var submitData = {qrnum: qrnum,qrpcate: qrpcate2};
      $('#myModal2').modal('hide');
      $("#gengxinhuasu").html("正在生成二维码,请不要关闭本页面....");
      $("#myModal3").show();
        $.post("{php echo $this->createWebUrl('SetWebqrcode')}", submitData, function(idata) {
            if (idata.success == 1) {

                var msg = "成功生成了"+ idata.msg + "张二维码图片";
                alert(msg)
                location.href="{php echo $this->createWebUrl('qrcode')}";
              
            } else {
                alert(idata.msg);
            }
        },"json");
    })

  function drop_confirm(msg, url){
      if(confirm(msg)){
          window.location = url;
      }
  }
</script>









{template 'common/footer'}