From f2d2522210d343cfdcce72d6b663e3bc8c02a1c8 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期一, 22 十一月 2021 12:31:02 +0800
Subject: [PATCH] add: 顧問-查看滿意度評分 畫面刻版

---
 PAMapp/pages/record/reviews.vue |  121 +++++++++++++++++++++++++++++++++++++++
 1 files changed, 119 insertions(+), 2 deletions(-)

diff --git a/PAMapp/pages/record/reviews.vue b/PAMapp/pages/record/reviews.vue
index 9f33d9b..052d45b 100644
--- a/PAMapp/pages/record/reviews.vue
+++ b/PAMapp/pages/record/reviews.vue
@@ -1,3 +1,120 @@
 <template>
-    <div>�������(皛踵�漲蝝����)憿批��</div>
-</template>
\ No newline at end of file
+<div class="consultant-reviews-page">
+    <section class="mdTxt">
+        �������
+    </section>
+
+    <section class="consultant-reviews-header">
+        <div class="header-title mdTxt">
+            皛踵�漲蝝����
+        </div>
+    </section>
+
+
+    <section class="consultant-reviews-content">
+        <div class="consultant-reviews-card" v-for="(item,index) in consultantReviewsList" :key="index">
+            <div class="consultant-reviews-card-content" >
+                {{item.name + ' '}}撠���{item.score}}閰!
+            </div>
+            <div class="consultant-reviews-card-date">
+                <div class="date">
+                {{item.date}}
+                </div>
+                <div class="time">
+                {{item.time}}
+                </div>
+            </div>
+        </div>
+    </section>
+
+</div>
+
+</template>
+<script lang="ts">
+import { Vue , Component} from 'vue-property-decorator';
+
+
+@Component
+export default  class Reviews extends Vue{
+    
+        consultantReviewsList=[
+            {
+                name:'�����',
+                score:'��������',
+                date:'隞予',
+                time:'10:00'
+            },
+            {
+                name:'Arial',
+                score:'�����',
+                date:'�憭�',
+                time:'23:59'
+            },
+            {
+                name:'Donna',
+                score:'����',
+                date:'3憭拙��',
+                time:'10:00'
+            },
+            {
+                name:'���',
+                score:'��������',
+                date:'8/30',
+                time:'10:00'
+            },
+            {
+                name:'��摩隡�',
+                score:'��������',
+                date:'2020/12/21',
+                time:'10:00'
+            }
+        ]
+    
+}
+</script>
+<style lang="scss" scoped>
+.consultant-reviews-page{
+    margin-bottom:155px;
+    .consultant-reviews-header{
+        height: 43px;
+        margin-top: 28px;
+        display: flex;
+        justify-content: center;
+        border-bottom: 2px solid black;
+    }
+    .consultant-reviews-content{
+        .consultant-reviews-card{
+            display: flex;
+            justify-content: space-between;
+            margin-top: 26px;
+            border-bottom: 1px solid #707070;
+            height: 54px;
+            padding-bottom: 15px;
+            .consultant-reviews-card-content{
+                width: 242px;
+                padding-right:50px;
+                line-height: 1.2;
+                font-size: 20px;
+                margin-left: 15px;
+            }
+            .consultant-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{
+    .consultant-reviews-card-content{
+        flex: 1;
+    }
+}
+</style>
\ No newline at end of file

--
Gitblit v1.8.0