<view class="sg-container sg-index-bg" style="padding-bottom:0">
  <view class="sg-white sg-bold"
    style="font-size:36rpx;height:160rpx; display: flex;flex-direction: column;justify-content: flex-end;margin-left:25rpx">
    月度详情
    <view style="font-size:26rpx;margin-top:15rpx">
      请根据你需要查看都数据，选择筛选
    </view>
  </view>
  <view class="sg-chart-box" style="background:#fff">
    <view class="sg-flex sg-pad sg-align-center sg-space-between">
      <picker value="{{date}}" range="{{years}}" bindchange="onChange">
        <view class="picker">
          <view class="sg-font-small sg-pad-tb-sm sg-flex sg-align-center" style="color:#5693FC">
            <text style="margin-right:8rpx">{{years[date]}}</text>
            <van-icon name="arrow-down" class="sg-icon"></van-icon>
          </view>
        </view>
      </picker>
      <picker value="{{all}}" range="{{list}}" range-key="name" bindchange="onstatusChange">
        <view class="picker">
          <view class="sg-font-small sg-pad-tb-sm sg-flex sg-align-center" style="color:#5693FC">
            <text style="margin-right:8rpx">订单状态：{{list[all].name}}</text>
            <van-icon name="arrow-down" class="sg-icon"></van-icon>
          </view>
        </view>
      </picker>
    </view>

    <view class="sg-item sg-white-bg sg-pad sg-margin-bottom" wx:for="{{project_list}}" wx:key="index"
      bindtap="detailDatainfo" data-index="{{index}}">
      <view class="sg-top sg-flex sg-space-between sg-pad-bottom-sm sg-font-small sg-bold">
        <view class="sg-name sg-flex sg-align-center">
          账单单号：{{item.order_sn}}
        </view>
        <view class="sg-flex sg-align-center" wx:if="{{item.status=='未确认'}}"
          style="padding:10rpx;background-color: #5693FC;border-radius: 50rpx;">
          <view class="sg-status sg-flex sg-align-center">
            <view class="sg-status-name" style="color:#fff;font-size:26rpx">未确认</view>
          </view>
        </view>
        <view class="sg-flex sg-align-center" wx:else
          style="padding:10rpx;background-color: #19be6b;border-radius: 50rpx;">
          <view class="sg-status sg-flex sg-align-center">
            <view class="sg-status-name" style="color:#fff;font-size:26rpx">已确认</view>
          </view>
        </view>
      </view>
      <view class="sg-body sg-font-xs sg-bottom-border  sg-pad-bottom-sm">
        <view class="sg-item sg-margin-tb-sm sg-flex">
          <view class="sg-left-item">年月：{{item.date}}</view>
        </view>
        <view class="sg-item sg-margin-tb-sm sg-flex">
          <view class="sg-left-item sg-width-50">金额：{{item.total_price}}元</view>
          <view class="sg-right-item sg-width-50">对应项目：{{item.project_id}}</view>
        </view>
        <view class="sg-item sg-margin-tb-sm sg-flex">
          <view class="sg-right-item sg-width-50">确认人：{{item.confirmation_user_id}}</view>
          <view class="sg-right-item sg-width-50">对账时间：{{item.confirmation_time}}</view>
        </view>
      </view>
    </view>
  </view>
</view>