diff --git a/src/components/LinkItem.vue b/src/components/LinkItem.vue index 25fee20..b17dc41 100644 --- a/src/components/LinkItem.vue +++ b/src/components/LinkItem.vue @@ -4,8 +4,10 @@
{{ props.serve.tips }}
+
{{ time }}ms
-
+
@@ -40,10 +42,12 @@ export default defineComponent({ let http = props.serve.istls == 0 ? 'http' : 'https' api.text_server(`${http}://${props.serve.ip}:${props.serve.port}/${ip}`).then(res => { online.value = res.data.sataus == 400 + time.value = res.data.time }) } const api = new getdata; const $q = useQuasar() + const time = ref(0) const outtext = computed(() => { let tmp = '' // eslint-disable-next-line @typescript-eslint/no-non-null-assertion @@ -69,6 +73,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) { @@ -98,7 +113,7 @@ export default defineComponent({ }) }) } - return { props, outtext, copy, online }; + return { props, outtext, copy, online, time, signal_style }; }, });