From 7e1762d879fc8b360e877a5828deef42eb14cc3b Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期三, 28 十月 2020 18:28:40 +0800
Subject: [PATCH] 引入simple-uploader源文件并更新assignBrowse方法,标注页面更新,首页分页器样式更新
---
src/components/subComponents/FileUpload/uploader.vue | 87 ++++++++++++++++++++++++++++++++++---------
1 files changed, 68 insertions(+), 19 deletions(-)
diff --git a/src/components/subComponents/FileUpload/uploader.vue b/src/components/subComponents/FileUpload/uploader.vue
index 2df8221..fafa33e 100644
--- a/src/components/subComponents/FileUpload/uploader.vue
+++ b/src/components/subComponents/FileUpload/uploader.vue
@@ -5,8 +5,8 @@
<uploader-unsupport></uploader-unsupport>
<uploader-drop>
<!-- <p>鎷栧姩鏂囦欢鍒拌鍖哄煙涓婁紶</p> -->
- <uploader-btn>閫夋嫨鏂囦欢</uploader-btn>
- <uploader-btn :directory="true">閫夋嫨鏂囦欢澶�</uploader-btn>
+ <uploader-btn >閫夋嫨鏂囦欢</uploader-btn>
+ <uploader-btn :directory="true" >閫夋嫨鏂囦欢澶�</uploader-btn>
</uploader-drop>
<uploader-list></uploader-list>
</slot>
@@ -14,7 +14,9 @@
</template>
<script>
-import Uploader from 'simple-uploader.js'
+//import Uploader from 'simple-uploader.js'
+//require('./common/uploader-simple')
+import './common/uploader-simple'
import { kebabCase } from './common/utils'
import UploaderBtn from './btn.vue'
import UploaderDrop from './drop.vue'
@@ -33,7 +35,26 @@
uploader: this
}
},
+ watch:{
+ attrs:{
+ handler(n,o){
+ console.log('uploader attrs update',n)
+ //this.$nextTick(()=>{
+ this.unBindUploader();
+ this.bindUploader();
+ //})
+ },
+ deep: true
+ },
+
+ },
props: {
+ attrs: {
+ type: Object,
+ default() {
+ return {}
+ }
+ },
options: {
type: Object,
default() {
@@ -94,6 +115,7 @@
}
},
allEvent(...args) {
+ console.log(args)
const name = args[0]
const EVENTSMAP = {
[FILE_ADDED_EVENT]: true,
@@ -112,27 +134,54 @@
},
closeHandle() {
this.$emit("close")
+ },
+ bindUploader(){
+ console.log('new Uploader')
+ this.options.initialPaused = !this.autoStart
+ const uploader = new Uploader(this.options)
+ this.uploader = uploader
+ this.uploader.fileStatusText = this.fileStatusText
+ uploader.on('catchAll', this.allEvent)
+ uploader.on(FILE_ADDED_EVENT, this.fileAdded)
+ uploader.on(FILES_ADDED_EVENT, this.filesAdded)
+ uploader.on('fileRemoved', this.fileRemoved)
+ uploader.on('filesSubmitted', this.filesSubmitted)
+ },
+ unBindUploader(){
+ const uploader = this.uploader
+ uploader.off('catchAll', this.allEvent)
+ uploader.off(FILE_ADDED_EVENT, this.fileAdded)
+ uploader.off(FILES_ADDED_EVENT, this.filesAdded)
+ uploader.off('fileRemoved', this.fileRemoved)
+ uploader.off('filesSubmitted', this.filesSubmitted)
+ this.uploader = null
}
},
created() {
- this.options.initialPaused = !this.autoStart
- const uploader = new Uploader(this.options)
- this.uploader = uploader
- this.uploader.fileStatusText = this.fileStatusText
- uploader.on('catchAll', this.allEvent)
- uploader.on(FILE_ADDED_EVENT, this.fileAdded)
- uploader.on(FILES_ADDED_EVENT, this.filesAdded)
- uploader.on('fileRemoved', this.fileRemoved)
- uploader.on('filesSubmitted', this.filesSubmitted)
+ console.log('uploader attrs',this.attrs);
+ this.bindUploader();
+ // this.options.initialPaused = !this.autoStart
+ // const uploader = new Uploader(this.options)
+ // this.uploader = uploader
+ // this.uploader.fileStatusText = this.fileStatusText
+ // uploader.on('catchAll', this.allEvent)
+ // uploader.on(FILE_ADDED_EVENT, this.fileAdded)
+ // uploader.on(FILES_ADDED_EVENT, this.filesAdded)
+ // uploader.on('fileRemoved', this.fileRemoved)
+ // uploader.on('filesSubmitted', this.filesSubmitted)
+ },
+ mounted(){
+ //this.bindUploader();
},
destroyed() {
- const uploader = this.uploader
- uploader.off('catchAll', this.allEvent)
- uploader.off(FILE_ADDED_EVENT, this.fileAdded)
- uploader.off(FILES_ADDED_EVENT, this.filesAdded)
- uploader.off('fileRemoved', this.fileRemoved)
- uploader.off('filesSubmitted', this.filesSubmitted)
- this.uploader = null
+ this.unBindUploader();
+ // const uploader = this.uploader
+ // uploader.off('catchAll', this.allEvent)
+ // uploader.off(FILE_ADDED_EVENT, this.fileAdded)
+ // uploader.off(FILES_ADDED_EVENT, this.filesAdded)
+ // uploader.off('fileRemoved', this.fileRemoved)
+ // uploader.off('filesSubmitted', this.filesSubmitted)
+ // this.uploader = null
},
components: {
UploaderBtn,
--
Gitblit v1.8.0