+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/QrLogin/index.vue b/src/components/QrLogin/index.vue
new file mode 100644
index 0000000..e815414
--- /dev/null
+++ b/src/components/QrLogin/index.vue
@@ -0,0 +1,310 @@
+
+
+
+
+
+
+
+ 模拟扫码
+
+
+ 模拟确认登录
+
+
+ 模拟过期
+
+
+ 模拟错误
+
+
+
+
+
+ 演示控制
+
+
+
+ {{ currentQrKey || '未生成' }}
+
+
+
+ {{ getStatusText(currentStatus) }}
+
+
+
+ {{ remainingTime }}秒
+
+
+
+ 当前状态
+
+
+
+ {{ log.time }}
+
+
+
+
+
+
+
+
+
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 1b85804..c75678b 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -35,6 +35,21 @@ export const routes = [
component: () => import('@/views/passport/dealer/register.vue'),
meta: { title: '邀请注册' }
},
+ {
+ path: '/qr-confirm',
+ component: () => import('@/views/passport/qrConfirm/index.vue'),
+ meta: { title: '扫码登录确认' }
+ },
+ {
+ path: '/qr-demo',
+ component: () => import('@/components/QrLogin/demo.vue'),
+ meta: { title: '二维码登录演示' }
+ },
+ {
+ path: '/qr-test',
+ component: () => import('@/views/test/qrLoginTest.vue'),
+ meta: { title: '二维码登录接口测试' }
+ },
// {
// path: '/forget',
// component: () => import('@/views/passport/forget/index.vue'),
diff --git a/src/views/passport/login/index.vue b/src/views/passport/login/index.vue
index a3e3916..1e14a05 100644
--- a/src/views/passport/login/index.vue
+++ b/src/views/passport/login/index.vue
@@ -182,7 +182,10 @@
- 二维码
+
+
+
+
+
+
+
+
+ 正在生成二维码...
+
+
+
+ 请使用手机APP或小程序扫码登录
+二维码有效期：{{ formatTime(expireTime) }}
+
+
+
+
+ 扫码成功，请在手机上确认登录
+
+
+ 刷新二维码
+
+
+ 二维码已过期
+
+
+ 重新生成
+
+ {{ errorMessage || '生成二维码失败' }}
+
+
+
+
+
@@ -267,6 +270,7 @@ import {
} from '@ant-design/icons-vue';
import {goHomeRoute, cleanPageTabs} from '@/utils/page-tab-util';
import {login, loginBySms, getCaptcha} from '@/api/passport/login';
+import QrLogin from '@/components/QrLogin/index.vue';
import {User} from '@/api/system/user/model';
import {TEMPLATE_ID, THEME_STORE_NAME} from '@/config/setting';
@@ -521,6 +525,20 @@ const onScan = () => {
}
}
+/* 二维码登录成功处理 */
+const onQrLoginSuccess = (token: string) => {
+ // 设置token到localStorage或其他存储
+ localStorage.setItem('access_token', token);
+ message.success('扫码登录成功');
+ cleanPageTabs();
+ goHome();
+};
+
+/* 二维码登录错误处理 */
+const onQrLoginError = (error: string) => {
+ message.error(error || '扫码登录失败');
+};
+
// const goBack = () => {
// openUrl(getDomain());
// return;
diff --git a/src/views/passport/qrConfirm/index.vue b/src/views/passport/qrConfirm/index.vue
new file mode 100644
index 0000000..9ce819f
--- /dev/null
+++ b/src/views/passport/qrConfirm/index.vue
@@ -0,0 +1,371 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/test/qrLoginTest.vue b/src/views/test/qrLoginTest.vue
new file mode 100644
index 0000000..fc0e80a
--- /dev/null
+++ b/src/views/test/qrLoginTest.vue
@@ -0,0 +1,323 @@
+
+
+
+
+
+
+
+
+
+ ![应用图标]()
+
+ {{ appName }}
+确认登录到Web端管理后台？
+
+
+
+
+
+
+
+
+ 登录设备：
+ {{ deviceInfo.browser }} {{ deviceInfo.version }}
+
+
+ 操作系统：
+ {{ deviceInfo.os }}
+
+
+ IP地址：
+ {{ deviceInfo.ip }}
+
+
+ 登录时间：
+ {{ formatTime(new Date()) }}
+
+
+
+
+
+
+
+
+
+
+ 生成二维码
+
+
+
+
+
+
+
+ 检查状态
+
+
+
+
+
+
+
+ 模拟扫码
+
+
+
+
+
+
+
+ 确认登录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ qrCodeData.token }}
+ {{ qrCodeData.qrCode }}
+ {{ qrCodeData.expiresIn }}秒
+
+
+
+
+
+
+
+
+ {{ getStatusText(statusData.status) }}
+
+
+
+ {{ statusData.expiresIn }}秒
+
+
+ {{ statusData.accessToken.substring(0, 50) }}...
+
+
+
+
+
+
+ {{ log.time }}
+
+
+