From bdae23a40c461c2c6b6ee614f661eac731c949c8 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期三, 22 十二月 2021 14:12:05 +0800
Subject: [PATCH] Merge branch 'master' of https://192.168.0.10:8443/r/pcalife/PAM
---
PAMapp/pages/userReviews/index.vue | 157 +++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 154 insertions(+), 3 deletions(-)
diff --git a/PAMapp/pages/userReviews/index.vue b/PAMapp/pages/userReviews/index.vue
index 92b8406..6152aad 100644
--- a/PAMapp/pages/userReviews/index.vue
+++ b/PAMapp/pages/userReviews/index.vue
@@ -53,9 +53,160 @@
</div>
</template>
+<script lang="ts">
+import { Vue,Component } from 'vue-property-decorator'
+import { isMobileDevice } from '~/shared/device';
-<script src="./user-reviews.component.ts"></script>
-<style lang="scss">
- @import "./user-reviews.component.scss";
+@Component({
+ layout: 'home'
+})
+export default class UserReviews extends Vue{
+
+ isMobileDevice = true;
+
+ showReviews = false;
+
+ reviewsList:ReviewsList[] = [
+ {
+ avatar:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+ name:'�蝢��',
+ avgScore: 0
+ },
+ {
+ avatar:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+ name:'鞈�',
+ avgScore: 0
+ },
+ {
+ avatar:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+ name:'������',
+ avgScore: 0
+ }
+ ];
+
+ reviewsDialogCheck(): void {
+ this.reviewsList = this.reviewsList.filter((reviewItem) => !reviewItem.avgScore);
+ this.showReviews = false;
+ };
+
+ mounted() {
+ this.isMobileDevice = isMobileDevice();
+ };
+
+ sendReviews() {
+ this.showReviews = true;
+ };
+}
+export interface ReviewsList{
+ avatar:any;
+ name:string;
+ avgScore:number;
+}
+</script>
+<style lang="scss" scoped>
+.reviews-page{
+ background-color: #F8F9FA;
+ .reviews-banner{
+ background-image: url('~/assets/images/satisfaction/banner_mob.svg');
+ height: 120px;
+ margin-bottom: 10px;
+ }
+ .reviews-container{
+ padding-right: 10px;
+ padding-left: 10px;
+ padding-bottom: 10px;
+ .reviews-header{
+ margin-top: 10px;
+ .reviews-header-container{
+ display: flex;
+ margin-bottom:38px;
+ align-items: baseline;
+ .reviews-header-title{
+ margin-right: 17.5px;
+ font-size: 20px;
+ }
+ .reviews-header-subTitle{
+ font-size: 16px;
+ color: #68737A;
+ }
+ }
+ }
+ .reviews-content{
+ .reviews-content-card{
+ .card-body{
+ display: flex;
+ .card-avatar{
+ .img{
+ height: 80px;
+ width: 80px;
+ }
+ }
+ .card-txt{
+ font-size: 20px;
+ padding-top: 20px;
+ .p{
+ font-size: 23px;
+ color:#ED1B2E;
+ font-weight: bold;
+ }
+ }
+ }
+ .card-score{
+ margin-top: 10px;
+ margin-bottom: 30px;
+ display: flex;
+ justify-content: center;
+ }
+ }
+ }
+ }
+ .reviews-footer{
+ height: 70px;
+ display: flex;
+ justify-content: center;
+ margin-top: 45px;
+ background-color: #fff;
+ .reviews-footer-btn{
+ width: 120px;
+ height: 50px;
+ margin-top: 10px;
+ }
+ }
+ .reviews-dialog{
+ display: flex;
+ justify-content: center;
+ margin-bottom: 56px;
+ .reviews-dialog-title{
+ font-size: 18px;
+ }
+ }
+ .reviews-btn-block{
+ display: flex;
+ justify-content: center;
+ }
+}
+
+@include desktop{
+ .reviews-page{
+ .reviews-banner{
+ height: 147px;
+ background-image: url('~/assets/images/satisfaction/banner_web.svg');
+ }
+ .reviews-container{
+ width: 700px;
+ margin: 30px auto 0px auto;
+ .reviews-content{
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ }
+ }
+ .reviews-footer{
+ background-color:#F8F9FA;
+ }
+ }
+
+}
+
</style>
--
Gitblit v1.9.3