update: [UiAvatar] get agent avatar by agentNo
| | |
| | | <el-col class="flex_column" :xs="5" :sm="3"> |
| | | <UiAvatar |
| | | :size="50" |
| | | :fileName="avatarFileName" |
| | | :agentNo="agentInfo.agentNo" |
| | | @click.native="showAgentDetail(agentInfo.agentNo)" |
| | | ></UiAvatar> |
| | | <!-- TODO:隱藏滿意度 --> |
| | |
| | | time.toString(); |
| | | } |
| | | return time as string; |
| | | } |
| | | |
| | | get avatarFileName() { |
| | | return this.agentInfo.img; |
| | | } |
| | | |
| | | get gender() { |
| | |
| | | :key="index" |
| | | > |
| | | <div class="consultantCardStyle" > |
| | | <UiAvatar :size="80" :fileName="agentInfo.img" class="mb-10"></UiAvatar> |
| | | <UiAvatar |
| | | class="mb-10" |
| | | :size="80" |
| | | :agentNo="agentInfo.agentNo" |
| | | > |
| | | </UiAvatar> |
| | | <div class="name">{{agentInfo.name}}</div> |
| | | <div v-if="!hideReviews"> |
| | | <!-- TODO:隱藏滿意度 --> |
| | |
| | | > |
| | | <UiAvatar |
| | | :size="200" |
| | | :fileName="item.img" |
| | | :agentNo="item.agentNo" |
| | | class="mx-auto" |
| | | @click.native="showAgentDetail(item.agentNo)" |
| | | ></UiAvatar> |
| | |
| | | @Component |
| | | export default class UiAvatar extends Vue { |
| | | @Prop() size!: number; |
| | | @Prop() fileName!: string; |
| | | @Prop() agentNo!: string; |
| | | |
| | | get imgSrc() { |
| | | return process.env.BASE_URL + '/consultant/avatar/' + this.fileName; |
| | | return process.env.BASE_URL + '/consultant/avatar/' + this.agentNo; |
| | | } |
| | | } |
| | | </script> |
| | | </script> |
| | |
| | | <el-row |
| | | type="flex" |
| | | justify="center"> |
| | | <UiAvatar :size="150" :fileName="agentInfo.img"></UiAvatar> |
| | | <UiAvatar |
| | | :size="150" |
| | | :agentNo="agentInfo.agentNo"> |
| | | </UiAvatar> |
| | | </el-row> |
| | | |
| | | <el-row |
| | |
| | | <el-row |
| | | type="flex" |
| | | justify="center"> |
| | | <UiAvatar :size="150" :agentNo="agentInfo.agentNo"></UiAvatar> |
| | | <UiAvatar |
| | | :size="150" |
| | | :agentNo="agentInfo.agentNo"> |
| | | </UiAvatar> |
| | | </el-row> |
| | | |
| | | <el-row |
| | |
| | | <div class="pam-rec-agent-card__content"> |
| | | <div class="pam-rec-agent-card__content-header"> |
| | | <div class="pam-rec-agent-card__avatar"> |
| | | <UiAvatar :fileName="info.img" ></UiAvatar> |
| | | <UiAvatar |
| | | :agentNo="info.agentNo" > |
| | | </UiAvatar> |
| | | </div> |
| | | <div class="pam-rec-agent-card__main-info"> |
| | | <div class="text--middle pt-10 rec-desktop-name">{{ info.name }}</div> |