@extends('base.base')
@section('title','角色管理')

@section('head_css')
@parent
<style>
  
</style>
@endsection

@section('head_js')
@parent
@endsection

@section('content')
@parent
<!-- 主体部分 -->
<div class="layui-body">

  <div class="layui-body-header">
      <span class="layui-body-header-title">操作日志</span>
      <span class="layui-breadcrumb pull-right">
        <a href="{{URL('/')}}">首页</a>
        <a><cite>日志管理</cite></a>
      </span>
  </div>
  <div class="layui-fluid">
      <div class="layui-card">
          <div class="layui-card-body">
              <!-- 表格工具栏 -->
              <form class="layui-form toolbar">
                  <div class="layui-form-item">
                      <div class="layui-inline">
                        <label class="layui-form-label" style="width:60px;">操作时间:</label>
                        <div class="layui-input-inline">
                           <input type="text" class="layui-input" id="start_time" name="start_time" value="">
                        </div>
                        <label class="layui-form-label" style="width: 10px;">~</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" id="end_time" name="end_time" value="">
                        </div>
                      </div>
                      <div class="layui-inline">&emsp;
                          <button class="layui-btn icon-btn" lay-filter="operatlogTbSearch" lay-submit>
                              <i class="layui-icon">&#xe615;</i>搜索
                          </button>
                          @if($btn_config)
                          <a class="layui-btn icon-btn" lay-filter="operatlogTbout" lay-submit>
                            <i class="layui-icon">&#xe601;</i>导出
                          </a>
                          @endif
                      </div>
                  </div>
              </form>
              <!-- 数据表格 -->
              <table id="operatlogTable"  lay-filter="operatlogTable"></table>
          </div>
      </div>
  </div>
</div>
<!-- 表格操作列 -->
<script type="text/html" id="operatlogTbBar">

</script>
<!-- 表单弹窗 -->
<script type="text/html" id="operatlogEditDialog">
    <form id="operatlogEditForm" lay-filter="operatlogEditForm" class="layui-form model-form">
        <input name="id" type="hidden"/>
        <div class="layui-form-item text-right">
            <button class="layui-btn" lay-filter="operatlogEditSubmit" lay-submit>保存</button>
            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
        </div>
    </form>
</script>
<!-- js部分 -->
<script type="text/javascript">
layui.use(['layer', 'form', 'table', 'util','laydate', 'admin', 'zTree','tree'], function () {
    var $ = layui.jquery;
    var layer = layui.layer;
    var form = layui.form;
    var table = layui.table;
    var util = layui.util;
    var admin = layui.admin;
    var laydate = layui.laydate;
    admin.activeNav("{{URL('/operatelog')}}");
    //日期、时间插件
    laydate.render({
        elem: '#start_time'
        ,type: 'datetime'
    });
    laydate.render({
        elem: '#end_time'
        ,type: 'datetime'
    });
    /* 渲染表格 */
    var insTb = table.render({
        elem: '#operatlogTable',
        url: "{{URL('/operatelogjson')}}",
        page: true,
        toolbar: ['<p>',
            '</p>'].join(''),
        cellMinWidth: 100,
        autoSort:false,//关闭自动排序
        cols: [[
            {field: 'number', title: '序号',align:'center',width:'60'},
            {field: 'ip', title: '访问的IP',width:'140'},
            {field: 'modelnames', title: '操作模块',width:'140',align:'center'},
            {field: 'functnames', title: '操作功能',width:'180',align:'center'},
            {field: 'Actionname', title: '操作类型',width:'120',align:'center', templet: function (d) {
                if(d.fucAction=='add'){
                  return '添加/编辑';
                }else if(d.fucAction=='edit'){
                  return '编辑';
                }else if(d.fucAction=='approve'){
                  return '审批';
                }else if(d.fucAction=='del'){
                  return '删除';
                }else if(d.fucAction=='open'){
                  return '启、禁用';
                }else{
                  return '';
                }
              }
            },
            {field: 'reqFrom', title: '请求来源',width:'120',align:'center'},
            {field: 'comments', title: '备注',width:'140',align:'center'},
            {field: 'operator', title: '操作人',width:'90',align:'center', templet: function (d) {
              if('{{$u_config}}'==true){
                if(d.creator_name!=null){
                  return d.creator_name.account;
                }
              }
                if(d.creator_name!=null){
                  return d.creator_name.realname!=''?d.creator_name.realname:d.creator_name.account;
                }else{
                  return '';
                }
              }
            },
            {
                field: 'createTime', title: '操作时间',sort: true,width:'160', templet: function (d) {
                    return util.toDateString(d.createTime);
                }
            }
        ]]
    });
    //监听排序    设置排序规则
    table.on('sort(operatlogTable)', function(obj){
        table.reload('operatlogTable', {
            initSort: obj //记录初始排序
            , where: { 
                field: obj.field //排序字段
                , order: obj.type //排序方式
            }
        });
    });
    /* 表格搜索 */
    form.on('submit(operatlogTbSearch)', function (data) {
        insTb.reload({where: data.field, page: {curr: 1}});
        return false;
    });
    /**数据导出**/
    form.on('submit(operatlogTbout)', function (data) {
        var start_time=data.field.start_time;
        var end_time=data.field.end_time;
        window.open("{{URL('/operatelogout')}}?fromtype=1&start_time="+start_time+"&end_time="+end_time);
        return false;
    });
});
</script>
@endsection