<el-formref="ruleFormRef":model="ruleForm":rules="rules"label-width="110px"
><el-form-item label="语言成绩材料" prop="languageList"><div class="dis-flex w100"><el-uploadref="upload1"v-model:file-list="ruleForm.languageList"class="upload-demo w100":action="imageUrl"multiple:limit="1":before-upload="beforeFileUpload":on-exceed="(file, filesList) => handleExceed(file, filesList, 'languageList', upload1)":on-success="$event=>uploadFileSuccess1($event, 'languageList')"><div class="primary-btn w100"><i-ep-Upload class="mr5" /><span class="f12">点击上传（仅限PDF）</span></div></el-upload></div></el-form-item><el-form-item label="主课offer" prop="languageList"><div class="dis-flex w100"><el-uploadref="upload2"v-model:file-list="ruleForm.mainOffer"class="upload-demo w100":action="imageUrl"multiple:limit="1":before-upload="beforeFileUpload":on-exceed="(file, filesList) => handleExceed(file, filesList, 'mainOffer', upload2)":on-success="$event=>uploadFileSuccess1($event, 'mainOffer')"><div class="primary-btn w100"><i-ep-Upload class="mr5" /><span class="f12">点击上传（仅限PDF）</span></div></el-upload></div></el-form-item><el-form-item label="护照"><div class="dis-flex w100"><el-uploadref="upload3"v-model:file-list="ruleForm.passport"class="upload-demo w100":action="imageUrl"multiple:limit="1":before-upload="beforeFileUpload":on-exceed="(file, filesList) => handleExceed(file, filesList, 'passport', upload3)":on-success="$event=>uploadFileSuccess1($event, 'passport')"><div class="primary-btn w100"><i-ep-Upload class="mr5" /><span class="f12">点击上传（仅限PDF）</span></div></el-upload></div></el-form-item>
</el-form>const VITE_APP_BASE_API = import.meta.env.VITE_APP_BASE_API
const imageUrl = VITE_APP_BASE_API + '/api/Oss/UploadFile'const ruleFormRef = ref()
const ruleForm = ref({languageList: [],mainOffer: [],passport: []
})
const rules = reactive({languageList: [{ required: true, message: '请选择上传语言成绩材料', trigger: 'change' }],mainOffer: [{ required: true, message: '请选择上传主课offer', trigger: 'change' }]
})const upload1 = ref()
const upload2 = ref()
const upload3 = ref()
const handleExceed = (files, fileList, name, uploadInstance) => {uploadInstance.clearFiles()ruleForm.value[name] = [{name: fileList[0].name,url: fileList[0].url}]uploadInstance.handleStart(files[0]) // 手动选择文件uploadInstance.submit() // 手动上传name !== 'passport' && ruleFormRef.value.validateField(name)
}function uploadFileSuccess1(res, name) {ruleForm.value[name] = [{name: res.name,url: res.file_url}]name !== 'passport' && ruleFormRef.value.validateField(name)
}