|
|
@ -92,8 +92,11 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
// 严格模式 用于尾调用优化 |
|
|
|
"use strict"; |
|
|
|
|
|
|
|
const dec = require("./decrypt/common"); |
|
|
|
const worker = require("workerize-loader!./decrypt/common"); |
|
|
|
const dec = require('./decrypt/common'); |
|
|
|
export default { |
|
|
|
name: 'app', |
|
|
|
components: {}, |
|
|
@ -104,12 +107,38 @@ |
|
|
|
playing_url: "", |
|
|
|
playing_auto: false, |
|
|
|
format: '2', |
|
|
|
workCount: 0, |
|
|
|
cacheQueue: [], |
|
|
|
cacheQueueOption: { |
|
|
|
push: (element) => { |
|
|
|
this.cacheQueue.push(element); |
|
|
|
}, |
|
|
|
pop: () => { |
|
|
|
return this.cacheQueue.shift(); |
|
|
|
}, |
|
|
|
size: () => { |
|
|
|
return this.cacheQueue.length; |
|
|
|
} |
|
|
|
}, |
|
|
|
workers: [], |
|
|
|
idle_workers: [], |
|
|
|
thread_num: 1 |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.$nextTick(function () { |
|
|
|
this.finishLoad(); |
|
|
|
}); |
|
|
|
if (document.location.host !== "") { |
|
|
|
this.thread_num = Math.max(navigator.hardwareConcurrency, 1); |
|
|
|
for (let i = 0; i < this.thread_num; i++) { |
|
|
|
this.workers.push(worker().CommonDecrypt); |
|
|
|
this.idle_workers.push(i); |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.workers.push(dec.CommonDecrypt); |
|
|
|
this.idle_workers.push(0) |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
finishLoad() { |
|
|
@ -125,9 +154,25 @@ |
|
|
|
}); |
|
|
|
}, |
|
|
|
handleFile(file) { |
|
|
|
|
|
|
|
(async () => { |
|
|
|
let data = await dec.CommonDecrypt(file); |
|
|
|
// 有空闲worker 立刻处理文件 |
|
|
|
if (this.idle_workers.length > 0) { |
|
|
|
this.handleDoFile(file, this.idle_workers.shift()); |
|
|
|
} |
|
|
|
// 无空闲worker 则放入缓存队列 |
|
|
|
else { |
|
|
|
this.cacheQueueOption.push(file); |
|
|
|
} |
|
|
|
}, |
|
|
|
handleCacheQueue(worker_id) { |
|
|
|
// 调用方法消费缓存队列中的数据 |
|
|
|
if (this.cacheQueue.length === 0) { |
|
|
|
this.idle_workers.push(worker_id); |
|
|
|
return |
|
|
|
} |
|
|
|
this.handleDoFile(this.cacheQueueOption.pop(), worker_id); |
|
|
|
}, |
|
|
|
handleDoFile(file, worker_id) { |
|
|
|
this.workers[worker_id](file).then(data => { |
|
|
|
if (data.status) { |
|
|
|
this.tableData.push(data); |
|
|
|
this.$notify.success({ |
|
|
@ -147,7 +192,13 @@ |
|
|
|
}); |
|
|
|
window._paq.push(["trackEvent", "Error", data.message, file.name]); |
|
|
|
} |
|
|
|
})(); |
|
|
|
// 完成之后 执行新任务 todo: 可能导致call stack过长 |
|
|
|
this.handleCacheQueue(worker_id); |
|
|
|
}).catch(err => { |
|
|
|
console.error(err, file); |
|
|
|
window._paq.push(["trackEvent", "Error", err, file.name]); |
|
|
|
this.handleCacheQueue(worker_id); |
|
|
|
}) |
|
|
|
}, |
|
|
|
handlePlay(index, row) { |
|
|
|
this.playing_url = row.file; |
|
|
@ -224,6 +275,7 @@ |
|
|
|
font-size: small; |
|
|
|
} |
|
|
|
|
|
|
|
/*noinspection CssUnusedSymbol*/ |
|
|
|
.el-upload-dragger { |
|
|
|
width: 80vw !important; |
|
|
|
} |
|
|
|