From 943b8dfc3fd82d76d46cde1834972270d4aa868a Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 12 一月 2022 16:06:40 +0800
Subject: [PATCH] update: 串接預約單流程(新增採訪紀錄, 結案頁面, 預約單列表細節)
---
PAMapp/components/Consultant/ConsultantSwiper.vue | 41 ++++++++++++++++++++++++++++-------------
1 files changed, 28 insertions(+), 13 deletions(-)
diff --git a/PAMapp/components/Consultant/ConsultantSwiper.vue b/PAMapp/components/Consultant/ConsultantSwiper.vue
index 29fa092..45a2ba7 100644
--- a/PAMapp/components/Consultant/ConsultantSwiper.vue
+++ b/PAMapp/components/Consultant/ConsultantSwiper.vue
@@ -5,16 +5,22 @@
class="swiperStyle"
@click-slide="clkItem"
>
- <swiper-slide
+ <swiper-slide class="fix-chrome-click--issue"
v-for="(agentInfo, index) in agents"
:key="index"
>
<div class="consultantCardStyle" >
- <el-avatar class="mb-10" :size="80" :src="agentInfo.img"></el-avatar>
+ <UiAvatar
+ class="mb-10"
+ :size="80"
+ :agentNo="agentInfo.agentNo"
+ >
+ </UiAvatar>
<div class="name">{{agentInfo.name}}</div>
- <div>
+ <div v-if="!hideReviews">
+ <!-- TODO:���遛��漲 -->
<i class="icon-star pam-icon icon--yellow"></i>
- <span class="satisfaction">{{agentInfo.satisfaction}}</span>
+ <span class="satisfaction">{{agentInfo.avgScore}}</span>
</div>
</div>
</swiper-slide>
@@ -28,14 +34,18 @@
<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';
import { SwiperOptions } from 'swiper';
-import { Agents } from '~/plugins/api/home'
+import { Consultant } from '~/shared/models/consultant.model';
+import { hideReviews } from '~/shared/const/hide-reviews';
@Component
export default class UiSwiper extends Vue {
- @Prop() agents!: Agents[];
+ @Prop()
+ agents!: Consultant[];
+
+ hideReviews = hideReviews ;
swiperOptions: SwiperOptions = {
- loop: true,
+ loop: false,
slideToClickedSlide: false,
navigation: {
nextEl: '.swiper-button-next',
@@ -44,20 +54,20 @@
breakpoints: {
320: {
slidesPerView: 3,
- slidesPerGroup: 3,
- spaceBetween: 3
+ spaceBetween: -20
},
768: {
slidesPerView: 6,
- slidesPerGroup: 6,
- spaceBetween: 3
+ spaceBetween: -20
}
}
}
+ //////////////////////////////////////////////////////////////////////
+
clkItem(loopIndex: number, realIndex: number) {
- this.$router.push('/agentInfo');
- console.log(loopIndex, realIndex, 'clkItem')
+ const agentNo = this.agents[loopIndex].agentNo;
+ this.$router.push(`/agentInfo/${agentNo}`);
}
}
@@ -77,6 +87,7 @@
}
.swiper-button-next,.swiper-button-prev {
+ @extend .fix-chrome-click--issue;
background-color: $PRIMARY_WHITE;
top: 0px;
height: 100%;
@@ -86,6 +97,10 @@
font-weight: bold;
color: #707A81;
}
+
+ &.swiper-button-disabled {
+ pointer-events: auto;
+ }
}
.swiper-button-prev {
--
Gitblit v1.8.0