From ff6cb58bffa6483e9349a7b32cc8838f2fa4f62d Mon Sep 17 00:00:00 2001 From: HelenHuang <LinHuang@pollex.com.tw> Date: 星期五, 10 十二月 2021 18:35:13 +0800 Subject: [PATCH] TODO#132188 [顧問的滿意度評比分數與篩選功能先不顯示,但保戶依然可以進行滿意度評比與查看] --- PAMapp/components/QuickFilter/QuickFilterConsultantList.vue | 36 +++++++++++++++++++++++++++++++++--- 1 files changed, 33 insertions(+), 3 deletions(-) diff --git a/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue b/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue index 7a6b5da..d76e739 100644 --- a/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue +++ b/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue @@ -14,6 +14,8 @@ > <div class="fill" + @touchstart="moveStart" + @touchend="moveEnd" > <UiAvatar :size="200" @@ -29,7 +31,8 @@ <div class="smTxt_bold mb-10 text--prudential_grey">����風</div> <div class="mb-10">{{item.seniority}}</div> </el-col> - <el-col :span="12"> + <el-col :span="12" v-if="!hideReviews"> + <!-- TODO:���遛��漲 --> <div class="smTxt_bold mb-10 text--prudential_grey">摰X皛踵�漲</div> <div> <i class="icon-star pam-icon icon--yellow "></i> @@ -79,13 +82,39 @@ <script lang="ts"> import { ElCarousel } from 'element-ui/types/carousel'; import { Vue, Component, Prop } from 'vue-property-decorator'; -import { Consultants } from '~/assets/ts/api/consultant'; +import { Consultant } from '~/assets/ts/models/consultant.model'; +import { hideReviews } from '~/assets/ts/const/hide-reviews'; @Component export default class QuickFilterConsultantList extends Vue { - @Prop() consultantList!: Consultants[]; + @Prop() consultantList!: Consultant[]; isVisiblePopUp = false; popUpTxt = '����憿批��'; + startPosition = 0; + endPosition = 0; + startYPosition = 0; + endYPosition = 0; + hideReviews = hideReviews ; + + moveStart(event: TouchEvent) { + this.startPosition = event.changedTouches[0].clientX; + this.startYPosition = event.changedTouches[0].clientY; + } + + moveEnd(event: TouchEvent) { + this.endPosition = event.changedTouches[0].clientX; + this.endYPosition = event.changedTouches[0].clientY; + if (Math.abs(this.endYPosition - this.startYPosition) < 50) { + if (this.endPosition < this.startPosition) { + this.nextCard(); + return; + } + + if (this.endPosition > this.startPosition) { + this.prevCard(); + } + } + } nextCard() { (this.$refs.carouselRef as ElCarousel).next(); @@ -99,6 +128,7 @@ this.popUpTxt = txt; this.isVisiblePopUp = true; } + showAgentDetail(agentNo: string): void { this.$router.push(`/agentInfo/${agentNo}`); } -- Gitblit v1.8.0