| | |
|---|
| | | </template> |
|---|
| | | <template v-if="isUserLogin && agentList.length === 0"> |
|---|
| | | <div class="emptyRowStyle"> |
|---|
| | | <div class="smTxt txt">您目前無已選顧問</div> |
|---|
| | | <div class="smTxt txt">{{ noDataPlaceholder }}</div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <template v-if="!isUserLogin"> |
|---|
| | |
|---|
| | | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Vue, Component, Prop, namespace } from 'nuxt-property-decorator'; |
|---|
| | | import { Consultant } from '~/assets/ts/models/consultant.model'; |
|---|
| | | import { Role } from '~/assets/ts/models/enum/Role'; |
|---|
| | | import { Consultant } from '~/shared/models/consultant.model'; |
|---|
| | | |
|---|
| | | const roleStorage = namespace('localStorage'); |
|---|
| | | |
|---|
| | | @Component |
|---|
| | | export default class ConsultantList extends Vue { |
|---|
| | | @Prop() agents!: Consultant[]; |
|---|
| | | @Prop() title! : string; |
|---|
| | | @roleStorage.Getter isUserLogin!:boolean; |
|---|
| | | |
|---|
| | | get agentList(){ |
|---|
| | |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | |
|---|
| | | get noDataPlaceholder(): string { |
|---|
| | | return this.title === 'contactedList' |
|---|
| | | ? '您目前無已聯絡顧問' |
|---|
| | | : '您目前無已選顧問'; |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
