TODO#132188 [顧問的滿意度評比分數與篩選功能先不顯示，但保戶依然可以進行滿意度評比與查看]

HelenHuang

2021-12-10 ff6cb58bffa6483e9349a7b32cc8838f2fa4f62d

 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>
@@ -43,8 +44,9 @@
            </el-radio-group>
        </div>

        <div v-else>
        <div v-else> 
            <el-rate
            v-if="!hideReviews"
                class="pam-quickFilter-rate"
                v-model="pickedItem.avgScore"
            ></el-rate>
@@ -66,9 +68,10 @@
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 '~/assets/ts/const/hide-reviews';
@Component
export default class QuickFilterDrawer extends Vue {


    pickedItem: FastQueryParams = {
        communicationStyles: [],
@@ -76,12 +79,13 @@
        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 +117,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;