保誠-保戶業務員媒合平台
Tomas
2023-08-05 4b38e2fdc99e681edfd5ec5d923a9ca8b8de8d38
PAMapp/components/Consultant/ConsultantCard.vue
@@ -1,6 +1,6 @@
<template>
    <div>
        <el-row type="flex" class="rowStyle" :class="{'new': !agentInfo.customerViewTime }">
        <el-row type="flex" class="rowStyle" :class="{'new': !agentInfo.customerViewTime && $route.name !== 'myConsultantList-contactedList' }">
            <el-col class="flex_column pl-5" :xs="5" :sm="3">
                <UiAvatar
                    :size="50"
@@ -12,12 +12,15 @@
                      class="icon-star pam-icon icon--yellow satisfaction"
                       style="margin-top: 0"></i>
                    <template v-if="isAppointment">
                      <span v-if="agentInfo.appointmentScore">
                          {{ agentInfo.appointmentScore }}
                      </span>
                      <div class="unfilled text--center "
                          style="display:flex"
                          v-else>未填<br />滿意度</div>
                      <template v-if="agentInfo.appointmentStatus === 'closed'
                                    || agentInfo.appointmentStatus === 'done'">
                        <span v-if="agentInfo.appointmentScore">
                            {{ agentInfo.appointmentScore }}
                        </span>
                        <div class="unfilled text--center "
                            style="display:flex"
                            v-else>未填<br />滿意度</div>
                      </template>
                    </template>
                    <template v-else>
                      <span v-if="agentInfo.avgScore">{{ agentInfo.avgScore }}</span>
@@ -42,7 +45,7 @@
                    @click="isRemoveAgentPopup = true"
                >移除</div>
                <div
                    v-if="notScoreAppointmentYet && (agentInfo.contactStatus !== 'picked' || agentInfo.contactStatus !== 'reserved')"
                    v-if="notScoreAppointmentYet && (agentInfo.appointmentStatus === 'closed' || agentInfo.appointmentStatus === 'done')"
                    class="text--primary text--underline cursor--pointer xsTxt text--bold"
                    @click="reviewsBtn = true">給予滿意度評分</div>
            </el-col>
@@ -73,7 +76,8 @@
                    <p>性別:{{gender}}</p>
                    <p>年齡:{{appointmentDetail.age | toAgeLabel }}</p>
                    <p>職業:{{appointmentDetail.job}}</p>
                    <p>需求:{{appointmentDetail.requirement.split(',').join('、')}}</p>
                    <p>諮詢方式:{{appointmentDetail.consultationMethod | toConsultationMethod }}</p>
                    <p>需求:{{appointmentDetail.requirement ? appointmentDetail.requirement.split(',').join('、') : '--'}}</p>
                    <p
                        v-for="(item, index) in hopeContactTime"
                        :key="index"
@@ -88,7 +92,7 @@
                    </div>
                </div>
                <div v-if="notScoreAppointmentYet " class="reserved-btn">
                <div v-if="notScoreAppointmentYet && (agentInfo.appointmentStatus === 'closed' || agentInfo.appointmentStatus === 'done')" class="reserved-btn">
                    <el-button type="primary"
                        @click.native="reviewsBtn = true">給予滿意度評分</el-button>
                </div>
@@ -171,15 +175,15 @@
                return upperNumber[index];
            }
        },
        formatHopeContactTime(item: string): string {
      formatHopeContactTime(item: string): string {
        if (item) {
            const [hopeDay, hopeTime] = item.split('、');
            const day = hopeDay.split(',').length > 6 ? '不限日期' : hopeDay;
            const time = hopeTime.split(',').length > 3 ? '不限時間' : hopeTime;
            return `${day}、${time}`;
            }
            return '';
          const [hopeDay, hopeTime] = item.split('、');
          const day = hopeDay.split(',').length > 6 ? '不限日期' : hopeDay;
          const time = hopeTime.split(',').length > 3 ? '不限時間' : hopeTime;
          return `${day}、${time}`;
        }
        return ''; // 修正:移至 if (item) 的內部
      },
    }
})
export default class ConsultantCard extends Vue {