| | |
|---|
| | | </section> |
|---|
| | | <div class="user-reviews-page"> |
|---|
| | | |
|---|
| | | <template v-if="myAppointmentReviewLogList.length"> |
|---|
| | | <template v-if="reviewLogList.length"> |
|---|
| | | <section class="user-reviews-content"> |
|---|
| | | <div |
|---|
| | | class="user-reviews-card" |
|---|
| | | v-for="(appointmentLog, index) in myAppointmentReviewLogList" |
|---|
| | | v-for="(appointmentLog, index) in reviewLogList" |
|---|
| | | :key="index"> |
|---|
| | | <div class="user-reviews-card-content" v-if="isUserLogin"> |
|---|
| | | 您對<span class="mdTxt">{{ ` ${appointmentLog.agentName} ` }}</span>做了 <UiReviewScore :score="appointmentLog.score" /> 評價！ |
|---|
| | |
|---|
| | | </template> |
|---|
| | | <script lang="ts"> |
|---|
| | | import { AppointmentLog } from '~/shared/models/appointment.model'; |
|---|
| | | import { Vue, Component, Prop } from 'nuxt-property-decorator'; |
|---|
| | | import { Vue, Component, Prop, Watch } from 'nuxt-property-decorator'; |
|---|
| | | import authService from '~/shared/services/auth.service'; |
|---|
| | | |
|---|
| | | @Component |
|---|
| | | export default class ReviewRecords extends Vue{ |
|---|
| | | |
|---|
| | | @Prop() |
|---|
| | | myAppointmentReviewLogList!: AppointmentLog[]; |
|---|
| | | reviewLogList!: AppointmentLog[]; |
|---|
| | | |
|---|
| | | isUserLogin = false; |
|---|
| | | |
|---|
| | | ////////////////////////////////////////////////////////////////////// |
|---|
| | | |
|---|
| | | mounted() { |
|---|
| | | this.isUserLogin = authService.isUserLogin(); |
|---|
| | | } |
|---|
