upload.vue
2.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<template>
<el-dialog v-model="show" title="附件" :close-on-click-modal="true" width="600" style="border-radius: 20px">
<el-form ref="formRef" label-width="80" :model="form" :rules="rules" style="padding-right: 50px">
<!-- <el-form-item label="姓名" prop="name">-->
<!-- <el-input v-model.trim="form.name" placeholder="" style="width: 100%;" />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="证件类型" prop="idcType">-->
<!-- <el-input v-model.trim="form.idcType" placeholder="" style="width: 100%;" />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="证件号" prop="idcCode">-->
<!-- <el-input v-model.trim="form.idcCode" placeholder="" style="width: 100%;" />-->
<!-- </el-form-item>-->
<el-form-item label="附件" prop="fileUrl">
<file-upload v-model="form.fileUrl" :file-size="500" />
<!-- <ImageUpload2-->
<!-- v-model="form.fileUrl" class="fileUrl" :crop-width="440" :crop-height="260"-->
<!-- :limit="1"-->
<!-- />-->
</el-form-item>
<!-- <el-form-item label="头像" prop="photo" class="photo">-->
<!-- <image-upload-avatar v-model="form.photo" v-model:round="form.photo2" />-->
<!-- </el-form-item>-->
</el-form>
<br>
<br>
<br>
<div style="text-align: center">
<el-button type="" @click="show=false">取消</el-button>
<el-button type="primary" @click="submit">提交</el-button>
</div>
</el-dialog>
</template>
<script setup>
import { ref, getCurrentInstance } from 'vue'
import { commit } from '@/api/member/addMember'
import { uploadFile } from '@/api/exam/addDuan'
const emit = defineEmits(['success'])
const { proxy } = getCurrentInstance()
const show = ref(false)
const form = ref({})
const rules = ref({
name: { required: true, message: '请输入', trigger: 'blur' },
idcType: { required: true, message: '请选择', trigger: 'blur' },
idcCode: { required: true, message: '请输入', trigger: 'blur' },
photo: { required: true, message: '请上传', trigger: 'blur' },
fileUrl: { required: true, message: '请上附件', trigger: 'blur' }
})
function open(row) {
proxy.resetForm('formRef')
form.value.id = row.id
form.value.fileUrl = row.fileUrl
show.value = true
}
async function submit() {
await proxy.$refs['formRef'].validate()
await uploadFile({ id: form.value.id, fileUrl: JSON.stringify(form.value.fileUrl) })
await proxy.$modal.msgSuccess('操作成功')
show.value = false
emit('success', form.value.fileUrl)
}
// 抛出open
defineExpose({
open
})
</script>
<style lang="scss" scoped>
.fileUrl{
}
</style>