<view class="mygroups">
  <view class="content">
    <van-tabs active="{{active}}" bind:change="changeData">
      <van-tab title="正在拼购">
        <view class="list_box">
          <view class="list" wx:for="{{info}}" wx:key="index">
            <view class="time_state">
              <view class="time span">{{item.created_at}}</view>
              <view class="state span">拼购中,还差{{item.surplus_num}}人</view>
            </view>
            <view class="goods_box">
              <view class="goods_img">
                <image src="{{item.thumb}}" mode="widthFix" />
              </view>
              <view class="goods_name ul">
                <view class="name_price li">
                  <view class="name h2" style="-webkit-box-orient: vertical;">
                    {{item.title}}
                  </view>
                </view>
                <view class="timestamp_box">
                  <view>
                    还剩:
                  </view>
                  <count now-time="{{nowTime}}" over-time="{{item.end_time}}" style="text-align:center;" />
                </view>
                <view class="option li">
                  <view class="span">
                    <view style="font-size:24rpx;">{{language['money']}}</view>{{item.price}}
                  </view>
                </view>
              </view>
            </view>
            <view class="allbt">
              <view class="button " data-item="{{itemName}}" data-order_id="{{item.order_id}}" catchtap="operation" wx:for="{{item.button_models}}"
                wx:key="index" wx:for-item="itemName">{{itemName.name}}</view>
              <view class="button" data-id="{{item.order_id}}" catchtap="gotoOrder">订单详情</view>
              <view class="button groupDetail" data-id="{{item.order_id}}" catchtap="clickAdd">拼购详情</view>
            </view>
          </view>
        </view>
      </van-tab>
      <van-tab title="拼购成功">
        <view class="list_box">
          <view class="list" wx:for="{{info}}" wx:key="index">
            <view class="time_state">
              <view class="time span">{{item.created_at}}</view>
              <view class="state span">{{ item.state_name }}</view>
            </view>
            <view class="goods_box">
              <view class="goods_img">
                <image src="{{item.thumb}}" mode="widthFix" />
              </view>
              <view class="goods_name ul">
                <view class="name_price li">
                  <view class="name h2" style="-webkit-box-orient: vertical;">
                    {{item.title}}
                  </view>
                </view>
                <view class="option li">
                  <view class="span">
                    <view style="font-size:24rpx;">{{language['money']}}</view>{{item.price}}
                  </view>
                </view>
              </view>
            </view>
            <view class="allbt">
              <view class="button " data-item="{{itemName}}" data-order_id="{{item.order_id}}" catchtap="operation" wx:for="{{item.button_models}}"
                wx:key="index" wx:for-item="itemName">{{itemName.name}}</view>
              <view class="button" data-id="{{item.order_id}}" catchtap="gotoOrder">订单详情</view>
              <view class="button groupDetail" data-id="{{item.order_id}}" catchtap="clickAdd">拼购详情</view>
            </view>
          </view>
        </view>
      </van-tab>
      <van-tab title="拼购失败">
        <view class="list_box">
          <view class="list" wx:for="{{info}}" wx:key="index">
            <view class="time_state">
              <view class="time span">{{item.created_at}}</view>
              <view class="state span">{{ item.state_name }}</view>
            </view>
            <view class="goods_box">
              <view class="goods_img">
                <image src="{{item.thumb}}" mode="widthFix" />
              </view>
              <view class="goods_name ul">
                <view class="name_price li">
                  <view class="name h2" style="-webkit-box-orient: vertical;">
                    {{item.title}}
                  </view>
                </view>
                <view class="option li">
                  <view class="span">
                    <view style="font-size:24rpx;">{{language['money']}}</view>{{item.price}}
                  </view>
                </view>
              </view>
            </view>
            <view class="allbt">
              <view class="button " data-item="{{itemName}}" data-order_id="{{item.order_id}}" catchtap="operation" wx:for="{{item.button_models}}"
                wx:key="index" wx:for-item="itemName">{{itemName.name}}</view>
              <view class="button" data-id="{{item.order_id}}" catchtap="gotoOrder">订单详情</view>
              <view class="button groupDetail" data-id="{{item.order_id}}" catchtap="clickAdd">拼购详情</view>
            </view>
          </view>
        </view>
      </van-tab>
    </van-tabs>
    <view class="is_none" wx:if="{{info.length<1}}">
      <view class="box">
        <view class="none">
          <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/energytank_blank@2x.png"></image>
        </view>
        <view style="margin:0 auto;color: #999999;text-align: center;font-size: 28rpx;">暂无记录</view>
      </view>
      <view class="addUser" catchtap="gotoHome">返回首页</view>
    </view>
  </view>
</view>