fix: 背景自動執行 regenerateImgOfVerification 引發的畫面卡死問題

Tomas

2022-08-26 d671c283604d805d528e42cca6560a1a271278e6

 PAMapp/pages/login/index.vue

@@ -9,10 +9,10 @@
            <el-row type="flex" class="pt-30">
              <el-button
                :class="{ 'active': connectDevice === 'MOBILE'}"
                @click="connectDevice = 'MOBILE'">手機號碼</el-button>
                @click="connectDevice = 'MOBILE'; regenerateImgOfVerification()">手機號碼</el-button>
              <el-button
                :class="{ 'active': connectDevice === 'EMAIL'}"
                @click="connectDevice = 'EMAIL'">Email</el-button>
                @click="connectDevice = 'EMAIL'; regenerateImgOfVerification()">Email</el-button>
            </el-row>
          </div>

@@ -161,7 +161,7 @@
              >
                重發 OTP 驗證碼<span
                    v-if="emailResendCounter !== 0"
                    class="pam-field-title__hint pl-5"
                    class="pam-｀field-title__hint pl-5"
                  >({{ emailResendCounter }})</span>
              </el-button>
            </el-row>
@@ -452,8 +452,10 @@
  //////////////////////////////////////////////////////////

  regenerateImgOfVerification(): void {
    loginService.getImgOfVerification().then( imgOfBase64 =>
      this.imgSrc = imgOfBase64
    loginService.getImgOfVerification().then( imgOfBase64 => {
        this.imgSrc = imgOfBase64;
        this.verificationCode = '';
      }
    );
  };

@@ -569,8 +571,7 @@
      if (this.emailResendCounter !== 0) {
        this.emailResendCounter -= 1;
        if (this.emailResendCounter === 0) {
          this.verificationCode = '';
          this.regenerateImgOfVerification();
          // this.regenerateImgOfVerification();
        }
      }
      if (this.emailCounterSec === 0) {
@@ -585,8 +586,7 @@
      if (this.otpResendCounter !== 0) {
        this.otpResendCounter -= 1;
        if (this.otpResendCounter === 0) {
          this.verificationCode = '';
          this.regenerateImgOfVerification();
          // this.regenerateImgOfVerification();
        }
      }
      if (this.otpCounterSec === 0) {
@@ -611,6 +611,7 @@
      this.emailOtpCode = '';
    }
    this.removeOtpTime();
    this.regenerateImgOfVerification();
  }

  private resetOtpSetting(type: string) {