<!--package/subSystem/subSystem.wxml-->
<view style="background-image: linear-gradient(179deg, #006BE3 0%, #4E87FF 16%, #4e87ff00 93%);   padding: 0 15px; ">
    <!--总览图-->
    <view style="display: flex;justify-content: space-around;margin-bottom: 10px; padding-top: 10px; ">
        <view>
            <view>本月巡检次数</view>
            <view class="number">{{currentPatrolCount}}</view>
        </view>
        <view>
            <view>本月维修次数</view>
            <view class="number">{{currentRepairCount}}</view>
        </view>
    </view>
    <!--饼图-->
    <view class="card ">
        <image src="/images/shape1.png" class="imgStyle"></image>
        <view class="top">
            <view style="display: flex; align-items: center;">
                <image style="width: 30px; height: 30px;" src="/images/device.png" />
                <text class="fontStyle">故障</text>
            </view>
            <view class="countStyle">
                总数:{{questions}}
            </view>
        </view>
        <view style="height: 300px">
            <ec-canvas id="mychart-dom-pie" canvas-id="mychart-pie" ec="{{ ec }}"></ec-canvas>
        </view>
    </view>
    <!--巡检日历-->
    <view class="card heightStyle">
        <view class="header">
            <view style="display:flex;align-items: center;">
                <image style="width: 30px; height: 30px;margin-right:10px ;" src="/images/calendar.png" />
                <view class="xunjian">巡检日历</view>
            </view>
            <image src="/images/shape2.png" class="imgStyle"></image>
            <view class="yearMonth"  style="z-index: 1;">
                <!-- <van-dropdown-menu active-color="#1989fa">
                    <van-dropdown-item title="{{ '日期' }}" bind:change="dateChange" value="{{ curSelect }}" options="{{ cList }}" />
                </van-dropdown-menu> -->
                <view class="fs-cell-content" style="width:100%;text-align:left" bindtap="datePickerPopup">
                    {{currentYear+'年'+currentMonth+'月'}}
                    <van-icon  name="arrow-down" style="float:right;position:relative; top:4px" />
                </view>
                <van-popup show="{{ datePickerShow }}" position="bottom" custom-style="height: 50%;" bind:close="closeDatePickerPopup">
                    <view style="display:flex;justify-content: space-between;padding:24rpx;font-size:larger;border-bottom:1px solid #f5f5f5">
                        <view bindtap="closeDatePickerPopup" data-option='cancel'>取消</view>
                        <view style="color:#07c160;" data-option='confirmed' bindtap="closeDatePickerPopup">
                            确定
                        </view>
                    </view>
                    <van-datetime-picker  type="year-month"  value="{{ currentDate }}" max-date="{{currentDate}}"  min-date="{{ minDate }}"  bind:input="onDateChange" show-toolbar="{{false}}" />
                </van-popup>
            </view>
        </view>
        <van-calendar min-date="{{firstDay}}" max-date="{{lastDay}}" v-model="selectedDate" show-title="{{false}}" show-subtitle="{{false}}" poppable="{{ false }}" show-confirm="{{ false }}" default-date="{{selectedDate}}" formatter="{{formatter}}" bind:select="onDateSelect" color="#0000FF" class="calendar" />
    </view>
</view>