From 26dbfaafa064ee79fd4d07aed8e8fa15ec737c46 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 09 十二月 2021 14:01:32 +0800
Subject: [PATCH] fixed: my-consultant-list - childRoute error

---
 PAMapp/components/QuickFilter/QuickFilterSelector.vue |   22 +++++++++++++---------
 1 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/PAMapp/components/QuickFilter/QuickFilterSelector.vue b/PAMapp/components/QuickFilter/QuickFilterSelector.vue
index b972c52..977d802 100644
--- a/PAMapp/components/QuickFilter/QuickFilterSelector.vue
+++ b/PAMapp/components/QuickFilter/QuickFilterSelector.vue
@@ -7,7 +7,7 @@
             <span
                 class="smTxt_bold text--primary"
                 v-if="questionOption.name === 'communicationStyles'"
-            >(�銴)</span>
+            >(��憭��蝔�)</span>
             <span
                 class="smTxt_bold text--primary"
                 v-if="questionOption.name === 'avgScore'"
@@ -25,6 +25,7 @@
                     :label="i.value"
                     :name="i.value"
                     :class="i.className"
+                    @change="selectedCommunicationStyles"
                 ></el-checkbox>
             </el-checkbox-group>
         </div>
@@ -64,8 +65,9 @@
 
 <script lang="ts">
 import { Vue, Component, Prop, Watch, Emit } from 'nuxt-property-decorator';
-import { FastQueryParams } from '~/assets/ts/api/consultant';
-import { QuestionOption } from '~/pages/quickFilter/index.vue';
+import { FastQueryParams } from '~/assets/ts/models/fast-query-params.model';
+import { Selected } from '~/assets/ts/models/selected.model';
+import { QuestionOption } from '~/assets/ts/models/question-option.model';
 
 @Component
 export default class QuickFilterDrawer extends Vue {
@@ -81,7 +83,7 @@
     @Prop() isOpenQuestionPopUp!: boolean;
     @Prop() confirmItem!: Selected[];
 
-    @Watch('isOpenQuestionPopUp') onPopUpChange() {
+    @Watch('isOpenQuestionPopUp', {immediate: true}) onPopUpChange() {
         this.pickedItem = {
             communicationStyles: this.communicationStyles,
             status: '',
@@ -113,6 +115,12 @@
             || name === 'communicationStyles' && !this.pickedItem[name].length
     }
 
+    selectedCommunicationStyles() {
+        if (this.pickedItem.communicationStyles.length > 2) {
+            this.pickedItem.communicationStyles.shift();
+        }
+    }
+
     @Emit('confirm')
     confirm() {
         const name = this.questionOption.name;
@@ -124,10 +132,6 @@
 
 }
 
-export interface Selected {
-    option: string;
-    value: any;
-}
 </script>
 
 <style lang="scss" scoped>
@@ -139,4 +143,4 @@
         flex-wrap: wrap;
     }
 
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0