From 68129cd5d03983f66bc08b00e458f56895a0c8c1 Mon Sep 17 00:00:00 2001
From: lingling <lingling@qq.com>
Date: Mon, 20 Mar 2023 02:14:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E5=85=A5=E8=87=AA=E5=8A=A8=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E6=9C=8D=E5=8A=A1=E5=99=A8=E6=98=AF=E5=90=A6=E5=9C=A8?=
 =?UTF-8?q?=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/api.ts              |  4 ++--
 src/components/LinkItem.vue | 22 +++++++++++++++++++---
 src/pages/IndexPage.vue     | 16 ++++++++++++++--
 3 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/src/api/api.ts b/src/api/api.ts
index 5dd4945..a560ae1 100644
--- a/src/api/api.ts
+++ b/src/api/api.ts
@@ -3,8 +3,8 @@ class getdata {
   async get_server() {
     return await api.get('https://api.shagain.club/api.php?type=list');
   }
-  async text_server() {
-    return await api.get('https://api.shagain.club/api.php?type=list');
+  async text_server(url: string) {
+    return await api.post('http://149.129.107.38:1323/textserver', { url });
   }
 }
 export { getdata };
diff --git a/src/components/LinkItem.vue b/src/components/LinkItem.vue
index a96ae65..973b0d7 100644
--- a/src/components/LinkItem.vue
+++ b/src/components/LinkItem.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="row">
     <div class="col-12">
-      <h6 style="text-align: center;margin: 1rem;">{{ props.serve.tips }} <q-icon title="在线" name="check_circle_outline"
-          style="color: green;" /> <q-icon title="离线" name="hide_source" style="color: red;" /></h6>
+      <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="hide_source"
+          style="color: red;" /></h6>
       <q-input v-model="outtext" filled autogrow />
       <div style="text-align: center;margin-top: 1rem;">
         <q-btn color="white" text-color="black" @click="copy" label="复制" />
@@ -21,6 +22,7 @@ import {
 import { copyToClipboard } from 'quasar'
 import { encode, decode } from 'js-base64';
 import { useQuasar } from 'quasar'
+import { getdata } from 'src/api/api'
 export default defineComponent({
   name: 'LinkItem',
   props: {
@@ -33,6 +35,17 @@ export default defineComponent({
     }
   },
   setup(props) {
+    const online = ref(false);
+    const isonline = () => {
+      let obj = JSON.parse(decode(props.text!.replace('vmess://', '')));
+      let http = props.serve.istls == 0 ? 'http' : 'https'
+      let reg = new RegExp(/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/);
+      let ip = obj.ps.match(reg)[0];
+      api.text_server(`${http}://${props.serve.ip}:${props.serve.port}/${ip}`).then(res => {
+        online.value = res.data.sataus == 400
+      })
+    }
+    const api = new getdata;
     const $q = useQuasar()
     const outtext = computed(() => {
       let obj = JSON.parse(decode(props.text!.replace('vmess://', '')));
@@ -42,9 +55,12 @@ export default defineComponent({
       obj.tls = props.serve.istls == 0 ? '' : 'tls'
       let reg = new RegExp(/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/);
       obj.path = '/' + obj.ps.match(reg)[0];
+      isonline()
       return 'vmess://' + encode(JSON.stringify(obj))
     })
     const copy = () => {
+
+      // api.text_server('http://uszz.giaogiao.uk:8080/34.125.44.195').then(res => { console.log(res.data) })
       copyToClipboard(outtext.value)
         .then(() => {
           // success!
@@ -62,7 +78,7 @@ export default defineComponent({
           })
         })
     }
-    return { props, outtext, copy };
+    return { props, outtext, copy, online };
   },
 });
 </script>
diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index ea9c91b..082f3b6 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -3,7 +3,8 @@
     <div class="row">
       <div class="col-xs-1 col-md-4"></div>
       <div class="col-xs-10 col-md-4">
-        <h6 style="text-align: center;margin: 1rem;">节点</h6>
+        <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="hide_source" style="color: red;" /></h6>
         <q-input v-model="text" filled autogrow />
       </div>
     </div>
@@ -34,6 +35,7 @@ export default defineComponent({
     const serve = ref(<server[]>[])
     const api = new getdata;
     const text = ref('');
+    const online = ref(false);
     onMounted(() => {
       api.get_server().then((res) => {
         for (let index = 0; index < res.data.length; index++) {
@@ -47,6 +49,7 @@ export default defineComponent({
         if (obj.id != '2ee57806-f6e4-482a-ef08-7360c04cd3e5' || obj.net != 'ws') {
           return false
         }
+        isonline()
       } catch (error) {
         console.log(error);
         return false
@@ -54,10 +57,19 @@ export default defineComponent({
 
       return true
     })
+    const isonline = () => {
+      let obj = JSON.parse(decode(text.value!.replace('vmess://', '')));
+      let reg = new RegExp(/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/);
+      let ip = obj.ps.match(reg)[0];
+      api.text_server(`http://${ip}:9000/`).then(res => {
+        online.value = res.data.sataus == 400
+      })
+    }
     return {
       serve,
       text,
-      isobj
+      isobj,
+      online
     };
   }
 });