| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </template> |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Vue, Component, Action, State, namespace } from 'nuxt-property-decorator'; |
|---|
| | | import { AppointmentLog } from '~/shared/models/appointment.model'; |
|---|
| | | |
|---|
| | | <script src="./record.component.ts"></script> |
|---|
| | | const roleStorage = namespace('localStorage'); |
|---|
| | | |
|---|
| | | <style lang="scss"> |
|---|
| | | @import "./record.component.scss"; |
|---|
| | | @Component |
|---|
| | | export default class Reviews extends Vue{ |
|---|
| | | |
|---|
| | | today = new Date(); |
|---|
| | | |
|---|
| | | @roleStorage.Getter currentRole!:string; |
|---|
| | | |
|---|
| | | @State('myAppointmentReviewLogList') myAppointmentReviewLogList!: AppointmentLog[]; |
|---|
| | | |
|---|
| | | @Action storeMyAppointmentReviewLog!: any; |
|---|
| | | |
|---|
| | | appointmentLogList: AppointmentLog[] = []; |
|---|
| | | |
|---|
| | | mounted() { |
|---|
| | | this.storeMyAppointmentReviewLog(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .user-reviews-page{ |
|---|
| | | margin-bottom:155px; |
|---|
| | | .user-reviews-header{ |
|---|
| | | height: 43px; |
|---|
| | | margin-top: 28px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | border-bottom: 2px solid black; |
|---|
| | | } |
|---|
| | | .user-reviews-content{ |
|---|
| | | .user-reviews-card{ |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | margin-top: 26px; |
|---|
| | | border-bottom: 1px solid #707070; |
|---|
| | | height: 54px; |
|---|
| | | padding-bottom: 15px; |
|---|
| | | .user-reviews-card-content{ |
|---|
| | | width: 242px; |
|---|
| | | padding-right:50px; |
|---|
| | | line-height: 1.2; |
|---|
| | | font-size: 20px; |
|---|
| | | margin-left: 15px; |
|---|
| | | } |
|---|
| | | .user-reviews-card-date{ |
|---|
| | | font-size: 12px; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | align-items: flex-end; |
|---|
| | | margin-right: 15px; |
|---|
| | | width:52px; |
|---|
| | | .date{ |
|---|
| | | margin-bottom: 2px; |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | @include desktop{ |
|---|
| | | .user-reviews-card-content{ |
|---|
| | | flex: 1; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
