@extends('base.base')
@section('title','RFID数据报表')

@section('head_css')
@parent
<style type="text/css">
  #shipcodeEditForm .layui-form-label {
    width: 110px;
  }
  #shipcodeEditForm .layui-input-block {
    margin-left: 140px;
  }
  .toolbar .layui-form-item .layui-input-inline {
    width: 140px;
    margin-right: 10px;
  }
  .toolbar .layui-form-label {
    padding: 9px 10px;
    width: 70px;
}
</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">RFID数据报表</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" style="width:160px;">
                           <input type="text" class="layui-input" id="start_time" name="start_time" value="{{date('Y-m-d H:i:s',strtotime('-1 month'))}}">
                        </div>
                        <label class="layui-form-label" style="width: 10px;">~</label>
                        <div class="layui-input-inline" style="width:160px;">
                            <input type="text" class="layui-input" id="end_time" name="end_time" value="{{date('Y-m-d')}} 23:59:59">
                        </div>
                      </div>
                      <div class="layui-inline">
                          <label class="layui-form-label">RFID序号:</label>
                          <div class="layui-input-inline">
                            @if(isset($zh_info['SNCodesearch']))
                              <input name="SNCodesearch" class="layui-input" placeholder="输入{{$zh_info['SNCodesearch']}}"/>
                            @else 
                              <input name="SNCodesearch" class="layui-input" placeholder="输入RFID序号"/>
                            @endif
                          </div>
                      </div>
                      <div class="layui-inline">
                          <label class="layui-form-label">分类:</label>
                          <div class="layui-input-inline">
                            <select name="goodssearch">
                              <option value="">所有</option>
                              @if($goods->count()>0)
                              @foreach($goods as $g)
                              <option value="{{$g->id}}">{{$g->goodsName}}</option>
                              @endforeach
                              @endif
                            </select>
                          </div>
                      </div>
                      <div class="layui-inline">
                          <label class="layui-form-label">等级:</label>
                          <div class="layui-input-inline">
                            <select name="levelsearch">
                              <option value="">所有</option>
                              @if($level->count()>0)
                              @foreach($level as $l)
                              <option value="{{$l->id}}">{{$l->levelName}}</option>
                              @endforeach
                              @endif
                            </select>
                          </div>
                      </div>
                      <div class="layui-inline">&emsp;
                          <button class="layui-btn icon-btn" lay-filter="shipcodeTbSearch" lay-submit>
                              <i class="layui-icon">&#xe615;</i>搜索
                          </button>
                          @if($btn_config)
                          <a class="layui-btn icon-btn" lay-filter="recordcountTbout" lay-submit>
                            <i class="layui-icon">&#xe601;</i>工艺记录汇总报表
                          </a>
                          @endif
                      </div>
                  </div>
              </form>
              <!-- 数据表格 -->
              <table id="shipcodeTable" lay-filter="shipcodeTable"></table>
          </div>
      </div>
  </div>
</div>
<div style="display:none;">
  @if(!empty($process))
  @foreach($process as $p)
   <input type="hidden" name="pcount" value="{{$p->processName}}" data-id="field{{$p->id}}">
  @endforeach
  @endif
</div>
<!-- 表格操作列 -->
<script type="text/html" id="shipcodeTbBar">
  <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="look">查看记录</a>
</script>
<!-- 表单弹窗 -->
<script type="text/html" id="shipcodeEditDialog">
    <form id="shipcodeEditForm" lay-filter="shipcodeEditForm" class="layui-form model-form">
        <input name="shipcodeId" 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="shipcodeName" 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">
                <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="shipcodeEditSubmit" 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('/shipcoderecord')}}");
    //日期、时间插件
    laydate.render({
        elem: '#start_time'
        ,type: 'datetime'
    });
    laydate.render({
        elem: '#end_time'
        ,type: 'datetime'
    });
    var $cos=[
        {field: 'SNCode', title: 'RFID序号',width:'140',align: 'center'},
        {field: 'chipCode', title: '芯片码',width:'160',align: 'center', sort: true},
        {field: 'onlyCode', title: '分类唯一码',width:'160',align: 'center', sort: true},
        {field: 'goodsID', title: '分类',align: 'center', templet: function (d) {
          if(d.goods_name!=null){
            return d.goods_name.goodsName;
          }else{
            return '';
          }
        },width:'90', sort: true},
        {field: 'levelID', title: '等级',align: 'center', templet: function (d) {
          if(d.level_name!=null){
            return d.level_name.levelName;
          }else{
            return '';
          }
        },width:'90', sort: true},
        {field: 'initialUsed', title: '初始使用数',width:'120',align: 'center', sort: true},
        {field: 'usedCount', title: '已使用总数',width:'120',align: 'center', sort: true, templet: function (d) {
            return '<span style="color:red;">'+d.usedCount+'</span>';
          }
        },
      ];
    $("input[name='pcount']").each(function (){
      var coslength=$cos.length;
      $cos[coslength]={field:$(this).attr("data-id"), title:$(this).val()+'总次数',width:'100',align: 'center'};
    })
    $cos[$cos.length]={field: 'isenable', title: '状态',width:'90',align: 'center', templet: function (d) {
            if(d.estate=='1'){
              return '<span style="color:green;">启用</span>';
            }else{
              return '<span style="color:red;">停用</span>';
            }
          }
        };
    $cos[$cos.length]={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:'120'};
    $cos[$cos.length]={
            field: 'createTime', title: '创建时间',align: 'center', templet: function (d) {
              if(d.createTime!=null){
                return util.toDateString(d.createTime);
              }else{
                return '';
              }
            }, sort: true,width:'160'
        };
    $cos[$cos.length]={
            field: 'comments',hide:true, title: '备注',align: 'center',width:'100'
        };
    $cos[$cos.length]={title: '操作', toolbar: '#shipcodeTbBar', align: 'center', fixed: 'right',width: 120, minWidth:120};
    /* 渲染表格 */
    var insTb = table.render({
        elem: '#shipcodeTable',
        url: "{{URL('/shipcodejson')}}",
        page: true,
        toolbar: ['<p>',
            '</p>'].join(''),
        cellMinWidth: 100,
        autoSort:false,//关闭自动排序
        cols: [$cos]
    });
    //监听排序    设置排序规则
    table.on('sort(shipcodeTable)', function(obj){
        table.reload('shipcodeTable', {
            initSort: obj //记录初始排序
            , where: { 
                field: obj.field //排序字段
                , order: obj.type //排序方式
            }
        });
    });
    /* 表格搜索 */
    form.on('submit(shipcodeTbSearch)', function (data) {
        insTb.reload({where: data.field, page: {curr: 1}});
        return false;
    });
    /* 表格工具条点击事件 */
    table.on('tool(shipcodeTable)', function (obj) {
        if (obj.event === 'look') { // 查看
          shipcoderecord(obj.data.onlyCode,obj.data.chipCode);
        } else if (obj.event === 'open') { // 是否启用
            if(obj.data.estate=='1'){
              if(confirm("确认要禁用该等级？")==false){
                return false;
              }
            }
            $.ajax({
              url: "{{ URL('/shipcodeisenable')}}",
              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(shipcodeTable)', function (obj) {
        if (obj.event === 'add') { // 添加
            showEditModel();
        } else if (obj.event === 'del') { // 删除
            var checkRows = table.checkStatus('shipcodeTable');
            if (checkRows.data.length === 0) {
                layer.msg('请选择要删除的数据', {icon: 2});
                return;
            }
            var ids = checkRows.data.map(function (d) {
                return d.id;
            });
            doDel({ids: ids});
        }
    });
    /**数据导出**/
    form.on('submit(recordcountTbout)', function (data) {
        var start_time=data.field.start_time;
        var end_time=data.field.end_time;
        var SNCodesearch=data.field.SNCodesearch;
        var goodssearch=data.field.goodssearch;
        var levelsearch=data.field.levelsearch;
        window.open("{{URL('/processrecordout')}}?fromtype=1&start_time="+start_time+"&end_time="+end_time+"&SNCodesearch="+SNCodesearch+"&goodssearch="+goodssearch+"&levelsearch="+levelsearch);
        return false;
    });
    /* 显示表单弹窗 */
    function showEditModel(mData) {
        admin.open({
            type: 1,
            area:['520px','420px'],
            title: (mData ? '修改' : '添加') + '记录',
            content: $('#shipcodeEditDialog').html(),
            success: function (layero, dIndex) {
              var levid=mData?mData.id:'';
              getlevprocess(levid);
              // 回显表单数据
              form.val('shipcodeEditForm', mData);
              // 表单提交事件
              form.on('submit(shipcodeEditSubmit)', function (data) {
                  var loadIndex = layer.load(2);
                  //修改时赋值id到form
                  mData?data.field.shipcodeId=mData.id:'';
                  $.post("{{URL('/shipcodesaveForm')}}", 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 shipcoderecord(onlyCode,chipCode){
      layer.open({
        type: 2,
        id: 'shipcoderecord',
        skin: 'CLYM-style',
        title: '记录',
        maxmin: false,
        shadeClose: false,
        resize:false,
        area:['1020px','560px'],
        content: encodeURI("{{URL('/recordlayer')}}?reurl=step1&onlyCode="+onlyCode+"&chipCode="+chipCode),
        btn: ['关闭'],
        btn1: function(index){
          layer.close(index);
          return false;
        },
        zIndex: layer.zIndex, //重点1
        success: function(layero,index){
          layer.setTop(layero); //重点2
        }
      })
    }
});
</script>
@endsection