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.vue | 13 +---
PAMapp/components/BackActionBar.vue | 2
PAMapp/components/NavBar.vue | 2
PAMapp/pages/userReviews/index.vue | 6 --
PAMapp/pages/record/reviews.vue | 121 +++++++++++++++++++++++++++++++++++++++
5 files changed, 124 insertions(+), 20 deletions(-)
diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue
index dd1adfc..e2f5219 100644
--- a/PAMapp/components/BackActionBar.vue
+++ b/PAMapp/components/BackActionBar.vue
@@ -41,8 +41,6 @@
case 'notification':
featureLabel = '�';
break;
- case 'notificationDetail':
- featureLabel='�蝝啁�';
}
return featureLabel;
} else {
diff --git a/PAMapp/components/NavBar.vue b/PAMapp/components/NavBar.vue
index d0a7d46..515d1c4 100644
--- a/PAMapp/components/NavBar.vue
+++ b/PAMapp/components/NavBar.vue
@@ -49,7 +49,7 @@
},
{
needRole: [Role.USER, Role.ADMIN],
- link: '/record/contactRecord',
+ link: '/record/reviews',
title: '�������',
},
{
diff --git a/PAMapp/pages/record.vue b/PAMapp/pages/record.vue
index 9d9753d..9d5a5a5 100644
--- a/PAMapp/pages/record.vue
+++ b/PAMapp/pages/record.vue
@@ -1,22 +1,17 @@
<template>
- <div>record-�������
- <el-tabs
+ <!-- <div>������� -->
+ <!-- <el-tabs
v-model="activeTabName"
@tab-click="tabClick"
>
<el-tab-pane
- label="�������"
- name="contactRecord"
- >
- </el-tab-pane>
- <el-tab-pane
label="皛踵�漲蝝����"
name="reviews"
></el-tab-pane>
- </el-tabs>
+ </el-tabs> -->
<NuxtChild></NuxtChild>
- </div>
+ <!-- </div> -->
</template>
<script lang="ts">
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
diff --git a/PAMapp/pages/userReviews/index.vue b/PAMapp/pages/userReviews/index.vue
index 5f777b1..ee19c7b 100644
--- a/PAMapp/pages/userReviews/index.vue
+++ b/PAMapp/pages/userReviews/index.vue
@@ -183,9 +183,6 @@
.reviews-btn-block{
display: flex;
justify-content: center;
- .reviews-dialog-btn{
-
- }
}
}
@@ -198,9 +195,6 @@
.reviews-container{
width: 700px;
margin: 30px auto 0px auto;
- .reviews-header{
-
- }
.reviews-content{
display: flex;
flex-direction: column;
--
Gitblit v1.8.0