Merge branch 'pollex-dev' into sit

wayne

2022-01-26 6fa4bba623713c396432ba8b863846883d6a1906

 PAMapp/components/ReviewRecords/ReviewRecords.vue

@@ -11,10 +11,11 @@
    </section>
    <div class="user-reviews-page">

      <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" /> 評價！
@@ -36,24 +37,36 @@
                </div>
            </div>
        </section>
      </template>
      <template v-else>
                <section class="user-reviews-content">
            <div
                class="user-reviews-card empty">
                <div class="user-reviews-card-content">
                    暫無資料
                </div>
            </div>
        </section>
      </template>

    </div>
</div>

</template>
<script lang="ts">
import { Vue, Component, Prop } from 'nuxt-property-decorator';

import authService from '~/shared/services/auth.service';
import { AppointmentLog } from '~/shared/models/appointment.model';
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();
@@ -99,6 +112,9 @@

                }
            }
            &.empty {
              border-color: transparent;
            }
        }
    }
}