Compare commits
No commits in common. "1b2f1e6374887284b6252c323c7e9a163a16374e" and "839629eb4a127ea209f1c676acbee97e0ddb8fe7" have entirely different histories.
1b2f1e6374
...
839629eb4a
|
@ -4,10 +4,8 @@
|
||||||
<h6 style="text-align: center;margin: 1rem;">{{ props.serve.tips }} <q-icon v-show="online" title="在线"
|
<h6 style="text-align: center;margin: 1rem;">{{ props.serve.tips }} <q-icon v-show="online" title="在线"
|
||||||
name="check_circle_outline" style="color: green;" /> <q-icon v-show="!online" title="离线" name="highlight_off"
|
name="check_circle_outline" style="color: green;" /> <q-icon v-show="!online" title="离线" name="highlight_off"
|
||||||
style="color: red;" /></h6>
|
style="color: red;" /></h6>
|
||||||
<div v-show="online" style="text-align: center;"><q-icon title="在线" name="signal_cellular_alt"
|
|
||||||
:style="{ color: signal_style }" /><span>{{ time }}ms</span></div>
|
|
||||||
<q-input v-model="outtext" filled autogrow readonly />
|
<q-input v-model="outtext" filled autogrow readonly />
|
||||||
<div style="text-align: center;margin-top: 1rem;">
|
<div style="text-align: center;margin-top: 1rem;display: flex;justify-content: space-around;">
|
||||||
<q-btn color="white" text-color="black" @click="copy('link')" label="复制" />
|
<q-btn color="white" text-color="black" @click="copy('link')" label="复制" />
|
||||||
<!-- <q-btn color="white" text-color="black" @click="copy('sub')" label="复制订阅" /> -->
|
<!-- <q-btn color="white" text-color="black" @click="copy('sub')" label="复制订阅" /> -->
|
||||||
</div>
|
</div>
|
||||||
|
@ -42,12 +40,10 @@ export default defineComponent({
|
||||||
let http = props.serve.istls == 0 ? 'http' : 'https'
|
let http = props.serve.istls == 0 ? 'http' : 'https'
|
||||||
api.text_server(`${http}://${props.serve.ip}:${props.serve.port}/${ip}`).then(res => {
|
api.text_server(`${http}://${props.serve.ip}:${props.serve.port}/${ip}`).then(res => {
|
||||||
online.value = res.data.sataus == 400
|
online.value = res.data.sataus == 400
|
||||||
time.value = res.data.time
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const api = new getdata;
|
const api = new getdata;
|
||||||
const $q = useQuasar()
|
const $q = useQuasar()
|
||||||
const time = ref(0)
|
|
||||||
const outtext = computed(() => {
|
const outtext = computed(() => {
|
||||||
let tmp = ''
|
let tmp = ''
|
||||||
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
||||||
|
@ -73,17 +69,6 @@ export default defineComponent({
|
||||||
|
|
||||||
return tmp
|
return tmp
|
||||||
})
|
})
|
||||||
const signal_style = computed(() => {
|
|
||||||
let tmp = ''
|
|
||||||
if (time.value >= 0 && time.value <= 700) {
|
|
||||||
tmp = 'green'
|
|
||||||
} else if (time.value > 700 && time.value < 1400) {
|
|
||||||
tmp = '#FF9800'
|
|
||||||
} else {
|
|
||||||
tmp = 'red'
|
|
||||||
}
|
|
||||||
return tmp
|
|
||||||
})
|
|
||||||
const copy = (type: string) => {
|
const copy = (type: string) => {
|
||||||
let tmp = ''
|
let tmp = ''
|
||||||
switch (type) {
|
switch (type) {
|
||||||
|
@ -113,7 +98,7 @@ export default defineComponent({
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
return { props, outtext, copy, online, time, signal_style };
|
return { props, outtext, copy, online };
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -3,8 +3,6 @@
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<h6 style="text-align: center;margin: 1rem;">直连<q-icon v-show="online" title="在线" name="check_circle_outline"
|
<h6 style="text-align: center;margin: 1rem;">直连<q-icon v-show="online" title="在线" name="check_circle_outline"
|
||||||
style="color: green;" /> <q-icon v-show="!online" title="离线" name="highlight_off" style="color: red;" /></h6>
|
style="color: green;" /> <q-icon v-show="!online" title="离线" name="highlight_off" style="color: red;" /></h6>
|
||||||
<div v-show="online" style="text-align: center;"><q-icon title="在线" name="signal_cellular_alt"
|
|
||||||
:style="{ color: signal_style }" /><span>{{ time }}ms</span></div>
|
|
||||||
<q-input v-model="outtext" filled autogrow readonly />
|
<q-input v-model="outtext" filled autogrow readonly />
|
||||||
<div style="text-align: center;margin-top: 1rem;display: flex;justify-content: space-around;">
|
<div style="text-align: center;margin-top: 1rem;display: flex;justify-content: space-around;">
|
||||||
<q-btn color="white" text-color="black" @click="copy('link')" label="复制" />
|
<q-btn color="white" text-color="black" @click="copy('link')" label="复制" />
|
||||||
|
@ -32,13 +30,11 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
setup(props) {
|
setup(props) {
|
||||||
const time = ref(0);
|
|
||||||
const online = ref(false);
|
const online = ref(false);
|
||||||
const isonline = (ip: string) => {
|
const isonline = (ip: string) => {
|
||||||
let http = 'http'
|
let http = 'http'
|
||||||
api.text_server(`${http}://${ip}:9000/`).then(res => {
|
api.text_server(`${http}://${ip}:9000/`).then(res => {
|
||||||
online.value = res.data.sataus == 400
|
online.value = res.data.sataus == 400
|
||||||
time.value = res.data.time
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const def_link = 'ew0KICAidiI6ICIyIiwNCiAgInBzIjogIjAiLA0KICAiYWRkIjogIjE4NS4yMTguNi4xMDgiLA0KICAicG9ydCI6ICI5MDAwIiwNCiAgImlkIjogIjJlZTU3ODA2LWY2ZTQtNDgyYS1lZjA4LTczNjBjMDRjZDNlNSIsDQogICJhaWQiOiAiMCIsDQogICJzY3kiOiAiYXV0byIsDQogICJuZXQiOiAid3MiLA0KICAidHlwZSI6ICJub25lIiwNCiAgImhvc3QiOiAiIiwNCiAgInBhdGgiOiAiLyIsDQogICJ0bHMiOiAiIiwNCiAgInNuaSI6ICIiLA0KICAiYWxwbiI6ICIiDQp9'
|
const def_link = 'ew0KICAidiI6ICIyIiwNCiAgInBzIjogIjAiLA0KICAiYWRkIjogIjE4NS4yMTguNi4xMDgiLA0KICAicG9ydCI6ICI5MDAwIiwNCiAgImlkIjogIjJlZTU3ODA2LWY2ZTQtNDgyYS1lZjA4LTczNjBjMDRjZDNlNSIsDQogICJhaWQiOiAiMCIsDQogICJzY3kiOiAiYXV0byIsDQogICJuZXQiOiAid3MiLA0KICAidHlwZSI6ICJub25lIiwNCiAgImhvc3QiOiAiIiwNCiAgInBhdGgiOiAiLyIsDQogICJ0bHMiOiAiIiwNCiAgInNuaSI6ICIiLA0KICAiYWxwbiI6ICIiDQp9'
|
||||||
|
@ -71,17 +67,6 @@ export default defineComponent({
|
||||||
|
|
||||||
return tmp
|
return tmp
|
||||||
})
|
})
|
||||||
const signal_style = computed(() => {
|
|
||||||
let tmp = ''
|
|
||||||
if (time.value >= 0 && time.value <= 700) {
|
|
||||||
tmp = 'green'
|
|
||||||
} else if (time.value > 700 && time.value < 1400) {
|
|
||||||
tmp = '#FF9800'
|
|
||||||
} else {
|
|
||||||
tmp = 'red'
|
|
||||||
}
|
|
||||||
return tmp
|
|
||||||
})
|
|
||||||
const copy = (type: string) => {
|
const copy = (type: string) => {
|
||||||
let tmp = ''
|
let tmp = ''
|
||||||
switch (type) {
|
switch (type) {
|
||||||
|
@ -111,7 +96,7 @@ export default defineComponent({
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
return { props, outtext, copy, online, signal_style, time };
|
return { props, outtext, copy, online };
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -1,7 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="row ">
|
<div class="row ">
|
||||||
节点旁边的图标表示节点状态 在其他加速器上面的状态
|
节点旁边的图标表示节点状态 在其他加速器上面的状态
|
||||||
下面的ms代表延迟 延迟的数据来自江苏宿迁检测站点
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue