feat(login): 增强扫码登录功能与会话管理

- 登录接口增加 loading 与超时配置，改善请求体验
- 根据服务端返回处理二维码过期，并动态设置有效时长
- 重构二维码刷新逻辑，改用 setTimeout 控制过期
- 合并会话管理与错误处理，简化扫码登录流程
- 移除多余 watch，精简组件行为

buyer/src/api/login.js

@@ -124,6 +124,7 @@ export function getSCLoginCode(params) {
     url: `/buyer/passport/member/pc_session`,
     method: Method.POST,
     needToken: false,
+    loading: false,
     params
   });
 }
@@ -132,6 +133,10 @@ export function sCLogin(token,params) {
     url: `/buyer/passport/member/session_login/`+token,
     method: Method.POST,
     needToken: false,
+    loading: false,
+    skipMessage: true,
+    // 长轮询后端最长挂起 20s，需大于该值，避免 axios 10s 默认超时把二维码请求掐断
+    timeout: 25000,
     params
   });
 }

buyer/src/pages/Login.vue

@@ -184,6 +184,8 @@ export default {
       scannerCodeLoginFLag: false,
       scannerCodeLoginStatus: 0,
       qrCodeTimer:null,
+      qrExpireMs: 20000,
+      qrCreateSeq: 0,
       config,
       type: true, // true 账号登录  false 验证码登录
       formData: {
@@ -220,12 +222,6 @@ export default {
       year: new Date().getFullYear(),
     };
   },
-  watch:{
-
-    scannerCodeLoginFLag(val){
-      !val ? this.clearInterval() : ''
-    }
-  },
   methods: {
     hideVerify() {
       this.$refs.verify?.close?.();
@@ -374,43 +370,62 @@ export default {
     },
 
     async createPCLoginSession() {
-      getSCLoginCode({}).then(response=>{
+      const requestId = ++this.qrCreateSeq;
       this.clearQRLoginInfo();
-        if (response.code == 200) {
+      getSCLoginCode({}).then(response=>{
+        if (requestId !== this.qrCreateSeq) return;
+        if (response.code == 200 && response.result) {
           this.qrCodeStatus = 'success'
           let session = response.result;
           this.qrSessionToken = session.token;
+          this.qrExpireMs = Number(session.duration) > 0 ? Number(session.duration) : 20000;
           if (session.status === 0) {
             this.qrCode = session.token;
             this.refreshQrCode();
           }
           this.qrLogin();
-
+        } else {
+          this.markQrExpired();
         }
+      }).catch(() => {
+        if (requestId !== this.qrCreateSeq) return;
+        this.markQrExpired();
       });
     },
 
-    async refreshQrCode() {
+    refreshQrCode() {
-      if (!this.qrCodeTimer) {
+      this.clearQrTimer();
-        this.qrCodeTimer = setInterval(() => {
+      this.qrCodeTimer = setTimeout(() => {
+        this.qrCodeStatus = 'fail';
+        this.clearQrTimer();
+      }, this.qrExpireMs);
+    },
 
-          this.qrCodeStatus = 'fail' // 如果过期将二维码转为失效状态
+    clearQrTimer() {
-        }, 10 * 1000);
+      if (this.qrCodeTimer) {
+        clearTimeout(this.qrCodeTimer);
       }
+      this.qrCodeTimer = null;
+    },
+
+    markQrExpired() {
+      this.qrCodeStatus = 'fail';
+      this.scannerCodeLoginStatus = 0;
+      this.qrSessionToken = '';
+      this.clearQrTimer();
     },
 
     clearQRLoginInfo(){
       this.scannerCodeLoginStatus=0;
       this.qrSessionToken='';
-      if (this.qrCodeTimer) {
+      this.clearQrTimer();
-        clearInterval(this.qrCodeTimer)
-      }
-      this.qrCodeTimer= null;
     },
 
     async qrLogin() {
-      if(!this.qrSessionToken) return;
+      const token = this.qrSessionToken;
-      sCLogin(this.qrSessionToken,{beforeSessionStatus:this.scannerCodeLoginStatus}).then(response=>{
+      if(!token) return;
+      sCLogin(token,{beforeSessionStatus:this.scannerCodeLoginStatus}).then(response=>{
+        if (token !== this.qrSessionToken) return;
         if (response.success) {
           this.scannerCodeLoginStatus = response.result.status;
           switch (response.result.status) {
@@ -418,22 +433,27 @@ export default {
             case 1:
               this.qrLogin();break;
             case 2:
+              this.clearQRLoginInfo();
               this.loginSuccess(response.result.token.accessToken,response.result.token.refreshToken);
               break;
             case 3:
               this.createPCLoginSession();
               break;
             default:
-              this.clearQRLoginInfo();
+              this.markQrExpired();
               break
           }
         }  else{
-          this.clearQRLoginInfo();
+          this.markQrExpired();
         }
+      }).catch(() => {
+        if (token !== this.qrSessionToken) return;
+        this.markQrExpired();
       });
     },
   },
   beforeUnmount() {
+    this.qrCreateSeq++;
     this.clearQRLoginInfo();
   },
   mounted() {
@@ -454,6 +474,7 @@ export default {
         console.log("二维码登录");
       }else{
         console.log("取消二维码登录");
+        this.qrCreateSeq++;
         this.clearQRLoginInfo();
       }
     },