| | |
| | | <template> |
| | | <div> |
| | | <template v-if="agents.length > 0"> |
| | | <template v-if="agents.length > 0 && noLogin"> |
| | | <ConsultantCard |
| | | v-for="(agent, index) in agents" |
| | | :key="index" |
| | |
| | | @removeAgent="removeAgent" |
| | | ></ConsultantCard> |
| | | </template> |
| | | <template v-else-if="noLogin"> |
| | | <template v-else-if="agents.length === 0"> |
| | | <div class="emptyRowStyle"> |
| | | <div class="mdTxt login" @click="$router.push('/login')">登入</div> |
| | | <div class="smTxt txt">查看更多已選顧問</div> |
| | | <div class="smTxt txt">您目前無已選顧問</div> |
| | | </div> |
| | | </template> |
| | | <template v-else> |
| | | <div class="emptyRowStyle"> |
| | | <div class="smTxt txt">您目前無已選顧問</div> |
| | | <div class="mdTxt login" @click="$router.push('/login')">登入</div> |
| | | <div class="smTxt txt">查看更多已選顧問</div> |
| | | </div> |
| | | </template> |
| | | </div> |
| | |
| | | export default class ConsultantList extends Vue { |
| | | @Prop() agents!: Agents[]; |
| | | |
| | | noLogin = false; |
| | | noLogin = true; |
| | | |
| | | @Emit('removeAgent') removeAgent(agentId: number) { |
| | | return agentId; |