cloud-web-corejs 1.0.54-dev.77 → 1.0.54-dev.770

package/src/views/user/login/indexMixin.js

@@ -1,425 +1,719 @@
-import {encode} from "js-base64";
+import { encode } from "js-base64";
 import settingConfig from "@/settings";
-
-function getUrlParams(url) {
-  let result = {};
-  if (url) {
-    let urlStr = url.split('?')[1];
-    const urlSearchParams = new URLSearchParams(urlStr);
-    result = Object.fromEntries(urlSearchParams.entries());
-  }
-  return result;
-}
-
-export default {
-  name: 'Login',
-  components: {},
-  data() {
-    return {
-      isCounting: false,
-      countdown: 0,
-      buttonText: '获取验证码',
-      isRememberPassword: false,
-      loginForm: {
-        username: '',
-        password: ''
-      },
-      loginRules: {
-        username: [
-          {
-            required: true,
-            trigger: 'blur'
-          }
-        ],
-        password: [
-          {
-            required: true,
-            trigger: 'blur'
-          }
-        ]
-      },
-      passwordType: 'password',
-      capsTooltip: false,
-      loading: false,
-      showDialog: false,
-      redirect: undefined,
-      otherQuery: {},
-      // isChangeBackground: false,
-      backgroundClass: '',
-      hasLogin: false,
-      showView: false,
-      loginForm2: {
-        username: null,
-        smsCode: null
-      },
-      activeName: "first",
-      searchParam: {},
-      showContent: true
-    };
-  },
-  watch: {
-    $route: {
-      handler: function (route) {
-        const query = route.query;
-        if (query) {
-          this.redirect = query.redirect;
-          this.otherQuery = this.getOtherQuery(query);
-        }
-      },
-      immediate: true
-    }
-  },
-  created() {
-    this.init();
-  },
-  mounted() {
-    // if (this.loginForm.username === '') {
-    //   this.$refs.username.focus();
-    // } else if (this.loginForm.password === '') {
-    //   this.$refs.password.focus();
-    // }
-  },
-  destroyed() {
-    // window.removeEventListener('storage', this.afterQRScan)
-    window.removeEventListener('keydown', this.keyDown, false);
-  },
-  methods: {
-    init() {
-      let searchParam = getUrlParams(location.search);
-      this.searchParam = searchParam;
-      //小熊SSO返回判断--目前因为小熊单点返回ticket有问题要特殊处理
-      let ssoParams = {};
-      if (location.search) {
-        ssoParams = searchParam;
-      }
-      // 获取URL参数
-      const urlParams = this.$route.query;
-      if (ssoParams.ticket || "bear_portalsso" == urlParams.access || urlParams.ticket) {
-        //小熊单点登录
-        this.bearSsoLogin();
-      } else if (searchParam.gatewayToken) {
-        this.showContent = false
-        this.handleGatewayTokenLogin();
-      } else {
-        //正常登陆
-        this.login();
-      }
-    },
-    keyDown(e) {
-      //如果是回车则执行登录方法
-      if (e.keyCode == 13 && e.target.nodeName != 'INPUT') {
-        let closeBtn = document.querySelector('.el-dialog__close');
-        closeBtn && closeBtn.click();
-        this.handleLogin();
-      }
-    },
-    checkCapslock(e) {
-      const {key} = e;
-      this.capsTooltip = key && key.length === 1 && (key >= 'A' && key <= 'Z');
-    },
-    showPwd() {
-      if (this.passwordType === 'password') {
-        this.passwordType = '';
-      } else {
-        this.passwordType = 'password';
-      }
-      this.$nextTick(() => {
-        this.$refs.password.focus();
-      });
-    },
-    handleLogin() {
-      let loadingObj = null;
-      let reqData = {}
-      if (this.activeName == 'first') {
-        //账号密码登录
-        loadingObj = this.$baseLoading();
-        let password = encode(this.loginForm.password + '');
-        reqData = {username: this.loginForm.username, password: password};
-      } else {
-        //手机验证码登录
-        let username = this.loginForm2.username;
-        let smsCode = this.loginForm2.smsCode;
-        if (!username || !smsCode) {
-          this.$baseAlert("请输入手机号和验证码");
-          return;
-        }
-        loadingObj = this.$baseLoading();
-        reqData = {username: username, smsCode: smsCode, "mode": "sms"}
-      }
-
+import { preloadBusinessFeatures } from "@base/bootstrap/business";
+
+function getUrlParams(url) {
+  let result = {};
+  if (url) {
+    let urlStr = url.split("?")[1];
+    const urlSearchParams = new URLSearchParams(urlStr);
+    result = Object.fromEntries(urlSearchParams.entries());
+  }
+  return result;
+}
+
+export default {
+  name: "Login",
+  props: {
+    lang: [String, Function],
+  },
+  components: {},
+  data() {
+    return {
+      isCounting: false,
+      countdown: 0,
+      buttonText: this.$t1("获取验证码"),
+      smsTimer: null,
+      isRememberPassword: false,
+      loginForm: {
+        username: "",
+        password: "",
+      },
+      loginRules: {
+        username: [
+          {
+            required: true,
+            trigger: "blur",
+          },
+        ],
+        password: [
+          {
+            required: true,
+            trigger: "blur",
+          },
+        ],
+      },
+      passwordType: "password",
+      capsTooltip: false,
+      loading: false,
+      showDialog: false,
+      redirect: undefined,
+      otherQuery: {},
+      // isChangeBackground: false,
+      backgroundClass: "",
+      hasLogin: false,
+      showView: false,
+      loginForm2: {
+        username: null,
+        smsCode: null,
+      },
+      activeName: "first",
+      searchParam: {},
+      showContent: true,
+
+      qrTimer1: null,
+      qrTimer2: null,
+      qrContent: null,
+      qrCodeFlag: 0,
+      qrBase64: "",
+      settingConfig: settingConfig,
+      qrExpired: false,
+      loginConfig: {},
+      imageUrl: "",
+      loginMethod: "",
+
+      accountLoagin: true,
+      phoneLogin: false,
+      qrLogin: false,
+    };
+  },
+  watch: {
+    $route: {
+      handler: function (route) {
+        const query = route.query;
+        if (query) {
+          this.redirect = query.redirect;
+          this.otherQuery = this.getOtherQuery(query);
+        }
+      },
+      immediate: true,
+    },
+  },
+  beforeDestroy() {
+    this.clearQrLoginTimer();
+    this.clearSmsTimer();
+    // 注意：这里不能关跳转期 loading。组件销毁发生在导航确认时，而首页真正渲染上屏
+    // 还在其后，遮罩要撑过这段时间，由 closeRedirectLoading 收口
+  },
+  created() {
+    this.init();
+  },
+  mounted() {
+    // if (this.loginForm.username === '') {
+    //   this.$refs.username.focus();
+    // } else if (this.loginForm.password === '') {
+    //   this.$refs.password.focus();
+    // }
+  },
+  destroyed() {
+    // window.removeEventListener('storage', this.afterQRScan)
+    window.removeEventListener("keydown", this.keyDown, false);
+  },
+  methods: {
+    handleLoginConfig() {
+      let loginConfig = this.$store.getters.loginConfig || {};
+      this.loginConfig = loginConfig;
+      this.initImage();
+      this.initLoginMethod();
+    },
+    initImage() {
+      //初始化登录图片
+      let loginConfig = this.loginConfig;
+      if (loginConfig?.attachments?.length) {
+        this.imageUrl =
+          loginConfig.attachments[0].domain + loginConfig.attachments[0].source;
+      }
+    },
+
+    initLoginMethod() {
+      let loginConfig = this.loginConfig?.login_method;
+      if (loginConfig?.length) {
+        this.accountLoagin = loginConfig.includes(1);
+        this.phoneLogin = loginConfig.includes(2);
+        this.qrLogin = loginConfig.includes(3);
+        if (this.accountLoagin) {
+          this.activeName = "first";
+        } else if (this.phoneLogin) {
+          this.activeName = "second";
+        } else if (this.qrLogin) {
+          this.activeName = "third";
+          this.$nextTick(() => {
+            this.initQR();
+          });
+        }
+      } else {
+        this.accountLoagin = true;
+        this.phoneLogin = settingConfig.mobileLoginEnabled;
+        this.qrLogin = settingConfig.qrLoginEnabled;
+      }
+    },
+    initLang() {
+      let lang = this.$route.query.lang;
+      if (!lang && !!this.lang) {
+        if (typeof this.lang === "function") {
+          lang = this.lang();
+        } else {
+          lang = this.lang;
+        }
+      }
+      if (lang) {
+        this.$i18n.locale = lang;
+        localStorage.setItem("i18n-lang", lang);
+      }
+    },
+    init() {
+      this.initLang();
+      this.handleLoginConfig();
+      let searchParam = getUrlParams(location.search);
+      this.searchParam = searchParam;
+      //小熊SSO返回判断--目前因为小熊单点返回ticket有问题要特殊处理
+      let ssoParams = {};
+      if (location.search) {
+        ssoParams = searchParam;
+      }
+      // 获取URL参数
+      const urlParams = this.$route.query;
+      if (
+        ssoParams.ticket ||
+        "bear_portalsso" == urlParams.access ||
+        urlParams.ticket
+      ) {
+        //小熊单点登录
+        this.bearSsoLogin();
+      } else if (searchParam.gatewayToken) {
+        this.showContent = false;
+        this.handleGatewayTokenLogin();
+      } else if (searchParam.xtoken) {
+        this.showContent = false;
+        this.handleXTokenLogin();
+      } else {
+        //正常登陆
+        this.login();
+      }
+    },
+    keyDown(e) {
+      //如果是回车则执行登录方法
+      if (e.keyCode == 13 && e.target.nodeName != "INPUT") {
+        let closeBtn = document.querySelector(".el-dialog__close");
+        closeBtn && closeBtn.click();
+        if (this.activeName == "third") return;
+        this.handleLogin();
+      }
+    },
+    checkCapslock(e) {
+      const { key } = e;
+      this.capsTooltip = key && key.length === 1 && key >= "A" && key <= "Z";
+    },
+    showPwd() {
+      if (this.passwordType === "password") {
+        this.passwordType = "";
+      } else {
+        this.passwordType = "password";
+      }
+      this.$nextTick(() => {
+        this.$refs.password.focus();
+      });
+    },
+    handleLogin() {
+      let loadingObj = null;
+      let reqData = {};
+      if (this.activeName == "first") {
+        //账号密码登录
+        loadingObj = this.$baseLoading();
+        let password = encode(this.loginForm.password + "");
+        reqData = { username: this.loginForm.username, password: password };
+      } else {
+        //手机验证码登录
+        let username = this.loginForm2.username;
+        let smsCode = this.loginForm2.smsCode;
+        if (!username || !smsCode) {
+          this.$baseAlert(this.$t1("请输入手机号和验证码"));
+          return;
+        }
+        loadingObj = this.$baseLoading();
+        reqData = { username: username, smsCode: smsCode, mode: "sms" };
+      }
+
       if (settingConfig.i18nEnabled) {
-        //登录传语种到后台
-        let language = this.$i18n?.locale
-        if (language && language != "zh") {
-          reqData.language = language;
+        //登录传语种到后台
+        let language = this.$i18n?.locale;
+        if (language && language != "zh") {
+          reqData.language = language;
         }
       }
 
-      this.$store
-        .dispatch('user/login2', reqData)
-        .then(res => {
-          setTimeout(function () {
-            loadingObj.close();
-          }, 200);
-          if (res.type == 'success') {
-            localStorage.removeItem('currentMenuId');
-            this.rememberPassword();
-            /*this.$router.push({
-              path: '/'
-            });*/
-            this.loading = false;
-            window.removeEventListener('keydown', this.keyDown, false);
-            this.handleRedirectUrl()
-          } else {
-            setTimeout(function () {
-              loadingObj.close();
-            }, 200);
-          }
-        })
-        .catch(e => {
-          this.loading = false;
-          setTimeout(function () {
-            loadingObj.close();
-          }, 200);
-          console.error(e);
-        });
-    },
-    getOtherQuery(query) {
-      return Object.keys(query).reduce((acc, cur) => {
-        if (cur !== 'redirect') {
-          acc[cur] = query[cur];
-        }
-        return acc;
-      }, {});
-    },
-    initPassword() {
-      var u = localStorage.getItem('login_info');
-      var login_info;
-      if (u) {
-        login_info = JSON.parse(u);
-        var username = login_info.username;
-        var password = login_info.password;
-        var isRememberPassword = login_info.isRememberPassword;
-        if (isRememberPassword == 'true') {
-          this.isRememberPassword = true;
-          this.loginForm.username = username;
-          this.loginForm.password = password;
-        }
-      }
-    },
-    rememberPassword() {
-      if (this.isRememberPassword) {
-        var username = this.loginForm.username;
-        var password = this.loginForm.password;
-        var login_info = {username: username, password: password, isRememberPassword: 'true'};
-        localStorage.setItem('login_info', JSON.stringify(login_info));
-      } else {
-        localStorage.removeItem('login_info');
-      }
-    },
-    changeBackground() {
-      if (location.host.indexOf('pcp.sc.5mall.com') >= 0 || location.host.indexOf('pip.bears.com.cn') >= 0) {
-        this.backgroundClass = 'pcp';
-      } else if (location.host.indexOf('chigo.sc.5mall.com') >= 0) {
-        this.backgroundClass = 'chigo';
-      } else {
-        this.backgroundClass = 'tc';
-      }
-    },
-    login() {
-      let url = window.MAIN_WEB_PREFIX + '/index.html/#/login';
-      if (self != top && (process.env.NODE_ENV == 'development' || self.host == parent.host)) {
-        parent.location.href = url;
-      } else if (process.env.NODE_ENV !== 'development' && window.MAIN_WEB_PREFIX && window.MAIN_WEB_PREFIX != window.WEB_PREFIX) {
-        window.location.href = url;
-      }
-      /* let lang = this.$route.query.lang;
-      if(lang=="en-US"){
-        changeLocale(lang);
-      }else{
-        changeLocale("zh-CN");
-      } */
-      // window.addEventListener('storage', this.afterQRScan)
+      // 登录接口、部署前缀、用户信息和菜单请求期间并行下载业务模块，
+      // 路由守卫会复用同一个 Promise，不增加登录结果等待链路。
+      preloadBusinessFeatures();
 
-      window.removeEventListener('keydown', this.keyDown, false);
-      window.addEventListener('keydown', this.keyDown, false);
-      this.changeBackground();
-      this.initPassword();
-      this.showView = true;
-    },
-    bearSsoLogin() {
-
-      //小熊SSO返回判断--目前因为小熊单点返回ticket有问题要特殊处理
-      let urlParams = {};
-      if (location.search) {
-        urlParams = getUrlParams(location.search);
-      }
-      //let urlParams = this.$route.query;
-
-      // 获取URL参数
-      console.log("urlParams", urlParams);
-      const loginPath = process.env.VUE_APP_BASE_API;
-      console.log("loginPath--->", loginPath);
-
-      //&& loginPath ===window.location.href
-      if (urlParams.ticket) {
-        console.log("进入回调方法=================")
-        this.$store.dispatch('user/clearToken')
-        this.$http({
-          url: USER_PREFIX + '/auth/idmLogin',
-          method: `post`,
-          data: {ticket: urlParams.ticket},
-          isLoading: true,
-          modalStrictly: true,
-          success: res => {
-            let token = res.objx;
-            console.log("token", token)
-            this.$store.dispatch('user/addToken', {token}).then(res => {
-              localStorage.removeItem('currentMenuId');
-              this.rememberPassword();
-              /*this.$router.push({
-                path: '/'
-              });*/
-              this.loading = false;
-              window.removeEventListener('keydown', this.keyDown, false);
-              let redirect = sessionStorage.getItem("loginRedirect")
-              this.handleRedirectUrl(redirect);
-            });
-          },
-          fail: () => {
-            this.showView = true;
-          },
-          error: () => {
-            this.showView = true;
-          }
-        });
-      } else {
-        console.log("进入单点方法")
-        let redirect = this.$route.query.redirect || "";
-        this.$http({
-          url: USER_PREFIX + '/auth/idmLoginUrl',
-          method: `post`,
-          data: {},
-          isLoading: true,
-          modalStrictly: true,
-          success: res => {
-            sessionStorage.setItem("loginRedirect", redirect)
-            location.href = res.objx
-            // location.href = res.objx+"&redirect="+redirect;
-          },
-          fail: () => {
-            this.showView = true;
-          },
-          error: () => {
-            this.showView = true;
-          }
-        });
-      }
-    },
-    sendCode() {
-      if (this.isCounting) {
-        return
-      }
-      let mobile = this.loginForm2.username;
-      if (!mobile) {
-        this.$baseAlert("请输入手机号");
-        return
-      }
-      this.$http({
-        url: USER_PREFIX + '/auth/sendSmsCode',
-        method: `post`,
-        data: {mobile: mobile},
-        isLoading: true,
-        success: res => {
-          this.$message({
-            message: res.content,
-            type: 'success',
-            duration: 1500
-          });
-          this.isCounting = true
-          this.countdown = 60
-          this.buttonText = '60秒后重新获取'
-          const times = setInterval(() => {
-            this.countdown--;
-            this.buttonText = this.countdown + '秒后重新获取'
-            if (this.countdown == 0) {
-              clearInterval(times);
-              this.isCounting = false
-              this.buttonText = '获取验证码'
-            }
-          }, 1000)
-        }
-      });
-
-    },
-    mobileLogin() {
-
-    },
-    handleRedirectUrl(redirect) {
-      redirect = redirect || this.$route.query.redirect
-      let path = null;
-      if (redirect && redirect.startsWith("/outLinkView")) {
-        path = this.addParamToUrl(redirect, "hasToken", "true");
-      } else {
-        path = '/';
-      }
-      this.getWebPrefix((webPrefix) => {
-        let prefix = webPrefix ? ('/' + webPrefix) : '';
-        let ssotoken = this.searchParam.gatewayToken;
-        if (prefix && prefix !== window.WEB_PREFIX) {
-          location.href = prefix + '/index.html' + path
-        } else if (!!ssotoken) {
-          prefix = prefix || window.WEB_PREFIX;
-          location.href = prefix + '/index.html' + path
-        } else {
-          this.$router.push({
-            path: path
-          });
-        }
-      })
-      /*if (redirect && redirect.startsWith("/outLinkView")) {
-        let path = this.addParamToUrl(redirect, "hasToken", "true");
-        this.$router.push({
-          path: path
-        });
-      } else {
-        this.$router.push({
-          path: '/'
-        });
-      }*/
-    },
-    addParamToUrl(url, paramKey, paramValue) {
-      var regex = new RegExp('([?&])' + paramKey + '=.*?(&|$)', 'i');
-      if (url.match(regex)) {
-        url = url.replace(regex, '$1' + paramKey + '=' + paramValue + '$2');
-      } else {
-        url += (url.indexOf('?') === -1 ? '?' : '&') + paramKey + '=' + paramValue;
-      }
-      return url;
-    },
-    getWebPrefix(callback) {
-      this.$http({
-        url: USER_PREFIX + '/auth/getWebPrefix',
-        method: `post`,
-        data: {},
-        isLoading: true,
-        success: res => {
-          let webPrefix = res.objx
-          callback && callback(webPrefix)
-        }
-      });
-    },
-    handleGatewayTokenLogin() {
-      let ssotoken = this.searchParam.gatewayToken
       this.$store
-        .dispatch('user/login2', {ssotoken})
-        .then(res => {
-          if (res.type == "success") {
-            this.$nextTick(() => {
-              this.handleRedirectUrl()
-            });
-          }
-        });
-    }
-  }
-}
+        .dispatch("user/login2", reqData)
+        .then((res) => {
+          if (res.type == "success") {
+            localStorage.removeItem("currentMenuId");
+            this.rememberPassword();
+            window.removeEventListener("keydown", this.keyDown, false);
+            // 登录成功后的跳转链路（getWebPrefix → 路由守卫拉用户信息/生成动态路由 →
+            // 首页渲染上屏）耗时较长，换成挂在 body 上的全屏遮罩顶住这段时间，
+            // 防止登录页被再次操作；由 closeRedirectLoading 统一收口
+            loadingObj.close();
+            this.openRedirectLoading();
+            this.handleRedirectUrl();
+          } else {
+            setTimeout(function () {
+              loadingObj.close();
+            }, 200);
+          }
+        })
+        .catch((e) => {
+          this.loading = false;
+          setTimeout(function () {
+            loadingObj.close();
+          }, 200);
+          console.error(e);
+        });
+    },
+    getOtherQuery(query) {
+      return Object.keys(query).reduce((acc, cur) => {
+        if (cur !== "redirect") {
+          acc[cur] = query[cur];
+        }
+        return acc;
+      }, {});
+    },
+    initPassword() {
+      var u = localStorage.getItem("login_info");
+      var login_info;
+      if (u) {
+        login_info = JSON.parse(u);
+        var username = login_info.username;
+        var password = login_info.password;
+        var isRememberPassword = login_info.isRememberPassword;
+        if (isRememberPassword == "true") {
+          this.isRememberPassword = true;
+          this.loginForm.username = username;
+          this.loginForm.password = password;
+        }
+      }
+    },
+    rememberPassword() {
+      if (this.isRememberPassword) {
+        var username = this.loginForm.username;
+        var password = this.loginForm.password;
+        var login_info = {
+          username: username,
+          password: password,
+          isRememberPassword: "true",
+        };
+        localStorage.setItem("login_info", JSON.stringify(login_info));
+      } else {
+        localStorage.removeItem("login_info");
+      }
+    },
+    changeBackground() {
+      this.backgroundClass = "tc";
+    },
+    login() {
+      let url = window.MAIN_WEB_PREFIX + "/index.html/#/login";
+      if (
+        self != top &&
+        (process.env.NODE_ENV == "development" || self.host == parent.host)
+      ) {
+        parent.location.href = url;
+      } else if (
+        process.env.NODE_ENV !== "development" &&
+        window.MAIN_WEB_PREFIX &&
+        window.MAIN_WEB_PREFIX != window.WEB_PREFIX
+      ) {
+        window.location.href = url;
+      }
+      /* let lang = this.$route.query.lang;
+      if(lang=="en-US"){
+        changeLocale(lang);
+      }else{
+        changeLocale("zh-CN");
+      } */
+      // window.addEventListener('storage', this.afterQRScan)
+
+      window.removeEventListener("keydown", this.keyDown, false);
+      window.addEventListener("keydown", this.keyDown, false);
+      this.changeBackground();
+      this.initPassword();
+      this.showView = true;
+    },
+    bearSsoLogin() {
+      //小熊SSO返回判断--目前因为小熊单点返回ticket有问题要特殊处理
+      let urlParams = {};
+      if (location.search) {
+        urlParams = getUrlParams(location.search);
+      }
+      //let urlParams = this.$route.query;
+
+      // 获取URL参数
+      console.log("urlParams", urlParams);
+      const loginPath = process.env.VUE_APP_BASE_API;
+      console.log("loginPath--->", loginPath);
+
+      //&& loginPath ===window.location.href
+      if (urlParams.ticket) {
+        console.log("进入回调方法=================");
+        this.$store.dispatch("user/clearToken");
+        this.$http({
+          url: USER_PREFIX + "/auth/idmLogin",
+          method: `post`,
+          data: { ticket: urlParams.ticket },
+          isLoading: true,
+          modalStrictly: true,
+          success: (res) => {
+            let token = res.objx;
+            console.log("token", token);
+            this.$store.dispatch("user/addToken", { token }).then((res) => {
+              localStorage.removeItem("currentMenuId");
+              this.rememberPassword();
+              /*this.$router.push({
+                path: '/'
+              });*/
+              this.loading = false;
+              window.removeEventListener("keydown", this.keyDown, false);
+              let redirect = sessionStorage.getItem("loginRedirect");
+              this.handleRedirectUrl(redirect);
+            });
+          },
+          fail: () => {
+            this.showView = true;
+          },
+          error: () => {
+            this.showView = true;
+          },
+        });
+      } else {
+        console.log("进入单点方法");
+        let redirect = this.$route.query.redirect || "";
+        this.$http({
+          url: USER_PREFIX + "/auth/idmLoginUrl",
+          method: `post`,
+          data: {},
+          isLoading: true,
+          modalStrictly: true,
+          success: (res) => {
+            sessionStorage.setItem("loginRedirect", redirect);
+            location.href = res.objx;
+            // location.href = res.objx+"&redirect="+redirect;
+          },
+          fail: () => {
+            this.showView = true;
+          },
+          error: () => {
+            this.showView = true;
+          },
+        });
+      }
+    },
+    sendCode() {
+      if (this.isCounting) {
+        return;
+      }
+      let mobile = this.loginForm2.username;
+      if (!mobile) {
+        this.$baseAlert("请输入手机号");
+        return;
+      }
+
+      this.$http({
+        url: USER_PREFIX + "/auth/sendSmsCode",
+        method: `post`,
+        data: { mobile: mobile },
+        isLoading: true,
+        success: (res) => {
+          this.$message({
+            message: res.content,
+            type: "success",
+            duration: 1500,
+          });
+          this.isCounting = true;
+          this.countdown = 60;
+          this.buttonText = this.$t1("60秒后重新获取");
+          this.clearSmsTimer();
+          this.smsTimer = setInterval(() => {
+            this.countdown--;
+            this.buttonText = this.$t1("{time}秒后重新获取", {
+              time: this.countdown,
+            });
+            if (this.countdown == 0) {
+              this.clearSmsTimer();
+              this.isCounting = false;
+              this.buttonText = this.$t1("获取验证码");
+            }
+          }, 1000);
+        },
+      });
+    },
+    clearSmsTimer() {
+      if (this.smsTimer) {
+        clearInterval(this.smsTimer);
+        this.smsTimer = null;
+      }
+    },
+    mobileLogin() {},
+    handleRedirectUrl(redirect) {
+      // SSO、扫码等非账号密码入口也在跳转前启动预加载。
+      preloadBusinessFeatures();
+      redirect = redirect || this.$route.query.redirect;
+      let path = null;
+      if (redirect && redirect.startsWith("/outLinkView")) {
+        path = this.addParamToUrl(redirect, "hasToken", "true");
+      } else {
+        path = "/";
+      }
+      this.getWebPrefix((webPrefix) => {
+        let prefix = webPrefix ? "/" + webPrefix : "";
+        let ssotoken = this.searchParam.gatewayToken;
+        let xtoken = this.searchParam.xtoken;
+        if (prefix && prefix !== window.WEB_PREFIX) {
+          // 整页跳转，loading 随页面卸载消失
+          location.href = prefix + "/index.html" + path;
+        } else if (!!ssotoken || !!xtoken) {
+          prefix = prefix || window.WEB_PREFIX;
+          location.href = prefix + "/index.html" + path;
+        } else {
+          // 遮罩不在 push 的回调里收口：守卫内的重定向会让原始导航走 onAbort，
+          // 而真正的导航仍在继续，统一交给 openRedirectLoading 里注册的 afterEach
+          this.$router.push({
+            path: path,
+          });
+        }
+      }, () => {
+        // getWebPrefix 请求失败：恢复登录页可操作，避免 loading 永久卡死
+        this.closeRedirectLoading(true);
+      });
+      /*if (redirect && redirect.startsWith("/outLinkView")) {
+        let path = this.addParamToUrl(redirect, "hasToken", "true");
+        this.$router.push({
+          path: path
+        });
+      } else {
+        this.$router.push({
+          path: '/'
+        });
+      }*/
+    },
+    addParamToUrl(url, paramKey, paramValue) {
+      var regex = new RegExp("([?&])" + paramKey + "=.*?(&|$)", "i");
+      if (url.match(regex)) {
+        url = url.replace(regex, "$1" + paramKey + "=" + paramValue + "$2");
+      } else {
+        url +=
+          (url.indexOf("?") === -1 ? "?" : "&") + paramKey + "=" + paramValue;
+      }
+      return url;
+    },
+    getWebPrefix(callback, errorCallback) {
+      this.$http({
+        url: USER_PREFIX + "/auth/getWebPrefix",
+        method: `post`,
+        data: {},
+        isLoading: true,
+        success: (res) => {
+          let webPrefix = res.objx;
+          callback && callback(webPrefix);
+        },
+        fail: () => {
+          errorCallback && errorCallback();
+        },
+        error: () => {
+          errorCallback && errorCallback();
+        },
+      });
+    },
+    /**
+     * 打开登录跳转期的全屏遮罩。
+     * 不能用 fullscreen:true —— element 的全屏 loading 是全局单例（fullscreenLoading），
+     * request.js 里 isLoading 的请求（getWebPrefix 就是）用的正是这个单例，请求结束会把
+     * 它一起 close 掉。这里传 target:body + fullscreen:false 拿独立实例，遮罩挂在 body 上
+     * 不随登录组件销毁而消失，全屏样式手动补。
+     */
+    openRedirectLoading() {
+      this.closeRedirectLoading();
+      let loading = this.$baseLoading({
+        target: document.body,
+        fullscreen: false,
+        lock: true,
+      });
+      let el = loading && loading.$el;
+      if (el) {
+        el.style.position = "fixed";
+        el.style.top = "0";
+        el.style.left = "0";
+        el.style.width = "100%";
+        el.style.height = "100%";
+        el.style.zIndex = 9999;
+      }
+      this.redirectLoadingObj = loading;
+      // 收口挂在 afterEach 上：路由守卫里的重定向会让原始 push 走 onAbort，但新导航
+      // 其实还在继续（实测 onAbort 在 +211ms 触发，首页 +577ms 才绘制完成），所以不能
+      // 用 push 的回调收口。afterEach 只在导航真正确认后触发一次，且带最终目标路由
+      this.redirectAfterEachOff = this.$router.afterEach((to) => {
+        if (String((to && to.path) || "").indexOf("/login") >= 0) {
+          // 兜了一圈又回到登录页（如守卫拉用户信息失败），恢复登录页可操作
+          this.closeRedirectLoading(true);
+        } else {
+          this.closeRedirectLoadingAfterPaint();
+        }
+      });
+      // 兜底：跳转链路既不 complete 也不 abort 时不至于永久锁死
+      this.redirectLoadingTimer = setTimeout(() => {
+        this.closeRedirectLoading(true);
+      }, 20000);
+    },
+    /**
+     * 等目标页真正绘制上屏后再撤遮罩：$nextTick 等 Vue 完成 patch，
+     * 双 rAF 等浏览器完成这一帧的绘制
+     */
+    closeRedirectLoadingAfterPaint() {
+      this.$nextTick(() => {
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            this.closeRedirectLoading();
+          });
+        });
+      });
+    },
+    /**
+     * 登录跳转期 loading 统一收口：上屏完成、跳转中止、getWebPrefix 失败、超时兜底时调用。
+     * reenable=true 时恢复登录页可操作（跳转失败仍停留在登录页的场景）
+     */
+    closeRedirectLoading(reenable) {
+      if (this.redirectAfterEachOff) {
+        this.redirectAfterEachOff();
+        this.redirectAfterEachOff = null;
+      }
+      if (this.redirectLoadingTimer) {
+        clearTimeout(this.redirectLoadingTimer);
+        this.redirectLoadingTimer = null;
+      }
+      if (this.redirectLoadingObj) {
+        this.redirectLoadingObj.close();
+        this.redirectLoadingObj = null;
+      }
+      if (reenable) {
+        this.loading = false;
+        window.addEventListener("keydown", this.keyDown, false);
+      }
+    },
+    handleGatewayTokenLogin() {
+      let ssotoken = this.searchParam.gatewayToken;
+      let companycode = this.searchParam.entCode;
+      this.$store
+        .dispatch("user/login2", { ssotoken, companycode })
+        .then((res) => {
+          if (res.type == "success") {
+            this.$nextTick(() => {
+              this.handleRedirectUrl();
+            });
+          }
+        });
+    },
+    handleXTokenLogin() {
+      let xtoken = this.searchParam.xtoken;
+      let companycode = this.searchParam.entCode;
+      this.$store
+        .dispatch("user/login2", { xtoken, companycode })
+        .then((res) => {
+          if (res.type == "success") {
+            this.handleRedirectUrl();
+          }
+        });
+    },
+    /**二维码登录begin*/
+    guid() {
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
+        /[xy]/g,
+        function (t) {
+          var e = (16 * Math.random()) | 0;
+          return ("x" == t ? e : (3 & e) | 8).toString(16);
+        }
+      );
+    },
+    initQR() {
+      this.clearQrLoginTimer();
+      this.qrExpired = true;
+      let option = { width: 300, height: 300 };
+      this.qrContent = this.guid();
+      this.createQR(this.qrContent, option).then((url) => {
+        this.qrExpired = false;
+        this.qrBase64 = url;
+        this.createQrLoginTimer();
+      });
+    },
+    // 生成二维码
+    async createQR(content, options) {
+      const { default: QRCode } = await import(
+        /* webpackChunkName: "login-qrcode" */ "qrcode"
+      );
+      return QRCode.toDataURL(content, options);
+    },
+    changeTab() {
+      // this.initQR();
+      // return
+      if (this.activeName == "third") {
+        this.initQR();
+      } else {
+        this.clearQrLoginTimer();
+      }
+    },
+    clearQrLoginTimer() {
+      if (this.qrTimer1) {
+        clearTimeout(this.qrTimer1);
+        this.qrTimer1 = null;
+      }
+      if (this.qrTimer2) {
+        clearTimeout(this.qrTimer2);
+        this.qrTimer2 = null;
+      }
+    },
+    createQrLoginTimer() {
+      this.checkQrLoginTimerHanlde();
+      this.qrTimer2 = setTimeout(() => {
+        this.qrExpired = true;
+        this.clearQrLoginTimer();
+      }, 60000);
+    },
+    checkQrLoginTimerHanlde() {
+      this.qrTimer1 = setTimeout(() => {
+        this.checkQrLoginStatusHanlde();
+      }, 3000);
+    },
+    checkQrLoginStatusHanlde() {
+      if (this.qrExpired) {
+        return;
+      }
+      this.$http({
+        url: USER_PREFIX + "/auth/login",
+        method: `post`,
+        data: { as: this.qrContent },
+        // isLoading: true,
+        failMsg: false,
+        success: (res) => {
+          let token = res.objx;
+          if (token) {
+            this.$message({
+              message: this.$t1("登录成功"),
+              type: "success",
+            });
+            this.clearQrLoginTimer();
+            this.$store.dispatch("user/addToken", { token }).then((res) => {
+              localStorage.removeItem("currentMenuId");
+              this.rememberPassword();
+              this.loading = false;
+              window.removeEventListener("keydown", this.keyDown, false);
+              this.handleRedirectUrl();
+            });
+          } else {
+            this.checkQrLoginTimerHanlde();
+          }
+        },
+      });
+    },
+    /**二维码登录end*/
+  },
+};