diff --git a/src/components/OriginalLinkItem.vue b/src/components/OriginalLinkItem.vue index f164f01..8fa1413 100644 --- a/src/components/OriginalLinkItem.vue +++ b/src/components/OriginalLinkItem.vue @@ -3,6 +3,8 @@
直连
+
{{ time }}ms
@@ -30,11 +32,13 @@ export default defineComponent({ } }, setup(props) { + const time = ref(0); const online = ref(false); const isonline = (ip: string) => { let http = 'http' api.text_server(`${http}://${ip}:9000/`).then(res => { online.value = res.data.sataus == 400 + time.value = res.data.time }) } const def_link = 'ew0KICAidiI6ICIyIiwNCiAgInBzIjogIjAiLA0KICAiYWRkIjogIjE4NS4yMTguNi4xMDgiLA0KICAicG9ydCI6ICI5MDAwIiwNCiAgImlkIjogIjJlZTU3ODA2LWY2ZTQtNDgyYS1lZjA4LTczNjBjMDRjZDNlNSIsDQogICJhaWQiOiAiMCIsDQogICJzY3kiOiAiYXV0byIsDQogICJuZXQiOiAid3MiLA0KICAidHlwZSI6ICJub25lIiwNCiAgImhvc3QiOiAiIiwNCiAgInBhdGgiOiAiLyIsDQogICJ0bHMiOiAiIiwNCiAgInNuaSI6ICIiLA0KICAiYWxwbiI6ICIiDQp9' @@ -67,6 +71,17 @@ export default defineComponent({ 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) => { let tmp = '' switch (type) { @@ -96,7 +111,7 @@ export default defineComponent({ }) }) } - return { props, outtext, copy, online }; + return { props, outtext, copy, online, signal_style, time }; }, }); diff --git a/src/pages/Help.vue b/src/pages/Help.vue index 8a6ebfa..73888c7 100644 --- a/src/pages/Help.vue +++ b/src/pages/Help.vue @@ -1,6 +1,7 @@