@extends('base.base')
@section('title','等级管理')

@section('head_css')
@parent
<style type="text/css">
  #levelEditForm .layui-form-label {
    width: 110px;
  }
  #levelEditForm .layui-input-block {
    margin-left: 140px;
  }
</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">等级名称:</label>
                          <div class="layui-input-inline">
                              <input name="namesearch" class="layui-input" placeholder="输入等级名称"/>
                          </div>
                      </div>
                      <div class="layui-inline">&emsp;
                          <button class="layui-btn icon-btn" lay-filter="levelTbSearch" lay-submit>
                              <i class="layui-icon">&#xe615;</i>搜索
                          </button>
                      </div>
                  </div>
              </form>
              <!-- 数据表格 -->
              <table id="levelTable" lay-filter="levelTable"></table>
          </div>
      </div>
  </div>
</div>
<!-- 表格操作列 -->
<script type="text/html" id="levelTbBar">
  @{{# 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>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<!-- 表单弹窗 -->
<script type="text/html" id="levelEditDialog">
    <form id="levelEditForm" lay-filter="levelEditForm" class="layui-form model-form">
        <input name="levelId" type="hidden"/>
        {{ csrf_field() }}
        <div class="layui-form-item">
          <label class="layui-form-label layui-form-required">名称:</label>
          <div class="layui-input-block">
              <input name="levelName" placeholder="请输入名称" class="layui-input"
                     lay-verType="tips" lay-verify="required" required/>
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label layui-form-required">编号:</label>
          <div class="layui-input-block">
            <select name="levelCode" id="levelCode">
              @if(count($levecodearr)>0)
              @foreach($levecodearr as $c)
              <option value="{{$c}}">{{$c}}</option>
              @endforeach
              @endif
            </select>
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label layui-form-required">放置时间:</label>
          <div class="layui-input-inline" style="width: 200px">
              <input type="number" name="emptydate" value='0' class="layui-input input-no-margin" min="0" step="1" required/>
          </div>
          <div class="layui-input-inline" style="width: 100px">
              <select name="dateUnit" lay-verify="">
                <option value="hour">小时</option>
              </select>
          </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label layui-form-required">最大使用次数:</label>
            <div class="layui-input-block">
              <input type="number" name="useCount" value="200" placeholder="请输入次数" class="layui-input input-no-margin" min="0" step="1" required/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label layui-form-required">关联工艺:</label>
            <div class="layui-input-block" id="levprocess">
                
            </div>
        </div>
        <!--<div class="layui-form-item">
            <label class="layui-form-label layui-form-required">是否自动降级:</label>
            <div class="layui-input-block">
                <input type="radio" name="isDemote" value="1" title="是" checked/>
                <input type="radio" name="isDemote" value="0" title="否"/>
            </div>
        </div>-->
        <div class="layui-form-item" style="display:none;">
            <label class="layui-form-label layui-form-required">状态:</label>
            <div class="layui-input-block">
                <input type="radio" name="estate" value="1" title="启用" checked />
                <input type="radio" name="estate" value="0" title="禁用"/>
            </div>
        </div>
        <div class="layui-form-item text-right">
            <button class="layui-btn" lay-filter="levelEditSubmit" 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('/levelmanage')}}");

    /* 渲染表格 */
    var insTb = table.render({
        elem: '#levelTable',
        url: "{{URL('/levelmanagejson')}}",
        page: true,
        toolbar: ['<p>',
              '<button lay-event="add" class="layui-btn layui-btn-sm icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>&nbsp;',
            '</p>'].join(''),
        cellMinWidth: 100,
        cols: [[
            {field: 'levelName', title: '等级名称',width:'100',align: 'center'},
            {field: 'levelCode', title: '等级编号',width:'100',align: 'center', sort: true},
            {field: 'emptydate', title: '放置时间',width:'100',align: 'center', sort: true},
            {
                field: 'dateunit', title: '时间单位',align: 'center', templet: function (d) {
                  if(d.dateUnit=='minite'){
                    return '分钟';
                  }else if(d.dateUnit=='hour'){  
                    return '小时';
                  }else{
                    return '';
                  }
                },width:'90'
            },
            {field: 'useCount', title: '最大使用次数',width:'110',align: 'center', sort: true},
            {field: 'levprocess', title: '关联工艺',width:'200', templet: function (d) {
                var processinfo='';
                if(d.lev_process!=null){
                  for(var i=0;d.lev_process.length>i;i++){
                    if(d.lev_process[i].process_info!=null){
                      processinfo+=d.lev_process[i].process_info.processName+' ';
                    }
                  }
                }
                return processinfo;
              }
            },
            /*
            {field: 'isDemote', title: '是否降级',align: 'center', templet: function (d) {
              if(d.isDemote=='1'){
                return '<span style="color:green;">是</span>';
              }else{
                return '<span style="color:red;">否</span>';
              }
            },width:'100'},
            */
            {field: 'isenable', title: '状态',width:'60', 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:'100'},
            {
                field: 'created_at', title: '创建时间',align: 'center', templet: function (d) {
                  if(d.createTime!=null){
                    return util.toDateString(d.createTime);
                  }else{
                    return '';
                  }
                }, sort: true,width:'160'
            },
            {title: '操作', toolbar: '#levelTbBar', align: 'center', fixed: 'right',width: 180, minWidth:180}
        ]]
    });

    /* 表格搜索 */
    form.on('submit(levelTbSearch)', function (data) {
        insTb.reload({where: data.field, page: {curr: 1}});
        return false;
    });

    /* 表格工具条点击事件 */
    table.on('tool(levelTable)', 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('/levelisenable')}}",
              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;
                }    
                insTb.reload({where: data.field, page: {curr: 1}});        
              },
              error: function(xhr, status, errMsg) {
                  alert("失败")
              }
            });
        } else if (obj.event === 'del') { // 删除
            doDel(obj);
        }
    });

    /* 表格头工具栏点击事件 */
    table.on('toolbar(levelTable)', function (obj) {
        if (obj.event === 'add') { // 添加
            showEditModel();
        } else if (obj.event === 'del') { // 删除
            var checkRows = table.checkStatus('levelTable');
            if (checkRows.data.length === 0) {
                layer.msg('请选择要删除的数据', {icon: 2});
                return;
            }
            var ids = checkRows.data.map(function (d) {
                return d.id;
            });
            doDel({ids: ids});
        }
    });

    /* 显示表单弹窗 */
    function showEditModel(mData) {
        admin.open({
            type: 1,
            area:['620px','520px'],
            title: (mData ? '修改' : '添加') + '等级',
            content: $('#levelEditDialog').html(),
            success: function (layero, dIndex) {
              var levid=mData?mData.id:'';
              getlevprocess(levid);
              form.on('checkbox(must_checked)', function(data){
                if(!data.elem.checked){
                  alert("该项必选！");
                }
              });
              if(mData){
                $("#levelCode").append("<option value='"+mData.levelCode+"'>"+mData.levelCode+"</option>");
              }
              // 回显表单数据
              form.val('levelEditForm', mData);
              // 表单提交事件
              form.on('submit(levelEditSubmit)', function (data) {
                  var loadIndex = layer.load(2);
                  //修改时赋值id到form
                  mData?data.field.levelId=mData.id:'';
                  //判断最大使用是否合法
                  if(data.field.useCount==''){
                    alert("输入的最大使用次数不合法！");
                    layer.close(loadIndex);
                    return false;
                  }
                  //判断放置时间是否合法
                  if(data.field.emptydate==''){
                    alert("输入的放置时间不合法！");
                    layer.close(loadIndex);
                    return false;
                  }
                  $.post("{{URL('/levelsaveForm')}}", 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;
              });
              // 禁止弹窗出现滚动条
              $(layero).children('.layui-layer-content').css('overflow', 'visible');
            }
        });
    }
    /* 获取关联的工艺 */
    function getlevprocess(levid){
      $.ajax({
        url: "{{ URL('/getlevprocess')}}",
        type: "post",
        data: {"levid":levid,"_token":"{{csrf_token()}}"},
        success: function(data) {
          var resdata=eval('(' + data + ')');
          if(resdata.code!=0){
              layer.msg(resdata.msg);
              return false;
          }  
          var checkhtml='';
          for(var i=0;resdata.data.length>i;i++){
            if(resdata.data[i].code=='02'){
              checkhtml+='<input type="checkbox" lay-filter="must_checked" name="processid[]" value="'+resdata.data[i].id+'" title="'+resdata.data[i].name+'" checked/>';
            }else{
              checkhtml+='<input type="checkbox" name="processid[]" value="'+resdata.data[i].id+'" title="'+resdata.data[i].name+'" '+resdata.data[i].ischeck+' />';
            }
          }   
          $("#levprocess").html(checkhtml);
          form.render();//表单重新渲染 
        },
        error: function(xhr, status, errMsg) {
        }
      });
    }
    /* 删除 */
    function doDel(obj) {
        layer.confirm('确定要删除选中数据吗？', {
            skin: 'layui-layer-admin',
            shade: .1
        }, function (i) {
            layer.close(i);
            var loadIndex = layer.load(2);
            $.post("{{URL('/leveldel')}}", {
                id: obj.data ? obj.data.id : '',
                ids: obj.ids ? obj.ids.join(',') : '',
                _token:"{{csrf_token()}}"
            }, function (res) {
                layer.close(loadIndex);
                if (200 === res.code) {
                    layer.msg(res.msg, {icon: 1});
                    insTb.reload({page: {curr: 1}});
                } else {
                    layer.msg(res.msg, {icon: 2});
                }
            }, 'json');
        });
    }
});
</script>
@endsection