<view class="alula-expert-container container">

    <view class="main-module">
        <view class="coupon-block" data-type="blance" bindtap="goBlance">
            <text class="num">{{board.total}}</text>
            <text class="module-text">总服务单</text>
        </view>
        <view class="coupon-block" data-type="cashout" bindtap="goBlance">
            <text class="num">{{board.cycle}}</text>
            <text class="module-text">周期单</text>
        </view>
        <view class="favor-good" bindtap='goMyTeam'>
            <text class="num">{{board.completed}}</text>
            <text class="module-text">已完成</text>
        </view>
        <view class="favor-good" bindtap='goMyTeam'>
            <text class="num">{{board.waiting}}</text>
            <text class="module-text">待履约</text>
        </view>
    </view>

    <view class="alula-expert-calendar">
        <calendar id="calendar" config="{{calendarConfig}}" bind:onSwipe="onSwipe" bind:takeoverTap="takeoverTap"
            bind:afterTapDate="afterTapDate" bind:whenChangeMonth="whenChangeMonth"
            bind:afterCalendarRender="afterCalendarRender"></calendar>
    </view>
    <view class="alula-expert-calendar-wrap">
        <view class="alula-border-radius alula-expert-form-wrap">
            <view class="alula-expert-calendar-title">
                <view class="txt">{{selectedDate}}</view>
                <view bindtap="goList">共{{selected.length}}单</view>
            </view> 
            <view wx:for="{{selected}}" wx:key="*this" class="alula-expert-calendar-content">
                <view class="book">
                    <view class="title">
                        <view>第{{index+1}}单</view>
                        <view>{{item.type}}</view>
                    </view>
                    <view class="content">
                        <view class="goods">{{item.goodsName}}</view>
                        <view class="time">服务时间：{{item.startTime}}-{{item.endTime}}</view>
                        <view class="address">服务地址：{{item.address}}</view>
                    </view>
                </view> 
            </view>

        </view>
    </view>

</view>