From 8f5057969ef0943cd4ee68fa8770aeb3e4737b67 Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期三, 22 十二月 2021 16:55:42 +0800 Subject: [PATCH] refactor: reviews / userReviews page (add ReviewRecords feature component) --- PAMapp/components/QuickFilter/QuickFilterSelector.vue | 27 ++++++++++++++------------- 1 files changed, 14 insertions(+), 13 deletions(-) diff --git a/PAMapp/components/QuickFilter/QuickFilterSelector.vue b/PAMapp/components/QuickFilter/QuickFilterSelector.vue index b972c52..f2b434b 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> @@ -45,6 +46,7 @@ <div v-else> <el-rate + v-if="!hideReviews" class="pam-quickFilter-rate" v-model="pickedItem.avgScore" ></el-rate> @@ -64,24 +66,23 @@ <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 { hideReviews } from '~/shared/const/hide-reviews'; +import { FastQueryParams, QuestionOption, Selected } from '~/shared/models/quick-filter.model'; @Component export default class QuickFilterDrawer extends Vue { - pickedItem: FastQueryParams = { communicationStyles: [], status: '', gender: '', avgScore: 0 } + hideReviews = hideReviews ; @Prop() questionOption!: QuestionOption; @Prop() isOpenQuestionPopUp!: boolean; @Prop() confirmItem!: Selected[]; - @Watch('isOpenQuestionPopUp') onPopUpChange() { + @Watch('isOpenQuestionPopUp', {immediate: true}) onPopUpChange() { this.pickedItem = { communicationStyles: this.communicationStyles, status: '', @@ -113,6 +114,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; @@ -121,12 +128,6 @@ value: this.pickedItem[name] } } - -} - -export interface Selected { - option: string; - value: any; } </script> @@ -139,4 +140,4 @@ flex-wrap: wrap; } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0