| | |
| | | <template> |
| | | <div>record-查看紀錄</div> |
| | | </template> |
| | | |
| | | <div class="user-reviews-page"> |
| | | <section class="mdTxt"> |
| | | 查看紀錄 |
| | | </section> |
| | | |
| | | <section class="user-reviews-header"> |
| | | <div class="header-title mdTxt"> |
| | | 滿意度紀錄 |
| | | </div> |
| | | </section> |
| | | |
| | | <section class="user-reviews-content"> |
| | | <div |
| | | class="user-reviews-card" |
| | | v-for="(appointmentLog, index) in myAppointmentReviewLogList" |
| | | :key="index"> |
| | | <div class="user-reviews-card-content" v-if="currentRole === 'user'"> |
| | | 您對<span class="mdTxt">{{ ` ${appointmentLog.agentName} ` }}</span>做了 <UiReviewScore :score="appointmentLog.score" /> 評價! |
| | | </div> |
| | | <div class="user-reviews-card-content" v-else> |
| | | {{ `${appointmentLog.customerName} `}} 對您做了 <UiReviewScore :score="appointmentLog.score" /> 評價! |
| | | </div> |
| | | <div class="user-reviews-card-date"> |
| | | <div class="date"> |
| | | <UiDateFormat |
| | | :date="appointmentLog.lastModifiedDate" |
| | | onlyShowSection="DAY" /> |
| | | </div> |
| | | <div class="time"> |
| | | <UiDateFormat |
| | | :date="appointmentLog.lastModifiedDate" |
| | | onlyShowSection="TIME" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </section> |
| | | |
| | | </div> |
| | | |
| | | </template> |
| | | |
| | | <script src="./record.component.ts"></script> |
| | | |
| | | <style lang="scss"> |
| | | @import "./record.component.scss"; |
| | | </style> |