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