批量上传说明书

src/utils/model/ImportProgress/index.vue

@@ -13,9 +13,12 @@
             </div>
         </div>
         <div class="btn">
-            <el-button size="mini" v-if="!isStop" @click="stop">暂停</el-button>
-            <el-button size="mini" v-else @click="keepOn">继续</el-button>
-            <el-button size="mini" @click="cancel">取消</el-button>
+            <template v-if="state==1">
+                <el-button size="mini" v-if="!isStop" @click="stop">暂停</el-button>
+                <el-button size="mini" v-else @click="keepOn">继续</el-button>
+            </template>
+            
+            <el-button v-if="state<3" size="mini" @click="cancel">取消</el-button>
         </div>
     </div>
     <div class="close">
@@ -45,6 +48,7 @@ export default {
         len:0,
         currentIndex:0,
         resumePromise:null,
+        state:0
     };
   },
   watch: {
@@ -100,13 +104,16 @@ export default {
             if(!start.data){
                 return
             }
+            this.state = 1
             await this.uploadChunks(fileChunks, md5, 0)
+            this.state = 2
             // this.record('等待服务器合并分片')
             this.recordMessage = '等待服务器合并分片'
             const response = await this.$api.mergeChunks({ md5: md5, fileName: this.form.file.name })
             if(response.code != 200){
                 return
             }
+            this.state = 3
             this.record('分片合并完成，等待更新专利说明书')
             let params = {
               url: response.data[0],
@@ -115,6 +122,8 @@ export default {
             }
             await this.$api.batchUploadPatentInstruction(params)
             this.record('开始更新专利说明书')
+            this.del()
+            
           })
     },
     record(status, ) {
@@ -195,6 +204,7 @@ export default {
             doms[i].style.top = doms[i].offsetTop - height - 16 + 'px'
             doms[i].style.zIndex = Number(doms[i].style.zIndex) - 10
         }
+        this.state = 0
     },
     //暂停
     stop(){
@@ -208,6 +218,11 @@ export default {
     },
     //取消
     cancel(){
+        this.stop()
+        //调用取消接口
+        if(this.state>1){
+
+        }
         this.del()
     },
     timedShutdown(){