112 lines
3.2 KiB
Plaintext
112 lines
3.2 KiB
Plaintext
<template>
|
|
<div class="previous-files-wrapper">
|
|
|
|
<!-- 多文件上传 -->
|
|
<form id="inputForm" ref="uploadForm">
|
|
<!-- 必须是PDF格式 -->
|
|
<el-divider content-position="left">{{ $t('trials:attachment:message:pdf') }}</el-divider>
|
|
<div class="form-group">
|
|
<div id="directoryInputWrapper" class="btn btn-link" style="position: relative;overflow: hidden;display: inline-block;">
|
|
<el-button size="small">{{ $t('trials:uploadClinicalData:button:selectFile') }}</el-button>
|
|
<input
|
|
type="file"
|
|
name="file"
|
|
multiple
|
|
style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;"
|
|
:accept="faccept.join(',')"
|
|
@change="beginScanFiles($event)"
|
|
>
|
|
<!-- <span>共扫描了，符合要求的有</span> -->
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!-- 文件列表 -->
|
|
<el-table
|
|
ref="filesTable"
|
|
:data="fileList"
|
|
class="dicomFiles-table"
|
|
height="300"
|
|
@selection-change="handleSelectionChange"
|
|
>
|
|
<el-table-column
|
|
type="selection"
|
|
width="55"
|
|
/>
|
|
<el-table-column
|
|
prop="name"
|
|
:label="$t('trials:uploadClinicalData:table:fileName')"
|
|
min-width="180"
|
|
/>
|
|
</el-table>
|
|
<div style="text-align:right;padding: 10px 0px">
|
|
<!-- 上传 -->
|
|
<el-button
|
|
size="small"
|
|
type="primary"
|
|
:disabled="selectArr.length == 0"
|
|
:loading="btnLoading"
|
|
@click="handleUploadFile"
|
|
>
|
|
{{ $t('trials:uploadClinicalData:button:uploadFile') }}
|
|
</el-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { uploadVisitClinicalData } from '@/api/trials'
|
|
export default {
|
|
props: {
|
|
data: {
|
|
type: Object,
|
|
default() { return {} }
|
|
},
|
|
subjectVisitId: {
|
|
type: String,
|
|
required: true
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
fileList: [],
|
|
btnLoading: false,
|
|
faccept: ['.pdf'],
|
|
trialId: this.$route.query.trialId,
|
|
selectArr: []
|
|
}
|
|
},
|
|
methods: {
|
|
beginScanFiles(e) {
|
|
var files = e.target.files
|
|
for (var i = 0; i < files.length; ++i) {
|
|
const fileName = files[i].name
|
|
var extendName = fileName.substring(fileName.lastIndexOf('.')).toLocaleLowerCase()
|
|
if (this.faccept.indexOf(extendName) !== -1) {
|
|
this.fileList.push(files[i])
|
|
}
|
|
}
|
|
},
|
|
// 获取待上传文件信息
|
|
handleSelectionChange(selection) {
|
|
this.selectArr = selection
|
|
},
|
|
|
|
handleUploadFile() {
|
|
this.btnLoading = true
|
|
var fileData = new FormData()
|
|
for (var i = 0; i < this.selectArr.length; ++i) {
|
|
fileData.append('file', this.selectArr[i])
|
|
}
|
|
uploadVisitClinicalData(this.trialId, this.subjectVisitId, fileData).then(res => {
|
|
this.btnLoading = false
|
|
// 刷新文件列表并关闭弹窗
|
|
this.$emit('closeUpDialog')
|
|
this.$emit('refresh')
|
|
this.$message.success(this.$t('trials:uploadClinicalData:message:uploadSuccessfully'))
|
|
}).catch(() => {
|
|
this.btnLoading = false
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|