update: TODO#132097 [快速篩選] 滑動切換顧問清單

Mila

2021-12-08 c7fdbdc4523e16970626abebbc6d21367b0b476b

 PAMapp/components/QuickFilter/QuickFilterConsultantList.vue

@@ -14,6 +14,8 @@
        >
            <div
                class="fill"
                @touchstart="moveStart"
                @touchend="moveEnd"
            >
                <UiAvatar
                    :size="200"
@@ -87,6 +89,24 @@
    @Prop() consultantList!: Consultant[];
    isVisiblePopUp = false;
    popUpTxt = '成功加入顧問清單';
    startPosition = 0;
    endPosition = 0;

    moveStart(event: TouchEvent) {
        this.startPosition = event.changedTouches[0].clientX;
    }

    moveEnd(event: TouchEvent) {
        this.endPosition = event.changedTouches[0].clientX;
        if (this.endPosition < this.startPosition) {
            this.nextCard();
            return;
        }

        if (this.endPosition > this.startPosition) {
            this.prevCard();
        }
    }

    nextCard() {
        (this.$refs.carouselRef as ElCarousel).next();
@@ -100,6 +120,7 @@
        this.popUpTxt = txt;
        this.isVisiblePopUp = true;
    }

    showAgentDetail(agentNo: string): void {
        this.$router.push(`/agentInfo/${agentNo}`);
    }