| | |
| | | > |
| | | <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 { 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; |
| | |
| | | } |
| | | } |
| | | |
| | | nextCard() { |
| | | (this.$refs.carouselRef as ElCarousel).next(); |
| | | } |
| | | |
| | | prevCard() { |
| | | (this.$refs.carouselRef as ElCarousel).prev(); |
| | | } |
| | | ////////////////////////////////////////////////////////////////// |
| | | |
| | | openPopUp(txt: string) { |
| | | this.popUpTxt = txt; |
| | |
| | | showAgentDetail(agentNo: string): void { |
| | | this.$router.push(`/agentInfo/${agentNo}`); |
| | | } |
| | | |
| | | nextCard() { |
| | | (this.$refs.carouselRef as ElCarousel).next(); |
| | | } |
| | | |
| | | prevCard() { |
| | | (this.$refs.carouselRef as ElCarousel).prev(); |
| | | } |
| | | |
| | | } |
| | | </script> |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | </style> |
| | | </style> |