<view class="calendar-root">
    <view class="calendar-navbar">
        <view class="calendar-navbar-button" bindtap="goToday" hover="true" hover-class="view-hover">今日</view>
        <view class="calendar-navbar-button" bindtap="goLastMonth" hover="true" hover-class="view-hover">{{"<"}}</view>
        <view class="calendar-navbar-date">{{dateData.date}}</view>
        <view class="calendar-navbar-button" bindtap="goNextMonth" hover="true" hover-class="view-hover">{{">"}}</view>
        <picker class="calendar-navbar-button" mode="date" start="1900-01-01" end="2100-01-01" bindchange="bindDateChange">
            <view hover="true" hover-class="view-hover">跳转</view>
        </picker>
    </view>
    <view class="calendar-head">
        <view wx:for="一二三四五六日" wx:key="*this">{{item}}</view>
    </view>
    <view class="calendar-body">
        <view class="calendar-body-rows" wx:for="123456" wx:for-index="row" wx:key="*this">
            <view class="calendar-body-cols" wx:for="1234567" wx:for-index="col" wx:key="*this">
                <view class="calendar-body-item" hover="true" hover-class="view-hover" data-day-index="{{row * 7 + col}}" bindtap="selectDay">
                    <view hidden="{{!dateData.arrIsShow[row * 7 + col]}}">
                        <view class="calendar-body-day">
                            {{dateData.arrDays[row * 7 + col]}}
                        </view>
                        <view class="calendar-body-dayex">
                            {{dateData.arrInfoExShow[row * 7 + col]}}
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <view class="calendar-detail">
        <view class="calendar-detail-day">{{detailData.curDay}}</view>
        <view class="calendar-detail-info1">{{detailData.curInfo1}}</view>
        <view class="calendar-detail-info2">{{detailData.curInfo2}}</view>
        <view class="calendar-detail-info3" hidden="{{!isWorkTurn}}" style="color:{{detailData.curInfo3 === '休' ? '#09BB07' : '#e64340'}}">{{detailData.curInfo3}}</view>
    </view>
    <view class="calendar-workturn">
        <picker bindchange="bindWorkTurnDatePickerChange" mode="date" value="{{date}}" start="2000-01-01" end="2050-12-31">
            <view class="calendar-workturn-date-picker" hover="true" hover-class="view-hover">
                <image style="position:absolute;top:13rpx;left:40rpx;width:34rpx;height:34rpx;" src="../../res/clock.png"></image>
                <view style="position:absolute;line-height:60rpx;left:90rpx;font-size:34rpx;">开始打卡日期：{{workTurnData.startWorkDateString}}</view>
                <image style="position:absolute;top:13rpx;right:40rpx;width:15rpx;height:34rpx;" src="../../res/arrow-right.png"></image>
            </view>
        </picker>
        <view class="calendar-workturn-type-picker" bindtap="bindWorkTurnTypeTap" hover="true" hover-class="view-hover">
            <image style="position:absolute;top:13rpx;left:40rpx;width:34rpx;height:34rpx;" src="../../res/setting.png"></image>
                    <image style="position:absolute;top:13rpx;right:40rpx;width:15rpx;height:34rpx;" src="../../res/arrow-right.png"></image>
        </view>
    </view>
    <view style="height:140rpx;"></view>
</view>