You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
3.7 KiB
108 lines
3.7 KiB
11 months ago
|
<template>
|
||
|
|
<!-- 自定义表单 -->
|
||
|
|
<BasicModal v-bind="$attrs" @register="registerModal" title="上传文件" width="1200px" :showOkBtn="false"
|
||
|
|
:showCancelBtn="false">
|
||
|
|
<el-form ref="importFormRef">
|
||
|
|
<el-form-item label="上传文件:">
|
||
|
|
<el-upload class="upload-demo" ref="upload" action :http-request="httpRequest"
|
||
|
|
:before-upload="beforeUpload" :on-exceed="handleExceed" :limit="10" :on-remove="removeFile">
|
||
|
|
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
||
|
|
<div slot="tip" class="el-upload__tip">文件大小且不超过500M</div>
|
||
|
|
</el-upload>
|
||
|
|
</el-form-item>
|
||
|
|
|
||
|
|
<el-form-item>
|
||
|
|
<el-button type="primary" @click="submitImportForm">开始导入</el-button>
|
||
|
|
<el-button type="info" @click="dialogVisible">关闭窗口</el-button>
|
||
|
|
</el-form-item>
|
||
|
|
</el-form>
|
||
|
|
</BasicModal>
|
||
|
|
</template>
|
||
|
|
<script lang="ts" name="setProjectWorkReport" setup>
|
||
|
|
import { reactive, defineEmits, onMounted, ref } from 'vue';
|
||
|
|
import { ElMessage } from 'element-plus';
|
||
|
|
|
||
|
|
import { useModalInner, BasicModal } from '@/components/Modal';
|
||
|
|
import { uploadURTFile } from '@/views/projectLib/projectPlan/projectPlan.api';
|
||
|
|
import { queryProjectInfoById } from '@/views/projectLib/projectInfo/projectInfo.api';
|
||
|
|
const [registerModal, { closeModal }] = useModalInner(init);
|
||
|
|
let fileList = reactive<Array<any>>([]);
|
||
|
|
let projectid = ref("")
|
||
|
|
async function init(data) {
|
||
|
|
console.log('datadatadata', data);
|
||
|
|
projectid.value = data.projectid;
|
||
|
|
}
|
||
|
|
|
||
|
|
const emit = defineEmits(['close']);
|
||
|
|
//加载项目数据
|
||
|
|
onMounted(async () => {
|
||
|
|
});
|
||
|
|
|
||
|
|
function httpRequest(option) {
|
||
|
|
fileList.push(option);
|
||
|
|
console.log(fileList, option);
|
||
|
|
}
|
||
|
|
function removeFile(option) {
|
||
|
|
for (let i = 0; i < fileList.length; i++) {
|
||
|
|
if (fileList[i].file.name == option.name) {
|
||
|
|
fileList.splice(i, 1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
console.log(fileList, option);
|
||
|
|
}
|
||
|
|
// 上传前处理
|
||
|
|
function beforeUpload(file, item) {
|
||
|
|
console.log('file,item', file, item);
|
||
|
|
let fileSize = file.size;
|
||
|
|
const FIVE_M = 500 * 1024 * 1024;
|
||
|
|
//大于5M，不允许上传
|
||
|
|
if (fileSize > FIVE_M) {
|
||
|
|
ElMessage.error('最大上传500M');
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
// let geShi = ['xlx', 'xlsx', 'docx', 'doc', 'pdf'] as Array<string>;
|
||
|
|
// if (geShi.indexOf(file.name.substring(file.name.indexOf('.') + 1)) == -1) {
|
||
|
|
// ElMessage.error('文件格式错误！仅支持' + 'xlx,xlsx, docx, doc, pdf');
|
||
|
|
// console.log('文件格式错误！仅支持' + 'xlsx', 'docx', 'doc', 'pdf');
|
||
|
|
// return false;
|
||
|
|
// }
|
||
|
|
// if (item.indexOf(file.name.substring(0, file.name.indexOf('.'))) == -1) {
|
||
|
|
// ElMessage.error('请上传文件:' + item);
|
||
|
|
// return false;
|
||
|
|
// }
|
||
|
|
console.log('文件上传成功');
|
||
|
|
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
// 文件数量过多时提醒
|
||
|
|
function handleExceed() {
|
||
|
|
ElMessage.warning('最多只能上传十个文件');
|
||
|
|
}
|
||
|
|
//导入Excel病种信息数据
|
||
|
|
async function submitImportForm() {
|
||
|
|
if (fileList.length == 0) {
|
||
|
|
ElMessage({
|
||
|
|
message: '未选择任何文件，无法上传！',
|
||
|
|
type: 'error',
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// // 使用form表单的数据格式
|
||
|
|
const params = new FormData();
|
||
|
|
// 将上传文件数组依次添加到参数paramsData中
|
||
|
|
fileList.forEach((x) => {
|
||
|
|
console.log('xxxxxxxxxx', x, x.file);
|
||
|
|
params.append('file', x.file);
|
||
|
|
});
|
||
|
|
params.append('projectid', projectid.value);
|
||
|
|
uploadURTFile(params).then(() => {
|
||
|
|
emit('close');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function dialogVisible() {
|
||
|
|
emit('close');
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style></style>
|