| | |
|---|
| | | <el-row |
|---|
| | | type="flex" |
|---|
| | | justify="center"> |
|---|
| | | <el-avatar |
|---|
| | | size="large" |
|---|
| | | src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"> |
|---|
| | | </el-avatar> |
|---|
| | | <UiAvatar :size="150" :fileName="agentInfo.image"></UiAvatar> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="pam-field__content pam-field-evaluation pt-10"> |
|---|
| | | <el-progress :show-text="false" :stroke-width="15" :percentage="agentInfo.evaluation"></el-progress> |
|---|
| | | <el-progress :show-text="false" :stroke-width="15" :percentage="agentInfo.evaluation * 2"></el-progress> |
|---|
| | | </div> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | |
|---|
| | | </UiField> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row |
|---|
| | | type="flex" |
|---|
| | | justify="center" |
|---|
| | | class="pam-paragraph"> |
|---|
| | | <el-button>+ 顧問清單</el-button> |
|---|
| | | <el-button type="primary">進行預約</el-button> |
|---|
| | | </el-row> |
|---|
| | | <AddAndReservedBtns |
|---|
| | | :cusClass="'pam-paragraph'" |
|---|
| | | :agentInfo="agentInfo" |
|---|
| | | @openPopUp="openPopUp" |
|---|
| | | ></AddAndReservedBtns> |
|---|
| | | |
|---|
| | | <PopUpFrame :isOpen.sync="isVisiblePopUp" |
|---|
| | | > |
|---|
| | | <div class="text--center mdTxt"> |
|---|
| | | <p class="mb-50">{{popUpTxt}}</p> |
|---|
| | | <p class="text--primary cursor--pointer fix-chrome-click--issue" |
|---|
| | | @click="isVisiblePopUp = false">我知道了</p> |
|---|
| | | </div> |
|---|
| | | </PopUpFrame> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | |
|---|
| | | @Component |
|---|
| | | export default class AgentInfoComponent extends Vue { |
|---|
| | | agentInfo!: AgentInfo; |
|---|
| | | |
|---|
| | | isVisiblePopUp = false; |
|---|
| | | popUpTxt = '成功加入顧問清單'; |
|---|
| | | async asyncData(context: Context) { |
|---|
| | | const agentNo = context.route.params.agentNo; |
|---|
| | | let agentInfo = {}; |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | get agentName(): string { |
|---|
| | | return `${this.agentInfo.name}(${this.agentInfo.role})`; |
|---|
| | | } |
|---|
| | | |
|---|
| | | openPopUp(txt: string) { |
|---|
| | | this.popUpTxt = txt; |
|---|
| | | this.isVisiblePopUp = true; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | interface AgentInfo { |
|---|
