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
| <template>
| <el-dialog
| title="上传文件"
| :close-on-click-modal="false"
| @close="closeHandle"
| :visible.sync="visible">
| <el-upload
| drag
| :action="url"
| :before-upload="beforeUploadHandle"
| :on-success="successHandle"
| multiple
| :file-list="fileList"
| style="text-align: center;">
| <i class="el-icon-upload"></i>
| <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
| <div class="el-upload__tip" slot="tip">只支持jpg、png、gif格式的图片！</div>
| </el-upload>
| </el-dialog>
| </template>
|
| <script>
| export default {
| data () {
| return {
| visible: false,
| url: '',
| num: 0,
| successNum: 0,
| fileList: []
| }
| },
| methods: {
| init (id) {
| this.url = this.$http.adornUrl(`/sys/oss/upload?token=${this.$cookie.get('token')}`)
| this.visible = true
| },
| // 上传之前
| beforeUploadHandle (file) {
| if (file.type !== 'image/jpg' && file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') {
| this.$message.error('只支持jpg、png、gif格式的图片！')
| return false
| }
| this.num++
| },
| // 上传成功
| successHandle (response, file, fileList) {
| this.fileList = fileList
| this.successNum++
| if (response && response.code === 0) {
| if (this.num === this.successNum) {
| this.$confirm('操作成功, 是否继续操作?', '提示', {
| confirmButtonText: '确定',
| cancelButtonText: '取消',
| type: 'warning'
| }).catch(() => {
| this.visible = false
| })
| }
| } else {
| this.$message.error(response.msg)
| }
| },
| // 弹窗关闭时
| closeHandle () {
| this.fileList = []
| this.$emit('refreshDataList')
| }
| }
| }
| </script>
|
|
