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>
| <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: '',
| }
| },
| created() {
| this.token = uni.getStorageSync('tonken')
| console.log('tonken', this.token)
| },
| computed: {
| uploadTermExcelUrl() {
| return `${this.baseUrl}/file/upload` || ''
| },
| hearder() {
| let obj = {
| token: this.token,
| Authorization: this.token
| }
| return obj
| },
| },
| methods: {
| onSuccess(res) {
| 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)
| 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>
|
|
