| | |
|---|
| | | > |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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"> |
|---|
| | | <div class="smTxt_bold mb-10 text--prudential_grey">客戶滿意度</div> |
|---|
| | | <div> |
|---|
| | | <i class="icon-star pam-icon icon--yellow "></i> |
|---|
| | |
|---|
| | | </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 { Consultants } from '~/assets/ts/api/consultant'; |
|---|
| | | |
|---|
| | | @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(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | ////////////////////////////////////////////////////////////////// |
|---|
| | | |
|---|
| | | 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(); |
|---|
| | |
|---|
| | | (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> |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | </style> |
|---|
| | | </style> |
|---|
