update: [註冊新帳戶] 如果沒有閱讀完使用者條款，disable 註冊按鈕、合約條款排版

Tomas

2021-11-17 d1951b45d8427446ce3cb3b36d3cfb10c7f5c2ee

update: [註冊新帳戶] 如果沒有閱讀完使用者條款，disable 註冊按鈕、合約條款排版

 PAMapp/pages/login/index.vue

@@ -127,20 +127,41 @@
            </div>
          </el-row>
          <el-row class="pt-10">
            <div class="mdTxt pam-register-dialog__contract">
              蒐集個人資料告知事項
            <div
              class="mdTxt pam-register-dialog__contract"
              @scroll="detectContructReadStatus">
              <h3>蒐集個人資料告知事項</h3>
              <p class="mt-10">
              遵守個人資料保護法規定，在您提供個人資料予本處前，依法告
              知下列事項：
              <p>

              <p class="mt-10">
              一、獲取您下列個人資料類別：姓名、出生年月日、國民身分證統一編號、性別、職業、教育、
              連絡方式(包括但不限於電話號碼、E-MAIL、居住或工作地址)等，或其他得以直接
              或間接識別您個人之資料。
              <p>

              <p class="mt-10">
              二、本處將依個人資料保護法及相關法令之規定下，依本處隱私權保護政策，蒐集、
              處理及利用您的個人資料。
              <p>

              <p class="mt-10">
              三、本處將於蒐集目的之存續期間合理利用您的個人資料。
              </p>

              <p class="mt-10">
              四、除蒐集之目的涉及國際業務或活動外，本處僅於中華民國領域內利用您的個人資
              料。
              </p>

              <p class="mt-10">
              五、本處將於原蒐集之特定目的、本次以外之產業之推廣、宣導及輔導、以及其他公
              務機關請求行政協助之目的範圍內，合理利用您的個人資料。
              </p>

              <p class="mt-10">
              六、您可依個人資料保護法第 3 條規定，就您的個人資料向本處行使之下列權利：
              (一) 查詢或請求閱覽。
              (二) 請求製給複製本。
@@ -149,14 +170,24 @@
              (五) 請求刪除。
              您因行使上述權利而導致對您的權益產生減損時，本處不負相關賠償責任。另依
              個人資料保護法第 14 條規定，本處得酌收行政作業費用。
              </p>

              <p class="mt-10">
              七、若您未提供正確之個人資料，本處將無法為您提供特定目的之相關業務。
              </p>

              <p class="mt-10">
              八、本處因業務需要而委託其他機關處理您的個人資料時，本處將會善盡監督之責。
              </p>

              <p class="mt-10">
              九、您瞭解此一同意書符合個人資料保護法及相關法規之要求，且同意本處留存此同
              意書，供日後取出查驗。
              個人資料之同意提供
              一、本人已充分知悉貴處上述告知事項。
              二、本人同意貴處蒐集、處理、利用本人之個人資料，以及其他公務機關請求行政協
              助目的之提供。
              </p>
            </div>
          </el-row>
          <el-row class="pt-30">
@@ -175,7 +206,7 @@
        <span slot="footer" class="dialog-footer">
          <el-button
            type="primary"
            :disabled="!name || !agreeControct"
            :disabled="!name || !agreeControct || !isReadContract"
            @click="applyAccount"
            >建立新帳號
          </el-button>
@@ -208,24 +239,27 @@
  registerDialogVisable = false;
  name = '';
  agreeControct = false;
  isReadContract = false;

  detectContructReadStatus(event: any): void {
    this.isReadContract = event.target.scrollTop === (event.target.scrollHeight - event.target.clientHeight);
  };

  get showPhoneOtpCodeField(): boolean {
    return this.connectDevice === 'MOBILE' && this.onPhoneVerifyStep === 'INPUT_OTP';
  }
  };

  get showEmailVerifyField(): boolean {
    return this.connectDevice === 'EMAIL';
  }
  };

  applyOtpVerification(): void {
    this.onPhoneVerifyStep = 'INPUT_OTP';
  }
  };

  applyAccount(): void {
    console.log('apply new account!')
  }


  };

  // TODO: 僅OTP認證開發前 暫時使用
   fakeLogin() {
@@ -238,9 +272,8 @@
            localStorage.setItem('roleOfState',Role.USER);
            this.$router.go(-1);
        })
  };


  }
}
</script>