From 41daebaa3ffd0b99aac703208e4b6b2ec41c274e Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期五, 19 十一月 2021 17:44:15 +0800
Subject: [PATCH] [ Update ] 修正可複選文案，將共用 css 先拉出，調整預約顧問 背景

---
 PAMapp/pages/recommendConsultant/index.vue |   64 ++++++++++++--------------------
 1 files changed, 24 insertions(+), 40 deletions(-)

diff --git a/PAMapp/pages/recommendConsultant/index.vue b/PAMapp/pages/recommendConsultant/index.vue
index 3f6a144..ab41747 100644
--- a/PAMapp/pages/recommendConsultant/index.vue
+++ b/PAMapp/pages/recommendConsultant/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="pam-rec-cosultant-page">
-    <div class="pb-10 mdTxt">����批</div>
+    <div class="pb-10 mdTxt">憿批��批</div>
     <SingleSelectBtn :singleSelected.sync="strictQueryDto.gender" :options="genderOptions"/>
     <div class="pam-paragraph">
-      <div class="pb-10 mdTxt required">������</div>
+      <div class="pb-10 mdTxt required">憿批������</div>
       <div class="job-pick cursor--pointer"
         @click="showAddress = true">
         <input class="fz-20 input cursor--pointer pl-10"
@@ -12,17 +12,18 @@
         <i class="icon-down down-icon"></i>
       </div>
       <PopUpFrame :isOpen.sync="showAddress"
-        :drawerSize="'45%'">
-        <AddressPicker @close="showAddress = false"
-          @change="area => strictQueryDto.area = area" />
+        :drawerSize="'65%'">
+        <AddressPicker
+          @confirm="confirmAddress" />
       </PopUpFrame>
     </div>
     <div class="pam-paragraph">
       <div class="pb-10 mdTxt required">
         �閬岷������
         <span class="hint text--bold">
-          <i class="icon-information text--bold" @click="showDialog = true"></i>�銴
+          (�銴)
         </span>
+        <i class="icon-information text--bold fix-chrome-click--issue" @click="showDialog = true"></i>
       </div>
       <MultiSelectBtn :mutiSelect.sync="strictQueryDto.requirements" :options="requirementOptions" class="rec-multi-select" />
     </div>
@@ -30,17 +31,15 @@
       <div class="pb-10 mdTxt">憿批�僑鞈�</div>
         <SingleSelectBtn :singleSelected.sync="strictQueryDto.seniority" :options="seniorityOptions"/>
     </div>
-    <div class="rate-consultant pam-paragraph">
+    <div class="pam-paragraph">
       <div class="pb-10 mdTxt">靽憿批�遛��漲</div>
-      <el-rate v-model="strictQueryDto.avgScore"
-        :colors="elRateColors"
-        class="rate">
+      <el-rate class="pam-consultant-rate" v-model="strictQueryDto.avgScore">
       </el-rate>
     </div>
     <div class="pam-paragraph">
       <div class="rec-popular">
         <div class="pb-10 mdTxt">���瑼Ｙ揣</div>
-        <div class="hint text--bold ml-10">�銴</div>
+        <div class="hint text--bold ml-10">(�銴)</div>
       </div>
       <div class="rec-pop-container">
       <MultiSelectBtn :mutiSelect.sync="strictQueryDto.popularTags"
@@ -68,20 +67,19 @@
           </div>
         </div>
       </div>
-      <div class="qa-dialog-footer mdTxt"
-        @click="showDialog = false">
-        <p>������</p>
+      <div class="text--center mdTxt mt-30 mb-30">
+        <el-button type="primary" @click="showDialog = false">������</el-button>
       </div>
     </PopUpFrame>
 
     <PopUpFrame :isOpen.sync="isVisiblePopUp">
       <div class="text--center mdTxt">
             <p class="mb-50">撠��鞈��</p>
-            <p class="text--primary cursor--pointer"
-                @click="isVisiblePopUp = false">������</p>
+            <div class="text--center mdTxt">
+              <el-button type="primary" @click="isVisiblePopUp = false">������</el-button>
+            </div>
         </div>
     </PopUpFrame>
-
   </div>
 </template>
 <script lang="ts">
@@ -225,7 +223,6 @@
     ];
     showDialog = false;
     showAddress = false;
-    elRateColors = ['#ED1B2E', '#ED1B2E', '#ED1B2E'];
 
     @Mutation updateStrictQueryList!: (data: any) => void;
 
@@ -245,6 +242,12 @@
       const requirementLength = this.strictQueryDto.requirements.length;
       return !(area && requirementLength >0)
     }
+
+    confirmAddress(area: string) {
+      this.strictQueryDto.area = area;
+      this.showAddress = false;
+    }
+
   }
   enum Gender{
     MALE="male",
@@ -281,7 +284,7 @@
           width: 90px;
           padding: 10px;
         }
-        
+
       }
     }
 
@@ -460,13 +463,6 @@
     height: 47px;
   }
 
-  .rate-consultant {
-
-    .el-rate__icon {
-      font-size: 35px
-    }
-  }
-
   .el-progress__text {
     display: none;
   }
@@ -490,19 +486,7 @@
       z-index: 5;
     }
   }
-
-  .hint {
-    font-size: 16px;
-    color: #ED1B2E;
-    font-weight: bold;
-
-    .icon-information {
-      padding: 0 5px;
-      cursor: pointer;
-    }
-  }
-
-
+  
   .area-txt {
     display: flex;
     align-items: center;
@@ -560,7 +544,7 @@
       flex-wrap: wrap;
     }
   }
-  
+
   }
 }
 

--
Gitblit v1.8.0