|
|
|
|
@ -6,12 +6,19 @@
|
|
|
|
|
<a-row :gutter="24"> |
|
|
|
|
<a-col :md="6" :sm="8"> |
|
|
|
|
<a-form-item label="文件名称"> |
|
|
|
|
<a-input placeholder="请输入文件名称" v-model="queryParam.fileName"></a-input> |
|
|
|
|
<a-input placeholder="请输入文件名称" v-model="queryParam.name"></a-input> |
|
|
|
|
</a-form-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :md="6" :sm="8"> |
|
|
|
|
<a-form-item label="文件地址"> |
|
|
|
|
<a-input placeholder="请输入文件地址" v-model="queryParam.url"></a-input> |
|
|
|
|
<a-form-item label="上传人"> |
|
|
|
|
<a-input placeholder="上传人" v-model="queryParam.createBy"></a-input> |
|
|
|
|
</a-form-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :xl="6" :lg="7" :md="8" :sm="24"> |
|
|
|
|
<a-form-item label="类型"> |
|
|
|
|
<a-select v-model="queryParam.fileType" placeholder="请选择文件类型" > |
|
|
|
|
<a-select-option v-for="(item,index) in typeId" :key="item.value" :value="item.value">{{item.label}}</a-select-option> |
|
|
|
|
</a-select> |
|
|
|
|
</a-form-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :md="6" :sm="8"> |
|
|
|
|
@ -25,36 +32,36 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 操作按钮区域 --> |
|
|
|
|
<div class="table-operator"> |
|
|
|
|
<!-- <a-button type="primary" icon="download" @click="handleExportXls('文件列表')">导出</a-button>--> |
|
|
|
|
<a-upload |
|
|
|
|
name="file" |
|
|
|
|
:multiple="false" |
|
|
|
|
:action="uploadAction" |
|
|
|
|
:headers="tokenHeader" |
|
|
|
|
:showUploadList="false" |
|
|
|
|
:beforeUpload="beforeUpload" |
|
|
|
|
@change="handleChange"> |
|
|
|
|
<a-button> |
|
|
|
|
<a-icon type="upload"/> |
|
|
|
|
OSS文件上传 |
|
|
|
|
</a-button> |
|
|
|
|
</a-upload> |
|
|
|
|
<!-- <div class="table-operator">--> |
|
|
|
|
<!-- <!– <a-button type="primary" icon="download" @click="handleExportXls('文件列表')">导出</a-button>–>--> |
|
|
|
|
<!-- <a-upload--> |
|
|
|
|
<!-- name="file"--> |
|
|
|
|
<!-- :multiple="false"--> |
|
|
|
|
<!-- :action="uploadAction"--> |
|
|
|
|
<!-- :headers="tokenHeader"--> |
|
|
|
|
<!-- :showUploadList="false"--> |
|
|
|
|
<!-- :beforeUpload="beforeUpload"--> |
|
|
|
|
<!-- @change="handleChange">--> |
|
|
|
|
<!-- <a-button>--> |
|
|
|
|
<!-- <a-icon type="upload"/>--> |
|
|
|
|
<!-- OSS文件上传--> |
|
|
|
|
<!-- </a-button>--> |
|
|
|
|
<!-- </a-upload>--> |
|
|
|
|
|
|
|
|
|
<a-upload |
|
|
|
|
name="file" |
|
|
|
|
:multiple="false" |
|
|
|
|
:action="minioUploadAction" |
|
|
|
|
:headers="tokenHeader" |
|
|
|
|
:showUploadList="false" |
|
|
|
|
:beforeUpload="beforeUpload" |
|
|
|
|
@change="handleChange"> |
|
|
|
|
<a-button> |
|
|
|
|
<a-icon type="upload"/> |
|
|
|
|
MINIO文件上传 |
|
|
|
|
</a-button> |
|
|
|
|
</a-upload> |
|
|
|
|
</div> |
|
|
|
|
<!-- <a-upload--> |
|
|
|
|
<!-- name="file"--> |
|
|
|
|
<!-- :multiple="false"--> |
|
|
|
|
<!-- :action="minioUploadAction"--> |
|
|
|
|
<!-- :headers="tokenHeader"--> |
|
|
|
|
<!-- :showUploadList="false"--> |
|
|
|
|
<!-- :beforeUpload="beforeUpload"--> |
|
|
|
|
<!-- @change="handleChange">--> |
|
|
|
|
<!-- <a-button>--> |
|
|
|
|
<!-- <a-icon type="upload"/>--> |
|
|
|
|
<!-- MINIO文件上传--> |
|
|
|
|
<!-- </a-button>--> |
|
|
|
|
<!-- </a-upload>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
|
|
|
|
|
<!-- table区域-begin --> |
|
|
|
|
<div> |
|
|
|
|
@ -74,13 +81,14 @@
|
|
|
|
|
:dataSource="dataSource" |
|
|
|
|
:pagination="ipagination" |
|
|
|
|
:loading="loading" |
|
|
|
|
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" |
|
|
|
|
@change="handleTableChange"> |
|
|
|
|
|
|
|
|
|
<span slot="action" slot-scope="text, record"> |
|
|
|
|
<a @click="handlePreview(record)">预览</a> |
|
|
|
|
<a-divider type="vertical"/> |
|
|
|
|
<a @click="ossDelete(record.id)">删除</a> |
|
|
|
|
<a-divider type="vertical"/> |
|
|
|
|
<a @click="downloadFile(record.url)">下载</a> |
|
|
|
|
|
|
|
|
|
<!-- <a @click="ossDelete(record.id)">删除</a>--> |
|
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
</a-table> |
|
|
|
|
@ -91,13 +99,23 @@
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import {JeecgListMixin} from '@/mixins/JeecgListMixin' |
|
|
|
|
import { getAction } from '@api/manage' |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
name: "OSSFileList", |
|
|
|
|
mixins: [JeecgListMixin], |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
typeId :[{ |
|
|
|
|
value: 'image', |
|
|
|
|
label: '图片' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: 'application', |
|
|
|
|
label: '文档' |
|
|
|
|
}], |
|
|
|
|
description: '文件列表', |
|
|
|
|
superFieldList:[], |
|
|
|
|
// 表头 |
|
|
|
|
columns: [ |
|
|
|
|
{ |
|
|
|
|
@ -113,16 +131,45 @@
|
|
|
|
|
{ |
|
|
|
|
title: '文件名称', |
|
|
|
|
align: "center", |
|
|
|
|
dataIndex: 'fileName' |
|
|
|
|
width:400, |
|
|
|
|
dataIndex: 'name' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '上传人', |
|
|
|
|
align: "center", |
|
|
|
|
dataIndex: 'createBy' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title:'上传时间', |
|
|
|
|
align:"center", |
|
|
|
|
default:'--', |
|
|
|
|
width:150, |
|
|
|
|
dataIndex: 'createTime' |
|
|
|
|
}, |
|
|
|
|
// { |
|
|
|
|
// title: '文件格式', |
|
|
|
|
// align: "center", |
|
|
|
|
// width:150, |
|
|
|
|
// default:'--', |
|
|
|
|
// dataIndex: 'fileType' |
|
|
|
|
// }, |
|
|
|
|
{ |
|
|
|
|
title: '文件大小(kb)', |
|
|
|
|
align: "center", |
|
|
|
|
default:'--', |
|
|
|
|
width:100, |
|
|
|
|
dataIndex: 'size' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '文件地址', |
|
|
|
|
align: "center", |
|
|
|
|
width:600, |
|
|
|
|
dataIndex: 'url' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '操作', |
|
|
|
|
dataIndex: 'action', |
|
|
|
|
width:100, |
|
|
|
|
align: "center", |
|
|
|
|
scopedSlots: {customRender: 'action'}, |
|
|
|
|
} |
|
|
|
|
@ -134,6 +181,10 @@
|
|
|
|
|
minioUpload: "/sys/upload/uploadMinio" |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
this.getSuperFieldList(); |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
uploadAction() { |
|
|
|
|
@ -186,7 +237,20 @@
|
|
|
|
|
let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + encodeURIComponent(record.url) |
|
|
|
|
window.open(url, '_blank') |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
getSuperFieldList(){ |
|
|
|
|
let fieldList=[]; |
|
|
|
|
fieldList.push({type:'string',value:'name',text:'文件名称',dictTable:'', dictText:'', dictCode:''}) |
|
|
|
|
fieldList.push({type:'string',value:'fileType',text:'文件格式',dictTable:'', dictText:'', dictCode:''}) |
|
|
|
|
fieldList.push({type:'string',value:'size',text:'文件大小',dictTable:'', dictText:'', dictCode:''}) |
|
|
|
|
fieldList.push({type:'string',value:'url',text:'文件地址',dictTable:'', dictText:'', dictCode:''}) |
|
|
|
|
fieldList.push({type:'string',value:'createBy',text:'上传人',dictTable:'', dictText:'', dictCode:''}) |
|
|
|
|
fieldList.push({type:'date',value:'createTime',text:'上传时间',dictTable:'', dictText:'', dictCode:''}) |
|
|
|
|
this.superFieldList = fieldList |
|
|
|
|
}, |
|
|
|
|
getRake(){ |
|
|
|
|
this.typeId = []; |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
0.0
2 years ago