From abfd26bb700d93a92da6a04703b0187d4acaaeb5 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 22 十二月 2021 10:13:02 +0800
Subject: [PATCH] refactor: move ts folder to shared folder
---
PAMapp/pages/record/index.vue | 115 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 115 insertions(+), 0 deletions(-)
diff --git a/PAMapp/pages/record/index.vue b/PAMapp/pages/record/index.vue
new file mode 100644
index 0000000..db7ac04
--- /dev/null
+++ b/PAMapp/pages/record/index.vue
@@ -0,0 +1,115 @@
+<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 lang="ts">
+import { Vue, Component, Action, State, namespace } from 'nuxt-property-decorator';
+import { AppointmentLog } from '~/shared/models/appointment.model';
+
+const roleStorage = namespace('localStorage');
+
+@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>
--
Gitblit v1.8.0