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
80
81
82
83
84
85
86
87
| <template>
| <view class="">
| <cl-upload
| v-model="fileList"
| :action="uploadTermExcelUrl"
| cloud-type="other"
| :data="{ sysCode }"
| :headers="hearder"
| :image-form-data="{
| compress: true,
| }"
| :list-style="{
| columns: 3,
| columnGap: '10rpx',
| rowGap: '10rpx',
| padding: '10rpx',
| radius: '20rpx'
| }"
| use-before-delete
| @beforeDelete="beforeDelete"
| @onSuccess="onSuccess"
| />
| </cl-upload>
| </view>
| </template>
|
| <script>
| export default {
| props: {
| sysCode: {
| type: String,
| },
| },
| data() {
| return {
| fileList: [],
| upLoadList: [],
| beforFileList: [],
| baseUrl: this.$storage.get('baseUrl'),
| token: this.$storage.get('token'),
| }
| },
| computed: {
| uploadTermExcelUrl() {
| return `${this.baseUrl}/file/upload` || ''
| },
| hearder() {
| let obj = { token: this.token, Authorization: this.token }
| return obj
| },
| },
| methods: {
| onSuccess(res) {
| console.log(res.data.fileId)
| let fileId = res.data.fileId
| let name = res.data.fileType === 1 ? 'name.png' : ''
| this.fileList.push(`${this.baseUrl}/file/preview/${fileId}?${name}`) // 原图
| this.upLoadList.push(res.data)
| console.log(this.fileList)
| this.$emit('handleFile', this.upLoadList)
| },
| /**
| * 删除前钩子
| * @param {Object} item 当前删除的图片或者视频信息
| * @param {Number} index 当前删除的图片或视频索引
| * @param {Function} next 调用此函数继续执行组件删除逻辑
| * */
| beforeDelete(item, index, next) {
|
| uni.showModal({
| title: '提示信息',
| content: '确定要删除这个文件嘛？',
| success: res=> {
| if (res.confirm) {
| this.fileList.splice(index, 1)
| this.upLoadList.splice(index, 1)
| console.log('this.fileList', this.upLoadList)
| this.$emit('handleFile', this.upLoadList)
| }
| }
| })
| },
| },
| }
| </script>
|
| <style></style>
|
|
