<!--pages/data/index.wxml-->
<view class="sg-container sg-index-bg">
  <van-popup show="{{ projectShow }}" position="bottom" custom-style="height: 100%;">
    <view>
      <view class="sg-flex sg-align-center sg-space-between sg-fix-top sg-white-bg sg-pad sg-white-bg"
        style="box-sizing: border-box;z-index:100">
        <view></view>
        <view class="sg-bold">选择项目</view>
        <view class="sg-gray-color" bindtap="closeProject" data-show="{{false}}" data-name="projectShow">确定</view>
      </view>
      <view class="sg-list sg-pad" style="margin-top: 80rpx">
        <view wx:for="{{projects}}" wx:key="index"
          class="sg-flex sg-align-center sg-space-between sg-pad-tb-sm sg-bottom-border {{item.checked ? 'sg-index-color' : ''}}"
          bindtap="switchCheck" data-index="{{index}}">
          <view>{{item.name}}</view>
          <van-icon name="{{item.checked ? 'passed' : 'circle'}}" class="sg-icon" />
        </view>
      </view>
    </view>
  </van-popup>
  <view class="sg-white sg-bold sg-flex sg-align-center sg-space-around">
    <view class="sg-center">
      <view class="sg-font-lg">{{year_money}}</view>
      <view class="sg-font-xs sg-pad-tb-sm">
        <view>当年公司租赁设备</view>
        <view>费用总和</view>
      </view>
    </view>
    <view class="sg-center">
      <view class="sg-font-lg">{{month_money}}</view>
      <view class="sg-font-xs sg-pad-tb-sm">
        <view>当月公司租赁设备</view>
        <view>费用总和</view>
      </view>
    </view>
    <view class="sg-center">
      <sg-date-picker bind:update="updateDate"></sg-date-picker>
    </view>
  </view>
  <view class="sg-white-bg sg-chart-box">
    <view class="sg-flex sg-pad sg-align-center sg-space-between">
      <view>
        <van-icon name="ascending" wx:if="{{orderBy == 'asc'}}" class="sg-index-color sg-icon-lg" bindtap="updateValue" data-name="orderBy" data-value="desc"/>
        <van-icon name="descending" wx:else class="sg-index-color sg-icon-lg" bindtap="updateValue" data-name="orderBy" data-value="asc"/>
      </view>
      <view class="sg-flex sg-align-center">
        <!-- <view class="sg-radio-group sg-flex sg-align-center sg-fon-small sg-margin-right sg-light-gray-bg">
            <view class="sg-radio {{index == dateIndex ? 'sg-shadow sg-selected sg-index-bg sg-white sg-bold' : ''}}"
              wx:for="{{dateTypes}}" wx:key="index" data-index="{{index}}" data-name="dateIndex" bindtap="radioChange">
              {{item.name}}</view>
          </view> -->
        <van-icon name="notes-o" class="sg-icon-lg sg-margin-right" bindtap="switchShow" data-name="dateShow"
          data-show="{{true}}"></van-icon>
        <van-icon name="filter-o" class="sg-icon-lg" bindtap="navigate" data-url="/pages/filter-data/index">
        </van-icon>
      </view>
    </view>
    <view class="sg-chart sg-flex sg-align-center sg-justify-center">
      <!-- <van-icon name="arrow-left" class="sg-icon-lg sg-index-color" hidden="{{chartIndex == 0}}"/> -->
      <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
      <!-- <van-icon name="arrow" class="sg-icon-lg sg-index-color"  hidden="{{chartIndex == 2}}"/> -->
    </view>
  </view>
</view>