Merge branch 'master' of https://192.168.0.10:8443/r/pcalife/PAM

Mila

2021-12-22 bdae23a40c461c2c6b6ee614f661eac731c949c8

 PAMapp/components/Consultant/ConsultantList.vue

@@ -8,12 +8,12 @@
                :agentInfo="agent"
            ></ConsultantCard>
        </template>
        <template v-if="isLogin && agentList.length === 0">
        <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="!isLogin">
        <template v-if="!isUserLogin">
            <div class="emptyRowStyle">
                <div class="mdTxt login fix-chrome-click--issue" @click="$router.push('/login')">登入 | 註冊</div>
                <div class="smTxt txt ">查看更多</div>
@@ -23,23 +23,29 @@
</template>

<script lang="ts">
import { Vue, Component, Prop } from 'nuxt-property-decorator';
import { Consultant } from '~/assets/ts/models/consultant.model';
import { isLogin } from '~/assets/ts/auth';
import { Vue, Component, Prop, namespace } from 'nuxt-property-decorator';
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 isLogin() {
        return isLogin();
    }
    get agentList(){
        return this.agents.map((agentDto)=>
            ({...agentDto,customerScore:0,})
        )
    }

    get noDataPlaceholder(): string {
      return this.title === 'contactedList'
                          ? '您目前無已聯絡顧問'
                          : '您目前無已選顧問';
    }

}
</script>