From d1951b45d8427446ce3cb3b36d3cfb10c7f5c2ee Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 17 十一月 2021 10:30:43 +0800
Subject: [PATCH] update: [註冊新帳戶] 如果沒有閱讀完使用者條款，disable 註冊按鈕、合約條款排版

---
 PAMapp/pages/login/index.vue |   55 ++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 44 insertions(+), 11 deletions(-)

diff --git a/PAMapp/pages/login/index.vue b/PAMapp/pages/login/index.vue
index d81ffba..6ee1a95 100644
--- a/PAMapp/pages/login/index.vue
+++ b/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">
               銝����銝��犖鞈��嚗�����僑�����澈���絞銝�蝺刻���批�璆准����
               ��蝯⊥撘�(��雿���閰梯�Ⅳ�-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: ��TP隤����� ���蝙�
    fakeLogin() {
@@ -238,9 +272,8 @@
             localStorage.setItem('roleOfState',Role.USER);
             this.$router.go(-1);
         })
+  };
 
-
-  }
 }
 </script>
 

--
Gitblit v1.8.0