Merge remote-tracking branch 'origin/main'

src/views/endpoint/access/index.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import type { TableColumnsType } from 'ant-design-vue'
-import { WifiOutlined } from '@ant-design/icons-vue'
+import {ref} from 'vue'
+import type {TableColumnsType} from 'ant-design-vue'
+import {WifiOutlined} from '@ant-design/icons-vue'
 import {useI18n} from "vue-i18n";
+import {clientAuth, clientInfo, clientUnAuth} from '@/service/ue/client';
 
-const  {t}  = useI18n();
+const {t} = useI18n();
 
 interface DeviceInfo {
   key: string
@@ -50,6 +51,28 @@ const deviceList = ref<DeviceInfo[]>([
     speed: '8.1 Mbps'
   }
 ])
+
+/**
+ * 模拟测试上网
+ * @param type
+ */
+function clickBtn(type: string) {
+  if (type === "auth") {
+    clientAuth().then((res) => {
+      alert(JSON.stringify(res))
+    })
+  }
+  if (type === "unauth") {
+    clientUnAuth().then((res) => {
+      alert(JSON.stringify(res))
+    })
+  }
+  if (type === "info") {
+    clientInfo().then((res) => {
+      alert(JSON.stringify(res))
+    })
+  }
+}
 </script>
 
 <template>
@@ -57,7 +80,7 @@ const deviceList = ref<DeviceInfo[]>([
     <a-card :bordered="false">
       <template #title>
         <div class="card-title">
-          <WifiOutlined />
+          <WifiOutlined/>
           <span>{{ t('page.access.currentdevice') }}</span>
         </div>
       </template>
@@ -83,6 +106,13 @@ const deviceList = ref<DeviceInfo[]>([
       >
       </a-table>
     </a-card>
+
+    <!-- 终端测试上网 -->
+    <a-space wrap>
+      <a-button type="primary" @click="clickBtn('auth')">终端上网</a-button>
+      <a-button @click="clickBtn('unauth')">终端下线</a-button>
+      <a-button type="dashed" @click="clickBtn('info')">终端信息</a-button>
+    </a-space>
   </div>
 </template>