<template>
    <view class="details">
        <view class="visits-time">{{ accessTime }}</view>
        <template>
            <view class="details-title"><visits-cell @handlerVisits="handlerVisits" :visits-info="visitsInfo" /></view>
        </template>
        <view class="trajectory">
            <Trajectory :trajectory-list="detailList"/>
        </view>
    </view>
</template>

<script>
import VisitsCell from '../components/visits-cell.vue'
import Trajectory from '../components/trajectory.vue'
export default {
    components: {
        VisitsCell,
        Trajectory
    },
    data() {
        return {
            visitsInfo: {
                id: 1
            },
            accessTime: '', // 访问日期
            spId: '', // 协销id
            clubId: '' ,// 机构id
            detailList: []
        }
    },
    onLoad(options) {
        this.accessTime = options.accessTime
        this.spId = options.spId
        this.clubId = options.clubId
    },
    mounted() {
        this.getVisitesClubDetail()
    },
    methods: {
        handlerVisits($event) {
            this.$api.navigateTo(
                '/pages/seller/notice/service/visits_details?spId=' +
                    this.spId +
                    '&clubId=' +
                    this.clubId +
                    '&accessTime=' +
                    this.accessTime
            )
        },
        async getVisitesClubDetail() {
            const {data} = await this.SellerService.getVisitesClubInfo({accessTime: this.accessTime, spId: this.spId, clubId: this.clubId})
            this.detailList = data
        }
    }
}
</script>

<style lang="scss">
page {
    background-color: #f7f7f7;
}
.details {
    .visits-time {
        font-size: 32rpx;
        font-weight: bold;
        color: #333333;
        padding: 40rpx 0 24rpx 16rpx;
    }
    .details-title {
        margin-bottom: 24rpx;
    }
}
</style>
