<#include "/common/defaultEngine.html"/>
<@pageTheme mark="${config.optimize()?string('true', 'false')}">
<@header title="文件实体列表" bodyClass="gray-bg animated fadeInRight" isAnimation=false libs=["table","zTree","layout-latest"]/>
<div class="container-div">
 <div class="row">
  <div class="col-sm-12 search-collapse">
    <@f.tip class="warning">
      上传组件支持上传下载对象存储OSS、默认本地。目前系统支持阿里OSS
    </@f.tip>
    <@f.form id="file-form" class="form-inline">
     <div class="select-list">
      <ul>
           <li>
              <label> <@ctx.i18n text = "文件名"/>：
               <input type="text" class="form-control" placeholder="文件名" name="fileName"/> </label>
            </li>
             <li>
              <label> <@ctx.i18n text = "业务类型"/>：
               <input type="text"  class="form-control" name="fileUpload.bizType"/> </label>
            </li>
             <li>
              <label> <@ctx.i18n text = "业务ID"/>：
               <input type="text" class="form-control" name="fileUpload.bizId"/> </label>
            </li>
        <li>
          <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;&nbsp;<@ctx.i18n text = "查询"/></a>
          <a class="btn btn-warning btn-rounded btn-sm" onclick="opt.form.reset()"><i class="fa fa-refresh"></i>&nbsp;<@ctx.i18n text = "重置"/></a>
       </li>
      </ul>
   </div>
  </@f.form>
 </div>
  <@table id="bootstrap-table">
    <@shiro.hasPermission name="sys:file:del">
        <a class="btn btn-danger multiple disabled" onclick="opt.operate.delAll()">
            <i class="fa fa-remove"></i> <@ctx.i18n text = "删除"/>
        </a>
    </@shiro.hasPermission>
   </@table>
  </div>
</div>
<@footer>
<script type="text/javascript">
    var delFlag = "${permission.hasPermi("sys:file:del")}";
    var visible = ${permission.isPermitteds("sys:file:del")?string('true', 'false')};
     var datas =  ${dict.getDictListJson('sys_file_status')};
     var ossTypeDict =  ${dict.getDictListJson('sys_oss_type')};
    var classify =  ${dict.getDictListJson('sys_file_classify')};
    var prefix = baseURL + "sys/file";

    $(function() {
        var options = {
            url: prefix + "/list",
            delUrl: prefix + "/del",
            modalName: $.i18n.prop("文件"),
            uniqueId:  'id',/* 唯一ID */
            escape: true,/* 分页设置 */
            showPageGo: true,/* 分页设置 */
            pageSize: 10,/* 分页设置 */
            pageList: [10, 30, 50],/* 分页设置 */
            columns: [
                {title: $.i18n.prop("序号"), width: 5, align: "center", formatter: function (value, row, index) {
                            return $.table.serialNumber(index);
                }}
              ,{field : 'id',title : '<@ctx.i18n text = "文件主键ID"/>',visible: false}
              ,{field : 'fileName',title : '<@ctx.i18n text = "文件名称"/>' ,formatter: function(value, row, index) {
                            return $.table.tooltip(value,10);
                        }}
              ,{field : 'type',title : '<@ctx.i18n text = "文件类型"/>',formatter: function(value,row, index){
                        return opt.common.getExt(row.fileName);
               }}
             ,{field : 'classify',title : '<@ctx.i18n text = "文件归类"/>' ,formatter: function(value, row, index) {
                        return $.table.selectDictLabel(classify, value);
                }}
              ,{field : 'fileUpload.bizType',title : '<@ctx.i18n text = "业务类型"/>'} 
              ,{field : 'fileUpload.bizId',title : '<@ctx.i18n text = "业务ID"/>',visible: false}
              ,{field : 'ossType',title : '<@ctx.i18n text = "对象存储OSS类型"/>',formatter: function (value, row, index) {
                        return $.table.selectDictLabels(ossTypeDict, value);
               }}
              ,{field : 'filePath',title : '<@ctx.i18n text = "相对路径"/>' ,formatter: function(value, row, index) {
                        return $.table.tooltip(value,20);
                    }}
              ,{field : 'fileSize',title : '<@ctx.i18n text = "文件大小"/>',formatter: function(value, row, index) {
                        return opt.common.bytesToSize(value);
              }}
              ,{field : 'createBy',title : '<@ctx.i18n text = "创建者"/>'}
              ,{field : 'createTime',title : '<@ctx.i18n text = "创建时间"/>'}
              ,{field: 'status', title: "<@ctx.i18n text = "状态"/>", formatter: function (value, row, index) {
                        return $.table.selectDictLabel(datas, value);
                    }
                }
                 ,{title:"<@ctx.i18n text = "操作"/>",align: 'center',visible:visible,formatter: function(value, row, index) {
                        var actions = [];
                         actions.push('<a class="btn btn-default btn-xs preview " href="javascript:void(0)" onclick="opt.modal.openView(\''+row.fileName+'\', \''+baseURL+'sys/comm/fileUploadView?fileId=' + row.id + '\')"><i class="fa fa-eye"></i> <@ctx.i18n text = "预览"/></a> ');
                         actions.push('<a class="btn btn-primary btn-xs " href="javascript:void(0)" onclick="opt.common.downLoadFile(\''+baseURL+'sys/comm/download?fileId=' + row.id + '\')" title="下载"><i class="fa fa-download"></i> <@ctx.i18n text = "下载"/></a> ');
                         actions.push('<a class="btn btn-danger btn-xs ' + delFlag + '" href="javascript:void(0)" onclick="opt.operate.del(\'' + row.id + '\')"><i class="fa fa-remove"></i> <@ctx.i18n text = "删除"/></a>');
                        return actions.join('');

                    }
                 }
            ]};
            $.table.init(options);
        });

</script>
</@footer>
</@pageTheme>