jiaqingjiayi-xiaochengxu/甲情_甲意/miniprogram/pages/wodedingdan/wodedingdan.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.businessVO.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessVO.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>
                <text a:elif="{{item.paymentStatus == 5}}">退款</text>
               </view>
            </view>
            <!-- 图片 -->
            <view a:for="{{ item.orderItemsVOList }}">
              <image mode="scaleToFill" class="image2" src="{{item.commoditiesVO.commoditiesImage}}" />
              <text class="text"style="left:10rpx;bottom:120rpx">{{item.commoditiesVO.commoditiesName}}</text>
              <text class="text" style="bottom:70rpx;right:190rpx;color:#377ff3">到店服务</text>
              <text class="text"style="bottom:100rpx;left:80rpx;font-size:18px">¥{{item.commoditiesVO.commoditiesPrice}}</text>
            </view>
            <view style="width:240px">
              <text class="text"style="left:190rpx;bottom:50rpx;font-size:12px">地址:{{item.businessVO.address}}</text>
            </view>
          </view>
        </view>
      </swiper-item>   
      <!-- 待支付 -->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" onTap="xiangqing" a:for="{{dingdan}}" a:if="{{item.paymentStatus == 0}}">
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessVO.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessVO.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx"> 
                <text>待支付</text> 
               </view>
            </view>
            <!-- 图片 -->
            <view a:for="{{ item.orderItemsVOList }}">
              <image mode="scaleToFill" class="image2" src="{{item.commoditiesVO.commoditiesImage}}" />
              <text class="text"style="left:10rpx;bottom:120rpx">{{item.commoditiesVO.commoditiesName}}</text>
              <text class="text" style="bottom:70rpx;right:190rpx;color:#377ff3">到店服务</text>
              <text class="text"style="bottom:100rpx;left:80rpx;font-size:18px">¥{{item.commoditiesVO.commoditiesPrice}}</text>
              <view class="text" style="left:440rpx;display:flex;width:150rpx;bottom:20rpx">
                <view onTap="quxiao" data-id="{{item.orderId}}">
                  <text class="textcss">取消</text>
                </view>
                <view onTap="pay"data-num="{{item}}">
                  <text class="textcss">支付</text>
                </view>
              </view>
            </view>
            <view style="width:240px">
              <text class="text"style="left:190rpx;bottom:80rpx;font-size:15px">剩余：20:34</text>
            </view>
            
          </view>
        </view>
      </swiper-item>
      <!-- 待使用 -->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" onTap="xiangqing" data-num="{{item}}" a:for="{{dingdan}}" a:if="{{ item.paymentStatus==1 }}">
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessVO.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessVO.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx">
                <text>待使用</text>
              </view>
            </view>
            <!-- 图片 -->
            <view a:for="{{ item.orderItemsVOList }}">
              <image mode="scaleToFill" class="image2" src="{{item.commoditiesVO.commoditiesImage}}" />
              <text class="text"style="left:10rpx;bottom:120rpx">{{item.commoditiesVO.commoditiesName}}</text>
              <text class="text" style="bottom:70rpx;right:190rpx;color:#377ff3">到店服务</text>
              <text class="text"style="bottom:100rpx;left:80rpx;font-size:18px">¥{{item.commoditiesVO.commoditiesPrice}}</text>
              <view class="text" style="left:440rpx;display:flex;width:150rpx;bottom:20rpx">
                <view>
                  <text class="textcss">退款</text>
                </view>
                <view>
                  <text class="textcss">完成</text>
                </view>
              </view>
            </view>
            <view style="width:150px">
              <text class="text"style="left:190rpx;bottom:100rpx;font-size:12px">地址:{{item.businessVO.address}}</text>
            </view>
          </view>
        </view>
      </swiper-item>
      <!-- 已完成 -->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" onTap="xiangqing" data-num="{{item}}" a:for="{{dingdan}}" a:if="{{ item.paymentStatus==2 }}">
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessVO.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessVO.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx">
                <text>已完成</text>
              </view>
            </view>
            <!-- 图片 -->
            <view a:for="{{ item.orderItemsVOList }}">
              <image mode="scaleToFill" class="image2" src="{{item.commoditiesVO.commoditiesImage}}" />
              <text class="text"style="left:10rpx;bottom:120rpx">{{item.commoditiesVO.commoditiesName}}</text>
              <text class="text" style="bottom:70rpx;right:190rpx;color:#377ff3">到店服务</text>
              <text class="text"style="bottom:100rpx;left:80rpx;font-size:18px">¥{{item.commoditiesVO.commoditiesPrice}}</text>
            </view>
            <view style="width:240px">
              <text class="text"style="left:190rpx;bottom:50rpx;font-size:12px">地址:{{item.businessVO.address}}</text>
            </view>
          </view>
        </view>
      </swiper-item>
      <!-- 已取消 -->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" onTap="xiangqing" data-num="{{item}}" a:for="{{dingdan}}" a:if="{{ item.paymentStatus==3 }}">
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessVO.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessVO.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx">
                <text >已取消</text>
              </view>
            </view>
            <!-- 图片 -->
            <view a:for="{{ item.orderItemsVOList }}">
              <image mode="scaleToFill" class="image2" src="{{item.commoditiesVO.commoditiesImage}}" />
              <text class="text"style="left:10rpx;bottom:120rpx">{{item.commoditiesVO.commoditiesName}}</text>
              <text class="text" style="bottom:70rpx;right:190rpx;color:#377ff3">到店服务</text>
              <text class="text"style="bottom:100rpx;left:80rpx;font-size:18px">¥{{item.commoditiesVO.commoditiesPrice}}</text>
            </view>
            <view style="width:240px">
              <text class="text"style="left:190rpx;bottom:50rpx;font-size:12px">地址:{{item.businessVO.address}}</text>
            </view>
          </view>
        </view>
      </swiper-item>
      <!-- 预约 -->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" onTap="xiangqing" data-num="{{item}}" a:for="{{dingdan}}" a:if="{{ item.paymentStatus==0 }}">
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessVO.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessVO.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx">
                <text >预约中</text>
              </view>
            </view>
            <!-- 图片 -->
            <view a:for="{{ item.orderItemsVOList }}">
              <image mode="scaleToFill" class="image2" src="{{item.commoditiesVO.commoditiesImage}}" />
              <text class="text"style="left:10rpx;bottom:120rpx">{{item.commoditiesVO.commoditiesName}}</text>
              <text class="text" style="bottom:70rpx;right:180rpx;color:#377ff3">到店服务</text>
              <text class="text"style="bottom:100rpx;left:80rpx;font-size:18px">¥{{item.commoditiesVO.commoditiesPrice}}</text>
            </view>
            <view style="width:240px">
              <text class="text"style="left:190rpx;bottom:50rpx;font-size:12px">地址:{{item.businessVO.address}}</text>
            </view>
          </view>
        </view>
      </swiper-item>
      <!-- 退款 -->
      <swiper-item>
        <view class="box" >
          <!-- 最外层盒子 -->
          <view class="box1" onTap="xiangqing" data-num="{{item}}" a:for="{{dingdan}}" a:if="{{ item.paymentStatus==3 }}">
            <!-- 粉色框 -->
            <view class="biaoti">
              <!-- 标题栏 -->
              <view class="biaoti1">
                <image mode="scaleToFill" class="image" src="{{item.businessVO.businessAvatar}}" />
              <text style="margin-left:10rpx;font-weight:bolder">{{item.businessVO.businessName}}</text>
              <image class="image1" mode="scaleToFill" src="/pages/image/jiantou.png" />
              </view>
              <view style="margin-right:20rpx">
                <text >退款</text>
              </view>
            </view>
            <!-- 图片 -->
            <view a:for="{{ item.orderItemsVOList }}">
              <image mode="scaleToFill" class="image2" src="{{item.commoditiesVO.commoditiesImage}}" />
              <text class="text"style="left:10rpx;bottom:120rpx">{{item.commoditiesVO.commoditiesName}}</text>
              <text class="text" style="bottom:70rpx;right:180rpx;color:#377ff3">到店服务</text>
              <text class="text"style="bottom:100rpx;left:80rpx;font-size:18px">¥{{item.commoditiesVO.commoditiesPrice}}</text>
            </view>
            <view style="width:240px">
              <text class="text"style="left:190rpx;bottom:50rpx;font-size:12px">地址:{{item.businessVO.address}}</text>
            </view>
          </view>
        </view>
      </swiper-item>
    </block>
  </swiper>
</view>