From 9bdb95c9e34cef640534e5e5a1e2225a80442000 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期四, 09 六月 2022 15:48:15 +0800
Subject: [PATCH] TODO#139894 [ footer -最下方說明與保經代合作 ] 文案修改
---
PAMapp/pages/record/index.vue | 102 ++++++++++++++++++++++++++++++---------------------
1 files changed, 60 insertions(+), 42 deletions(-)
diff --git a/PAMapp/pages/record/index.vue b/PAMapp/pages/record/index.vue
index 0dfac99..be49f11 100644
--- a/PAMapp/pages/record/index.vue
+++ b/PAMapp/pages/record/index.vue
@@ -1,48 +1,66 @@
<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>
+ <ReviewRecords
+ :reviewLogList="reviewLogList"
+ ></ReviewRecords>
</div>
-
</template>
+<script lang="ts">
+import { Vue, Component, Action, State } from 'nuxt-property-decorator';
-<script src="./record.component.ts"></script>
+import { AppointmentLog } from '~/shared/models/appointment.model';
-<style lang="scss">
- @import "./record.component.scss";
+@Component
+export default class Reviews extends Vue{
+
+ @State('reviewLogList')
+ reviewLogList!: AppointmentLog[];
+
+}
+</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