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 |   67 ++++++++++++++++++++++++++++++++-
 1 files changed, 65 insertions(+), 2 deletions(-)

diff --git a/PAMapp/pages/record/index.vue b/PAMapp/pages/record/index.vue
index 33da932..be49f11 100644
--- a/PAMapp/pages/record/index.vue
+++ b/PAMapp/pages/record/index.vue
@@ -1,3 +1,66 @@
 <template>
-    <div>record-�������</div>
-</template>
\ No newline at end of file
+<div>
+    <ReviewRecords
+      :reviewLogList="reviewLogList"
+    ></ReviewRecords>
+</div>
+</template>
+<script lang="ts">
+import { Vue, Component, Action, State } from 'nuxt-property-decorator';
+
+import { AppointmentLog } from '~/shared/models/appointment.model';
+
+@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