修正: 保戶查看已聯絡清單，「未填滿意度」文字大小

HelenHuang

2021-12-08 02e3e68b324cd4afc8a70936481bec5bd9890614

修正: 保戶查看已聯絡清單，「未填滿意度」文字大小

 PAMapp/components/Consultant/ConsultantCard.vue

@@ -13,10 +13,14 @@
                        ></UiAvatar>
                        <div>
                            <i class="icon-star pam-icon icon--yellow satisfaction"  v-if="!(latestContactedAppointment && !latestContactedAppointment.satisfactionScore)"></i>
                            <span v-if="agentInfo.contactStatus !== 'contacted'">{{ agentInfo.avgScore }}</span>
                            <span v-if="agentInfo.contactStatus === 'contacted'">
                                {{ latestContactedAppointment && latestContactedAppointment.satisfactionScore || '未填滿意度' }}
                            <span v-if="agentInfo.contactStatus === 'contacted' && latestContactedAppointment && latestContactedAppointment.satisfactionScore">
                                {{ latestContactedAppointment && latestContactedAppointment.satisfactionScore}}
                            </span>
                            <div class="unfilled text--center "
                                style="display:flex" 
                                v-if="agentInfo.contactStatus === 'contacted' && 
                                latestContactedAppointment && !latestContactedAppointment.satisfactionScore">未填<br />滿意度</div>
                            <span v-if="agentInfo.contactStatus !== 'contacted'">{{ agentInfo.avgScore }}</span>
                        </div>
                    </el-col>
                    <el-col :xs="10" :sm="15">
@@ -232,7 +236,6 @@

    removeAgent() {
        this.removeFromMyConsultantList(this.agentInfo.agentNo).then((removeOk) => {
            console.log('removeOk?', removeOk);
        });
    }

@@ -277,6 +280,12 @@
            font-weight: bold;
            margin-top: 5px;
        }
        .unfilled {
                font-size: 12px;
                padding-top: 5px;
                padding-bottom: 5px;
                padding-left: 5px;
            }

        .professionals {
            height: 20px;