add: 顧問-查看滿意度評分 畫面刻版

HelenHuang

2021-11-22 f2d2522210d343cfdcce72d6b663e3bc8c02a1c8

add: 顧問-查看滿意度評分 畫面刻版

 PAMapp/components/BackActionBar.vue

@@ -41,8 +41,6 @@
        case 'notification':
          featureLabel = '通知';
          break;
        case 'notificationDetail':
          featureLabel='通知細節';
      }
      return featureLabel;
    } else {

 PAMapp/components/NavBar.vue

@@ -49,7 +49,7 @@
      },
      {
        needRole: [Role.USER, Role.ADMIN],
        link: '/record/contactRecord',
        link: '/record/reviews',
        title: '查看紀錄',
      },
      {

 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">

 PAMapp/pages/record/reviews.vue

@@ -1,3 +1,120 @@
<template>
    <div>查看紀錄(滿意度紀錄)顧問</div>
</template>
<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>

 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;