Teams/shgx_tz_mes_backend_sync
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

优化文件存储

Browse Source
This commit is contained in:
不做码农
2022-03-10 21:39:46 +08:00
parent 3555833ae7
commit eb32117b8c
9 changed files with 57 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ZR.Vue/src/components/FileUpload/index.vue
View File

@@ -228,7 +228,7 @@ export default {
margin-right: 10px;
}
::v-deep .el-upload-dragger {
width: 220px;
width: 270px;
height: 150px;
}
</style>

27
ZR.Vue/src/views/tool/file/index.vue
View File

@@ -34,15 +34,13 @@
<!-- 数据区域 -->
<el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center" />
<el-table-column prop="id" label="文件id" align="center" width="80" />
<el-table-column prop="id" label="文件id" align="center" width="180" />
<el-table-column prop="fileName" label="文件名" align="center">
<template slot-scope="scope">
<el-popover :content="scope.row.fileUrl" placement="top-start" title="路径" trigger="hover">
<a slot="reference" :href="scope.row.accessUrl" class="el-link--primary"
style="word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #1890ff;font-size: 13px;" target="_blank">
{{ scope.row.fileName }}
</a>
</el-popover>
</template>
</el-table-column>
<el-table-column prop="accessUrl" align="center" label="预览图" width="100">
@@ -73,11 +71,11 @@
<pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
<!-- 添加或修改文件存储对话框 -->
<el-dialog :title="title" :lock-scroll="false" :visible.sync="open" width="380px">
<el-form ref="form" :model="form" :rules="rules" label-width="100px" label-position="left">
<el-dialog :title="title" :lock-scroll="false" :visible.sync="open" width="320px">
<el-form ref="form" :model="form" :rules="rules" label-position="left">
<el-row>
<el-col :lg="24">
<el-form-item label="存储类型" prop="storeType">
<el-form-item prop="storeType">
<el-select v-model="form.storeType" placeholder="请选择存储类型" @change="handleSelectStore">
<el-option v-for="item in storeTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="parseInt(item.dictValue)">
</el-option>
@@ -85,32 +83,25 @@
</el-form-item>
</el-col>
<el-col :lg="24">
<el-form-item prop="storePath">
<span slot="label">
文件夹前缀
<el-tooltip content="比如存储到'/uploads' '如果不填写默认按时间存储eg：/2021/12/16(固定段)'" placement="top">
<i class="el-icon-question"></i>
</el-tooltip>
</span>
<el-input v-model="form.storePath" placeholder="请输入文件夹前缀" clearable="" auto-complete="" />
<el-form-item prop="">
<el-input v-model="form.storePath" placeholder="请输入存储文件夹" clearable="" auto-complete="" />
</el-form-item>
</el-col>
<el-col :lg="24">
<el-form-item label="自定文件名" prop="fileName">
<el-form-item prop="fileName">
<el-input v-model="form.fileName" placeholder="请输入文件名" clearable="" />
</el-form-item>
</el-col>
<el-col :lg="24">
<el-form-item label="" prop="accessUrl">
<el-form-item prop="accessUrl">
<UploadFile v-model="form.accessUrl" :uploadUrl="uploadUrl" :fileType="[]" :limit="1" :fileSize="15" :drag="true"
:data="{ 'fileDir' : form.storePath, 'fileName': form.fileName}" column="accessUrl" @input="handleUploadSuccess" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
<el-button type="text" @click="cancel">取 消</el-button>
</div>
</el-dialog>