jiaqingjiayi-xiaochengxu/甲情_甲意/miniprogram/pages/test/test.axml

<view  class="tar">
  <ant-tabs
  type="primary"
    items="{{ items }}"
    current="{{ current }}" 
    onChange="onChange"/>

  <swiper
    current="{{ current }}"
    autoplay="{{ false }}"
    vertical="{{ false }}"
    circular="{{ false }}"
    onChange="onSwipeChange">
    <block
      a:for="{{ items }}"
      a:for-index="index"
      a:for-item="item"
      a:key="{{ index }}">
      <!-- 全部-->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" a:for="{{dingdan}}" onTap="xiangqing" data-num="{{item}}" >
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx"> 
                <text a:if="{{item.paymentStatus == 0}}">待支付</text> 
                <text a:elif="{{item.paymentStatus == 1}}">待使用</text>
                <text a:elif="{{item.paymentStatus == 2}}">已退款</text>
                <text a:elif="{{item.paymentStatus == 3}}">已取消</text>
                <text a:elif="{{item.paymentStatus == 5}}">退款</text>
               </view>
            </view>
            <!-- 图片 -->
            <view class="hezi">
              <view class="kuandu">
                <image mode="scaleToFill" class="image2" src="{{item.commoditiesImage}}" />
              </view>
              <view class="wenzi">
                <text class="text">{{item.commoditiesName}}</text>
              <text class="text" style="color:blue" a:if="{{ item.serviceMode=='1' }}">上门服务</text>
              <text class="text" style="color:blue" a:if="{{ item.serviceMode=='0' }}">到店服务</text>
              <text class="text" style="margin-left:10rpx">¥{{item.totalPrice}}</text>
              </view>
            </view>
          </view>
        </view>
      </swiper-item>   
      <!-- 待支付 -->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" a:for="{{dingdan}}"   a:if="{{item.paymentStatus == 0&&item.status==2}}" >
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx"> 
                <text a:if="{{item.paymentStatus == 0}}">待支付</text> 
                <text a:elif="{{item.paymentStatus == 1}}">待使用</text>
                <text a:elif="{{item.paymentStatus == 2}}">已退款</text>
                <text a:elif="{{item.paymentStatus == 3}}">已取消</text>
                
               </view>
            </view>
            <!-- 图片 -->
            <view class="hezia" onTap="xiangqing" data-num="{{item}}">
              <view class="kuandu">
                <image mode="scaleToFill" class="image2" src="{{item.commoditiesImage}}" />
              </view>
              <view class="wenzi">
                <text class="text">{{item.commoditiesName}}</text>
              <text class="text" style="color:blue" a:if="{{ item.serviceMode=='1' }}">上门服务</text>
              <text class="text" style="color:blue" a:if="{{ item.serviceMode=='0' }}">到店服务</text>
              <text class="text" style="margin-left:10rpx">¥{{item.totalPrice}}</text>
              </view>
            </view>
            <view class="textboxzhifu">
              <view onTap="quxiao" data-num="{{item}}">
                <text class="textcss">取消</text>
              </view>
              <view onTap="pay"data-num="{{item}}">
                <text class="textcss">支付</text>
              </view>
            </view>
          </view>
        </view>
      </swiper-item>   
       <!-- 待使用 -->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" a:for="{{dingdan}}" a:if="{{item.paymentStatus == 1}}" >
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx"> 
                <text a:if="{{item.paymentStatus == 0}}">待支付</text> 
                <text a:elif="{{item.paymentStatus == 1}}">待使用</text>
                <text a:elif="{{item.paymentStatus == 2}}">已退款</text>
                <text a:elif="{{item.paymentStatus == 3}}">已取消</text>
                <text a:elif="{{item.paymentStatus == 4}}">已完成</text>
               </view>
            </view>
            <!-- 图片 -->
            <view class="hezia"  onTap="xiangqing" data-num="{{item}}">
              <view class="kuandu">
                <image mode="scaleToFill" class="image2" src="{{item.commoditiesImage}}" />
              </view>
              <view class="wenzi">
                <text class="text">{{item.commoditiesName}}</text>
              <text class="text" style="color:blue" a:if="{{ item.serviceMode=='1' }}">上门服务</text>
              <text class="text" style="color:blue" a:if="{{ item.serviceMode=='0' }}">到店服务</text>
              <text class="text" style="margin-left:10rpx">¥{{item.totalPrice}}</text>
              </view>
            </view>
            <view class="textboxzhifu">
              <view onTap="tuikuan">
                <text class="textcss">退款</text>
              </view>
              <view onTap="orderok" data-num="{{item}}">
                <text class="textcss">完成</text>
              </view>
            </view>
          </view>
        </view>
      </swiper-item>   


     
      
      <!-- 已完成 -->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" a:for="{{dingdan}}" onTap="xiangqing" data-num="{{item}}" a:if="{{ item.paymentStatus==4 }}" >
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx"> 
                <text a:if="{{item.paymentStatus == 0}}">待支付</text> 
                <text a:elif="{{item.paymentStatus == 1}}">待使用</text>
                <text a:elif="{{item.paymentStatus == 2}}">已退款</text>
                <text a:elif="{{item.paymentStatus == 3}}">已取消</text>
                <text a:elif="{{item.paymentStatus == 4}}">已完成</text>
               </view>
            </view>
            <!-- 图片 -->
            <view class="hezi">
              <view class="kuandu">
                <image mode="scaleToFill" class="image2" src="{{item.commoditiesImage}}" />
              </view>
              <view class="wenzi">
                <text class="text">{{item.commoditiesName}}</text>
              <text class="text" style="color:blue" a:if="{{ item.serviceMode=='1' }}">上门服务</text>
              <text class="text" style="color:blue" a:if="{{ item.serviceMode=='0' }}">到店服务</text>
              <text class="text" style="margin-left:10rpx">¥{{item.totalPrice}}</text>
              </view>
            </view>
          </view>
        </view>
      </swiper-item>   
      <!-- 已取消 -->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" a:for="{{dingdan}}" onTap="xiangqing" data-num="{{item}}" a:if="{{ item.paymentStatus==3 }}" >
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx"> 
                <text a:if="{{item.paymentStatus == 0}}">待支付</text> 
                <text a:elif="{{item.paymentStatus == 1}}">待使用</text>
                <text a:elif="{{item.paymentStatus == 2}}">已退款</text>
                <text a:elif="{{item.paymentStatus == 3}}">已取消</text>
               </view>
            </view>
            <!-- 图片 -->
            <view class="hezi">
              <view class="kuandu">
                <image mode="scaleToFill" class="image2" src="{{item.commoditiesImage}}" />
              </view>
              <view class="wenzi">
                <text class="text">{{item.commoditiesName}}</text>
              <text class="text" style="color:blue" a:if="{{ item.serviceMode=='1' }}">上门服务</text>
              <text class="text" style="color:blue" a:if="{{ item.serviceMode=='0' }}">到店服务</text>
              <text class="text" style="margin-left:10rpx">¥{{item.totalPrice}}</text>
              </view>
            </view>
          </view>
        </view>
      </swiper-item>   
      <!-- 退款 -->
      
    </block>
  </swiper>
</view>