mirror of
https://gitee.com/y_project/RuoYi-Cloud.git
synced 2026-02-03 07:21:57 +08:00
Compare commits
1 Commits
548808d2eb
...
97969cdf83
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
97969cdf83 |
@@ -43,7 +43,6 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getToken } from "@/utils/auth"
|
import { getToken } from "@/utils/auth"
|
||||||
import Sortable from 'sortablejs'
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "FileUpload",
|
name: "FileUpload",
|
||||||
@@ -83,11 +82,6 @@ export default {
|
|||||||
disabled: {
|
disabled: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
|
||||||
// 拖动排序
|
|
||||||
drag: {
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
@@ -98,22 +92,7 @@ export default {
|
|||||||
headers: {
|
headers: {
|
||||||
Authorization: "Bearer " + getToken(),
|
Authorization: "Bearer " + getToken(),
|
||||||
},
|
},
|
||||||
fileList: []
|
fileList: [],
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
if (this.drag) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
const element = document.querySelector('.upload-file-list')
|
|
||||||
Sortable.create(element, {
|
|
||||||
ghostClass: 'file-upload-darg',
|
|
||||||
onEnd: (evt) => {
|
|
||||||
const movedItem = this.fileList.splice(evt.oldIndex, 1)[0]
|
|
||||||
this.fileList.splice(evt.newIndex, 0, movedItem)
|
|
||||||
this.$emit("input", this.listToString(this.fileList))
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
@@ -236,10 +215,6 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.file-upload-darg {
|
|
||||||
opacity: 0.5;
|
|
||||||
background: #c8ebfb;
|
|
||||||
}
|
|
||||||
.upload-file-uploader {
|
.upload-file-uploader {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -45,7 +45,6 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getToken } from "@/utils/auth"
|
import { getToken } from "@/utils/auth"
|
||||||
import Sortable from 'sortablejs'
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
@@ -62,27 +61,22 @@ export default {
|
|||||||
// 图片数量限制
|
// 图片数量限制
|
||||||
limit: {
|
limit: {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 5
|
default: 5,
|
||||||
},
|
},
|
||||||
// 大小限制(MB)
|
// 大小限制(MB)
|
||||||
fileSize: {
|
fileSize: {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 5
|
default: 5,
|
||||||
},
|
},
|
||||||
// 文件类型, 例如['png', 'jpg', 'jpeg']
|
// 文件类型, 例如['png', 'jpg', 'jpeg']
|
||||||
fileType: {
|
fileType: {
|
||||||
type: Array,
|
type: Array,
|
||||||
default: () => ["png", "jpg", "jpeg"]
|
default: () => ["png", "jpg", "jpeg"],
|
||||||
},
|
},
|
||||||
// 是否显示提示
|
// 是否显示提示
|
||||||
isShowTip: {
|
isShowTip: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true
|
||||||
},
|
|
||||||
// 拖动排序
|
|
||||||
drag: {
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
@@ -99,20 +93,6 @@ export default {
|
|||||||
fileList: []
|
fileList: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
|
||||||
if (this.drag) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
const element = document.querySelector('.el-upload-list')
|
|
||||||
Sortable.create(element, {
|
|
||||||
onEnd: (evt) => {
|
|
||||||
const movedItem = this.fileList.splice(evt.oldIndex, 1)[0]
|
|
||||||
this.fileList.splice(evt.newIndex, 0, movedItem)
|
|
||||||
this.$emit("input", this.listToString(this.fileList))
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
watch: {
|
||||||
value: {
|
value: {
|
||||||
handler(val) {
|
handler(val) {
|
||||||
|
|||||||
Reference in New Issue
Block a user