jzmall_wx/pages/ucenter/order/order.wxml

<wxs src="../../../utils/formatFuc.wxs" module="utils" />
<view>
<view class="poster" wx:if="{{myqr_show}}">
	<view>
		<image src="{{myqr_url}}" style="width:{{myqr_width}}rpx;" mode="widthFix">
		</image>
		<view class="tool">
			<view>
				<button open-type='share' class="share-btn">
					<image class="img" style="width: 85rpx;margin-right: 25rpx;" mode="widthFix" src="/static/images/share/p_dy.png"></image>
				</button>
			</view>
			<view>
				<image class="img" mode="widthFix" bindtap="goSaveQrcode" src="/static/images/share/p_save.png"></image>
			</view>
		</view>
		<view style="text-align:center">
			<image class="closeImg" bindtap="hidePoster" src="/static/images/share/close.png"></image>
		</view>
	</view>
</view>

<view class="appoint-tabs-wrapper">

	<view class="appoint-tab-item {{showType==2?'active':''}}" data-tab="2" bindtap="onTabChange">服务中</view>
	<view class="appoint-tab-item {{showType==1?'active':''}}" data-tab="1" bindtap="onTabChange">未支付</view>
	<view class="appoint-tab-item {{showType==0?'active':''}}" data-tab="0" bindtap="onTabChange">全 部</view>
</view>

<view class="container" style="filter:blur({{myqr_blur}}rpx)">

	<view class="no-order" wx:if="{{orderList.length <= 0}}">
		<view class="c">
			<text>还没有任何订单呢</text>
		</view>
	</view>

	<view class="orders">
		<view class="order" wx:for="{{orderList}}" wx:key="index">
			<view class="h">
				<view class="l" wx:if="{{item.orderStatusVal=='待预约'||item.orderStatusVal=='服务中'||item.orderStatusVal=='服务已完成'}}">已支付</view>
				<view class="l" wx:else>{{item.orderStatusVal}}</view>
				<view class="r" wx:if="{{item.orderStatusVal=='待预约'||item.orderStatusVal=='服务中'||item.orderStatusVal=='服务已完成'}}">
					{{item.orderStatusVal}}</view>
				<view class="r" wx:else></view>
			</view>
			<!-- open-type="redirect" -->
			<navigator url="../orderDetail/orderDetail?id={{item.id}}">
				<view class="goods">
					<view class="img">
						<image src="{{item.picUrl+'?w=200'}}"></image>
					</view>
					<view class="info">
						<!-- <view class="info-orderSn" >订单编号: {{item.orderSn}}</view> -->
						<view class="info-main">
							<text class="product-name">{{item.goodsName}}</text>
							<text class="price">¥{{item.orderPrice}}</text>
						</view>
						<view class="sku-name" wx:if="{{item.increaseSumPrice}}">
							<view> 加购: {{item.unitDescribe}}*{{item.unitIncreaseNumber}}</view>
							<view>¥{{item.increaseSumPrice}}</view>

						</view>
						<view class="sku-name">
							规格:{{item.skuName}}
						</view>

						<!-- <text class="number">共{{item.number}}件商品</text> -->

						<text class="other-info">服务{{item.serviceTimes}}次</text>
						<!-- <text class="other-info" wx:if="{{utils.getNotServiceTimes(item.serviceTimes,item.servedTimes)>0}}">  {{utils.getNotServiceTimes(item.serviceTimes,item.servedTimes)}}次未服务</text> -->
						<!-- 支付倒计时 payOverTime-->
						<view wx:if="{{item.payOverTime>0}}" class="over-time">{{utils.formatOverTime(item.payOverTime)}} 后订单关闭
						</view>

					</view>
					<!-- <view class="status"> 
        </view> -->
				</view>
			</navigator>

			<view class="b">
				<view class="l"><text>实付款：￥{{item.actualPrice}}</text></view>
			</view>
			<!-- 提醒 -->
			<view class="status-tips" wx:if="{{item.orderStatusVal=='已退款'}}">
				<image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-refund-tips.png"></image>
				<view class="tips-title">已退款</view>
				<view>已按照原支付路径退回</view>

			</view>
			<view class="status-tips" wx:if="{{item.orderStatusVal=='服务已完成'}}" data-id="{{item.id}}" bindtap="goCheck">
				<image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-customer-msg.png"></image>
				<view class="tips-title">服务验收：</view>
				<view>服务已完成，请评价</view>
			</view>

			<view class="customer-msg" wx:if="{{item.customerServiceReminder}}">
				<view class="msg-title">提醒：</view>
				<view class="msg-text">{{item.customerServiceReminder}}</view>
			</view>

			<view class="customer-msg" wx:if="{{item.ticketStatus==1}}">
				<view class="msg-title">提醒：</view>
				<view class="msg-text">您的售后工单正在处理中，请耐心等待</view>
			</view>


			<view class="customer-msg" wx:if="{{item.ticketStatus==2}}" data-id="{{item.id}}" bindtap="orderDetail">
				<view class="msg-title">提醒：</view>
				<view class="msg-text">您的售后工单已完成，可以去评价了哦</view>
			</view>


			<!-- 操作事件 -->


			<view class="order-operate-wrapper">

				<!-- <view catchtap="deleteOrder" wx:if="{{item.handleOption.delete}}" data-id="{{item.id}}" class="del">删除订单
          </view> -->
				<view catchtap="cancelOrder" wx:if="{{item.handleOption.cancel}}" data-id="{{item.id}}" class="del">取消订单
				</view>
				<view catchtap="refundOrder" data-id="{{item.id}}" wx:if="{{item.handleOption.refund}}" class="del">售后/退款</view>


				<!-- <view  data-id="{{item.id}}" data-sn="{{item.orderSn}}" data-aid="{{item.addressId}}"
          data-type="{{item.type}}" wx:if="{{item.handleOption.book}}" class="eval-btn">评价</view> -->

				<!-- 抖音评价  20231007屏蔽 by leo 启用工单上的服务验收
        <rate-button class="eval-btn" order-id="{{item.orderSn}}" bind:init="handleInit" bind:success="handleSuccess" bind:error="handleError" />-->
				<!-- <view  catchtap="confirmOrder" wx:if="{{item.handleOption.confirm}}" data-id="{{item.id}}">待上门</view> -->
				<!-- <view  catchtap="refundOrder" wx:if="{{item.handleOption.refund&&item.goodsList[0].goodsSn!='1036016'}}" data-id="{{item.id}}">申请退款</view> -->
				<!-- <view  data-id="{{item.goodsList[0].goodsId}}" catchtap="shareFriendOrCircle" >分享商品</view> -->
				<view catchtap="goAppoint" data-id="{{item.id}}" data-sn="{{item.orderSn}}" data-aid="{{item.addressId}}" wx:if="{{item.handleOption.book}}" data-detail="{{item.detailId}}" class="appoint">预约服务</view>


				<view catchtap="cancelAppoint" data-serid="{{item.bookedDetailId}}" data-id="{{item.id}}" data-times="{{item.serviceTimes}}" wx:if="{{item.handleOption.canCancelBook}}" class="del">取消预约</view>
				<view bindtap="modifyAppoint" data-id="{{item.id}}" data-serid="{{item.bookedDetailId}}" data-times="{{item.serviceTimes}}" data-sn="{{item.orderSn}}" data-aid="{{item.addressId}}" data-type="{{item.type}}" wx:if="{{item.handleOption.canModify}}" class="warning-color">

					修改预约
				</view>


				<view catchtap="payOrder" data-id="{{item.id}}" data-sn="{{item.orderSn}}" wx:if="{{item.handleOption.pay}}">
					立即支付</view>
				<view class="btn-rebuy" bindtap="buyAgain" data-id="{{item.goodsId}}" wx:if="{{item.orderStatusVal!='未支付'}}">
					再次购买
				</view>
			</view>


		</view>
	</view>
</view>


<!-- 修改预约/预约 -->
<view class="refund-order-overlay"  wx:if="{{appointDiaShow}}">
		    <view class="refund-order-dialog refund-order-dia-success">
				<view class="refund-dia-title">请选择您要修改的服务</view>
		       <view class="modify-list">
				   <view class="modify-item" wx:for="{{serModifyList}}" wx:key="index" bindtap="switchSer" data-serid="{{item.id}}">
					  
					  <image src="https://mall.zhaijieshi.cc/file/wx-dy/radio-select.png" mode="aspectFit"
					  	wx:if="{{item.id==serviceId}}"></image>
					  <image src="https://mall.zhaijieshi.cc/file/wx-dy/radio-unselect.png" mode="aspectFit"
					  	wx:else></image>
					   <view :class="{{item.id==serviceId?'current-modify':''}}">{{item.bookTime}}</view>
				   </view>
				   
			   </view>
		        <view class="dia-btn-wrapper">
					<view class="dia-cancel-btn" bindtap="appointModifyConf">确定</view>
		           
		        </view>
		    </view>
			 <image bindtap="closeModify" src="https://jzmall.lifejingzhi.com/file/mall-uni/icon-close.png" class="modify-close"></image> 
		</view>
	<!-- 选择取消原因 -->
		<!-- 第一步 -->
		<view class="appoint-overlay-wrapper remark-overlay" wx:if="{{cancelFirstShow}}" bindtap="onCancelPopupCloseFir">
			<view class="remark-select" catchtap="onCancelClick">
				<view class="title" style="text-align: left;">请选择要取消的服务</view>
				<view class="remark-list ser-list">
					<view class="remark-item ser-item {{item.id==serviceId?'current-ser':''}}" data-id="{{item.id}}" bindtap="switchSer" data-serid="{{item.id}}"
						wx:for="{{serModifyList}}" wx:key="index" style="justify-content:flex-start;">
						
		
						<image mode="aspectFit"
							src="https://jzmall.lifejingzhi.com/file/mall-uni/icon-ser-selected.png"
							class="radio-img" wx:if="{{item.id==serviceId}}"></image>
		
						<image mode="aspectFit"
							src="https://jzmall.lifejingzhi.com/file/mall-uni/icon-ser-unselect.png"
							class="radio-img" wx:else></image>
							<view class="remark-value {{item.id==serviceId?'current-cancel':''}}">{{ item.bookTime }}</view>
							<view class="ser-right">已预约</view>
					</view>
				</view>
				<view class="remark-conf-btn" catchtap="cancelFirstConfirm">下一步</view>
			</view>
		</view> 
		
		
		<view class="appoint-overlay-wrapper remark-overlay" wx:if="{{cancelShow}}" bindtap="onCancelPopupClose">
			<view class="remark-select" catchtap="onCancelClick">
				<view class="title">选择取消原因</view>
				<view class="remark-list">
					<view class="remark-item" data-id="{{item.id}}" catchtap="cancelItemSelect"
						wx:for="{{cancelList}}" wx:key="index">
						<view class="remark-value">{{ item.value }}</view>
		
						<image mode="aspectFit"
							src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-select-popup.png"
							class="radio-img" wx:if="{{cancelReason == item.id}}"></image>
		
						<image mode="aspectFit"
							src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-unselect-popup.png"
							class="radio-img" wx:else></image>
					</view>
				</view>
				<view class="remark-conf-btn" catchtap="cancelItemConfirm">取消预约</view>
			</view>
		</view>
					

	</view>