| | |
| | | type="flex" |
| | | class="pam-paragraph"> |
| | | <UiField :span="12" icon="time" label="最後上線時間"> |
| | | {{ agentInfo.lastestLoginTime | formatDate }} |
| | | {{ agentInfo.latestLoginTime | formatDate }} |
| | | </UiField> |
| | | <UiField :span="12" icon="calender" label="服務資歷"> |
| | | {{ agentInfo.seniority }} |
| | |
| | | <div class="pam-field__title"> |
| | | <i class="pam-icon icon-puzzle" |
| | | ></i>匹配度 |
| | | <i class="text--primary icon-information" @click="alertFieldInfo('suitability')"></i> |
| | | <i class="pl-5 text--primary icon-information" @click="alertFieldInfo('suitability')"></i> |
| | | </div> |
| | | </div> |
| | | <div class="xsTxt"> |
| | |
| | | <div> |
| | | <div class="pam-field__title"> |
| | | <i class="pam-icon icon-thumbs-up" |
| | | ></i>諮詢度表現 <i class="text--primary icon-information" @click="alertFieldInfo('evaluation')"></i> |
| | | ></i>諮詢度表現 <i class="pl-5 text--primary icon-information" @click="alertFieldInfo('evaluation')"></i> |
| | | </div> |
| | | </div> |
| | | <div class="xsTxt"> |
| | |
| | | </UiField> |
| | | </el-row> |
| | | |
| | | |
| | | <AddAndReservedBtns |
| | | v-if="currentRole!==role.ADMIN" |
| | | :cusClass="'pam-paragraph'" |
| | | :agentInfo="agentInfo" |
| | | @openPopUp="alertAddSuccess" |
| | |
| | | |
| | | <script lang="ts"> |
| | | import { Context } from '@nuxt/types'; |
| | | import { namespace } from 'nuxt-property-decorator'; |
| | | import { Vue, Component } from 'vue-property-decorator'; |
| | | import { getConsultantDetail } from '~/assets/ts/api/consultant'; |
| | | |
| | | import { Role } from '~/assets/ts//models/enum/Role'; |
| | | const roleStorage = namespace('localStorage'); |
| | | @Component |
| | | export default class AgentInfoComponent extends Vue { |
| | | @roleStorage.Getter currentRole!:string|null; |
| | | role = Role; |
| | | agentInfo!: AgentInfo; |
| | | isAlertAddSuccess = false; |
| | | isAlertFieldInfo = false; |
| | |
| | | .pam-field__title { |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | } |
| | | } |