From 73307b0ada907f8ac857b3dfc4e7d50e3b7b92e9 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期一, 24 一月 2022 16:24:52 +0800
Subject: [PATCH] Merge branch 'Phase3' of https://dev.pollex.com.tw:8443/r/pcalife/PAM into Phase3

---
 PAMapp/pages/questionnaire/_agentNo.vue |   40 +++++++++++++++++++++++++++++++++++-----
 1 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/PAMapp/pages/questionnaire/_agentNo.vue b/PAMapp/pages/questionnaire/_agentNo.vue
index 1c2d4a2..cb8c164 100644
--- a/PAMapp/pages/questionnaire/_agentNo.vue
+++ b/PAMapp/pages/questionnaire/_agentNo.vue
@@ -24,8 +24,12 @@
               <div class="ques-header__input-block">
                   <span>Email嚗�</span>
                   <input class="ques-header__input"
+                    :class="{ 'is-invalid': !emailValid}"
                     placeholder="隢撓�"
                     v-model="myRequest.email">
+              </div>
+              <div class="error mt-5 mb-5" style="margin-left:65px">
+                  <span v-show="!emailValid">Email�撘�炊</span>
               </div>
           </div>
         </div>
@@ -115,12 +119,21 @@
     </PopUpFrame>
 
     <PopUpFrame :isOpen.sync="sendReserve" @update:isOpen="closeReservePopUp">
-        <div class="text--middle  mt-30 sendReserve-txt">�������</div>
-        <div class="text--middle sendReserve-txt">�����“�������蝯∴��</div>
+        <div class="mdTxt mt-30 sendReserve-txt">�������</div>
+        <div class="mdTxt sendReserve-txt mb-30">�����“�������蝯∴��</div>
+        <div class="pam-app-review mb-10">
+          <div class="mdTxt mb-10">撠
+                <span class="mdTxt text--primary text--bold ">������</span>
+                撟喳��擃����
+            </div>
+          <div class="mdTxt">�蝯虫�嗾憿��嚗�</div>
+        </div>
+        <el-rate v-model="score" class="pam-satisfaction-rate fix-chrome-click--issue"></el-rate>
         <div class="text--center mdTxt">
+          <el-button @click="closeReservePopUp">����</el-button>
           <el-button type="primary"
             @click="closeReservePopUp">
-            ������
+            �
           </el-button>
         </div>
     </PopUpFrame>
@@ -166,6 +179,8 @@
 
     @roleStorage.State
     recommendConsultantItem!:string;
+
+    score ="" ;
 
     genderOptions=[
       {
@@ -455,6 +470,11 @@
             : true;
     }
 
+    get emailValid() {
+      const rule = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
+      return this.myRequest.email ? rule.test(this.myRequest.email) : true;
+    }
+
     get userInfo(): RegisterInfo {
       const initUserInfo = JSON.parse(localStorage.getItem('userInfo')!);
       return initUserInfo;
@@ -462,7 +482,7 @@
 
     get isDisabledSubmitBtn(): boolean {
            return _.includes(this.myRequest.contactType,ContactType.PHONE)
-      ? !this.isHopeContactTimeDone()
+      ? !this.isHopeContactTimeDone() || !this.emailValid
       : !this.phoneValid;
     }
 
@@ -478,7 +498,6 @@
   display: flex;
   justify-content: center;
   margin-top: 10px;
-  margin-bottom: 26px;
 }
 
 //drawer��摨���見撘�
@@ -603,6 +622,16 @@
     margin: 0px 20px;
   }
 
+.pam-app-review{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.pam-satisfaction-rate{
+  margin-bottom: 45px;
+}
 
   @include desktop{
   .ques-header{
@@ -630,5 +659,6 @@
   }
 }
 
+
 </style>
 

--
Gitblit v1.8.0