| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | import { ElCarousel } from 'element-ui/types/carousel'; |
|---|
| | | import { Vue, Component, Prop } from 'vue-property-decorator'; |
|---|
| | | import { Consultant } from '~/assets/ts/models/consultant.model'; |
|---|
| | | |
|---|
| | | import { hideReviews } from '~/assets/ts/const/hide-reviews'; |
|---|
| | | |
|---|
| | | @Component |
|---|
| | | export default class QuickFilterConsultantList extends Vue { |
|---|
| | |
|---|
| | | 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; |
|---|
| | | if (this.endPosition < this.startPosition) { |
|---|
| | | this.nextCard(); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | 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(); |
|---|
| | | if (this.endPosition > this.startPosition) { |
|---|
| | | this.prevCard(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
