mirror of
https://github.com/wikihost-opensource/als.git
synced 2025-12-24 12:57:59 +08:00
[CodeFactor] Apply fixes
This commit is contained in:
codefactor-io
@@ -7,8 +7,12 @@
|
||||
<div>
|
||||
<h4>下行</h4>
|
||||
<h1>{{ h5Download }} Mbps</h1>
|
||||
<apexchart type="area" :options="h5SpeedtestDownloadSpeedChart.chartOptions" height="200px"
|
||||
:series="h5SpeedtestDownloadSpeedChart.series">
|
||||
<apexchart
|
||||
type="area"
|
||||
:options="h5SpeedtestDownloadSpeedChart.chartOptions"
|
||||
height="200px"
|
||||
:series="h5SpeedtestDownloadSpeedChart.series"
|
||||
>
|
||||
</apexchart>
|
||||
</div>
|
||||
</n-gi>
|
||||
@@ -16,8 +20,12 @@
|
||||
<div>
|
||||
<h4>上行</h4>
|
||||
<h1>{{ h5Upload }} Mbps</h1>
|
||||
<apexchart type="area" :options="h5SpeedtestUploadSpeedChart.chartOptions" height="200px"
|
||||
:series="h5SpeedtestUploadSpeedChart.series">
|
||||
<apexchart
|
||||
type="area"
|
||||
:options="h5SpeedtestUploadSpeedChart.chartOptions"
|
||||
height="200px"
|
||||
:series="h5SpeedtestUploadSpeedChart.series"
|
||||
>
|
||||
</apexchart>
|
||||
</div>
|
||||
</n-gi>
|
||||
@@ -28,19 +36,37 @@
|
||||
</h3>
|
||||
<h3>上行: {{ h5Upload }}</h3> -->
|
||||
<n-space justify="space-evenly">
|
||||
<n-button size="large" @click="startOrStopSpeedtest" style="margin-top: 10px">
|
||||
<n-spin size="small" v-show="h5SpeedWorker !== null" style="margin-right: 10px" />
|
||||
<n-button
|
||||
size="large"
|
||||
@click="startOrStopSpeedtest"
|
||||
style="margin-top: 10px"
|
||||
>
|
||||
<n-spin
|
||||
size="small"
|
||||
v-show="h5SpeedWorker !== null"
|
||||
style="margin-right: 10px"
|
||||
/>
|
||||
{{ h5SpeedtestButtonText }}
|
||||
</n-button>
|
||||
</n-space>
|
||||
<n-divider v-show="componentConfig?.testFiles?.length > 0" dashed />
|
||||
<n-space v-if="componentConfig?.testFiles?.length > 0" justify="space-evenly">
|
||||
<n-space
|
||||
v-if="componentConfig?.testFiles?.length > 0"
|
||||
justify="space-evenly"
|
||||
>
|
||||
<div v-if="componentConfig.public_ipv4">
|
||||
<h3 style="text-align: center">IPv4 下载测试</h3>
|
||||
<n-space>
|
||||
<template v-for="i in componentConfig.testFiles">
|
||||
<n-button strong secondary type="info" size="small" tag="a"
|
||||
:href="`//${componentConfig.public_ipv4}/speedtest-static/${i}.test`" target="_blank">
|
||||
<n-button
|
||||
strong
|
||||
secondary
|
||||
type="info"
|
||||
size="small"
|
||||
tag="a"
|
||||
:href="`//${componentConfig.public_ipv4}/speedtest-static/${i}.test`"
|
||||
target="_blank"
|
||||
>
|
||||
{{ i }}
|
||||
</n-button>
|
||||
</template>
|
||||
@@ -51,8 +77,15 @@
|
||||
<h3 style="text-align: center">IPv6 下载测试</h3>
|
||||
<n-space>
|
||||
<template v-for="i in componentConfig.testFiles">
|
||||
<n-button strong secondary type="info" size="small" tag="a"
|
||||
:href="`//[${componentConfig.public_ipv6}]/speedtest-static/${i}.test`" target="_blank">
|
||||
<n-button
|
||||
strong
|
||||
secondary
|
||||
type="info"
|
||||
size="small"
|
||||
tag="a"
|
||||
:href="`//[${componentConfig.public_ipv6}]/speedtest-static/${i}.test`"
|
||||
target="_blank"
|
||||
>
|
||||
{{ i }}
|
||||
</n-button>
|
||||
</template>
|
||||
@@ -146,12 +179,12 @@ export default defineComponent({
|
||||
};
|
||||
this.h5SpeedWorker.postMessage(
|
||||
"start " +
|
||||
JSON.stringify({
|
||||
test_order: "D_U",
|
||||
url_dl: "speedtest/download",
|
||||
url_ul: "speedtest/upload",
|
||||
url_ping: "speedtest/upload",
|
||||
})
|
||||
JSON.stringify({
|
||||
test_order: "D_U",
|
||||
url_dl: "speedtest/download",
|
||||
url_ul: "speedtest/upload",
|
||||
url_ping: "speedtest/upload",
|
||||
})
|
||||
);
|
||||
this.h5SpeedWorkerTimer = setInterval(() => {
|
||||
this.h5SpeedWorker.postMessage("status");
|
||||
@@ -279,6 +312,6 @@ export default defineComponent({
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() { },
|
||||
mounted() {},
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -3,13 +3,26 @@
|
||||
<n-card>
|
||||
<template #header> 网络工具 </template>
|
||||
<n-space>
|
||||
<n-button v-show="componentConfig.utilities_ping" @click="activate('ping')">Ping</n-button>
|
||||
<n-button
|
||||
v-show="componentConfig.utilities_ping"
|
||||
@click="activate('ping')"
|
||||
>Ping</n-button
|
||||
>
|
||||
<!-- <n-button v-show="componentConfig.utilities_traceroute" @click="activate('traceroute')">Traceroute</n-button> -->
|
||||
<n-button v-show="componentConfig.utilities_iperf3" @click="activate('iperf3')">iPerf3</n-button>
|
||||
<n-button
|
||||
v-show="componentConfig.utilities_iperf3"
|
||||
@click="activate('iperf3')"
|
||||
>iPerf3</n-button
|
||||
>
|
||||
<n-button @click="activate('speedtest')">Speedtest.net</n-button>
|
||||
</n-space>
|
||||
</n-card>
|
||||
<n-drawer v-model:show="componentSwitch.ping" :native-scrollbar="true" :width="drawWidth" placement="right">
|
||||
<n-drawer
|
||||
v-model:show="componentSwitch.ping"
|
||||
:native-scrollbar="true"
|
||||
:width="drawWidth"
|
||||
placement="right"
|
||||
>
|
||||
<n-drawer-content title="Ping" :closable="true">
|
||||
<ping v-model:ws="ws" v-model:wsMessage="wsMessage" />
|
||||
</n-drawer-content>
|
||||
@@ -24,15 +37,33 @@
|
||||
<traceroute v-model:ws="ws" v-model:wsMessage="wsMessage" />
|
||||
</n-drawer-content>
|
||||
</n-drawer> -->
|
||||
<n-drawer v-model:show="componentSwitch.iperf3" :native-scrollbar="true" :width="drawWidth" placement="right">
|
||||
<n-drawer
|
||||
v-model:show="componentSwitch.iperf3"
|
||||
:native-scrollbar="true"
|
||||
:width="drawWidth"
|
||||
placement="right"
|
||||
>
|
||||
<n-drawer-content title="iPerf3" :closable="true">
|
||||
<iperf3 v-model:ws="ws" v-model:wsMessage="wsMessage" v-model:componentConfig="componentConfig" />
|
||||
<iperf3
|
||||
v-model:ws="ws"
|
||||
v-model:wsMessage="wsMessage"
|
||||
v-model:componentConfig="componentConfig"
|
||||
/>
|
||||
</n-drawer-content>
|
||||
</n-drawer>
|
||||
|
||||
<n-drawer v-model:show="componentSwitch.speedtest" :native-scrollbar="true" :width="drawWidth" placement="right">
|
||||
<n-drawer
|
||||
v-model:show="componentSwitch.speedtest"
|
||||
:native-scrollbar="true"
|
||||
:width="drawWidth"
|
||||
placement="right"
|
||||
>
|
||||
<n-drawer-content title="Speedtest.net GUI" :closable="true">
|
||||
<speedtestdotnet v-model:ws="ws" v-model:wsMessage="wsMessage" v-model:componentConfig="componentConfig" />
|
||||
<speedtestdotnet
|
||||
v-model:ws="ws"
|
||||
v-model:wsMessage="wsMessage"
|
||||
v-model:componentConfig="componentConfig"
|
||||
/>
|
||||
</n-drawer-content>
|
||||
</n-drawer>
|
||||
</div>
|
||||
@@ -46,7 +77,9 @@ export default defineComponent({
|
||||
// traceroute: defineAsyncComponent(() =>
|
||||
// import("./Utilities/Traceroute.vue")
|
||||
// ),
|
||||
speedtestdotnet: defineAsyncComponent(() => import("./Utilities/Speedtest.vue")),
|
||||
speedtestdotnet: defineAsyncComponent(() =>
|
||||
import("./Utilities/Speedtest.vue")
|
||||
),
|
||||
iperf3: defineAsyncComponent(() => import("./Utilities/iPerf3.vue")),
|
||||
},
|
||||
props: {
|
||||
|
||||
@@ -1,286 +1,313 @@
|
||||
<template>
|
||||
<n-space vertical>
|
||||
<n-input-group>
|
||||
<n-input :disabled="working" v-model:value="serverId" :style="{ width: '90%' }"
|
||||
placeholder="speedtest.net 服务器 ID (可空)" @keyup.enter="speedtest" />
|
||||
<n-button :loading="working" type="primary" ghost @click="speedtest()">
|
||||
Run
|
||||
</n-button>
|
||||
</n-input-group>
|
||||
<n-collapse-transition :show="isQueue">
|
||||
<n-spin>
|
||||
<n-alert :show-icon="false" :bordered="false">
|
||||
<br />
|
||||
<br />
|
||||
</n-alert>
|
||||
<template #description>
|
||||
测速请求正在排队中, 目前您在第 {{ QueueStat.pos }} 位 (共 {{ QueueStat.total }} 位)
|
||||
</template>
|
||||
</n-spin>
|
||||
</n-collapse-transition>
|
||||
<n-space vertical>
|
||||
<n-input-group>
|
||||
<n-input
|
||||
:disabled="working"
|
||||
v-model:value="serverId"
|
||||
:style="{ width: '90%' }"
|
||||
placeholder="speedtest.net 服务器 ID (可空)"
|
||||
@keyup.enter="speedtest"
|
||||
/>
|
||||
<n-button :loading="working" type="primary" ghost @click="speedtest()">
|
||||
Run
|
||||
</n-button>
|
||||
</n-input-group>
|
||||
<n-collapse-transition :show="isQueue">
|
||||
<n-spin>
|
||||
<n-alert :show-icon="false" :bordered="false">
|
||||
<br />
|
||||
<br />
|
||||
</n-alert>
|
||||
<template #description>
|
||||
测速请求正在排队中, 目前您在第 {{ QueueStat.pos }} 位 (共
|
||||
{{ QueueStat.total }} 位)
|
||||
</template>
|
||||
</n-spin>
|
||||
</n-collapse-transition>
|
||||
|
||||
<n-collapse-transition :show="isSpeedtest && action == '' && !isCrash">
|
||||
<n-alert :show-icon="false" :bordered="false">
|
||||
测试很快开始...
|
||||
</n-alert>
|
||||
</n-collapse-transition>
|
||||
<n-collapse-transition :show="speedtestData.result != ''">
|
||||
<n-alert :show-icon="false" :bordered="false">
|
||||
<a :href="speedtestData.result" target="_blank">
|
||||
<img :src="speedtestData.result + '.png'"
|
||||
style="max-width: 300px;height: 100%; display: flex; margin: auto auto;" />
|
||||
</a>
|
||||
</n-alert>
|
||||
</n-collapse-transition>
|
||||
<n-collapse-transition :show="isSpeedtest && action != ''">
|
||||
<n-collapse-transition :show="working">
|
||||
<p>{{ action }} - 进度 <span style="float: right;">{{ progress.sub }}%</span></p>
|
||||
<n-progress type="line" :percentage="progress.sub" :show-indicator="false" :processing="working" />
|
||||
<p>总进度 <span style="float: right;">{{ progress.full }}%</span></p>
|
||||
<n-progress type="line" :percentage="progress.full" :show-indicator="false" :processing="working" />
|
||||
</n-collapse-transition>
|
||||
<n-collapse-transition :show="isSpeedtest && speedtestData.serverInfo.id != ''">
|
||||
<n-divider v-if="working" />
|
||||
<n-table :bordered="true" :single-line="false">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>服务器 ID</td>
|
||||
<td>{{ speedtestData.serverInfo.id }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>服务器位置</td>
|
||||
<td>{{ speedtestData.serverInfo.pos }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>服务器名称</td>
|
||||
<td>{{ speedtestData.serverInfo.name }}</td>
|
||||
</tr>
|
||||
<n-collapse-transition :show="isSpeedtest && action == '' && !isCrash">
|
||||
<n-alert :show-icon="false" :bordered="false"> 测试很快开始... </n-alert>
|
||||
</n-collapse-transition>
|
||||
<n-collapse-transition :show="speedtestData.result != ''">
|
||||
<n-alert :show-icon="false" :bordered="false">
|
||||
<a :href="speedtestData.result" target="_blank">
|
||||
<img
|
||||
:src="speedtestData.result + '.png'"
|
||||
style="
|
||||
max-width: 300px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
margin: auto;
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
</n-alert>
|
||||
</n-collapse-transition>
|
||||
<n-collapse-transition :show="isSpeedtest && action != ''">
|
||||
<n-collapse-transition :show="working">
|
||||
<p>
|
||||
{{ action }} - 进度
|
||||
<span style="float: right">{{ progress.sub }}%</span>
|
||||
</p>
|
||||
<n-progress
|
||||
type="line"
|
||||
:percentage="progress.sub"
|
||||
:show-indicator="false"
|
||||
:processing="working"
|
||||
/>
|
||||
<p>
|
||||
总进度 <span style="float: right">{{ progress.full }}%</span>
|
||||
</p>
|
||||
<n-progress
|
||||
type="line"
|
||||
:percentage="progress.full"
|
||||
:show-indicator="false"
|
||||
:processing="working"
|
||||
/>
|
||||
</n-collapse-transition>
|
||||
<n-collapse-transition
|
||||
:show="isSpeedtest && speedtestData.serverInfo.id != ''"
|
||||
>
|
||||
<n-divider v-if="working" />
|
||||
<n-table :bordered="true" :single-line="false">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>服务器 ID</td>
|
||||
<td>{{ speedtestData.serverInfo.id }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>服务器位置</td>
|
||||
<td>{{ speedtestData.serverInfo.pos }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>服务器名称</td>
|
||||
<td>{{ speedtestData.serverInfo.name }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</n-table>
|
||||
</n-collapse-transition>
|
||||
|
||||
</tbody>
|
||||
</n-table>
|
||||
</n-collapse-transition>
|
||||
|
||||
<n-collapse-transition :show="isSpeedtest && speedtestData.ping != '0'">
|
||||
<n-divider />
|
||||
<n-table :bordered="true" :single-line="false">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>延迟</td>
|
||||
<td v-if="speedtestData.ping == '0'">等待开始</td>
|
||||
<td v-else>{{ speedtestData.ping }} ms</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>下载速度</td>
|
||||
<td v-if="speedtestData.download == ''">等待开始</td>
|
||||
<td v-else>{{ speedtestData.download }} </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>上传速度</td>
|
||||
<td v-if="speedtestData.upload == ''">等待开始</td>
|
||||
<td v-else>{{ speedtestData.upload }} </td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</n-table>
|
||||
</n-collapse-transition>
|
||||
</n-collapse-transition>
|
||||
</n-space>
|
||||
<n-collapse-transition :show="isSpeedtest && speedtestData.ping != '0'">
|
||||
<n-divider />
|
||||
<n-table :bordered="true" :single-line="false">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>延迟</td>
|
||||
<td v-if="speedtestData.ping == '0'">等待开始</td>
|
||||
<td v-else>{{ speedtestData.ping }} ms</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>下载速度</td>
|
||||
<td v-if="speedtestData.download == ''">等待开始</td>
|
||||
<td v-else>{{ speedtestData.download }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>上传速度</td>
|
||||
<td v-if="speedtestData.upload == ''">等待开始</td>
|
||||
<td v-else>{{ speedtestData.upload }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</n-table>
|
||||
</n-collapse-transition>
|
||||
</n-collapse-transition>
|
||||
</n-space>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { defineComponent, defineAsyncComponent } from "vue";
|
||||
export default defineComponent({
|
||||
data() {
|
||||
return {
|
||||
isCrash: false,
|
||||
isQueue: false,
|
||||
QueueStat: {
|
||||
pos: 0,
|
||||
total: 0
|
||||
},
|
||||
isSpeedtest: false,
|
||||
serverId: "",
|
||||
working: false,
|
||||
action: "",
|
||||
isFinish: false,
|
||||
progress: {
|
||||
sub: 0,
|
||||
full: 0,
|
||||
},
|
||||
speedtestData: {
|
||||
ping: "0",
|
||||
download: "",
|
||||
upload: "",
|
||||
result: "",
|
||||
serverInfo: {
|
||||
id: '',
|
||||
name: '',
|
||||
pos: '',
|
||||
}
|
||||
},
|
||||
steps: {
|
||||
start: false,
|
||||
ping: false,
|
||||
download: false,
|
||||
upload: false,
|
||||
end: false,
|
||||
}
|
||||
};
|
||||
},
|
||||
props: {
|
||||
wsMessage: Array,
|
||||
ws: WebSocket,
|
||||
componentConfig: Object,
|
||||
},
|
||||
methods: {
|
||||
formatBytes(bytes, decimals = 2, bandwidth = false) {
|
||||
if (bytes === 0) return "0 Bytes";
|
||||
|
||||
const k = 1024;
|
||||
const dm = decimals < 0 ? 0 : decimals;
|
||||
const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
|
||||
const bandwidthSizes = [
|
||||
"Bps",
|
||||
"Kbps",
|
||||
"Mbps",
|
||||
"Gbps",
|
||||
"Tbps",
|
||||
"Pbs",
|
||||
"Ebps",
|
||||
"Zbps",
|
||||
"Ybps",
|
||||
];
|
||||
|
||||
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
||||
|
||||
if (bandwidth) {
|
||||
bytes = bytes * 10;
|
||||
return (
|
||||
parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) +
|
||||
" " +
|
||||
bandwidthSizes[i]
|
||||
);
|
||||
}
|
||||
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
|
||||
data() {
|
||||
return {
|
||||
isCrash: false,
|
||||
isQueue: false,
|
||||
QueueStat: {
|
||||
pos: 0,
|
||||
total: 0,
|
||||
},
|
||||
isSpeedtest: false,
|
||||
serverId: "",
|
||||
working: false,
|
||||
action: "",
|
||||
isFinish: false,
|
||||
progress: {
|
||||
sub: 0,
|
||||
full: 0,
|
||||
},
|
||||
speedtestData: {
|
||||
ping: "0",
|
||||
download: "",
|
||||
upload: "",
|
||||
result: "",
|
||||
serverInfo: {
|
||||
id: "",
|
||||
name: "",
|
||||
pos: "",
|
||||
},
|
||||
speedtest() {
|
||||
const commandIndex = "5";
|
||||
if (this.working) return false;
|
||||
this.working = true;
|
||||
this.isSpeedtest = false;
|
||||
this.isCrash = false;
|
||||
this.isQueue = true;
|
||||
this.speedtestData = {
|
||||
ping: "0",
|
||||
download: "",
|
||||
upload: "",
|
||||
result: "",
|
||||
serverInfo: {
|
||||
id: '',
|
||||
pos: '',
|
||||
name: '',
|
||||
},
|
||||
steps: {
|
||||
start: false,
|
||||
ping: false,
|
||||
download: false,
|
||||
upload: false,
|
||||
end: false,
|
||||
},
|
||||
};
|
||||
},
|
||||
props: {
|
||||
wsMessage: Array,
|
||||
ws: WebSocket,
|
||||
componentConfig: Object,
|
||||
},
|
||||
methods: {
|
||||
formatBytes(bytes, decimals = 2, bandwidth = false) {
|
||||
if (bytes === 0) return "0 Bytes";
|
||||
|
||||
const k = 1024;
|
||||
const dm = decimals < 0 ? 0 : decimals;
|
||||
const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
|
||||
const bandwidthSizes = [
|
||||
"Bps",
|
||||
"Kbps",
|
||||
"Mbps",
|
||||
"Gbps",
|
||||
"Tbps",
|
||||
"Pbs",
|
||||
"Ebps",
|
||||
"Zbps",
|
||||
"Ybps",
|
||||
];
|
||||
|
||||
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
||||
|
||||
if (bandwidth) {
|
||||
bytes = bytes * 10;
|
||||
return (
|
||||
parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) +
|
||||
" " +
|
||||
bandwidthSizes[i]
|
||||
);
|
||||
}
|
||||
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
|
||||
},
|
||||
speedtest() {
|
||||
const commandIndex = "5";
|
||||
if (this.working) return false;
|
||||
this.working = true;
|
||||
this.isSpeedtest = false;
|
||||
this.isCrash = false;
|
||||
this.isQueue = true;
|
||||
this.speedtestData = {
|
||||
ping: "0",
|
||||
download: "",
|
||||
upload: "",
|
||||
result: "",
|
||||
serverInfo: {
|
||||
id: "",
|
||||
pos: "",
|
||||
name: "",
|
||||
},
|
||||
};
|
||||
this.action = "";
|
||||
if (this.serverId.length == 0) {
|
||||
this.ws.send(commandIndex);
|
||||
} else {
|
||||
this.ws.send(commandIndex + "|" + this.serverId);
|
||||
}
|
||||
|
||||
let ticket = "";
|
||||
let worker = this.$watch(
|
||||
() => this.wsMessage,
|
||||
(e) => {
|
||||
this.wsMessage.forEach((e, i) => {
|
||||
if (e[0] != commandIndex) return true;
|
||||
|
||||
if (ticket.length == 0 && e[1] == "1" && e.length == 3) {
|
||||
ticket = e[2];
|
||||
this.wsMessage.splice(i, 1);
|
||||
return true;
|
||||
}
|
||||
|
||||
if (ticket != e[1]) {
|
||||
this.wsMessage.splice(i, 1);
|
||||
return true;
|
||||
}
|
||||
|
||||
if (e[2] == "2") {
|
||||
if (e[3] == "0") {
|
||||
this.isQueue = false;
|
||||
this.isSpeedtest = true;
|
||||
this.wsMessage.splice(i, 1);
|
||||
return true;
|
||||
}
|
||||
this.isQueue = true;
|
||||
this.QueueStat.pos = e[4];
|
||||
this.QueueStat.total = e[5];
|
||||
this.wsMessage.splice(i, 1);
|
||||
return true;
|
||||
}
|
||||
|
||||
switch (e[2]) {
|
||||
// end
|
||||
case "0":
|
||||
this.working = false;
|
||||
worker();
|
||||
this.wsMessage.splice(i, 1);
|
||||
if (!this.isFinish) {
|
||||
this.action = "";
|
||||
this.isSpeedtest = false;
|
||||
this.isCrash = true;
|
||||
}
|
||||
}
|
||||
this.action = ""
|
||||
if (this.serverId.length == 0) {
|
||||
this.ws.send(commandIndex);
|
||||
} else {
|
||||
this.ws.send(commandIndex + "|" + this.serverId);
|
||||
return false;
|
||||
case "3":
|
||||
this.progress.sub = parseInt(e[3]);
|
||||
break;
|
||||
case "4":
|
||||
this.progress.full = parseInt(e[3]);
|
||||
break;
|
||||
case "100":
|
||||
this.action = "获取服务器信息";
|
||||
break;
|
||||
case "101":
|
||||
this.action = "测试服务器延迟";
|
||||
break;
|
||||
case "102":
|
||||
this.action = "测试下载速度";
|
||||
break;
|
||||
case "103":
|
||||
this.action = "测速上传速度";
|
||||
break;
|
||||
case "104":
|
||||
this.isFinish = true;
|
||||
break;
|
||||
case "200":
|
||||
let serverInfo = JSON.parse(e[3]);
|
||||
this.speedtestData.serverInfo.id = serverInfo.id;
|
||||
this.speedtestData.serverInfo.pos =
|
||||
serverInfo.country + " - " + serverInfo.location;
|
||||
this.speedtestData.serverInfo.name = serverInfo.name;
|
||||
break;
|
||||
case "201":
|
||||
this.speedtestData.ping = e[3];
|
||||
break;
|
||||
case "202":
|
||||
this.speedtestData.download = this.formatBytes(e[3], 2, true);
|
||||
break;
|
||||
case "203":
|
||||
this.speedtestData.upload = this.formatBytes(e[3], 2, true);
|
||||
break;
|
||||
case "204":
|
||||
let result = JSON.parse(e[3]);
|
||||
this.speedtestData.result = result.url;
|
||||
break;
|
||||
}
|
||||
|
||||
let ticket = "";
|
||||
let worker = this.$watch(
|
||||
() => this.wsMessage,
|
||||
(e) => {
|
||||
this.wsMessage.forEach((e, i) => {
|
||||
if (e[0] != commandIndex) return true;
|
||||
|
||||
if (ticket.length == 0 && e[1] == "1" && e.length == 3) {
|
||||
ticket = e[2];
|
||||
this.wsMessage.splice(i, 1);
|
||||
return true;
|
||||
}
|
||||
|
||||
if (ticket != e[1]) {
|
||||
this.wsMessage.splice(i, 1);
|
||||
return true;
|
||||
}
|
||||
|
||||
if (e[2] == "2") {
|
||||
if (e[3] == "0") {
|
||||
this.isQueue = false;
|
||||
this.isSpeedtest = true;
|
||||
this.wsMessage.splice(i, 1);
|
||||
return true;
|
||||
}
|
||||
this.isQueue = true;
|
||||
this.QueueStat.pos = e[4]
|
||||
this.QueueStat.total = e[5]
|
||||
this.wsMessage.splice(i, 1);
|
||||
return true;
|
||||
}
|
||||
|
||||
switch (e[2]) {
|
||||
// end
|
||||
case '0':
|
||||
this.working = false;
|
||||
worker();
|
||||
this.wsMessage.splice(i, 1);
|
||||
if (!this.isFinish) {
|
||||
this.action = ""
|
||||
this.isSpeedtest = false;
|
||||
this.isCrash = true
|
||||
}
|
||||
return false;
|
||||
case '3':
|
||||
this.progress.sub = parseInt(e[3])
|
||||
break;
|
||||
case '4':
|
||||
this.progress.full = parseInt(e[3])
|
||||
break;
|
||||
case '100':
|
||||
this.action = "获取服务器信息"
|
||||
break;
|
||||
case '101':
|
||||
this.action = "测试服务器延迟"
|
||||
break;
|
||||
case '102':
|
||||
this.action = "测试下载速度"
|
||||
break;
|
||||
case '103':
|
||||
this.action = "测速上传速度"
|
||||
break;
|
||||
case '104':
|
||||
this.isFinish = true
|
||||
break;
|
||||
case '200':
|
||||
let serverInfo = JSON.parse(e[3])
|
||||
this.speedtestData.serverInfo.id = serverInfo.id
|
||||
this.speedtestData.serverInfo.pos = serverInfo.country + ' - ' + serverInfo.location
|
||||
this.speedtestData.serverInfo.name = serverInfo.name
|
||||
break;
|
||||
case '201':
|
||||
this.speedtestData.ping = e[3]
|
||||
break;
|
||||
case '202':
|
||||
this.speedtestData.download = this.formatBytes(e[3], 2, true)
|
||||
break;
|
||||
case '203':
|
||||
this.speedtestData.upload = this.formatBytes(e[3], 2, true)
|
||||
break;
|
||||
case '204':
|
||||
let result = JSON.parse(e[3]);
|
||||
this.speedtestData.result = result.url
|
||||
break;
|
||||
}
|
||||
|
||||
this.wsMessage.splice(i, 1);
|
||||
return true;
|
||||
});
|
||||
},
|
||||
{ immediate: true, deep: true }
|
||||
);
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
this.wsMessage.splice(i, 1);
|
||||
return true;
|
||||
});
|
||||
},
|
||||
{ immediate: true, deep: true }
|
||||
);
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user