TODO#129054 我的顧問清單 畫面刻版

Mila

2021-11-03 2b4ffaea5c43c32a9335d4aa9becceea220ce68c

 PAMapp/components/Consultant/ConsultantList.vue

@@ -1,6 +1,6 @@
<template>
    <div>
        <template v-if="agents.length > 0">
        <template v-if="agents.length > 0 && noLogin">
            <ConsultantCard
                v-for="(agent, index) in agents"
                :key="index"
@@ -8,15 +8,15 @@
                @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>
@@ -30,7 +30,7 @@
export default class ConsultantList extends Vue {
    @Prop() agents!: Agents[];

    noLogin = false;
    noLogin = true;

    @Emit('removeAgent') removeAgent(agentId: number) {
        return agentId;
@@ -41,7 +41,7 @@
<style lang="scss" scoped>

    .emptyRowStyle {
        background-color: $white;
        background-color: $PRIMARY_WHITE;
        width: 100%;
        height: 100px;
        display: flex;
@@ -49,14 +49,14 @@
        align-items: center;

        .login {
            color: $primaryRed;
            color: $PRIMARY_RED;
            cursor: pointer;
        }

        .txt {
            color: $prudentialGrey;
            color: $PRUDENTIAL_GREY;
            margin-left: 17px;
        }
    }

</style>
</style>