<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase.php');?>
<div class="layui-fluid" >
    <div class="layui-card">
	  <form class="layui-form layui-card-header layuiadmin-card-header-auto search-param">
		<div class="layui-form-item">
		  <div class="layui-inline">
			<a lay-href="<?php echo mvc::$cfg['SELF_URI'];?>daili/apply" class="layui-btn layui-btn-normal" >创建申请单</a>
		  </div>
      
      <div class="layui-inline">
        <label class="layui-form-label">申请类型</label>
        <div class="layui-input-inline">
          <select name="ap_type">
            <option value="">不限</option>
            <?php foreach($typeArr as $k => $v){?>
            <option value="<?php echo $k;?>"<?php if($Params['ap_type'] == $k) echo ' selected'?>><?php echo $v;?></option>
            <?php }?>
          <select>
        </div>
      </div>

      <div class="layui-inline">
        <label class="layui-form-label">关键字</label>
        <div class="layui-input-inline">
          <input type="text" name="keyword" placeholder="请输入关键字" autocomplete="off" class="layui-input" value="<?php echo $Params['keyword'];?>">
        </div>
      </div>
      
		  <div class="layui-inline">
			<button class="layui-btn act-btn" lay-submit="" lay-filter="search-submit">
			  <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			</button>
		  </div>
		</div>
	  </form>
      <div class="layui-card-body">
        <table id="table-apply-lists" lay-filter="table-apply-lists"></table>
      </div>
    </div>
  </div>


<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>

<script>

layui.use(['form','table'], function(){
  var $ = layui.$
  ,form = layui.form
  ,table = layui.table;

  form.on('submit(search-submit)', function(data){
    var field = data.field;
  
    table.reload('table-apply-lists', {where: field, page:1});
    return false;
  });

  //监听工具条 
  table.on('tool(table-apply-lists)', function(obj){
      var data = obj.data;
      if(obj.event === 'del'){
        layer.confirm('确定删除吗？', function(index){
          $.post(SELF_URI+'daili/delApply', {isAjax:1,ap_id:data.ap_id}, function(res){
                if (AJAX.checkData(res)){
                  layer.close(index);
                  table.reload('table-apply-lists');
                  layer.msg('删除成功', {icon:1});
                }
            },'json');
        });
      }
    });
  //表格初始化
  table.render({
    elem: '#table-apply-lists'
    ,url: SELF_URI + 'daili/getApplyList' //模拟接口
    ,cols: [[
      {field: 'apply-caozuo',width: 100, title: '操作', templet: function(d){
        var html = '';
        if(d.ap_status != 1){
          html +=  '<a class="layui-btn layui-btn-normal layui-btn-xs" lay-href="<?php echo mvc::$cfg["SELF_URI"];?>daili/apply?ap_id='+d.ap_id+'" lay-event="edit">编辑</a>';
          html +=  '<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>';
        }
        return html;
      }}
      ,{field: 'ap_type_text', title: '申请单类型',width:100}
      // ,{field: 'ap_to_username', title: '相关账户',width:80}
      ,{field: 'status_text', title: '状态',width:80,templet:function(d) {
  
        var color = '';
        if(d.ap_status==0){
          color = 'color:#FFB800;'
        }else if(d.ap_status == 1){
          color = 'color: #009688;'
        }else if(d.ap_status == -1){
          color = 'color: #999999;'
        }else if(d.ap_status == 2){
          color = 'color: #009688;'
        }
        html = '<span style="'+color+'">'+d.status_text+'<span>';
        return html;
      }}
      ,{field: 'ap_content', title: '内容说明', width:350, sort: true}
      ,{field: 'ap_atime', title: '添加时间', width:150, sort: true}
      ,{field: 'ap_etime', title: '审核时间', width:150, align:'center', sort: true}
      ,{field: 'ap_check_remark', title: '处理意见'}
      ,{field: 'imgs', title: '附件图片', templet: function(d){
        var html = '';
        if(d.imgs.length > 0){
          for(var i in d.imgs){
            html += '<a href="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get']?>&site=pjl&c=sys&f='+d.imgs[i].replace('small/','')+'&i=f1" target="_blank">';
            html += '<img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get']?>&site=pjl&c=sys&f='+d.imgs[i]+'&i=f1" style="max-width: 30px;max-height: 30px;"/>';
            html += '<a>'
          }
        return html;
        }}}
    ]]
    ,page: true
    ,limit: 30
    ,height: 'full-170'
    ,text: {none:'暂无相关数据'}
  });
});
</script>