1125

src/views/submission/resourcecommit/index.vue

@@ -24,7 +24,7 @@
 							:show-file-list="false"
 							:on-success="handleSuccess"
 							:before-upload="beforeUpload"
-							:on-progress="progressFn"
+							:on-progress="handleProgress"
 							class="upload-demo"
 							drag>
 							<img :src="`${this.domain}${this.requestPath.file}?fileName=${this.formData.fileName}&isOnLine=true`" alt="" v-if="formData.fileName && this.$route.query.resourceType == 2" style="width:auto; height:100%;">
@@ -41,6 +41,7 @@
 							<div class="el-upload__tip" slot="tip" v-else-if="this.$route.query.resourceType == 4">支持mp4格式、avi, flv以及mov。</div>
 							<div class="el-upload__tip" slot="tip" v-else>支持office格式、pdf以及txt。</div>
 						</el-upload>
+						<el-progress v-show="showProcess" :percentage="processLength" :stroke-width="2"></el-progress>	
 					</el-form-item>
 					<el-form-item label="描述/摘要：">
 						<el-input type="textarea" v-model="formData.description" @input="changeType($event)" placeholder="对文档的简要摘要性描述。"></el-input>
@@ -210,6 +211,8 @@ export default {
 			isShowSavaBtn: false,
 			isShowSavaBtn1: false,
 			fieldJsonData: null,
+			processLength: 0,
+			showProcess: false,
 			// timeVal: '',
 			formData: {
 				resourceType: this.$route.query.resourceType,
@@ -419,6 +422,7 @@ export default {
     handleSuccess(response, file, fileList) {
 			console.log(response, 'ooo');
 			this.$message.success("上传成功");
+			this.showProcess = false
 			this.formData.text = response.content;
 			this.formData.size = response.size;
 			this.formData.suffix = response.suffixName;
@@ -647,9 +651,14 @@ export default {
 				}
 			})
 		},
-		progressFn(event, file, fileList) {
-			console.log(event, file, fileList, '11111')
-		}
+		handleProgress(event, file, fileList) {
+			//if (file.status === 'uploading') {
+				this.processLength = 0
+				this.showProcess = true
+				this.processLength = file.percentage.toFixed(0)*1;
+			//} 
+			console.log(this.processLength, '22211aa')
+		},
 	},
 	beforeRouterLeave(to, from, next) {
 		from.meta.keepAlive = false;