From 68e499e5eed17a2b1d2e47ee1790e16f001552f7 Mon Sep 17 00:00:00 2001 From: Mila <Mila@pollex.com.tw> Date: 星期三, 22 十二月 2021 16:21:28 +0800 Subject: [PATCH] Merge branch 'master' of https://192.168.0.10:8443/r/pcalife/PAM --- PAMapp/components/QuickFilter/QuickFilterConsultantList.vue | 53 ++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 42 insertions(+), 11 deletions(-) diff --git a/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue b/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue index 7a6b5da..de08434 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,48 @@ <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 '~/shared/models/consultant.model'; +import { hideReviews } from '~/shared/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 ; + + openPopUp(txt: string) { + this.popUpTxt = txt; + this.isVisiblePopUp = true; + } + + showAgentDetail(agentNo: string): void { + this.$router.push(`/agentInfo/${agentNo}`); + } + + 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(); @@ -95,13 +133,6 @@ (this.$refs.carouselRef as ElCarousel).prev(); } - openPopUp(txt: string) { - this.popUpTxt = txt; - this.isVisiblePopUp = true; - } - showAgentDetail(agentNo: string): void { - this.$router.push(`/agentInfo/${agentNo}`); - } } </script> @@ -188,4 +219,4 @@ } } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0