jzlife_wx_affiliate/pages/refund/refundDetail/refundDetail.wxml

<wxs src="../../../utils/formatFuc.wxs" module="format" />


<view class="whole-page">


	<view class="ticket-item">
		<view class="ticket-top">
			<image src="https://mall.zhaijieshi.cc/file/wx-jms/icon-refund.png" mode="aspectFit"></image>
			<view>{{refundDetail.goodsName}}</view>
		</view>
		<view class="ticket-line">
			退款工单编号：{{refundDetail.aftersaleSn}}
		</view>
		<view class="ticket-line">
			退款金额：{{refundDetail.amount}}
		</view>
		<view class="ticket-line">
			申请时间：{{refundDetail.addTime}}
		</view>
		<view class="ticket-line">
			退款状态：<van-tag type="{{typeTag[refundDetail.status]}}">{{ statusDesc[refundDetail.status]}}</van-tag>
		</view>



	</view>
	
	<van-tabs active="{{type}}" bind:change="onChange" sticky >
  <van-tab title="退款工单信息" name="1"></van-tab>
  <van-tab title="订单信息" name="2"></van-tab>
  <van-tab title="服务工单信息" name="3"></van-tab>
 
</van-tabs>

<block wx:if="{{type==1}}">
<view class="common-info">
		<view class="common-title">退款信息</view>
		<view class="common-content">
			<view class="common-line">
				<view class="line-left">退款类型：</view>
				<view>{{refundDetail.typeName}}</view>
			</view>
			<view class="common-line">
				<view class="line-left">退款时间：</view>
				<view>{{refundDetail.refundTime}}</view>
			</view>
				<!-- 图片 -->
				
				<view wx:if="{{refundDetail.pictures != null&&ticket.pictures.length>0}}">
				<image wx:for="{{refundDetail.pictures}}" wx:key="index" src="{{item}}" mode="aspectFit" style="width:100rpx;height:100rpx;margin:0 20rpx 20rpx 0;" bindtap="preImg" data-url="{{item}}">
				</image>
			</view>
		</view>
		</view>
	<!-- 日志 -->

	<view class="common-info" >
		<view class="common-title"> 退款工单日志</view>
		<view class="common-content">
			<van-steps steps="{{ logList }}" active="{{20}}" direction="vertical" />
		</view>
	</view>
</block>
<block wx:if="{{type==2}}">
	<view class="common-info">
	   <view class="common-title">商品信息</view>
		 <view class="common-content">
			<view class="common-line">
			<view class="line-left">商品图片：</view>
			<view>
				<image  src="{{orderInfo.picUrl}}" mode="aspectFit" style="width:100rpx;height:100rpx;"></image></view>
			</view>
			<view class="common-line">
			<view class="line-left">商品名称：</view>
			<view>{{orderInfo.shortName}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">商品简称：</view>
			<view>{{orderInfo.shortName}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">商品编号：</view>
			<view>{{orderInfo.goodsSn}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">规格：</view>
			<view>{{orderInfo.specifications}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">加购：</view>
			<view>{{orderInfo.unitIncreaseNumber}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">服务次数：</view>
			<view>{{orderInfo.serviceTimes}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">商品价格：</view>
			<view>{{orderInfo.price}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">商品类型：</view>
			<view>{{format.goodsTypeText(orderInfo.type)}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">核销方式：</view>
			<view>{{orderInfo.verifytype==1?'首次预约即核销':'服务完成后核销'}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">所需技能：</view>
			<view>{{orderInfo.itemName}}</view>
			</view>
			
	
		 </view>
		 
	 </view>
	 <view class="common-info">
	   <view class="common-title">订单信息</view>
		 <view class="common-content">
			<view class="common-line">
			<view class="line-left">订单编号：</view>
			<view>{{orderInfo.orderSn}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">下单时间：</view>
			<view>{{orderInfo.createTime}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">订单状态：</view>
			<view>{{format.orderStatusText(orderInfo.orderStatus)}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">已服务次数：</view>
			<view>{{orderInfo.servicedTimes}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">用户备注：</view>
			<view>{{orderInfo.message}}</view>
			</view>

			</view>
			</view>
			<view class="common-info">
	   <view class="common-title">支付信息</view>
		 <view class="common-content">
			<view class="common-line">
			<view class="line-left">支付编号：</view>
			<view>{{orderInfo.payId}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">支付方式：</view>
			<view>{{format.payTypeText(orderInfo.payChannel) }}</view>
			</view>
			<view class="common-line">
			<view class="line-left">商品总价：</view>
			<view>{{orderInfo.goodsPrice}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">优惠券：</view>
			<view>{{orderInfo.couponPrice}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">实际支付：</view>
			<view>{{orderInfo.actualPrice}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">支付时间：</view>
			<view>{{orderInfo.payTime}}</view>
			</view>

			</view>
			</view>

</block>

<block wx:if="{{type==3}}">
	<view class="common-info" wx:for="{{orderBookInfo}}" wx:key="index">
	   <view class="common-title">服务工单信息</view>
		 <view class="common-content">
			<view class="common-line">
			<view class="line-left">服务工单ID：</view>
			<view>{{item.serviceId}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">创建时间：</view>
			<view>{{item.createTime}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">服务工单状态：</view>
			<view>{{format.serviceOrderStatusText(item.status)}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">提醒：</view>
			<view>{{item.customerServiceReminder}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">联系人：</view>
			<view>{{item.customerName}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">联系人电话：</view>
			<view>{{item.customerPhone}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">地址：</view>
			<view>{{item.customerAddr}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">预约时间：</view>
			<view>{{item.bookTime}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">用户备注：</view>
			<view>{{item.message}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">加盟商名称：</view>
			<view>{{item.fraName}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">服务者名称：</view>
			<view>{{item.workerName}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">服务者电话：</view>
			<view>{{item.workerTel}}</view>
			</view>
			<view class="common-line">
			<view class="line-left">服务时间：</view>
			<view>{{item.provideTime}}</view>
			</view>


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



	<view class="operate-block">
		<view class="remark-btn" bindtap="goRemark">追加备注</view>
		<view class="remark-btn" wx:if="{{refundDetail.status==1}}" data-type="2" bindtap="handleAudit">审核通过</view>
		<view class="handle-btn" wx:if="{{refundDetail.status==1}}" data-type="4" bindtap="handleAudit">审核驳回</view>
	</view>





</view>