update: [login] 一般 user 登入流程: 新增 confirm alert

Tomas

2021-11-23 b9dad32d1e2e61c0ee61c1fbbb11f2ccc2319d05

update: [login] 一般 user 登入流程: 新增 confirm alert

 PAMapp/pages/login/index.vue

@@ -4,7 +4,7 @@

      <div class="pam-paragraph">
        <div class="mdTxt">
        綁定方式
        驗證方式<small class="pam-field-title__hint pl-10">(顧問會以您指定的方式與您聯繫)</small>
        </div>
        <div class="pam-tags">
          <el-row type="flex" class="pt-10">
@@ -15,7 +15,6 @@
              :class="{ 'active': connectDevice === 'EMAIL'}"
              @click="connectDevice = 'EMAIL'">Email</el-button>
          </el-row>


        </div>
          <el-row type="flex" class="pt-10" v-show="connectDevice === 'MOBILE'">
@@ -213,7 +212,20 @@
        </span>
      </el-dialog>


      <PopUpFrame class="pam-popUpFrame"
        :isOpen.sync="applySuccessConfirmVisable">
          <div class="pam-popUp-title text--center">
            歡迎您登入成功，如您預約諮詢，顧問會以您留下的{{ connectDevice === 'MOBILE' ? '手機號碼' : 'Email'}}與您聯繫
          </div>
          <div class="pam-popUp-confirm-bolck pam-paragraph">
            <div class="text--center">
              <el-button
                  type="primary"
                  @click="confirmApplySuccess"
              >我知道了</el-button>
            </div>
          </div>
      </PopUpFrame>

      <el-button class="mt-30" @click="fakeLogin">客戶登入</el-button>
    </div>
@@ -224,7 +236,9 @@
import { Vue, Component } from 'vue-property-decorator';
import { login } from '~/assets/ts/api/consultant';
import { Role } from '../../components/NavBar.vue';

const localStorage = namespace('localStorage');

@Component
export default class Login extends Vue {
  @localStorage.Mutation storageIdToken!: (token:string) => void;
@@ -242,6 +256,7 @@
  emailResendCounter = 30;

  registerDialogVisable = false;
  applySuccessConfirmVisable = false;
  name = '';
  agreeControct = false;
  isReadContract = false;
@@ -263,9 +278,14 @@
  };

  applyAccount(): void {
    this.applySuccessConfirmVisable = true;
    console.log('apply new account!')
  };

  confirmApplySuccess(): void {
    this.applySuccessConfirmVisable = false
  }

  // TODO: 僅OTP認證開發前 暫時使用
   fakeLogin() {
        const user = {