TODO#128784 首頁-推薦保險顧問 畫面刻版+串假資料

Mila

2021-10-25 df7e9c57ee754752e11ae0b4e2adb293d27e2f92

 PAMapp/pages/index.vue

@@ -1,5 +1,5 @@
<template>
    <div>首頁
    <div>
        <Ui-Carousel></Ui-Carousel>
        <h5>預約顧問</h5>
        <el-button @click="routerPush('/recommendConsultant')">嚴選配對</el-button>
@@ -8,20 +8,36 @@
        <el-button @click="routerPush('/contactList/consultantList')">查看更多</el-button>
        <el-button @click="routerPush('/communication/consult')">諮詢</el-button>
        <h5>推薦顧問</h5>
        <Ui-Swiper></Ui-Swiper>
        <Ui-Swiper :agents="agents"></Ui-Swiper>
    </div>
</template>

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator'
import { Vue, Component } from 'nuxt-property-decorator';
import { Agents } from '~/plugins/api/home';
import { Context } from '@nuxt/types/app';

@Component({
    layout: 'home'
})
export default class MainComponent extends Vue {
    agents: Agents[] = [];

    async asyncData(context: Context) {
        let agents: Agents[] = [];

        await context.$service.home.recommendConsultantList().then((result: Agents[]) => {
            agents = result;
        })

        return {
            agents
        }
    }

    routerPush(path: string) {
        this.$router.push(path);
    }
}

</script>
</script>