temp

src/components/Login/LoginQrcode.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useContext } from 'react';
+import { useContext, useEffect, useState } from 'react';
 
 import { Dialog, DialogContent, DialogTrigger, DialogClose } from '@/components/ui/dialog';
 
@@ -9,8 +9,38 @@ import LoginForm from './LoginForm';
 
 import { IconClose } from '@/components';
 
+import { apiGetUUID, apiCheckQr, apiGetLoginQr } from '@/services';
+
 export default function LoginQrcode() {
   const { state, dispatch } = useContext(LoginContext);
+  const { uuid, setUuid } = useState<string>('');
+
+  const getUUID = async () => {
+    const result = await apiGetUUID();
+
+    if (result.code === 200) {
+      setUuid(result.data);
+      getQrcode(result.data);
+      return;
+    }
+  };
+
+  const getQrcode = async (id: string) => {
+    const res = await apiGetLoginQr(id);
+    const qrCode = await res.data;
+  };
+
+  const checkLoginStatus = async () => {
+    const res = await apiCheckQr(uuid);
+    console.log(res);
+  };
+
+  useEffect(() => {
+    const intervalId = setInterval(checkLoginStatus, 1000);
+
+    return () => clearInterval(intervalId);
+    getUUID();
+  }, []);
 
   return (
     <div className="flex flex-col items-center px-40px bg-#f2f3f7">

src/services/client/user.ts

@@ -61,3 +61,28 @@ export const apiGetMyUserInfo = async () => {
   const res: FetchResponse<UserInfo> = await clientHttp.get('/queyueapi/user/my/userInfo');
   return res;
 };
+
+/**
+ * @description 获取UUID
+ */
+export const apiGetUUID = async () => {
+  const res: FetchResponse<string> = await clientHttp.get('/queyueapi/user/user/uuid');
+  console.log(res);
+  return res;
+};
+
+/**
+ * @description 校验uuid对应的请求认证状态
+ */
+export const apiCheckQr = async (uuid: string) => {
+  const res: FetchResponse<UserInfo> = await clientHttp.get(`/queyueapi/user/user/check/qr?uuid=${uuid}`);
+  return res;
+};
+
+/**
+ * @description 获取登录二维码
+ */
+export const apiGetLoginQr = async (uuid: string) => {
+  const res: FetchResponse<UserInfo> = await clientHttp.get(`/queyueapi/user/user/getLoginQr?uuid=${uuid}`);
+  return res;
+};