售后

pages/subPack/refund.vue

@@ -9,7 +9,8 @@
 		
 		
 			<view class="priceBox">
-				<view class="price">¥</view>
+				<view class="price" v-if="type==1">¥{{sheetQRCodeList[0].itemRealMoney}}</view>
+				<view class="price" v-if="type==2">¥{{shData.itemRealMoney}}</view>
 			
 			</view>
 			
@@ -20,7 +21,8 @@
 	 	 <view class="goodsline flex" >
 	 		 <view class="goodsLeft">退款原因 <span class="xinghao">*</span></view>
 	 		 <view class="goodRight ckLine" @click="reasonS">
-				 <span>请至少选择一项</span>
+				 <span v-if="!refundReasonTxt">请至少选择一项</span>
+				 <span style="color: #222222;" v-if="refundReasonTxt">{{refundReasonTxt}}</span>
 				 <image src="../../static/timg/icon_arrow_right.png" mode="" class="jtIcon"></image>
 			 </view>
 	 	 </view>
@@ -39,7 +41,7 @@
 		 <view class="goodsline flex" v-if="type==2">
 		 		 <view class="goodsLeft">退款份数</view>
 		 		 <view class="goodRight" style="color: #666666;">
-		 				10份	 
+		 				1份	 
 		 		 </view>
 		 </view>
 		 
@@ -48,7 +50,7 @@
 				  <view class="tkPrice1">退款金额</view>
 				  <view class="tkPrice2">实际退款金额以到账金额为准</view>
 			  </view>
-			  <view class="tkPriceNum">¥9</view>
+			  <view class="tkPriceNum">¥{{totalPrice}}</view>
 		  </view>
 	 	 <view class="goodsline flex" >
 	 	 		 <view class="goodsLeft">退款方式</view>
@@ -57,7 +59,7 @@
 	 </view>
 	 <view class="goodsBox">
 		
-		 <view class="goodsline flex" >
+		 <view class="goodsline flex" v-if="type==2">
 				 <view class="goodsLeft">商品是否已使用 <span class="xinghao">*</span></view>
 				 <view class="goodRight " >
 					 <picker @change="bindPickerChange" :value="index" :range="array">
@@ -75,11 +77,11 @@
 		 </view>
 	 	<view class="tkSm" style="padding-top: 8rpx;">退款说明</view>
 		<view>
-			<textarea class="tktextarea" name="" placeholder="请输入退款说明" id="" cols="30" rows="10"></textarea>
+			<textarea class="tktextarea" v-model="content" name="" placeholder="请输入退款说明" id="" cols="30" rows="10"></textarea>
 		    <view class="textareaNum">{{textareaNum}}/500</view>
 		</view>
 		<!-- 图片 -->
-		<view class="secondView">
+		<view class="secondView" v-if="type==2">
 			<view class="tkSm">退款凭证</view>
 			<view class="imgBox">
 				<view :class="{img4:(imgindex+1)%4==0}" class="imgLine" v-for="(img,imgindex) in imgArr">
@@ -104,7 +106,7 @@
 	 	 <view class="bleft">
 	 		 <span>退款金额</span>
 	 		 <span style="color: #EC0F0A;padding-left: 6rpx;">¥</span>
-	 		 <span style="font-weight: 500;font-size: 34rpx;color: #EC0F0A;">9</span>
+	 		 <span style="font-weight: 500;font-size: 34rpx;color: #EC0F0A;">{{totalPrice}}</span>
 	 	 </view>
 	 	 <view class="Btn commonBtn" @click="submitFn">提交</view>
 	 </view>
@@ -118,18 +120,19 @@
 			 <image @click="qdTkclose" class="chahao" src="../../static/img2/chahao.png" mode=""></image>
 		 </view>
 		 <view class="reasonContLineBox">
-			 <view v-for="(item,index) in 3" class="jiekouLIne">
-				 <view class="reasonContLineTitle">商品相关</view>
-				 <view class="reasonContLine" v-for="(i,ix) in 3">
-					 <view class="reasonContLineTxt">包装/商品破损/污渍</view>
-					 <view class="reasonContLineCk"></view>
+			 <view v-for="(item,index) in refundReasonList" class="jiekouLIne">
+				 <view class="reasonContLineTitle">{{item.reason}}</view>
+				 <view class="reasonContLine" v-for="(i,ix) in item.two" @click="ckLy(i)">
+					 <view class="reasonContLineTxt">{{i.reason}}</view>
+					 <view class="reasonContLineCk" v-if="refundReasonID!=i.id"></view>
+					 <image class="reasonContLineCkImg" src="../../static/timg/icon_checked@2x.png" mode="" v-if="refundReasonID==i.id"></image>
 				 				 
 				 </view>
 			 </view>
 		 </view>
 		 <view style="height: 200rpx;"></view>
 		 <view class="reasonBottom">
-			 <view class="reasonBottomBtn">确定</view>
+			 <view class="reasonBottomBtn" @click="qdTkclose">确定</view>
 		 </view>
 	 </view>
  </view>
@@ -163,6 +166,17 @@
 				orderData:'',
 				type:'',
 				id:'',
+				refundReasonList:'',
+				sheetQRCodeList:'',
+				maxNum:0,
+				refundReasonID:'',
+				refundReasonTxt:'',
+				hType:'',
+				content:'',
+				couponCodeArr:[],
+				goodsType:'',
+				couponCount:1,
+				shData:'',
 			}
 		},
 		onLoad(opt) {
@@ -170,38 +184,86 @@
 			this.themeColor = uni.getStorageSync("themeColor");
 			this.orderData = uni.getStorageSync("orderData");
 			this.type=opt.type
-			this.sheetRefundReason()
+			
 			this.id=opt.id;
 			if(this.type==1){
 				this.getsheetQRCode()
+				this.sheetRefundReason()
+			}else{
+				this.shData=uni.getStorageSync("shData")
+				this.totalPrice=this.shData.itemRealMoney
 			}
 		},
 		onShow() {
 			
 		},
 		methods: {
+			ckLy(item){
+				this.refundReasonID=item.id
+				this.refundReasonTxt=item.reason
+			},
 			getsheetQRCode(){
 				this.$http('openOrderManagement/sheetQRCodeList', {
 					 type:1,		
 					 sheetID: this.id,
 				}, 'GET').then(res => {
-				  
+				     this.sheetQRCodeList=res.data
+					 this.totalPrice= this.sheetQRCodeList[0].itemRealMoney
+					 this.maxNum=this.sheetQRCodeList.length
+					 this.couponCodeArr=[]
+					 this.couponCodeArr.push( this.sheetQRCodeList[0].id)
 				})
 			},
 			sheetRefundReason(){
-				var params={}
+				var params={
+					type:1
+				}
 				this.$http('openOrderManagement/sheetRefundReason', params,'GET').then(res => {
-					
+					this.refundReasonList=res.data
+				
+				}) 
+			},
+			sheetRefundReason2(){
+				if(this.goodsType==1){
+					var params={type:3}
+				}
+				if(this.goodsType==2){
+					var params={type:2}
+				}
+				
+				this.$http('openOrderManagement/sheetRefundReason', params,'GET').then(res => {
+					this.refundReasonList=res.data
+					this.reasonShow=true;
 				
 				}) 
 			},
 			bindPickerChange(e){
 			  console.log(e)	
 			  this.index=e.detail.value
+			  if(this.index==0){
+				  this.goodsType=1
+			  }
+			  if(this.index==1){
+			  	this.goodsType=2
+			  }
 			},
 			reasonS(){
-				this.reasonShow=true;
+				if(this.type==1){
+					this.reasonShow=true;
+				}else{
+					if(this.goodsType){
+						this.sheetRefundReason2()
+					}else{
+						uni.showToast({
+							title: '请先选择是否使用',
+							icon: 'none',
+							duration: 3000
+						});
+					}
+				}
+				
 			},
+			
 			qdTkclose(){
 				this.reasonShow=false;
 			},
@@ -209,13 +271,82 @@
 				if(type==1){
 					if(this.goodsnum>1){
 						this.goodsnum--
+						var Price=0
+						this.couponCodeArr=[]
+						 this.sheetQRCodeList.forEach((item,index)=>{
+							 if( index < this.goodsnum){
+								 Price+=item.itemRealMoney
+								 this.couponCodeArr.push(item.id)
+							 }
+						 })
+						 this.totalPrice=Price
 					}
 				}else{
-					console.log("+++")
+					if(this.goodsnum<this.maxNum){
 						this.goodsnum++
+						var Price=0
+						this.couponCodeArr=[]
+						 this.sheetQRCodeList.forEach((item,index)=>{
+							 if( index < this.goodsnum){
+								 Price+=item.itemRealMoney
+								 this.couponCodeArr.push(item.id)
+							 }
+						 })
+						 this.totalPrice=Price
+					}
+						
 				}
 			},
+			addSheetRefund(){
+				if(this.type==1){
+					var params={
+						hType:this.type,
+						couponID:this.couponCodeArr.join(','),
+						money:this.totalPrice,
+						refundReasonID:this.refundReasonID,
+						sheetID:this.orderData.data.id,
+						sheetCode:this.orderData.data.code,
+						content:this.content,
+						goodsType:this.goodsType,
+						couponCount:this.goodsnum,
+					}
+				}
+				if(this.type==2){
+					var params={
+						hType:this.type,
+						couponID:this.shData.id,
+						money:this.totalPrice,
+						refundReasonID:this.refundReasonID,
+						sheetID:this.orderData.data.id,
+						sheetCode:this.orderData.data.code,
+						content:this.content,
+						goodsType:this.goodsType,
+						couponCount:this.couponCount,
+						imgUrl:this.imgArr.join(',')
+					}
+				}
+				console.log(params)
+				//return false
+				uni.showLoading({
+					title: '加载中'
+				})
+				this.$http('openOrderManagement/addSheetRefund', params,'POST').then(res => {
+					uni.hideLoading();
+					if(res.code==0){
+						uni.navigateTo({
+						 	url:'refundDetail?id='+res.data.id
+						 })
+					}else{
+						uni.showToast({
+							title: res.msg,
+							icon: 'none',
+							duration: 3000
+						});
+				}
+				})
+			},
 			submitFn(){
+				var that=this;
 				uni.showModal({
 				    title: '申请退款',
 				    content: '退款申请一旦提交。将不能撤销，是否确认继',
@@ -223,10 +354,11 @@
 					cancelText:'取消',
 				    success: function (res) {
 				        if (res.confirm) {
+							that.addSheetRefund()
 				           // console.log('用户点击确定');
-						  uni.navigateTo({
+						 /* uni.navigateTo({
 						  	url:'refundDetail'
-						  })
+						  }) */
 				        } else if (res.cancel) {
 				           
 						   
@@ -410,6 +542,7 @@
 	height: 100vh;
 	width: 750rpx;
 	background: rgba(0, 0, 0, 0.5);
+	z-index: 11;
 }
 .reasonCont{
 	height: 70vh;
@@ -443,6 +576,10 @@
 	border-radius: 16rpx;
 	margin-top: 6rpx;
 }
+.reasonContLineCkImg{
+	width: 32rpx;margin-top: 6rpx;
+	height: 32rpx;
+}
 .reasonContLineBox{
 	padding: 0 33rpx;
 	height: calc(70vh - 270rpx);

pages/subPack/refundDetail.vue

@@ -1,7 +1,7 @@
 <template>
 <view class="box">
  <view class="cont">
-	 <view class="topBox goodsBox">
+	 <view class="topBox goodsBox" v-if="data.openSheetRefund.refundState == 1 || data.openSheetRefund.refundState == 3">
 		 <view class="topState">
 			 <view class="tsTop">
 				 <view class="tsYd"></view>
@@ -18,48 +18,52 @@
 				 <view class="tsMline tsMline2">商家退款</view>
 				 <view class="tsMline tsMline2">退款结束</view>
 			 </view>
-			 <view class="txTxt">
+			 <view class="txTxt" v-if="data.openSheetRefund.refundState == 1">
 				 <span>请等待</span><span style="color: #EC0F0A;">商家处理</span>
 			 </view>
-			 <view class="txTxt2">已发起退款申请</view>
+			 <view class="txTxt2"  v-if="data.openSheetRefund.refundState == 1">已发起退款申请</view>
+			 <view class="txTxt" v-if="data.openSheetRefund.refundState == 3">
+			 	<span>商家</span><span style="color: #EC0F0A;">拒绝退款</span>
+			 </view>
 		 </view>
 	 </view>
-	 <view class="goodsBox topBox">
+	 <view class="goodsBox topBox" v-if="data.openSheetRefund.refundState == 2">
 		 <view class="tkTopTitle">退款成功</view>
 		 <view class="tksuccess">
 			 <view class="tksuccessYx">
 				 <view class="tksuccessTxt">原路退回</view>
-				 <view class="tksuccessPrice">¥<span style="font-size: 36rpx;">9</span> </view>
+				 <view class="tksuccessPrice">¥<span style="font-size: 36rpx;">{{data.openSheetRefund.money}}</span> </view>
 			 </view>
-			 <view class="tksuccessTime">12-14 22:34</view>
+			 <view class="tksuccessTime">{{data.openSheetRefund.reAccountTime}}</view>
 		 </view>
 	 </view>
 	 <!-- 退款关闭-->
-	 <view class="goodsBox topBox">
+	 <view class="goodsBox topBox" v-if="data.openSheetRefund.refundState == 4||data.openSheetRefund.refundState == 5">
 	 	<view class="tkTopTitle">退款关闭</view>
-	 	<view class="tkErr">您的退款申请已被商家拒绝</view>	 
+	 	<view class="tkErr" v-if="data.openSheetRefund.refundState == 4">退款失败</view>	 
+		<view class="tkErr" v-if="data.openSheetRefund.refundState == 5">用户已取消退款</view>	 
 	 </view>
 	 <!-- 退款关闭-->
 	 <view class="itemBox flex">
 		 </image>
 		 <image class="itemIMg"  src="../../static/timg/noimg.png" mode=""></image>
 		 <view class="itemRight">
-		 	<view class="itemName">普调洗车</view>
+		 	<view class="itemName">{{data.openSheetRefund.itemName}}</view>
 			<view class="priceBox">
-				<view class="price">¥9</view>
+				<view class="price">¥{{data.openSheet.realMoney}}</view>
 			</view>
 		 </view>
 	 </view>
 
 	 <view class="goodsBox">
-	 	 <view class="goodsline flex" >
+	 	 <view class="goodsline flex" v-if="data.openSheetRefund.couponCount==1" >
 	 	 		 <view class="goodsLeft">退款券号</view>
 	 	 		 <view class="goodRight" style="display: flex;">
 	 	 				<image src="../../static/img2/copy.png" mode="" class="copyIcon"></image>
-						<span>102899992200992</span>
+						<span>{{data.openSheetRefund.couponCode}}</span>
 	 	 		 </view>
 	 	 </view>
-		 <view class="goodsline flex" >
+		 <view class="goodsline flex" v-if="data.openSheetRefund.couponCount!=1">
 		 		 <view class="goodsLeft">退款券号</view>
 		 		 <view class="goodRight" style="display: flex;" @click="codeFn">
 		 				<span>共两份券号</span>
@@ -69,7 +73,7 @@
 		 <view class="goodsline flex" >
 		 		 <view class="goodsLeft">退款份数</view>
 		 		 <view class="goodRight" >
-		 				10份	 
+		 				{{data.openSheetRefund.couponCount}}份	 
 		 		 </view>
 		 </view>
 		 
@@ -78,7 +82,7 @@
 				  <view class="tkPrice1">退款金额</view>
 				  <view class="tkPrice2">实际退款金额以到账金额为准</view>
 			  </view>
-			  <view class="tkPriceNum">¥9</view>
+			  <view class="tkPriceNum">¥{{data.openSheetRefund.money}}</view>
 		  </view>
 	 	 <view class="goodsline flex" >
 	 	 		 <view class="goodsLeft">退款方式</view>
@@ -86,24 +90,21 @@
 	 	 </view>
 		 <view class="goodsline flex" >
 		 		 <view class="goodsLeft">商品是否已使用</view>
-		 		 <view class="goodRight" >未使用</view>
+		 		 <view class="goodRight" >{{data.openSheetRefund.hType==1?'未使用':'已使用'}}</view>
 		 </view>
 		 <view class="goodsline flex" >
 		 		 <view class="goodsLeft">退款原因</view>
-		 		 <view class="goodRight" >实际与宣传/描述不一样</view>
+		 		 <view class="goodRight" >{{data.openSheetRefund.refundReason}}</view>
 		 </view>
 		 <view class="goodsline flex" >
 		 		 <view class="goodsLeft">退款说明</view>
-		 		 <view class="goodRight" >实际与宣传/描述不一样</view>
+		 		 <view class="goodRight" >{{data.openSheetRefund.content}}</view>
 		 </view>
 		 <view class="goodsline flex" >
 		 		 <view class="goodsLeft">退款凭证</view>
 		 		 <view class="goodRight tkImgBox" >
-					 <image class="tkImg" src="http://dmsphoto.66km.com.cn/thFiles/EE19D1B2-5E5F-46DE-965A-BA2A8913F5BB.jpg" mode="aspectFit"></image>
-					  <image class="tkImg" src="http://dmsphoto.66km.com.cn/thFiles/EE19D1B2-5E5F-46DE-965A-BA2A8913F5BB.jpg" mode=""></image>
-					   <image class="tkImg" src="http://dmsphoto.66km.com.cn/thFiles/EE19D1B2-5E5F-46DE-965A-BA2A8913F5BB.jpg" mode=""></image>
-					    <image class="tkImg" src="http://dmsphoto.66km.com.cn/thFiles/EE19D1B2-5E5F-46DE-965A-BA2A8913F5BB.jpg" mode=""></image>
-						 <image class="tkImg" src="http://dmsphoto.66km.com.cn/thFiles/EE19D1B2-5E5F-46DE-965A-BA2A8913F5BB.jpg" mode=""></image>
+					 <image class="tkImg" v-for="(item,index) in data.evidenceList" :src="item.url" mode="aspectFit"></image>
+					
 				 </view>
 		 </view>
 	 </view>
@@ -112,7 +113,7 @@
 				 <view class="goodsLeft">订单编号</view>
 				 <view class="goodRight" style="display: flex;">
 						<image src="../../static/img2/copy.png" mode="" class="copyIcon"></image>
-								<span>102899992200992</span>
+								<span>{{data.openSheetRefund.code}}</span>
 				 </view>
 		</view>
 	 </view>
@@ -156,15 +157,48 @@
 				carInfo:'',
 				customerInfo:'',
 				codeShow:false,
+				id:'09ee0273-d2b2-4204-a1db-f0555ec2ea10',
+				data:'',
 			}
 		},
 		onLoad(opt) {
+			if(opt.id){
+				this.id=opt.id
+			}
+			
+			this.userInfo=this.$store.state.userInfo;
+			this.ext=this.$common.getExtStoreId();
+			if(this.userInfo){
+				this.getData()
+			}else{
+				this.$common.automaticlogin().then(val => {
+					this.userInfo=this.$store.state.userInfo;
+					if (this.id) {
+						this.getData();
+					}
+					if(!this.userInfo){
+						//this.authorizShow=true
+					}
+				})
+			}
 			
 		},
 		onShow() {
 			
 		},
 		methods: {
+			getData(){
+				uni.showLoading({
+					title: '加载中'
+				})
+				this.$http('openOrderManagement/openSheetRefundDetail', {
+						
+					 id: this.id,
+				}, 'GET').then(res => {
+				   uni.hideLoading();
+				   this.data=res.data
+				})
+			},
 			qdTkclose(){
 			  this.codeShow=false;	
 			},

pages/user/myOrder/activityOrderDetail.vue

@@ -19,20 +19,18 @@
 		<view class="shuaxin" v-if="orderData.data.sheetState == 1 &&sx" @click="shuaxinFn">
 			如果支付状态未及时更新，请点击 <span style="color: #3F90F7;">刷新</span> 
 		</view>
-		<view class="top" :style="{background:'#'+themeColor}">
-			<view class="orderState">
-				<image src="../../../static/img/icon_order_def.png" mode="" style="width: 44rpx;height: 44rpx;"></image>
-
-
-				<view class="SheetState" v-if="orderData.data.sheetState == 1">待付款</view>
-				<view class="SheetState" v-if="orderData.data.sheetState == 2">待服务</view>
-				<view class="SheetState" v-if="orderData.data.sheetState == 3">已完成</view>
-				<view class="SheetState" v-if="orderData.data.sheetState == 4">已取消</view>
-                <view class="SheetState" v-if="orderData.data.sheetState == 5">待成团</view>
+		<view class="topBox">
+			<view class="top" >
+				<view class="orderState">
+					<view class="SheetState" v-if="orderData.data.sheetState == 1">待付款</view>
+					<view class="SheetState" v-if="orderData.data.sheetState == 2">待服务</view>
+					<view class="SheetState" v-if="orderData.data.sheetState == 3">已完成</view>
+					<view class="SheetState" v-if="orderData.data.sheetState == 4">已取消</view>
+			        <view class="SheetState" v-if="orderData.data.sheetState == 5">待成团</view>
+				</view>
 			</view>
-
-
 		</view>
+		
 		<!-- 拼团信息 -->
 		<view class="ptCont" v-if="orderData.data.sheetState == 5">
 			<view class="ptTimeBox">
@@ -116,7 +114,7 @@
 			
 			<view v-if="orderData.data.sheetState != 1 && orderData.data.sheetState != 4&& orderData.data.sheetState != 5" class="line"></view>
 			<view v-if="orderData.data.sheetState != 1 && orderData.data.sheetState != 4&& orderData.data.sheetState != 5">
-				<view class="goodsName2">
+			<!-- 	<view class="goodsName2">
 					券码信息（{{quanMaList.length?quanMaList.length:0}}张可用）
 				</view>
 				<view class="detailedLineBox" v-for="(v,index) in orderData.OpenSheetQRCode">
@@ -146,7 +144,29 @@
 							<view class="writeoffLineTxt">核销门店：{{v.writeoffShopName?v.writeoffShopName:''}}</view>
 						</view>
 					</view>
+				</view> -->
+				<view class="newCodeBox" v-if="quanMaList.length>0">
+					<view class="newQrcode">
+						<swiper class="swiper" style="height: 400rpx;" circular :current='swiperIndex' :autoplay="false" :indicator-dots="true" indicator-color="#CCCCCC" indicator-active-color="#EC0F0A">
+							<swiper-item v-for="(item,index) in quanMaList" style="height: 400rpx;">
+								<view class="swiper-item">
+									
+										<tki-qrcode cid="qrcode1" ref="qrcode" :val="item" :size="300" :unit="unit"
+											:pdground="pdground" :icon="icon" :iconSize="iconsize" :lv="lv" :onval="onval"
+											:loadMake="loadMake" :usingComponents="true" @result="qrR" />
+									
+								</view>
+							</swiper-item>
+							
+							
+						</swiper>
+					</view>
+					<view class="newQrcodeTs"  @click="qmshowFn">
+						待使用<span>{{quanMaList.length?quanMaList.length:0}}</span>份券码
+						<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+					</view>
 				</view>
+				
 			</view>
 
 		</view>
@@ -157,10 +177,19 @@
 			<view class="informationNum">实付款：</view>
 			<view class="informationNum" style="color: #EC0F0A;font-weight: bold;">￥{{orderData.data.payType==1?orderData.data.realMoney:0}}</view>
 		</view>
+		<view style="padding-left: 24rpx;padding-right: 24rpx;" >
+			<view class="ysyBox">
+				<view class="ysyLeft" style="font-weight: 500;color: #222222;">已使用({{orderData.writeoff}})·退款({{orderData.refund}})</view>
+				<view class="ysyRgiht" @click="sheetQRCode">
+					<span style="color: #9A9A9A;padding-right: 16rpx;">查看详情</span> 
+					<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+				</view>
+			</view>
+		</view>
 
 		<!-- 订单信息 -->
 		<view class="information">
-			<view class="detailedTitle">订单信息</view>
+			<!-- <view class="detailedTitle">订单信息</view> -->
 			<view class="informationLine" v-if="orderData.data.plateNumber">
 				<view class="informationTxt">车牌号：</view>
 				<view class="informationNum">{{orderData.data.plateNumber}}</view>
@@ -194,7 +223,7 @@
 
 		<!-- 支付信息 -->
 		<view class="information">
-			<view class="detailedTitle">支付信息</view>
+			<!-- <view class="detailedTitle">支付信息</view> -->
 			<view class="informationLine">
 				<view class="informationTxt">支付状态：</view>
 				<view class="informationNum" v-if="orderData.data.payState==1">未支付</view>
@@ -214,7 +243,7 @@
 		
 		<!-- 核销信息 -->
 		<view class="information writeoffXx" v-if="orderData.data.sheetState == 3">
-			<view class="detailedTitle">核销信息</view>
+			<!-- <view class="detailedTitle">核销信息</view> -->
 			<view class="informationLine">
 				<view class="informationTxt">核销状态：</view>
 				<view class="informationNum" v-if="orderData.data.writeoffState==1">未核销</view>
@@ -365,17 +394,112 @@
 	</view>
   
 
+<view class="tkBox" v-if="qmShow">
+	<view class="tkContBox">
+		<view class="tkTop">
+			<view style="width: 22rpx;"></view>
+			<view class="tkTitle">券码信息（{{quanMaList.length?quanMaList.length:0}}）</view>
+			<image @click="qmHide" src="../../../static/img2/chahao.png" mode="" class="chahaoIMg"></image>
+		</view>
+		<view class="tkLineBox">
+			<view class="tkLine" v-for="(item,index) in quanMaList">
+				<view class="tkLineLeft">
+					<span style="color: #9A9A9A;">券码</span>
+					<span style="color: #222222;padding-left: 66rpx;">{{item}}</span>
+				</view>
+				<view class="tkLineRight" style="color: #576B95;" @click="copy(item)">复制</view>
+			</view>
+		</view>
+	</view>
+</view>
+
+<view class="tkBox" v-if="syShow">
+	<view class="tkContBox2">
+		<view class="tkTop">
+			<view style="width: 22rpx;"></view>
+			<view class="tkTitle">详情</view>
+			<image @click="syHide" src="../../../static/img2/chahao.png" mode="" class="chahaoIMg"></image>
+		</view>
+		<view class="tklineBox2">
+			<view class="tkline2" v-for="(item,index) in sheetQRCodeList">
+				<view class="tklineTop2">
+					<view class="tkZt">
+						<span v-if="item.writeoffState==3">已使用</span>
+						<span v-if="item.writeoffState==1">未使用</span>
+						<span v-if="item.refundState==0"></span>
+						<span v-if="item.refundState==1">·退款中</span>
+						<span v-if="item.refundState==2">·退款成功</span>
+						<span v-if="item.refundState==3">·退款拒绝</span>
+						<span v-if="item.refundState==4">·退款失败</span>
+					
+					</view>
+					<view class="tkSeeD" @click="refundDetail(item)" v-if="item.writeoffState==1">
+						<span>退款详情</span>
+						<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+					</view>
+					<view class="tkSeeD" @click="goSh(item)" v-if="item.writeoffState==3">
+						<span>申请售后</span>
+						<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+					</view>
+				</view>
+				<view class="tkRow">
+					<view class="tlRowLeft" v-if="item.writeoffState==3">使用份数</view>
+					<view class="tlRowLeft" v-else>退款份数</view>
+					<view style="color: #222222;">1份</view>
+				</view>
+				<view class="tkRow">
+					<view class="tlRowLeft">消费门店</view>
+					<view style="color: #222222;">{{item.writeoffShopName?item.writeoffShopName:''}}</view>
+				</view>
+				<view class="tkRow">
+					<view class="tlRowLeft">消费时间</view>
+					<view style="color: #222222;">{{item.writeoffTime?item.writeoffTime:''}}</view>
+				</view>
+				<view class="tkRow">
+					<view class="tlRowLeft">券      号</view>
+					<view style="color: #222222;">{{item.qrCode}}</view>
+				</view>
+			</view>
+			<nodata v-if="sheetQRCodeList.length==0"></nodata>
+		</view>
+	
+	</view>
+</view>
 
 
+<view class="tkBox" v-if="xsShow">
+	<view class="tkContBox">
+		<view class="tkTop">
+			<view style="width: 22rpx;"></view>
+			<view class="tkTitle">申请售后</view>
+			<image @click="xsHide" src="../../../static/img2/chahao.png" mode="" class="chahaoIMg"></image>
+		</view>
+		<view class="zxSj">
+			<view class="zxSjleft">
+				<view class="zxTitle">咨询商家</view>
+				<view class="zxTitle2">联系商家，提高退款效率</view>
+			</view>
+			<view class="zxSjRgiht"  @click="call">
+				<image src="/static/timg/wgcall.png" mode="" class="zxCallImg"></image>
+			</view>
+		</view>
+		<view class="zkRefund" @click="goshFn">
+			<span>已与商家协商一致，发起退款</span>
+			<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+		</view>
+	</view>
+</view>
+
 	</view>
 </template>
 
 <script>
 	import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
 	import homenav from "@/components/homenav/nav.vue"
+	import nodata from '@/components/nodata/nodata.vue'
 	export default {
 		components: {
-			tkiQrcode,homenav
+			tkiQrcode,homenav,nodata
 		},
 		data() {
 			return {
@@ -419,6 +543,11 @@
 				swiperIndex:0,
 				sx:'',
 				sxNum:'',
+				sx:'',
+				qmShow:false,
+				syShow:false,
+				sheetQRCodeList:'',
+				xsShow:false,
 			}
 		},
 		//0拼团取消1拼团失败 2拼团中3拼团成功4自动成团 groupState
@@ -454,6 +583,72 @@
 		
 
 		methods: {
+			getsheetQRCode(){
+				this.$http('openOrderManagement/sheetQRCodeList', {
+					 type:1,		
+					 sheetID: this.id,
+				}, 'GET').then(res => {
+				  
+				})
+			},
+			sheetQRCode(){
+				uni.showLoading({
+					title: '加载中'
+				})
+				this.$http('openOrderManagement/sheetQRCodeList', {
+					 type:2,		
+					 sheetID: this.id,
+				}, 'GET').then(res => {
+				   uni.hideLoading();
+				   this.syShow=true;
+				   this.sheetQRCodeList=res.data
+				})
+			},
+			qmshowFn(){
+				this.qmShow=true
+			},
+			qmHide(){
+				this.qmShow=false
+			},
+			syHide(){
+			  this.syShow=false;
+			},
+			shuaxinFn(){
+				this.sxNum=1
+				this.getData();
+				//this.getTuiKuanData()
+			},
+			cancelOrder(){
+				//this.isShowTui=true;
+				uni.navigateTo({
+					url:'../../subPack/refund?type=1&id='+this.id
+				})
+			},
+			goSh(item){
+				var that=this
+				uni.setStorage({
+					key: 'shData',
+					data: item,
+					 success: function () {
+					    that.xsShow=true
+					 
+					 }
+				}); 
+				
+			},
+			goshFn(){
+				uni.navigateTo({
+					url:'../../subPack/refund?type=2&id='+this.id
+				})
+			},
+			refundDetail(item){
+				uni.navigateTo({
+					url:'../../subPack/refundDetail?id='+item.id
+				})
+			},
+			xsHide(){
+				 this.xsShow=false
+			},
 			shuaxinFn(){
 				this.sxNum=1
 				this.getData();
@@ -511,9 +706,9 @@
 					
 				})
 			},
-			cancelOrder(){
+			/* cancelOrder(){
 				this.isShowTui=true;
-			},
+			}, */
 			seeTyHide(){
 				this.seeTyshow=false;
 			},
@@ -761,9 +956,17 @@
 							duration: 3000
 						});
 					}
+					uni.setStorage({
+						key: 'orderData',
+						data: this.orderData,
+						 success: function () {
+						    
+						 
+						 }
+					}); 
 					this.clock()
 					console.log('可用券码--',this.quanMaList);
-					
+				
 				})
 			},
 			getData2() {
@@ -1033,20 +1236,29 @@ color: #764D49;font-size: 26rpx;padding-top:20rpx;
 	}
 	
 
-	.top {
-		height: 190rpx;
-		background: #EC0F0A;
-
-	}
-
-	.orderState {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		padding-top: 40rpx;
+.topBox{
+		padding: 24rpx;
 	}
+		.top {
+			height: 100rpx;
+			background: #FFFFFF;
+	        border-radius: 11rpx;
+			text-align: center;
+			line-height: 100rpx;
+			font-weight: 500;
+			font-size: 30rpx;
+			color: #EC0F0A;
+			line-height: 42rpx;
+		}
+	
+		.orderState {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding-top: 40rpx;
+		}
 
-	.SheetState {
+	/* .SheetState {
 		display: flex;
 		justify-content: center;
 		font-size: 36rpx;
@@ -1054,7 +1266,7 @@ color: #764D49;font-size: 26rpx;padding-top:20rpx;
 		color: #FFFFFF;
 		margin-left: 15rpx;
 
-	}
+	} */
 
 
 
@@ -1089,7 +1301,7 @@ color: #764D49;font-size: 26rpx;padding-top:20rpx;
 		display: flex;
 		padding: 30rpx 20rpx;
 		margin: 0rpx 24rpx;
-		margin-top: -60rpx;
+		/* margin-top: -60rpx; */
 		background-color: #FFFFFF;
 		border-radius: 10rpx;
 
@@ -1217,11 +1429,15 @@ color: #764D49;font-size: 26rpx;padding-top:20rpx;
 		margin: 20rpx 24rpx;
 		padding-bottom: 15rpx;
 	}
-
+.information{
+		padding: 0 20rpx;
+	}
 	.informationLine {
 		display: flex;
-
-		padding: 15rpx 20rpx;
+	    justify-content: space-between;
+		padding:20rpx 0rpx;
+		border-bottom: 1px solid #EEEEEE;
+		color: #222222;
 	}
 
 	.informationLine2 {
@@ -1700,4 +1916,168 @@ color: #764D49;font-size: 26rpx;padding-top:20rpx;
 		padding-left: 24rpx;
 		font-size: 26rpx;
 	}
+	.newQrcode{
+		text-align: center;padding-top: 30rpx;
+	}
+	.newQrcodeTs{
+		font-size: 24rpx;
+		color: #222222;
+	}
+	.jtImg1{
+		width: 10rpx;height: 20rpx;
+	}
+	.newQrcodeTs {
+		text-align: center;
+		padding-top: 10rpx;
+		padding-bottom: 30rpx;
+	}
+	.ysyBox{
+		background: #ffffff;
+		border-radius: 16rpx;
+		display: flex;
+		justify-content: space-between;
+		font-size: 26rpx;
+		padding: 30rpx 24rpx;
+	}
+	.copyIcon{
+		width: 30rpx;height: 30rpx;
+		margin-top: 4rpx;margin-right: 6rpx;
+	}
+	.newQrcode .swiper-item{
+		text-align: center;
+	}
+	.chahaoIMg{
+		width: 22rpx;height: 22rpx;
+		margin-top: 4rpx;
+	}
+	.tkBox{
+		position: fixed;
+		background: rgba(0, 0, 0, 0.4);
+		width: 100%;height: 100%;
+		top: 0;
+		left: 0;
+	}
+	.tkContBox{
+		width: 750rpx;
+		height: 483rpx;
+		background: #F8F8F8;
+		border-radius: 28rpx 28rpx 0rpx 0rpx;
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+	}
+	.tkContBox2{
+		width: 750rpx;
+		height: 60vh;
+		background: #F8F8F8;
+		border-radius: 28rpx 28rpx 0rpx 0rpx;
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+	}
+	.tkTop{
+		display: flex;justify-content: space-between;
+		padding: 25rpx 40rpx 40rpx 40rpx;
+		font-weight: 500;
+		font-size: 28rpx;
+		color: #222222;
+	}
+	.tkLineBox{
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin: 0 33rpx;
+	}
+	.tkLine{
+		display: flex;justify-content: space-between;
+		font-size: 26rpx;
+		padding: 24rpx 30rpx;
+		border-bottom: 1px solid #EEEEEE;
+		
+	}
+	.tklineBox2{
+		padding:0 24rpx;
+		height: 55vh;
+		overflow: scroll;
+	}
+	.tkline2{
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 32rpx 24rpx;
+		margin-bottom: 20rpx;
+	}
+	.tklineTop2{
+		display: flex;justify-content: space-between;
+	}
+	.tkZt{
+		font-weight: 500;
+		font-size: 28rpx;
+		color: #222222;
+		line-height: 40rpx;
+	}
+	.tkSeeD{
+		font-weight: 400;
+		font-size: 26rpx;
+		color: #9A9A9A;
+		line-height: 40rpx;
+	}
+	.tkSeeD .jtImg1{
+		margin-left: 4rpx;
+	}
+	.tkRow{
+		display: flex;
+		font-size: 26rpx;
+		padding-top: 18rpx;
+		
+	}
+	.tlRowLeft{
+		color: #9A9A9A;width: 140rpx;
+		
+	}
+	.zxSj{
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin: 0 24rpx;
+		display: flex;justify-content: space-between;
+	}
+	.zxCallImg{
+		width: 34rpx;height: 34rpx;
+	}
+	.zxTitle{
+		font-weight: 500;
+		font-size: 28rpx;
+		color: #222222;
+		line-height: 40rpx;
+	}
+	.zxTitle2{
+		font-size: 24rpx;
+		color: #9A9A9A;
+		padding-top: 12rpx;
+	}
+	.zxSjleft{
+		padding: 32rpx;
+	}
+	.zxSjRgiht{
+		width: 79rpx;
+		height: 79rpx;
+		border: 2rpx solid #EEEEEE;
+		border-radius: 50%;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-top: 32rpx;
+		margin-right: 32rpx;
+	}
+	.zkRefund{
+		display: flex;justify-content: center;
+		font-size: 24rpx;
+		color: #9A9A9A;
+		padding-top: 30rpx;
+	}
+	.zkRefund .jtImg1{
+		margin-left: 6rpx;margin-top: 6rpx;
+	}
 </style>

pages/user/myOrder/mallOrderDetail.vue

@@ -70,7 +70,7 @@
 					</view>
 				
 			</view>
-			<view v-if="orderData.data.sheetState != 1 && orderData.data.sheetState != 4" class="line"></view>
+			<!-- <view v-if="orderData.data.sheetState != 1 && orderData.data.sheetState != 4" class="line"></view> -->
 			<view v-if="orderData.data.sheetState != 1 && orderData.data.sheetState != 4">
 			<!-- 	<view class="goodsName">
 					券码信息（{{quanMaList.length?quanMaList.length:0}}张可用）
@@ -105,7 +105,7 @@
 					
 					
 				</view> -->
-				<view class="newCodeBox">
+				<view class="newCodeBox" v-if="quanMaList.length>0">
 					<view class="newQrcode">
 						<swiper class="swiper" style="height: 400rpx;" circular :current='swiperIndex' :autoplay="false" :indicator-dots="true" indicator-color="#CCCCCC" indicator-active-color="#EC0F0A">
 							<swiper-item v-for="(item,index) in quanMaList" style="height: 400rpx;">
@@ -200,7 +200,7 @@
 			<view class="informationLine">
 				<view class="informationTxt">订单单号：</view>
 				<view class="informationNum">
-				<image src="../../../static/img2/copy.png" mode="" class="copyIcon"></image>
+				<image src="../../../static/img2/copy.png" mode="" @click="copy(orderData.data.code)" class="copyIcon"></image>
 				{{orderData.data.code}}
 			<!-- 	<span class="codeCopy" @click="copy(orderData.data.code)">复制</span> -->
 				</view>
@@ -243,7 +243,7 @@
 		
 		<!-- 核销信息 -->
 		<view class="information writeoffXx" v-if="orderData.data.sheetState == 3">
-			<view class="detailedTitle">核销信息</view>
+			<!-- <view class="detailedTitle">核销信息</view> -->
 			<view class="informationLine">
 				<view class="informationTxt">核销状态：</view>
 				<view class="informationNum" v-if="orderData.data.writeoffState==1">未核销</view>
@@ -383,7 +383,7 @@
 					<span style="color: #9A9A9A;">券码</span>
 					<span style="color: #222222;padding-left: 66rpx;">{{item}}</span>
 				</view>
-				<view class="tkLineRight" style="color: #576B95;">复制</view>
+				<view class="tkLineRight" style="color: #576B95;" @click="copy(item)">复制</view>
 			</view>
 		</view>
 	</view>
@@ -409,10 +409,14 @@
 						<span v-if="item.refundState==4">·退款失败</span>
 					
 					</view>
-					<view class="tkSeeD">
+					<view class="tkSeeD" @click="refundDetail(item)" v-if="item.writeoffState==1">
 						<span>退款详情</span>
 						<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
 					</view>
+					<view class="tkSeeD" @click="goSh(item)" v-if="item.writeoffState==3">
+						<span>申请售后</span>
+						<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+					</view>
 				</view>
 				<view class="tkRow">
 					<view class="tlRowLeft" v-if="item.writeoffState==3">使用份数</view>
@@ -421,31 +425,57 @@
 				</view>
 				<view class="tkRow">
 					<view class="tlRowLeft">消费门店</view>
-					<view style="color: #222222;">{{item.writeoffShopName}}</view>
+					<view style="color: #222222;">{{item.writeoffShopName?item.writeoffShopName:''}}</view>
 				</view>
 				<view class="tkRow">
 					<view class="tlRowLeft">消费时间</view>
-					<view style="color: #222222;">{{item.writeoffTime}}</view>
+					<view style="color: #222222;">{{item.writeoffTime?item.writeoffTime:''}}</view>
 				</view>
 				<view class="tkRow">
 					<view class="tlRowLeft">券      号</view>
 					<view style="color: #222222;">{{item.qrCode}}</view>
 				</view>
 			</view>
+			<nodata v-if="sheetQRCodeList.length==0"></nodata>
 		</view>
 	
 	</view>
 </view>
 
+
+<view class="tkBox" v-if="xsShow">
+	<view class="tkContBox">
+		<view class="tkTop">
+			<view style="width: 22rpx;"></view>
+			<view class="tkTitle">申请售后</view>
+			<image @click="xsHide" src="../../../static/img2/chahao.png" mode="" class="chahaoIMg"></image>
+		</view>
+		<view class="zxSj">
+			<view class="zxSjleft">
+				<view class="zxTitle">咨询商家</view>
+				<view class="zxTitle2">联系商家，提高退款效率</view>
+			</view>
+			<view class="zxSjRgiht"  @click="call">
+				<image src="/static/timg/wgcall.png" mode="" class="zxCallImg"></image>
+			</view>
+		</view>
+		<view class="zkRefund" @click="goshFn">
+			<span>已与商家协商一致，发起退款</span>
+			<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+		</view>
+	</view>
+</view>
+
 	</view>
 </template>
 
 <script>
 	import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
 	import homenav from "@/components/homenav/nav.vue"
+	import nodata from '@/components/nodata/nodata.vue'
 	export default {
 		components: {
-			tkiQrcode,homenav
+			tkiQrcode,homenav,nodata
 		},
 		data() {
 			return {
@@ -486,6 +516,7 @@
 				qmShow:false,
 				syShow:false,
 				sheetQRCodeList:'',
+				xsShow:false,
 			}
 		},
 		onLoad(opt) {
@@ -563,6 +594,31 @@
 					url:'../../subPack/refund?type=1&id='+this.id
 				})
 			},
+			goSh(item){
+				var that=this
+				uni.setStorage({
+					key: 'shData',
+					data: item,
+					 success: function () {
+					    that.xsShow=true
+					 
+					 }
+				}); 
+				
+			},
+			goshFn(){
+				uni.navigateTo({
+					url:'../../subPack/refund?type=2&id='+this.id
+				})
+			},
+			refundDetail(item){
+				uni.navigateTo({
+					url:'../../subPack/refundDetail?id='+item.id
+				})
+			},
+			xsHide(){
+				 this.xsShow=false
+			},
 			goTui(){
 				var that=this;
 				uni.showLoading({
@@ -1190,6 +1246,7 @@
 	.informationNum {
 		/* color: #333333; */
 		font-size: 26rpx;
+		text-align: right;
 	}
 
 	.codeCopy {
@@ -1651,14 +1708,18 @@
 	font-size: 26rpx;
 	padding: 24rpx 30rpx;
 	border-bottom: 1px solid #EEEEEE;
+	
 }
 .tklineBox2{
 	padding:0 24rpx;
+	height: 55vh;
+	overflow: scroll;
 }
 .tkline2{
 	background: #FFFFFF;
 	border-radius: 16rpx;
 	padding: 32rpx 24rpx;
+	margin-bottom: 20rpx;
 }
 .tklineTop2{
 	display: flex;justify-content: space-between;
@@ -1688,4 +1749,47 @@
 	color: #9A9A9A;width: 140rpx;
 	
 }
+.zxSj{
+	background: #FFFFFF;
+	border-radius: 16rpx;
+	margin: 0 24rpx;
+	display: flex;justify-content: space-between;
+}
+.zxCallImg{
+	width: 34rpx;height: 34rpx;
+}
+.zxTitle{
+	font-weight: 500;
+	font-size: 28rpx;
+	color: #222222;
+	line-height: 40rpx;
+}
+.zxTitle2{
+	font-size: 24rpx;
+	color: #9A9A9A;
+	padding-top: 12rpx;
+}
+.zxSjleft{
+	padding: 32rpx;
+}
+.zxSjRgiht{
+	width: 79rpx;
+	height: 79rpx;
+	border: 2rpx solid #EEEEEE;
+	border-radius: 50%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-top: 32rpx;
+	margin-right: 32rpx;
+}
+.zkRefund{
+	display: flex;justify-content: center;
+	font-size: 24rpx;
+	color: #9A9A9A;
+	padding-top: 30rpx;
+}
+.zkRefund .jtImg1{
+	margin-left: 6rpx;margin-top: 6rpx;
+}
 </style>

pages/user/myOrder/myOrder.vue

@@ -10,55 +10,58 @@
             <view class="tabLine" :class="{tabActive:tabIndex==6}" @click="tabClick(6)">售后</view>
 		</view>
 		<view class="main">
-			<view class="itemBg" v-for="(item,index) in items" @click="goDetail(item)">
-				<view class="itemTop">
-					<view class="orderCodeBox">
-						<view class="itemType" v-if="item.SheetType==1">商城-商品订单</view>
-						<view class="itemType" v-if="item.SheetType==2">商城-项目订单</view>
-						<view class="itemType" v-if="item.SheetType==3">商城-套餐订单</view>
-						<view class="itemType" v-if="item.SheetType==4">救援订单</view>
-						<view class="itemType" v-if="item.SheetType==5">钣喷订单</view>
-						<view class="itemType" v-if="item.SheetType==6">集客订单</view>
-						<view class="itemType" v-if="item.SheetType==7">保养订单</view>
-						<view class="itemType" v-else></view>
-						<view class="orderCode">:{{item.Code}}</view>
+			<view v-if="tabIndex!==6" >
+				<view class="itemBg"  v-for="(item,index) in items" @click="goDetail(item)">
+					<view class="itemTop">
+						<view class="orderCodeBox">
+							<view class="itemType" v-if="item.SheetType==1">商城-商品订单</view>
+							<view class="itemType" v-if="item.SheetType==2">商城-项目订单</view>
+							<view class="itemType" v-if="item.SheetType==3">商城-套餐订单</view>
+							<view class="itemType" v-if="item.SheetType==4">救援订单</view>
+							<view class="itemType" v-if="item.SheetType==5">钣喷订单</view>
+							<view class="itemType" v-if="item.SheetType==6">集客订单</view>
+							<view class="itemType" v-if="item.SheetType==7">保养订单</view>
+							<view class="itemType" v-else></view>
+							<view class="orderCode">:{{item.Code}}</view>
+						</view>
+						
+				        <view class="itemSheetState redColor" v-if="item.SheetState==5">待成团</view>
+						<view class="itemSheetState redColor" v-if="item.SheetState==1">待付款</view>
+						<!-- <view v-if="item.SheetType==7">
+							<view class="itemSheetState orangeColor" v-if="item.SheetState==2">已完成</view>
+						</view> -->
+						<view class="itemSheetState orangeColor" v-if="item.SheetState==2">待服务</view>
+						<view class="itemSheetState greenColor" v-if="item.SheetState==3">已完成</view>
+						<view class="itemSheetState" v-if="item.SheetState==4">已取消</view>
+				       
+					</view>
+					<view class="itemShopBg">
+						<view class="shopName">{{item.SheetContent}}</view>
+						<view style="color: #333333;font-size: 22rpx;">￥<span class="price">{{item.PayType==1?item.RealMoney:0}}</span></view>
+					</view>
+				     <view class="renBox" v-if="item.SheetType==6">
+						<image src="../../../static/timg/icon_ren.png" mode="" class="renimg"></image> 
+						<view class="renMobilePhone">{{item.MobilePhone}}</view>
+						<view class="renNickName">{{item.NickName?item.NickName:''}}</view>
+					 </view>
+					<view class="itemName">{{item.CreateTime}}</view>
+				    <view class="itemName" style="padding-top: 2rpx;padding-bottom: 0;">{{item.ShopName}}</view>
+					<view class="package" v-if="item.SheetType==7" style="display: flex;">
+						<view class="packageName" v-if="item.packageName">{{item.packageName}}</view>
+						<view class="packageQty" v-if="item.packageQty" style="padding-left: 10rpx;">共{{item.packageQty}}件</view>
+					</view>
+					<view class="bottom" v-if="item.SheetState == 1">
+						<view class="cancel" @click.stop="cancelBespeak(item)">取消订单</view>
+						<view class="defer"  @click.stop="pay(item)">立即支付</view>
 					</view>
-					
-                    <view class="itemSheetState redColor" v-if="item.SheetState==5">待成团</view>
-					<view class="itemSheetState redColor" v-if="item.SheetState==1">待付款</view>
-					<!-- <view v-if="item.SheetType==7">
-						<view class="itemSheetState orangeColor" v-if="item.SheetState==2">已完成</view>
-					</view> -->
-					<view class="itemSheetState orangeColor" v-if="item.SheetState==2">待服务</view>
-					<view class="itemSheetState greenColor" v-if="item.SheetState==3">已完成</view>
-					<view class="itemSheetState" v-if="item.SheetState==4">已取消</view>
-                   
-				</view>
-				<view class="itemShopBg">
-					<view class="shopName">{{item.SheetContent}}</view>
-					<view style="color: #333333;font-size: 22rpx;">￥<span class="price">{{item.PayType==1?item.RealMoney:0}}</span></view>
-				</view>
-                 <view class="renBox" v-if="item.SheetType==6">
-					<image src="../../../static/timg/icon_ren.png" mode="" class="renimg"></image> 
-					<view class="renMobilePhone">{{item.MobilePhone}}</view>
-					<view class="renNickName">{{item.NickName?item.NickName:''}}</view>
-				 </view>
-				<view class="itemName">{{item.CreateTime}}</view>
-                <view class="itemName" style="padding-top: 2rpx;padding-bottom: 0;">{{item.ShopName}}</view>
-				<view class="package" v-if="item.SheetType==7" style="display: flex;">
-					<view class="packageName" v-if="item.packageName">{{item.packageName}}</view>
-					<view class="packageQty" v-if="item.packageQty" style="padding-left: 10rpx;">共{{item.packageQty}}件</view>
-				</view>
-				<view class="bottom" v-if="item.SheetState == 1">
-					<view class="cancel" @click.stop="cancelBespeak(item)">取消订单</view>
-					<view class="defer"  @click.stop="pay(item)">立即支付</view>
 				</view>
 			</view>
+			
 			<view v-if="tabIndex==6" class="afterSales">
-				<view class="afterSalesLine">
+				<view class="afterSalesLine" v-for="(item,index) in RefundList">
 					<view class="afterSalesLineTop">
 						<view class="" style="display: flex;">
-							<view class="afterSalesShop">欧洲维修（云岭西路店）</view>
+							<view class="afterSalesShop">{{item.WriteoffShopName?item.WriteoffShopName:''}}</view>
 							<image class="afterSalesLineJt" src="/static/img2/jt1.png" mode=""></image>
 						</view>
 						<view class="afterSalesLineState">退款</view>
@@ -66,23 +69,28 @@
 					<view class="afterSalesLineCont">
 						<image src="../../../static/timg/noimg.png" class="afterSalesLineImg" mode=""></image>
 					    <view class="shCont">
-							<view class="shCOntName">最新普通洗车｜全车型｜20分钟</view>
-							<view class="shContMS">共 1 件商品</view>
-							<view class="shContMS">退款：¥18</view>
+							<view class="shCOntName">{{item.ItemName}}</view>
+							<view class="shContMS">共 {{item.CouponCount}}件商品</view>
+							<view class="shContMS">退款：¥{{item.Money}}</view>
 						</view>
 					</view>
 					<view class="tkStateBox">
-						<span style="font-weight: 500;color: #222222;">退款成功</span>
-						<span style="padding-left: 24rpx;">请查看详情</span>
+						<span style="font-weight: 500;color: #222222;" v-if="item.RefundState==0">无退款</span>
+						<span style="font-weight: 500;color: #222222;" v-if="item.RefundState==1">退款中</span>
+						<span style="font-weight: 500;color: #222222;" v-if="item.RefundState==2">退款成功</span>
+						<span style="font-weight: 500;color: #222222;" v-if="item.RefundState==3">退款拒绝</span>
+						<span style="font-weight: 500;color: #222222;" v-if="item.RefundState==4">退款失败</span>
+						<span style="font-weight: 500;color: #222222;" v-if="item.RefundState==5">取消退款</span>
+						<span style="padding-left: 24rpx;" >请查看详情</span>
 					</view>
 					<view class="tkBottom">
-						<view class="tkBottomBtn">查看详情</view>
+						<view class="tkBottomBtn" @click="goReDetail(item)">查看详情</view>
 					</view>
 					
 				</view>
 			</view>
 
-			<nodata v-show="items==''&&isload"></nodata>
+			<nodata v-show="RefundList.length==0&&isload"></nodata>
 		</view>
 		<!-- 手机号授权 -->
 			<view class="authorizBox" v-if="authorizShow" @click="authorizShow=false">
@@ -118,6 +126,7 @@
 				themeColor:'',
 				authorizShow:false,
 				code:'',
+				RefundList:[],
 			}
 		},
 		onLoad(opt) {
@@ -148,6 +157,11 @@
 
 		},
 		methods: {
+			goReDetail(item){
+			   uni.navigateTo({
+			   	url:'../../subPack/refundDetail?id='+item.ID
+			   })	
+			},
 			pay(item){
 				this.$http('openMallOrder/unifiedPay', {
 					sheetId:item.ID
@@ -277,12 +291,39 @@
 
 
 			tabClick(num) {
-				
 				this.tabIndex = num;
-
-
 				this.page = 1;
-				this.getData()
+				if(num==6){
+					this.getOpenSheetRefundList()
+				}else{
+					this.getData()
+				}
+				
+			},
+			getOpenSheetRefundList(){
+				uni.showLoading({
+					title: '加载中'
+				});
+				this.isload = false;
+				var padata = {
+					page: this.page,
+					limit: 10,
+					//sheetState: this.tabIndex > 0 ? this.tabIndex : ''
+				}
+				
+				this.$http('openOrderManagement/getOpenSheetRefundList', padata, 'GET').then(res => {
+					uni.hideLoading();
+					this.isload = true;
+				
+					var list = res.data.Items;
+				
+					if (this.page == 1) {
+						this.RefundList = list
+					} else {
+						this.RefundList = this.RefundList.concat(list)
+					}
+				
+				})
 			},
 			goDetail(item) {
 				//SheetType 1 商品2项目3套餐4救援5钣喷6集客

pages/user/myOrder/paintOrderDetail.vue

@@ -19,20 +19,17 @@
 		<view class="shuaxin" v-if="orderData.data.sheetState == 1 &&sx" @click="shuaxinFn">
 			如果支付状态未及时更新，请点击 <span style="color: #3F90F7;">刷新</span> 
 		</view>
-		<view class="top" :style="{background:'#'+themeColor}">
-			<view class="orderState">
-				<image src="../../../static/img/icon_order_def.png" mode="" style="width: 44rpx;height: 44rpx;"></image>
-
-
-				<view class="SheetState" v-if="orderData.data.sheetState == 1">待付款</view>
-				<view class="SheetState" v-if="orderData.data.sheetState == 2">待服务</view>
-				<view class="SheetState" v-if="orderData.data.sheetState == 3">已完成</view>
-				<view class="SheetState" v-if="orderData.data.sheetState == 4">已取消</view>
-
+		<view class="topBox">
+			<view class="top" >
+				<view class="orderState">
+					<view class="SheetState" v-if="orderData.data.sheetState == 1">待付款</view>
+					<view class="SheetState" v-if="orderData.data.sheetState == 2">待服务</view>
+					<view class="SheetState" v-if="orderData.data.sheetState == 3">已完成</view>
+					<view class="SheetState" v-if="orderData.data.sheetState == 4">已取消</view>
+				</view>
 			</view>
-
-
 		</view>
+		
 
 		<!-- 店铺信息 -->
 		<view class="shopBox">
@@ -61,7 +58,7 @@
 
 		<!-- 订单内容 -->
 		<view class="information">
-			<view class="detailedTitle">订单内容</view>
+			<view class="detailedTitle detailedTitle2">订单内容</view>
 			
 			<view v-if="orderData.openSheetDetail.length>0" v-for="(item,index) in orderData.openSheetDetail" :key="index">
 				<view class="informationLine2">
@@ -70,12 +67,12 @@
 				</view>
 			</view>
 			
-			<view v-if="orderData.data.sheetState != 1 && orderData.data.sheetState != 4" class="line"></view>
+			<!-- <view v-if="orderData.data.sheetState != 1 && orderData.data.sheetState != 4" class="line"></view> -->
 			<view v-if="orderData.data.sheetState != 1 && orderData.data.sheetState != 4">
-				<view class="goodsName2">
+				<!-- <view class="goodsName2">
 					券码信息（{{quanMaList.length?quanMaList.length:0}}张可用）
-				</view>
-				<view class="detailedLineBox" v-for="(v,index) in orderData.OpenSheetQRCode">
+				</view> 
+				<view class="detailedLineBox" v-for="(v,index) in orderData.OpenSheetQRCode"> 
 
 					<view class="detailedLine">
 						<view v-if="v.writeoffState==1" class="detailedName">
@@ -94,15 +91,37 @@
 								v-if="v.writeoffState==1" @click="isShowMaSHow(index)"></image>
 					</view>
 										
-										<view class="writeoffLineBox" v-if="v.writeoffState==3">
-											<view class="writeoffLine">
-												<view class="writeoffLineTxt">核销时间：{{v.writeoffTime}}</view>
-												<view class="writeoffLineTxt">核销人：{{v.writeoffName}}</view>
-											</view>
-											<view class="writeoffLine">
-												<view class="writeoffLineTxt">核销门店：{{v.writeoffShopName?v.writeoffShopName:''}}</view>
-											</view>
-										</view>
+					<view class="writeoffLineBox" v-if="v.writeoffState==3">
+						<view class="writeoffLine">
+							<view class="writeoffLineTxt">核销时间：{{v.writeoffTime}}</view>
+							<view class="writeoffLineTxt">核销人：{{v.writeoffName}}</view>
+						</view>
+						<view class="writeoffLine">
+							<view class="writeoffLineTxt">核销门店：{{v.writeoffShopName?v.writeoffShopName:''}}</view>
+						</view>
+					</view> 
+					
+				</view> -->
+				<view class="newCodeBox" v-if="quanMaList.length>0" >
+					<view class="newQrcode" >
+						<swiper class="swiper" style="height: 400rpx;" circular :current='swiperIndex' :autoplay="false" :indicator-dots="true" indicator-color="#CCCCCC" indicator-active-color="#EC0F0A">
+							<swiper-item v-for="(item,index) in quanMaList" style="height: 400rpx;">
+								<view class="swiper-item">
+									
+										<tki-qrcode cid="qrcode1" ref="qrcode" :val="item" :size="300" :unit="unit"
+											:pdground="pdground" :icon="icon" :iconSize="iconsize" :lv="lv" :onval="onval"
+											:loadMake="loadMake" :usingComponents="true" @result="qrR" />
+									
+								</view>
+							</swiper-item>
+							
+							
+						</swiper>
+					</view>
+					<view class="newQrcodeTs"  @click="qmshowFn">
+						待使用<span>{{quanMaList.length?quanMaList.length:0}}</span>份券码
+						<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+					</view>
 				</view>
 			</view>
 
@@ -114,10 +133,18 @@
 			<view class="informationNum">实付款：</view>
 			<view class="informationNum" style="color: #EC0F0A;font-weight: bold;">￥{{orderData.data.realMoney}}</view>
 		</view>
-
+        <view style="padding-left: 24rpx;padding-right: 24rpx;" >
+        	<view class="ysyBox">
+        		<view class="ysyLeft" style="font-weight: 500;color: #222222;">已使用({{orderData.writeoff}})·退款({{orderData.refund}})</view>
+        		<view class="ysyRgiht" @click="sheetQRCode">
+        			<span style="color: #9A9A9A;padding-right: 16rpx;">查看详情</span> 
+        			<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+        		</view>
+        	</view>
+        </view>
 		<!-- 订单信息 -->
 		<view class="information">
-			<view class="detailedTitle">订单信息</view>
+			<!-- <view class="detailedTitle">订单信息</view> -->
 			<view class="informationLine">
 				<view class="informationTxt">车牌号：</view>
 				<view class="informationNum">{{orderData.data.plateNumber}}</view>
@@ -163,7 +190,7 @@
 
 		<!-- 支付信息 -->
 		<view class="information">
-			<view class="detailedTitle">支付信息</view>
+			<!-- <view class="detailedTitle">支付信息</view> -->
 			<view class="informationLine">
 				<view class="informationTxt">支付状态：</view>
 				<view class="informationNum" v-if="orderData.data.payState==1">未支付</view>
@@ -183,7 +210,7 @@
 		
 		<!-- 核销信息 -->
 		<view class="information writeoffXx" v-if="orderData.data.sheetState == 3">
-			<view class="detailedTitle">核销信息</view>
+			<!-- <view class="detailedTitle">核销信息</view> -->
 			<view class="informationLine">
 				<view class="informationTxt">核销状态：</view>
 				<view class="informationNum" v-if="orderData.data.writeoffState==1">未核销</view>
@@ -311,6 +338,101 @@
 		</view>
 	</view>
 
+<view class="tkBox" v-if="qmShow">
+	<view class="tkContBox">
+		<view class="tkTop">
+			<view style="width: 22rpx;"></view>
+			<view class="tkTitle">券码信息（{{quanMaList.length?quanMaList.length:0}}）</view>
+			<image @click="qmHide" src="../../../static/img2/chahao.png" mode="" class="chahaoIMg"></image>
+		</view>
+		<view class="tkLineBox">
+			<view class="tkLine" v-for="(item,index) in quanMaList">
+				<view class="tkLineLeft">
+					<span style="color: #9A9A9A;">券码</span>
+					<span style="color: #222222;padding-left: 66rpx;">{{item}}</span>
+				</view>
+				<view class="tkLineRight" style="color: #576B95;" @click="copy(item)">复制</view>
+			</view>
+		</view>
+	</view>
+</view>
+
+<view class="tkBox" v-if="syShow">
+	<view class="tkContBox2">
+		<view class="tkTop">
+			<view style="width: 22rpx;"></view>
+			<view class="tkTitle">详情</view>
+			<image @click="syHide" src="../../../static/img2/chahao.png" mode="" class="chahaoIMg"></image>
+		</view>
+		<view class="tklineBox2">
+			<view class="tkline2" v-for="(item,index) in sheetQRCodeList">
+				<view class="tklineTop2">
+					<view class="tkZt">
+						<span v-if="item.writeoffState==3">已使用</span>
+						<span v-if="item.writeoffState==1">未使用</span>
+						<span v-if="item.refundState==0"></span>
+						<span v-if="item.refundState==1">·退款中</span>
+						<span v-if="item.refundState==2">·退款成功</span>
+						<span v-if="item.refundState==3">·退款拒绝</span>
+						<span v-if="item.refundState==4">·退款失败</span>
+					
+					</view>
+					<view class="tkSeeD" @click="refundDetail(item)" v-if="item.writeoffState==1">
+						<span>退款详情</span>
+						<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+					</view>
+					<view class="tkSeeD" @click="goSh(item)" v-if="item.writeoffState==3">
+						<span>申请售后</span>
+						<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+					</view>
+				</view>
+				<view class="tkRow">
+					<view class="tlRowLeft" v-if="item.writeoffState==3">使用份数</view>
+					<view class="tlRowLeft" v-else>退款份数</view>
+					<view style="color: #222222;">1份</view>
+				</view>
+				<view class="tkRow">
+					<view class="tlRowLeft">消费门店</view>
+					<view style="color: #222222;">{{item.writeoffShopName?item.writeoffShopName:''}}</view>
+				</view>
+				<view class="tkRow">
+					<view class="tlRowLeft">消费时间</view>
+					<view style="color: #222222;">{{item.writeoffTime?item.writeoffTime:''}}</view>
+				</view>
+				<view class="tkRow">
+					<view class="tlRowLeft">券      号</view>
+					<view style="color: #222222;">{{item.qrCode}}</view>
+				</view>
+			</view>
+			<nodata v-if="sheetQRCodeList.length==0"></nodata>
+		</view>
+	
+	</view>
+</view>
+
+
+<view class="tkBox" v-if="xsShow">
+	<view class="tkContBox">
+		<view class="tkTop">
+			<view style="width: 22rpx;"></view>
+			<view class="tkTitle">申请售后</view>
+			<image @click="xsHide" src="../../../static/img2/chahao.png" mode="" class="chahaoIMg"></image>
+		</view>
+		<view class="zxSj">
+			<view class="zxSjleft">
+				<view class="zxTitle">咨询商家</view>
+				<view class="zxTitle2">联系商家，提高退款效率</view>
+			</view>
+			<view class="zxSjRgiht"  @click="call">
+				<image src="/static/timg/wgcall.png" mode="" class="zxCallImg"></image>
+			</view>
+		</view>
+		<view class="zkRefund" @click="goshFn">
+			<span>已与商家协商一致，发起退款</span>
+			<image src="../../../static/img2/jt1.png" mode="" class="jtImg1"></image>
+		</view>
+	</view>
+</view>
 
 	</view>
 </template>
@@ -318,9 +440,10 @@
 <script>
 	import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
 	import homenav from "@/components/homenav/nav.vue"
+	import nodata from '@/components/nodata/nodata.vue'
 	export default {
 		components: {
-			tkiQrcode,homenav
+			tkiQrcode,homenav,nodata
 		},
 		data() {
 			return {
@@ -359,6 +482,12 @@
 				tuikuanContent: '',
 				swiperIndex:0,
 				sx:'',
+				sxNum:'',
+				sx:'',
+				qmShow:false,
+				syShow:false,
+				sheetQRCodeList:[],
+				xsShow:false,
 			}
 		},
 		onLoad(opt) {
@@ -393,6 +522,72 @@
 		
 
 		methods: {
+			getsheetQRCode(){
+				this.$http('openOrderManagement/sheetQRCodeList', {
+					 type:1,		
+					 sheetID: this.id,
+				}, 'GET').then(res => {
+				  
+				})
+			},
+			sheetQRCode(){
+				uni.showLoading({
+					title: '加载中'
+				})
+				this.$http('openOrderManagement/sheetQRCodeList', {
+					 type:2,		
+					 sheetID: this.id,
+				}, 'GET').then(res => {
+				   uni.hideLoading();
+				   this.syShow=true;
+				   this.sheetQRCodeList=res.data
+				})
+			},
+			qmshowFn(){
+				this.qmShow=true
+			},
+			qmHide(){
+				this.qmShow=false
+			},
+			syHide(){
+			  this.syShow=false;
+			},
+			shuaxinFn(){
+				this.sxNum=1
+				this.getData();
+				//this.getTuiKuanData()
+			},
+			cancelOrder(){
+				//this.isShowTui=true;
+				uni.navigateTo({
+					url:'../../subPack/refund?type=1&id='+this.id
+				})
+			},
+			goSh(item){
+				var that=this
+				uni.setStorage({
+					key: 'shData',
+					data: item,
+					 success: function () {
+					    that.xsShow=true
+					 
+					 }
+				}); 
+				
+			},
+			goshFn(){
+				uni.navigateTo({
+					url:'../../subPack/refund?type=2&id='+this.id
+				})
+			},
+			refundDetail(item){
+				uni.navigateTo({
+					url:'../../subPack/refundDetail?id='+item.id
+				})
+			},
+			xsHide(){
+				 this.xsShow=false
+			},
 			shuaxinFn(){
 				this.sxNum=1
 				this.getData();
@@ -759,22 +954,29 @@
 		font-size: 34rpx;
 		line-height: 44px;
 	}
-	
-
-	.top {
-		height: 190rpx;
-		background: #EC0F0A;
-
-	}
-
-	.orderState {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		padding-top: 40rpx;
+	.topBox{
+		padding: 24rpx;
 	}
+		.top {
+			height: 100rpx;
+			background: #FFFFFF;
+	        border-radius: 11rpx;
+			text-align: center;
+			line-height: 100rpx;
+			font-weight: 500;
+			font-size: 30rpx;
+			color: #EC0F0A;
+			line-height: 42rpx;
+		}
+	
+		.orderState {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding-top: 40rpx;
+		}
 
-	.SheetState {
+	/* .SheetState {
 		display: flex;
 		justify-content: center;
 		font-size: 36rpx;
@@ -783,7 +985,7 @@
 		margin-left: 15rpx;
 
 	}
-
+ */
 
 
 	.timeEditImg {
@@ -817,7 +1019,7 @@
 		display: flex;
 		padding: 30rpx 20rpx;
 		margin: 0rpx 24rpx;
-		margin-top: -60rpx;
+		/* margin-top: -60rpx; */
 		background-color: #FFFFFF;
 		border-radius: 10rpx;
 
@@ -945,22 +1147,24 @@
 		margin: 20rpx 24rpx;
 		padding-bottom: 15rpx;
 	}
-
+.information{
+		padding: 0 20rpx;
+	}
 	.informationLine {
 		display: flex;
-
-		padding: 15rpx 20rpx;
+	    justify-content: space-between;
+		padding:20rpx 0rpx;
+		border-bottom: 1px solid #EEEEEE;
+		color: #222222;
 	}
-
+	
 	.informationLine2 {
 		display: flex;
 		justify-content: space-between;
 		font-size: 26rpx;
-		padding: 20rpx;
-		align-items: center;
-		padding-bottom: 0;
+		padding: 20rpx 0;
 	}
-
+   
 	.salePrice {
 
 		font-size: 26rpx;
@@ -968,6 +1172,7 @@
 		color: #333333;
 		line-height: 45rpx;
 	}
+	
 
 	.money {
 		background: #FFFFFF;
@@ -1008,6 +1213,7 @@
 	.informationNum {
 		color: #333333;
 		font-size: 26rpx;
+		text-align: right;
 	}
 
 	.codeCopy {
@@ -1389,4 +1595,171 @@
 				padding-left: 24rpx;
 				font-size: 26rpx;
 			}
+.newQrcode{
+	text-align: center;padding-top: 30rpx;
+}
+.newQrcodeTs{
+	font-size: 24rpx;
+	color: #222222;
+}
+.jtImg1{
+	width: 10rpx;height: 20rpx;
+}
+.newQrcodeTs {
+	text-align: center;
+	padding-top: 10rpx;
+	padding-bottom: 30rpx;
+}
+.ysyBox{
+	background: #ffffff;
+	border-radius: 16rpx;
+	display: flex;
+	justify-content: space-between;
+	font-size: 26rpx;
+	padding: 30rpx 24rpx;
+}
+.copyIcon{
+	width: 30rpx;height: 30rpx;
+	margin-top: 4rpx;margin-right: 6rpx;
+}
+.newQrcode .swiper-item{
+	text-align: center;
+}
+.chahaoIMg{
+	width: 22rpx;height: 22rpx;
+	margin-top: 4rpx;
+}
+.tkBox{
+	position: fixed;
+	background: rgba(0, 0, 0, 0.4);
+	width: 100%;height: 100%;
+	top: 0;
+	left: 0;
+}
+.tkContBox{
+	width: 750rpx;
+	height: 483rpx;
+	background: #F8F8F8;
+	border-radius: 28rpx 28rpx 0rpx 0rpx;
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+}
+.tkContBox2{
+	width: 750rpx;
+	height: 60vh;
+	background: #F8F8F8;
+	border-radius: 28rpx 28rpx 0rpx 0rpx;
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+}
+.tkTop{
+	display: flex;justify-content: space-between;
+	padding: 25rpx 40rpx 40rpx 40rpx;
+	font-weight: 500;
+	font-size: 28rpx;
+	color: #222222;
+}
+.tkLineBox{
+	background: #FFFFFF;
+	border-radius: 16rpx;
+	margin: 0 33rpx;
+}
+.tkLine{
+	display: flex;justify-content: space-between;
+	font-size: 26rpx;
+	padding: 24rpx 30rpx;
+	border-bottom: 1px solid #EEEEEE;
+	
+}
+.tklineBox2{
+	padding:0 24rpx;
+	height: 55vh;
+	overflow: scroll;
+}
+.tkline2{
+	background: #FFFFFF;
+	border-radius: 16rpx;
+	padding: 32rpx 24rpx;
+	margin-bottom: 20rpx;
+}
+.tklineTop2{
+	display: flex;justify-content: space-between;
+}
+.tkZt{
+	font-weight: 500;
+	font-size: 28rpx;
+	color: #222222;
+	line-height: 40rpx;
+}
+.tkSeeD{
+	font-weight: 400;
+	font-size: 26rpx;
+	color: #9A9A9A;
+	line-height: 40rpx;
+}
+.tkSeeD .jtImg1{
+	margin-left: 4rpx;
+}
+.tkRow{
+	display: flex;
+	font-size: 26rpx;
+	padding-top: 18rpx;
+	
+}
+.tlRowLeft{
+	color: #9A9A9A;width: 140rpx;
+	
+}
+.zxSj{
+	background: #FFFFFF;
+	border-radius: 16rpx;
+	margin: 0 24rpx;
+	display: flex;justify-content: space-between;
+}
+.zxCallImg{
+	width: 34rpx;height: 34rpx;
+}
+.zxTitle{
+	font-weight: 500;
+	font-size: 28rpx;
+	color: #222222;
+	line-height: 40rpx;
+}
+.zxTitle2{
+	font-size: 24rpx;
+	color: #9A9A9A;
+	padding-top: 12rpx;
+}
+.zxSjleft{
+	padding: 32rpx;
+}
+.zxSjRgiht{
+	width: 79rpx;
+	height: 79rpx;
+	border: 2rpx solid #EEEEEE;
+	border-radius: 50%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-top: 32rpx;
+	margin-right: 32rpx;
+}
+.zkRefund{
+	display: flex;justify-content: center;
+	font-size: 24rpx;
+	color: #9A9A9A;
+	padding-top: 30rpx;
+}
+.zkRefund .jtImg1{
+	margin-left: 6rpx;margin-top: 6rpx;
+}
+.detailedTitle2{
+	padding: 23rpx 0;
+}
 </style>