<template>
|
<div class="reviews-page">
|
<!-- 顧客發送滿意度給顧問 -->
|
<div class="reviews-banner"></div>
|
|
<section class="reviews-container">
|
<section class="reviews-header">
|
<div class="reviews-header-container">
|
<div class="reviews-header-title">滿意度調查</div>
|
<!-- <div class="reviews-header-subTitle">共{{ reviewsList.length }}筆</div> -->
|
</div>
|
</section>
|
|
<section class="reviews-content">
|
<div class="reviews-content-card" v-for="(item,index) in reviewsList" :key="(index)">
|
<div class="card-body">
|
<div class="card-avatar">
|
<img :src="item.avatar" class="img">
|
</div>
|
<div class="card-txt">
|
對於顧問
|
<span class="p">{{item.name}}</span>的整體服務,您給予幾顆星的評價?
|
<div
|
class="card-score"
|
v-if="!isMobileDevice">
|
<el-rate class="user-reviews-rate" v-model="item.avgScore"></el-rate>
|
</div>
|
</div>
|
</div>
|
<div
|
class="card-score"
|
v-if="isMobileDevice">
|
<el-rate
|
class="user-reviews-rate"
|
v-model="item.avgScore"></el-rate>
|
</div>
|
</div>
|
</section>
|
</section>
|
|
<section class="reviews-footer">
|
<el-button type="primary" class="reviews-footer-btn" @click.native="sendReviews">送出</el-button>
|
</section>
|
<PopUpFrame :isOpen.sync="showReviews">
|
<div class="reviews-dialog">
|
<span class="reviews-dialog-title">評價完成!</span>
|
</div>
|
<div class="reviews-btn-block">
|
<el-button type="primary" class="reviews-dialog-btn" @click.native="reviewsDialogCheck">我知道了</el-button>
|
</div>
|
</PopUpFrame>
|
|
|
</div>
|
</template>
|
|
<script src="./user-reviews.component.ts"></script>
|
|
<style lang="scss">
|
@import "./user-reviews.component.scss";
|
</style>
|
