TODO#130015/130016 [推薦保險顧問/我的顧問清單] api 串接

Mila

2021-11-10 391d7db141245798c64aa8acb0f143ab4152aa79

 PAMapp/components/Consultant/ConsultantList.vue

@@ -1,6 +1,6 @@
<template>
    <div>
        <template v-if="agents.length > 0 && noLogin">
        <template v-if="agents.length > 0">
            <ConsultantCard
                v-for="(agent, index) in agents"
                :key="index"
@@ -8,15 +8,15 @@
                @removeAgent="removeAgent"
            ></ConsultantCard>
        </template>
        <template v-else-if="agents.length === 0">
        <template v-else-if="!isLogin && agents.length === 0">
            <div class="emptyRowStyle">
                <div class="smTxt txt">您目前無已選顧問</div>
                <div class="mdTxt login" @click="$router.push('/login')">登入</div>
                <div class="smTxt txt">查看更多已選顧問</div>
            </div>
        </template>
        <template v-else>
            <div class="emptyRowStyle">
                <div class="mdTxt login" @click="$router.push('/login')">登入</div>
                <div class="smTxt txt">查看更多已選顧問</div>
                <div class="smTxt txt">您目前無已選顧問</div>
            </div>
        </template>
    </div>
@@ -24,13 +24,16 @@

<script lang="ts">
import { Vue, Component, Prop, Emit } from 'nuxt-property-decorator';
import { Agents } from '~/plugins/api/home';
import { Consultants } from '~/assets/ts/api/consultant';
import { isLogin } from '~/assets/ts/auth';

@Component
export default class ConsultantList extends Vue {
    @Prop() agents!: Agents[];
    @Prop() agents!: Consultants[];

    noLogin = true;
    get isLogin() {
        return isLogin();
    }

    @Emit('removeAgent') removeAgent(agentId: number) {
        return agentId;