<style lang="sass">
@import './scss/lastrank.scss'
</style>

<template>
    <div class="page-lastrank" :style="{minHeight: winHeight + 'px' }">
        <div v-if="latestShow.createTime">
            <h2>{{latestShow.createTime | parseReleaseDate}}场次</h2>
            <ul class="list-award">
                <li>奖金总额<em>{{latestShow.totalBonus | parseBonus}}</em></li>
                <li>获奖金额<em>{{latestShow.bonus| parseBonus}}</em></li>
                <li>获奖人数<em>{{latestShow.peopleCount}}人</em></li>
            </ul>

            <ul class="list-bingo">
                <li v-for="(user,index) in latestUsers" :key="index">
                    <img :src="user.head">
                    <p>{{user.nick}}</p>
                </li>
            </ul>

            <div class="rank-uinfo" :class="{'isHasDlfooter' :isHasDlfooter}" v-if="userHeadInfo">
                <div class="info_name" v-if="userHeadInfo">
                    <img :src="userHeadInfo.head">{{userHeadInfo.nick}}
                </div>
                <div class="info_award">{{userBonus.totalBonus/100}}元</div>
            </div>

        </div>
        <div class="tip-empty" v-else>暂无数据</div>

        <dlfooter
            v-if="isHasDlfooter"
            :closeCallback = "clossDlfooterCallback"
        ></dlfooter>  
    </div>
</template>

<script>
    import rank from './js/rank.js'
    export default rank
</script>