From 1d6d2d14200ed9432347ef8013e3fc117fa2161b Mon Sep 17 00:00:00 2001 From: Mila <Mila@pollex.com.tw> Date: 星期四, 20 一月 2022 14:57:27 +0800 Subject: [PATCH] Merge branch 'master' into Phase3 --- PAMapp/components/Consultant/ConsultantCard.vue | 57 +++++++++++++++++++++++++-------------------------------- 1 files changed, 25 insertions(+), 32 deletions(-) diff --git a/PAMapp/components/Consultant/ConsultantCard.vue b/PAMapp/components/Consultant/ConsultantCard.vue index e47a64d..63ce8b8 100644 --- a/PAMapp/components/Consultant/ConsultantCard.vue +++ b/PAMapp/components/Consultant/ConsultantCard.vue @@ -33,17 +33,17 @@ v-if="showRemoveBtn" @click="removeAgent" >蝘駁</div> + <div + v-if="notScoreAppointmentYet" + class="text--primary text--underline cursor--pointer xsTxt text--bold" + @click="reviewsBtn = true">蝯虫�遛��漲閰��</div> </el-col> <el-col class="flex_column" :xs="9" :sm="6"> <el-button class="smTxt_bold outline_btn" - @click="reserveCommunication" + @click="reservedOrShowAppointmentInfo" :class="actionBtnStyle" >{{ actionBtnLabel }}</el-button> - <div - v-if="notScoreAppointmentYet" - class="text--primary mt-10 text--center text--underline cursor--pointer" - @click="reviewsBtn = true">蝯虫�遛��漲閰��</div> <div class="updateTime mt-10"> {{ agentInfo.updateTime | formatDate }} </div> @@ -53,12 +53,12 @@ <Ui-Dialog :isVisible.sync="isVisibleDialog" :width="width" - class="pam-myDemand-dialog" + class="pam-myDemand-dialog pam-dialog-reserved" > <div v-if="appointmentDetail"> <h5 class="subTitle text--center mb-30">������</h5> <p class="smTxt">{{appointmentDetail.appointmentDate | formatDate}}</p> - <div class="dialogInfo"> + <div class="reserved-info"> <p>憪��{appointmentDetail.name}}</p> <p>�閰梧�{appointmentDetail.phone}}</p> <p>Email嚗{appointmentDetail.email}}</p> @@ -80,7 +80,7 @@ </div> </div> - <div v-if="notScoreAppointmentYet" class="dialogInfo-btn"> + <div v-if="notScoreAppointmentYet" class="reserved-btn"> <el-button type="primary" @click.native="reviewsBtn = true">蝯虫�遛��漲閰��</el-button> </div> @@ -91,14 +91,24 @@ </div> </div> </Ui-Dialog> - <PopUpFrame :isOpen.sync="reviewsBtn"> - <div class="mdTxt"> + + <PopUpFrame :isOpen.sync="reviewsBtn" class="reviewDialog-content"> + <div class="mdTxt pam-dialog-review"> 靽憿批�遛��漲 <span class="hint">������</span> - <div class="dialogInfo-score"> - <el-rate v-model="inputScore" class="pam-quickFilter-rate"></el-rate> + <div class="mt-30 review-content"> + <UiAvatar :size="80" :agentNo="agentInfo.agentNo"></UiAvatar> + <div class="review-text">撠憿批�� + <span class="text--primary">{{agentInfo.name}}</span> + ��擃���蝯虫�嗾憿��嚗� + </div> </div> - <div class="dialogInfo-btn"> + + <div class="review-score"> + <el-rate v-model="inputScore" class="pam-rate mt-30"></el-rate> + </div> + + <div class="review-btn"> <el-button type="primary" :disabled="!inputScore" @@ -172,7 +182,6 @@ hideReviews = hideReviews; isConfirmPopup = false; - appointmentDetail: any = { age : '', agentNo : '', @@ -203,7 +212,7 @@ } get isAppointment(): boolean { - return !!this.agentInfo['appointmentStatus'];; + return !!this.agentInfo['appointmentStatus']; } get latestReservedAppointment(): Appointment { @@ -290,7 +299,7 @@ @Action storeConsultantList!: () => void; - reserveCommunication() { + reservedOrShowAppointmentInfo() { const isAppointment = !!this.agentInfo['appointmentStatus']; const contactStatus = this.agentInfo.contactStatus; if (!isAppointment && (!contactStatus || contactStatus === 'picked')) { @@ -442,20 +451,4 @@ flex-direction: column; justify-content: space-between; } - - .dialogInfo { - font-size: 20px; - overflow-y:scroll; - height: 400px; - } - .dialogInfo-btn{ - display: flex; - justify-content: center; - } - .dialogInfo-score{ - display: flex; - justify-content: center; - margin-bottom: 50px; - } - </style> -- Gitblit v1.8.0