From 6bbdd6be7af431d53aab521cfc257d46e1ed2f48 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期五, 21 一月 2022 22:41:03 +0800
Subject: [PATCH] Fixed#134590 修正 [ 顧問管理流程 ] 約訪中 : 新增約訪紀錄時，輸入的文字過小

---
 PAMapp/pages/agentInfo/edit/_agentNo.vue |   48 ++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/PAMapp/pages/agentInfo/edit/_agentNo.vue b/PAMapp/pages/agentInfo/edit/_agentNo.vue
index cbd0ce3..93b4dce 100644
--- a/PAMapp/pages/agentInfo/edit/_agentNo.vue
+++ b/PAMapp/pages/agentInfo/edit/_agentNo.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="edit-agent-info-page">
       <el-row
         type="flex"
         justify="center">
@@ -23,6 +23,29 @@
         justify="center">
         <el-input class="mdTxt" v-model="editInfoValue.name"></el-input>
       </el-row>
+
+      <el-row
+        type="flex"
+        class="pam-paragraph">
+        <el-col :span="24" class="pam-field">
+          <div class="pam-field__label pam-progress__label">
+            <div>
+              <div class="pam-field__title mb-10">
+                <i class="pam-icon icon-phone"
+                  ></i>����Ⅳ
+                  <span class="hint text--bold" v-show="!phoneValid">����Ⅳ�撘�炊</span>
+                  <span class="hint text--bold" v-show="editInfoValue.phoneNumber.length === 0">����Ⅳ�敹‵</span>
+              </div>
+            </div>
+            <el-input
+            v-model="editInfoValue.phoneNumber"
+            :class="{'is-invalid': !phoneValid}"
+            maxlength="10"
+            minlength="10"></el-input>
+          </div>
+        </el-col>
+      </el-row>
+
 
       <el-row
         type="flex"
@@ -102,7 +125,7 @@
             <MultiSelectBtn class="mt-30"
             :mutiSelect.sync="editInfoValue.communicationStyle"
             :options="agentCommunicationStyleList"
-            @change="selectCommunicationStyles"
+            :maxLength="2"
             >
             </MultiSelectBtn>
           </div>
@@ -231,6 +254,7 @@
     awards            : '',
     communicationStyle: [] as string[],
     photoBase64       : '',
+    phoneNumber       : ''
   };
 
   communicationStyleList: string[] = agentCommunicationStyleList;
@@ -359,6 +383,13 @@
     }
   }
   ////////////////////////////////////////////////////////////
+  get phoneValid(): boolean {
+            const rule = /^09[0-9]{8}$/;
+            return this.editInfoValue.phoneNumber
+            ? rule.test(this.editInfoValue.phoneNumber) && _.isEqual(this.editInfoValue.phoneNumber.length,10)
+            : true;
+        }
+
   get isSubmitBtnDisabled(): boolean {
       const isFormValid =  this.editInfoValue.name
                         && this.editInfoValue.title
@@ -366,7 +397,7 @@
                         && this.editInfoValue.serveArea
                         && this.editInfoValue.concept
                         && this.editInfoValue.experiences
-                        && this.editInfoValue.awards
+                        && this.editInfoValue.phoneNumber.length
                         && this.editInfoValue.seniorityYear
                         && this.editInfoValue.expertise.length
                         && this.editInfoValue.communicationStyle.length;
@@ -376,7 +407,12 @@
 
 </script>
 
-<style lang="scss">
+<style lang="scss" >
+.edit-agent-info-page{
+  .el-textarea__inner{
+  font-size: 15px;
+}
+}
 .pam-icon {
   font-size    : 15px;
   padding-right: 8px;
@@ -437,4 +473,8 @@
 .el-input--suffix .el-input__inner {
   padding-right: 20px;
 }
+
+.el-textarea__inner{
+  font-size: 18px;
+}
 </style>

--
Gitblit v1.8.0