{include file="admin/public/header" /}
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md12">
        <div class="layui-card">
          <div class="layui-card-header">
            <i style="position: initial;padding-right:10px" class="layui-icon layui-icon-prev" onclick="self.location=document.referrer;"></i> 
            AUTH - {$admin_name} - 管理员操作日志</div>
          <div class="layui-card-body">
              <!--搜索条件-->
              <div class="search">
                  <form class="layui-form layui-form-pane" action="">
                      <div class="layui-form-item">
                          <div class="layui-inline">
                              <label class="layui-form-label">说明：</label>
                              <div class="layui-input-inline">
                                  <input type="text" class="layui-input" id="msg" value="">
                              </div>
                          </div>
                          <div class="layui-inline">
                              <label class="layui-form-label">路由：</label>
                              <div class="layui-input-inline">
                                  <input type="text" class="layui-input" id="url" value="">
                              </div>
                          </div>
                          
                          <div class="layui-inline">
                              <button class="layui-btn" type="button" id="queryOrder">搜索</button>
                          </div>
                      </div>
                  </form>
              </div>
            <!--数据表单-->
            <table class="layui-hide" id="junTable" lay-filter="junTable"></table>

            <!--全操作按钮-->
            <script type="text/html" id="toolbarDemo">
              <div class="layui-btn-container">
                  {if ($auth->vif('/admin/auth/admin_action_delete')) }
                  <a class="layui-btn layui-btn-primary layui-btn-xs" data-type="deletes" title="批量删除"><i class="layui-icon layui-icon-delete"></i></a>
                  {/if}
              </div>
            </script>

            <!--单操作按钮--> 
            <script type="text/html" id="barDemo">
              <a class="layui-btn layui-btn-xs" lay-event="yue">请求参数</a>
              {if ($auth->vif('/admin/auth/admin_action_delete')) }
              <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
              {/if}
            </script>

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

  

  <script>
    layui.use(['form', 'table', 'element'], function(){
      var $ = layui.$
      ,layer = layui.layer
      ,form = layui.form
      ,table = layui.table
      ,element = layui.element;
      
      // 数据表格项
      table.render({
        elem: '#junTable'
        ,url: '/admin/auth/admin_action_log?id={$id}'
        ,toolbar: '#toolbarDemo'
        ,cols: [[
          {type:'checkbox'}
          ,{field:'id', width:80, title: 'ID', sort: true}
          ,{field:'url', title: '路由'}
          ,{field:'msg', title: '说明'}
          ,{field:'ip', title: 'IP'}
          ,{field:'create_time', width:180, title: '日期', templet: function(d){
            return "<div>"+layui.util.toDateString(d.create_time*1000, 'yyyy-MM-dd HH:mm:ss')+"</div>"
          }}
          ,{fixed: 'right', width:150, title:'操作', toolbar: '#barDemo'}
        ]]
        ,page: true
        ,limit:20
      });
      //搜索事件
      $(document).on('click', '#queryOrder', function () {
        table.reload('junTable', {
            url: '/admin/auth/admin_action_log?id={$id}'
            , where: {
                  msg:$('#msg').val(),
                  url:$('#url').val(),
            }
        });
      });
      //
      //操作按钮工具事件监听
      table.on('tool(junTable)', function(obj){
          var data = obj.data;

          if(obj.event === 'yue'){
            layer.open({
              type: 1, 
              content: '<pre id="result">'+formatJson(data.param)+'<pre>'
            });
          } else if(obj.event === 'del') {
            layer.confirm('确认需要删除该数据？', {
              btn: ['确认删除','取消']
            }, function(){
              deletedata({id:{0:{id:data.id}}});
            }, function(){
              // 取消删除不做操作
            });
          }
      });
      // 按钮函数定义
      var $ = layui.$, active = {
        // 全选刪除操作
        deletes: function(){ 
          //獲取選中數據
          var checkStatus = table.checkStatus('junTable')
          ,data = checkStatus.data;
          if(data.length>0){
            layer.confirm('确认需要批量删除？', {
              btn: ['确认删除','取消']
            }, function(){
              deletedata({id:data});
            }, function(){
              // 取消删除不做操作
            });
          }
          else{
              layer.msg('请先选中刪除行', {icon: 2});
          }
        }
      }
      // 绑定按钮函数
      $('.layui-btn').on('click', function(){
          var type = $(this).data('type');
          active[type] ? active[type].call(this) : '';
      });

      // 删除数据
      function deletedata(data){
        $.ajax({
            url: '/admin/auth/admin_action_delete',
            type: 'post',
            data: data,
            success: function (res) {
                var array = eval('('+res+')');
                if (array.code=='00') {
                    layer.msg(array.msg, {icon: 1});
                    location.reload();
                } else {
                    layer.msg(array.msg, {icon: 2});
                }
            }
        });
      }


      var formatJson = function (json, options) {
            var reg = null,
             formatted = '',
             pad = 0,
             PADDING = '';
            //one can also use '\t' or a different number of spaces
            // optional settings
            options = options || {};
            // remove newline where '{' or '[' follows ':'
            options.newlineAfterColonIfBeforeBraceOrBracket = (options.newlineAfterColonIfBeforeBraceOrBracket === true) ? true : false;
            // use a space after a colon
            options.spaceAfterColon = (options.spaceAfterColon === false) ? false : true;
            // begin formatting...
            if (typeof json !== 'string') {
                // make sure we start with the JSON as a string
                json = JSON.stringify(json);
            } else {
                // is already a string, so parse and re-stringify
                //in order to remove extra whitespace
                json = JSON.parse(json);
                json = JSON.stringify(json);
            }
            // add newline before and after curly braces
            reg = /([\{\}])/g;
            json = json.replace(reg, '\r\n$1\r\n');
            // add newline before and after square brackets
            reg = /([\[\]])/g;
            json = json.replace(reg, '\r\n$1\r\n');
            // add newline after comma
            reg = /(\,)/g;
            json = json.replace(reg, '$1\r\n');
            // remove multiple newlines
            reg = /(\r\n\r\n)/g;
            json = json.replace(reg, '\r\n');
            // remove newlines before commas
            reg = /\r\n\,/g;
            json = json.replace(reg, ',');
            // optional formatting...
            if (!options.newlineAfterColonIfBeforeBraceOrBracket) {
                reg = /\:\r\n\{/g;
                json = json.replace(reg, ':{');
                reg = /\:\r\n\[/g;
                json = json.replace(reg, ':[');
            }
            if (options.spaceAfterColon) {
                reg = /\:/g;
                json = json.replace(reg, ': ');
            }
            $.each(json.split('\r\n'), function (index, node) {
                var i = 0,
                 indent = 0,
                 padding = '';
                if (node.match(/\{$/) || node.match(/\[$/)) {
                    indent = 1;
                } else if (node.match(/\}/) || node.match(/\]/)) {
                    if (pad !== 0) {
                        pad -= 1;
                    }
                } else {
                    indent = 0;
                }
                for (i = 0; i < pad; i++) {
                    padding += PADDING;
                }
                formatted += padding + node + '\r\n';
                pad += indent;
            });
            return formatted;
        };


    });
    

    </script>
  {include file="admin/public/footer" /}