保誠-保戶業務員媒合平台
究查 | 歷程 | 修補檔 | 提交 | 提交差異 | 忽略空白
wayne
2022-02-17 4394e4248455637ab7836756058ac872fdf4af10 
 PAMapp/components/Consultant/ConsultantCard.vue


@@ -7,16 +7,27 @@


                    :agentNo="agentInfo.agentNo"


                    @click.native="showAgentDetail(agentInfo.agentNo)"


                ></UiAvatar>


                <!-- TODO:隱藏滿意度 -->


                <div v-if="!hideReviews">


                    <i class="icon-star pam-icon icon--yellow satisfaction"  v-if="notScoreAppointmentYet"></i>


                    <span v-if="notScoreAppointmentYet">


                        {{ agentInfo.satisfactionScore }}


                    </span>


                    <div class="unfilled text--center "


                        style="display:flex"


                        v-if="notScoreAppointmentYet">未填<br />滿意度</div>


                    <span v-if="agentInfo.contactStatus !== 'contacted'">{{ agentInfo.avgScore }}</span>


                <div v-if="!hideReviews" style="display: flex; justify-content: flex-start; align-items: center; margin-top: 6px; font-size: 12px">


                    <i v-if="isAppointment ? agentInfo.appointmentScore : agentInfo.avgScore"


                      class="icon-star pam-icon icon--yellow satisfaction"


                       style="margin-top: 0"></i>


                    <template v-if="isAppointment">


                      <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>


                      <span class="unfilled text--center "


                          style="display:flex" v-else>尚無<br />滿意度</span>


                    </template>




                </div>


            </el-col>


            <el-col :xs="10" :sm="15">


@@ -34,7 +45,7 @@


                    @click="isRemoveAgentPopup = true"


                >移除</div>


                <div


                    v-if="notScoreAppointmentYet"


                    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>


@@ -45,7 +56,7 @@


                    :class="actionBtnStyle"


                >{{ actionBtnLabel }}</el-button>


                <div class="updateTime mt-10">


                    {{ agentInfo.updateTime | formatDate }}


                    {{ (isAppointment ? agentInfo.appointmentLastModifiedDate : agentInfo.updateTime)  | formatDate }}


                </div>


            </el-col>


        </el-row>


@@ -57,7 +68,7 @@


        >


            <div v-if="appointmentDetail">


                <h5 class="subTitle text--center mb-30">預約成功</h5>


                <p class="smTxt">{{appointmentDetail.appointmentDate | formatDate}}</p>


                <p class="smTxt">{{appointmentDetail.appointmentDate | formatDate}} 建立</p>


                <div class="reserved-info">


                    <p>姓名：{{appointmentDetail.name}}</p>


                    <p>電話：{{appointmentDetail.phone}}</p>


@@ -70,17 +81,17 @@


                        v-for="(item, index) in hopeContactTime"


                        :key="index"


                    >連絡時段{{index + 1 | formatNumber}}：{{ item | formatHopeContactTime }}</p>


                    <div v-if="appointmentDetail.satisfactionScore">


                    <div v-if="appointmentDetail.appointmentScore">


                        <div class="mdTxt mt-10 mb-10">滿意度</div>


                        <el-rate


                        :value="appointmentDetail.satisfactionScore"


                        :value="appointmentDetail.appointmentScore"


                        class="pam-myDemand-dialog__rate"


                        disabled>


                        </el-rate>


                    </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>


@@ -151,7 +162,8 @@


import { hideReviews } from '~/shared/const/hide-reviews';


import { Consultant, ConsultantWithAppointmentId } from '~/shared/models/consultant.model';


import { Appointment } from '~/shared/models/appointment.model';


import { UserReviewsConsultantsParams } from '~/shared/models/reviews.model';


import { SatisfactionType } from '~/shared/models/enum/satisfaction-type';


import { UserReviewParams } from '~/shared/models/reviews.model';




const localStorage = namespace('localStorage');


@Component({


@@ -212,13 +224,14 @@


        otherRequirement  : null,


        phone             : "",


        requirement       : '',


        satisfactionScore : 0,


        appointmentScore : 0,


    };




    get notScoreAppointmentYet(): boolean {


      const isAppointment = !!this.agentInfo['appointmentStatus'];


      if (!isAppointment) return false;


      return this.agentInfo['appointmentStatus'] !== 'contacted' ? !this.agentInfo['appointmentScore'] : false;


      return isAppointment


            ? !this.agentInfo['appointmentScore']


            : !this.agentInfo.avgScore


    }




    get isAppointment(): boolean {


@@ -340,7 +353,7 @@


        appointmentService.getAppointmentDetail(appointmentId!).then(res => {


            this.appointmentDetail = {


                ...res,


                satisfactionScore:  this.agentInfo['appointmentScore'],


                appointmentScore:  this.agentInfo['appointmentScore'],


            };


            this.width = UtilsService.isMobileDevice() ? '80%' : '';


            this.isVisibleDialog = true;


@@ -368,11 +381,12 @@


                          ? this.agentInfo['appointmentId']


                          : this.latestNotClosedAppointment.id;




        const reviewParams: UserReviewsConsultantsParams = {


        const reviewParams: UserReviewParams = {


            appointmentId: appointmentId,


            score: this.inputScore,


            type : SatisfactionType.APPOINTMENT,


        }


        this.appointmentDetail.satisfactionScore = this.inputScore;


        this.appointmentDetail.appointmentScore = this.inputScore;




        reviewsService.userReviewsConsultants(reviewParams).then((res) => {


            this.reviewsBtn = false;