@extends('base.base')
@section('title','登出时间设定')

@section('head_css')
@parent
@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">
              <!-- 数据表格 -->
              <table id="loginoutTable" lay-filter="loginoutTable"></table>
          </div>
      </div>
  </div>
</div>
<!-- 表格操作列 -->
<script type="text/html" id="loginoutTbBar">
    @{{# if(d.estate== 1){ }}
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="open">禁用</a>
    @{{# } }}
    @{{# if(d.estate== 0){ }}
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="open">启用</a>
    @{{# } }}
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
</script>
<!-- 表单弹窗 -->
<script type="text/html" id="loginoutEditDialog">
    <form id="loginoutEditForm" lay-filter="loginoutEditForm" class="layui-form model-form">
        <input name="id" type="hidden"/>
        {{ csrf_field() }}
        <div class="layui-form-item">
          <label class="layui-form-label layui-form-required" style="width:100px;">自动登出时间:</label>
          <div class="layui-input-inline" style="width: 140px;">
              <input type="number" name="valInt" class="layui-input input-no-margin" min="0" step="1" required/>
          </div>
          <div class="layui-input-inline" style="width: 80px">
              <select name="dateUnit" lay-verify="">
                <option value="minute">分钟</option>
              </select>
          </div>
        </div>
        <div class="layui-form-item text-right">
            <button class="layui-btn" lay-filter="loginoutEditSubmit" 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', '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;
    admin.activeNav("{{URL('/loginoutset')}}");

    /* 渲染表格 */
    var insTb = table.render({
        elem: '#loginoutTable',
        url: "{{URL('/loginoutvaljson')}}",
        cellMinWidth: 100,
        cols: [[
            {field: 'valInt', title: '自动登出时间',align: 'center',width:'200'},
            {field: 'unit', title: '单位',width:'100',align: 'center', templet: function (d) {
                return '分钟';
            },width:'140'},
            {field: 'isenable', title: '状态',width:'100',align: 'center', templet: function (d) {
                if(d.estate=='1'){
                  return '<span style="color:green;">启用</span>';
                }else{
                  return '<span style="color:red;">禁用</span>';
                }
              }
            },
            {field: 'creator', title: '创建人',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 '';
              }
            },width:'140'},
            {
                field: 'created_at', title: '创建时间',align: 'center', templet: function (d) {
                  if(d.createTime!=null){
                    return util.toDateString(d.createTime);
                  }else{
                    return '';
                  }
                }, sort: true,width:'180'
            },
            {title: '操作', toolbar: '#loginoutTbBar', align: 'center', width: 200, minWidth: 200}
        ]]
    });



    /* 表格工具条点击事件 */
    table.on('tool(loginoutTable)', function (obj) {
        if (obj.event === 'edit') { // 修改
            showEditModel(obj.data);
        }else if(obj.event === 'open') { // 是否启用
            if(obj.data.estate=='1'){
              if(confirm("确认要禁用该设置？")==false){
                return false;
              }
            }
            $.ajax({
              url: "{{ URL('/loginoutenable')}}",
              type: "post",
              data: {"estate":obj.data.estate,"id":obj.data.id,"_token":"{{csrf_token()}}"},
              success: function(data) {
                var resdata=eval('(' + data + ')');
                if(resdata.code!=200){
                    layer.msg(resdata.msg);
                    return false;
                }    
                location.reload(); 
              },
              error: function(xhr, status, errMsg) {
                  alert("失败")
              }
            });
        } 
    });
    /* 显示表单弹窗 */
    function showEditModel(mData) {
        admin.open({
            type: 1,
            title: (mData ? '编辑' : '添加') + '登出时间',
            area:['420px','180px'],
            content: $('#loginoutEditDialog').html(),
            success: function (layero, dIndex) {
              //增加角色的权限选择
              // 回显表单数据
              form.val('loginoutEditForm', mData);
              // 表单提交事件
              form.on('submit(loginoutEditSubmit)', function (data) {
                  var loadIndex = layer.load(2);
                  //判断时间是否合法
                  if(!(/(^[1-9]\d*$)/.test(data.field.valInt))){
                    alert("输入的时间不合法！");
                    layer.close(loadIndex);
                    return false;
                  }
                  $.post("{{URL('/loginoutsaveForm')}}", data.field, function (res) {
                      layer.close(loadIndex);
                      if (200 === res.code) {
                          layer.close(dIndex);
                          layer.msg(res.msg, {icon: 1});
                          insTb.reload({page: {curr: 1}});
                      } else {
                          layer.msg(res.msg, {icon: 2});
                      }
                  }, 'json');
                  return false;
              });
            }
        });
    }
});
</script>
@endsection