From ac594e4efb30ba28776d74b0fb08ab34d7c32023 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期四, 30 十二月 2021 15:20:08 +0800
Subject: [PATCH] Merge branch 'Phase2'
---
PAMapp/components/QuickFilter/QuickFilterConsultantList.vue | 62 ++++++++++++++++++++++++------
1 files changed, 49 insertions(+), 13 deletions(-)
diff --git a/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue b/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue
index d8a1707..71555ba 100644
--- a/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue
+++ b/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue
@@ -14,10 +14,12 @@
>
<div
class="fill"
+ @touchstart="moveStart"
+ @touchend="moveEnd"
>
<UiAvatar
:size="200"
- :fileName="item.img"
+ :agentNo="item.agentNo"
class="mx-auto"
@click.native="showAgentDetail(item.agentNo)"
></UiAvatar>
@@ -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">摰Ｘ皛踵�漲</div>
<div>
<i class="icon-star pam-icon icon--yellow "></i>
@@ -77,16 +80,56 @@
</template>
<script lang="ts">
+import { Consultant } from '~/shared/models/consultant.model';
import { ElCarousel } from 'element-ui/types/carousel';
+import { hideReviews } from '~/shared/const/hide-reviews';
import { Vue, Component, Prop } from 'vue-property-decorator';
-import { Consultant } from '~/assets/ts/models/consultant.model';
-
@Component
export default class QuickFilterConsultantList extends Vue {
- @Prop() consultantList!: Consultant[];
+ @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();
+ }
+ }
+ }
+
+ //////////////////////////////////////////////////////////////////
+
+ openPopUp(txt: string) {
+ this.popUpTxt = txt;
+ this.isVisiblePopUp = true;
+ }
+
+ showAgentDetail(agentNo: string): void {
+ this.$router.push(`/agentInfo/${agentNo}`);
+ }
nextCard() {
(this.$refs.carouselRef as ElCarousel).next();
@@ -96,13 +139,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>
@@ -189,4 +225,4 @@
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0