Merge branch 'sit' into uat

wayne

2022-02-17 a3716f72066d25d745f4d5103ff23a553c3e102b

 PAMapp/pages/userReviewsRecord/index.vue

@@ -1,68 +1,20 @@
<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.clientName} `}} 對您做了 <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>

  <div>
    <ReviewRecords
      :reviewLogList="reviewLogList"
    ></ReviewRecords>
  </div>
</template>
<script lang="ts">
import { Vue, Component, Action, State, namespace } from 'nuxt-property-decorator';
import { AppointmentLog } from '~/assets/ts/models/appointment.model';

const roleStorage = namespace('localStorage');
import { AppointmentLog } from '~/shared/models/appointment.model';
import { Vue, Component, Action, State } from 'nuxt-property-decorator';

@Component
export default  class UserReviewsRecord extends Vue{

    today = new Date();
    @State('reviewLogList')
    reviewLogList!: AppointmentLog[];

    @roleStorage.Getter currentRole!:string;

    @State('myAppointmentReviewLogList') myAppointmentReviewLogList!: AppointmentLog[];

    @Action storeMyAppointmentReviewLog!: any;

    appointmentLogList: AppointmentLog[] = [];

    mounted() {
        this.storeMyAppointmentReviewLog();
    }
    
}
</script>
<style lang="scss" scoped>
@@ -99,7 +51,7 @@
                width:52px;
                .date{
                    margin-bottom: 2px;
                    

                }
            }
        }
@@ -110,4 +62,4 @@
        flex: 1;
    }
}
</style>
</style>