old mode 100644
new mode 100755
| | |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="6" > |
|---|
| | | <el-button icon="el-icon-download" v-if="percentage < 100" size="mini" title="点击下载可将以缓存部分下载到本地" @click="download()">停止缓存并下载</el-button> |
|---|
| | | <el-button icon="el-icon-download" v-if="downloadFile" size="mini" title="点击下载" @click="downloadFileClientEvent()">点击下载</el-button> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | </el-dialog> |
|---|
| | |
|---|
| | | export default { |
|---|
| | | name: 'recordDownload', |
|---|
| | | created() { |
|---|
| | | |
|---|
| | | window.addEventListener('beforeunload', this.stopDownloadRecord) |
|---|
| | | |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | |
|---|
| | | taskId: null, |
|---|
| | | getProgressRun: false, |
|---|
| | | getProgressForFileRun: false, |
|---|
| | | timer: null |
|---|
| | | timer: null, |
|---|
| | | downloadFile: null, |
|---|
| | | |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | |
|---|
| | | } |
|---|
| | | setTimeout( ()=>{ |
|---|
| | | if (!this.showDialog) return; |
|---|
| | | this.getProgressForFile(this.getProgressForFileTimer()) |
|---|
| | | this.getProgressForFile(this.getProgressForFileTimer) |
|---|
| | | }, 1000) |
|---|
| | | }, |
|---|
| | | getProgressForFile: function (callback){ |
|---|
| | |
|---|
| | | if (res.data.code === 0) { |
|---|
| | | if (res.data.data.length === 0){ |
|---|
| | | this.percentage = 0 |
|---|
| | | // 往往在多次请求后（实验五分钟的视频是三次请求），才会返回数据，第一次请求通常是返回空数组 |
|---|
| | | if (callback)callback() |
|---|
| | | return |
|---|
| | | } |
|---|
| | | this.percentage = parseFloat(res.data.data.percentage)*100 |
|---|
| | | // res.data.data应是数组类型 |
|---|
| | | this.percentage = parseFloat(res.data.data[0].percentage)*100 |
|---|
| | | if (res.data.data[0].percentage === '1') { |
|---|
| | | this.getProgressForFileRun = false; |
|---|
| | | window.open(res.data.data[0].downloadFile) |
|---|
| | | this.close(); |
|---|
| | | this.downloadFile = res.data.data[0].downloadFile |
|---|
| | | this.title = "文件处理完成，点击按扭下载" |
|---|
| | | // window.open(res.data.data[0].downloadFile) |
|---|
| | | }else { |
|---|
| | | if (callback)callback() |
|---|
| | | } |
|---|
| | |
|---|
| | | }).catch(function (error) { |
|---|
| | | console.log(error); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | downloadFileClientEvent: function (){ |
|---|
| | | window.open(this.downloadFile ) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | destroyed() { |
|---|
| | | window.removeEventListener('beforeunload', this.stopDownloadRecord) |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
