对接支付和订单列表，详情(未完成)

center/center.vue

@@ -75,9 +75,9 @@
 				memberInfo:{},
 				customerMobile:'',
 				tools:[
-					{name:'观看记录',url:'/center/viewrecord',ico:this.$commonConfig.staticUrl+'/img/center-record.png',checkauth:true},
-					{name:'领券中心',url:'/center/mycoupon',ico:this.$commonConfig.staticUrl+'/img/center-coupon.png',checkauth:true},
-					{name:'开具发票',url:'center/invoice',ico:this.$commonConfig.staticUrl+'/img/center-ticket.png',checkauth:true},
+					// {name:'观看记录',url:'/center/viewrecord',ico:this.$commonConfig.staticUrl+'/img/center-record.png',checkauth:true},
+					// {name:'领券中心',url:'/center/mycoupon',ico:this.$commonConfig.staticUrl+'/img/center-coupon.png',checkauth:true},
+					// {name:'开具发票',url:'center/invoice',ico:this.$commonConfig.staticUrl+'/img/center-ticket.png',checkauth:true},
 					{name:'客服热线',url:'',ico:this.$commonConfig.staticUrl+'/img/center-call.png',checkauth:true,phone:''},
 					// {name:'在线客服',chat:'1',ico:this.$commonConfig.staticUrl+'/img/center-call.png'},
 				]

center/order.vue

@@ -23,21 +23,21 @@
 				<view class="order">
 					<view v-for="(item,index) in orderListWithClass" class="order-item" 
 						:class="item.class"
-						@click="goOrderDetails(item.id)" :key="item.id">
+						@click="goOrderDetails(item)" :key="item.id">
 						<view class="top u-flex u-row-between">
-							<text>遵义《伟大转折》演艺中心</text>
-							<text>待支付</text>
+							<text>{{item.theatreName}}</text>
+							<text>{{item.status|filterOrderState}}</text>
 						</view>
 						<view class="info u-flex u-col-top">
-							<image class="img" :src="item.showImg||staticUrl+'/img/newsdetails-banner.png'"></image>
+							<image class="img" :src="item.performImg"></image>
 							<view class="text">
-								<view class="name">《伟大转折》-【成人票】</view>
-								<view class="time">2023-11–03 14:00-16:00</view>
-								<view class="position">5排6座</view>
+								<view class="name">{{item.performName}} - {{item.goodsName}}</view>
+								<view class="time">{{item.performDate}} {{item.performTimeStart}}</view>
+								<!-- <view class="position">{{item.performDate}}</view> -->
 								<view class="statistics">
-									<text>共1张</text>
+									<text>共{{item.viewerNum}}张</text>
 									<text class="label">合计：</text>
-									<text class="price">¥120.00</text>
+									<text class="price">¥{{item.realPrice}}</text>
 								</view>
 							</view>
 						</view>
@@ -75,25 +75,27 @@
 				hasfetch:false,
 				tabsCurrent:1,
 				tabsList:[
-					{name:'全部',status:'',},
+					{name:'全部',status:null,},
 					{name:'待支付',status:'0',badge:{isDot:false,value:null}},
-					{name:'待使用',status:'1',badge:{isDot:false,value:null}},
-					{name:'已完成',status:'2',badge:{isDot:false,value:null}},
-					{name:'售后',status:'3',badge:{isDot:false,value:null}}
+					{name:'待使用',status:'3',badge:{isDot:false,value:null}},
+					{name:'已完成',status:'7',badge:{isDot:false,value:null}},
+					{name:'售后',status:'4,5,6',badge:{isDot:false,value:null}}
 				],
 				status:'',
-				dataList:[{id:1,status:2}],
-				statusBtn:{
+				dataList:[],
+				statusBtn:{// 状态(0待支付，2超时取消，3支付完成，待使用，4退款中，5己退款，6退款失败，7己使用，8己超期 9关闭）
 					0:[{name:'取消订单',fun:'cancelOrder',class:''},{name:'去支付',fun:'pay',class:'red'}],
-					1:[{name:'申请退款',fun:'refund',class:''}],
-					2:[{name:'取消订单',fun:'cancelOrder',class:''},{name:'去支付',fun:'pay',class:'red solid'}],
-					3:[{name:'查看物流',fun:'logistics',class:''}],
+					1:[],
+					2:[],
+					3:[{name:'出示二维码',fun:'goOrderDetails',class:'red'}],
 					//,{name:'评价',fun:'evaluate',class:'green'}
-					// 4:[{name:'查看物流',fun:'logistics',class:''},{name:'评价',fun:'evaluate',class:'green'}],
-					5:[{name:'查看退款',fun:'viewRefund',class:'green'}],
-					6:[{name:'查看物流',fun:'logistics',class:''}],
+					4:[],
+					5:[],
+					6:[],
 					// ,{name:'查看评价',fun:'viewEvaluate',class:'green'}
-					7:[{name:'查看退款',fun:'viewRefund',class:'green'}]
+					7:[],
+					8:[],
+					9:[]
 				},
 				orderBadge:{
 					noPayNum:0,
@@ -145,7 +147,7 @@
 			setTimeout(()=>{
 				this.hasfetch&&this.reloadList()
 			},500);
-			this.statisticsOrder();
+			// this.statisticsOrder();
 		},
 		methods: {
 			leftClick(){
@@ -157,7 +159,7 @@
 			},
 			/*上拉加载的回调*/
 			upCallback(page) {
-				this.statisticsOrder();
+				// this.statisticsOrder();
 				// 此处可以继续请求其他接口
 				// if(page.num == 1){
 				// 	// 请求其他接口...
@@ -171,11 +173,12 @@
 			
 				let pageNum = page.num; // 页码, 默认从1开始
 				let pageSize = page.size; // 页长, 默认每页10条
-
+				
 				let params = {
 					pageNum : page.num,
 					pageSize :  page.size,
-					status : this.tabsList[this.tabsCurrent]?.status||'',
+					statusIn : this.tabsList[this.tabsCurrent]?.status||'',
+					userid:this.vuex_member_info.id
 					// status : this.tabsList[this.tabsCurrent].status,
 				}
 				// console.log('this.params',params);
@@ -218,9 +221,9 @@
 				this.reloadList()
 				// console.log('item',item);
 			},
-			goOrderDetails(id){
+			goOrderDetails(item){
 				uni.$u.route('/center/orderdetails', {
-					id: id
+					id: item.id
 				});
 			},
 			toggleMore(item,index){
@@ -232,7 +235,7 @@
 				// console.log('fun',fun);
 				let funObj = {
 				  pay: this.pay,
-				  logistics:this.logistics,
+				  goOrderDetails:this.goOrderDetails,
 				  evaluate:this.evaluate,
 				  refund:this.refund,
 				  cancelOrder:this.cancelOrder,
@@ -247,17 +250,13 @@
 			},
 			pay(item){
 				console.log('pay',item);
-				uni.$u.route('/shopping/pay', {
-					orderId: item.id,
-					// openid: that.vuex_wechatOpenid,
-					payAmount:item.orderPrice
-				});
-			},
-			logistics(item){
-				// console.log('logistics',item);
-				uni.$u.route('/shopping/distribution', {
-					orderId: item.id
-				});
+				this.gotoPay(item.id);
+				
+				// uni.$u.route('/shopping/pay', {
+				// 	orderId: item.id,
+				// 	// openid: that.vuex_wechatOpenid,
+				// 	payAmount:item.orderPrice
+				// });
 			},
 			evaluate(item){
 				// console.log('logistics',item);
@@ -311,7 +310,7 @@
 				
 			},
 			viewRefund(item){
-				uni.$u.route('/shopping/viewRefund', {
+				uni.$u.route('/center/viewRefund', {
 					orderId: item.id
 				});
 			},
@@ -343,6 +342,87 @@
 					id: item.id
 				});
 			},
+			gotoPay(orderId){
+				this.$u.api.gotoPay({orderId:orderId,openid:''}).then(res=>{
+					this.payResult = res.data.payInfo;
+					this.payResult.package = res.data.payInfo.packageValue;
+					this.wxPay()
+					// if(this.params.paymentMode==1||this.params.paymentMode==4){
+					// 	this.wxPay()
+					// }else{
+					// 	uni.$u.route('/shopping/paysuccess');
+					// }
+					console.log('gotoPayres',res.data);
+				}).catch(err=>{
+					this.paypass = '';
+					this.checkPassShow = false;
+					console.log('gotoPay',err);
+				})				
+			},
+			wxPay(){
+				let that = this;
+				uni.requestPayment({
+					... this.payResult,
+				    "provider": "wxpay", 
+				    "orderInfo": {
+				        // "appid": "wx499********7c70e",  // 微信开放平台 - 应用 - AppId，注意和微信小程序、公众号 AppId 可能不一致
+				        // "noncestr": "c5sEwbaNPiXAF3iv", // 随机字符串
+				        // "package": "Sign=WXPay",        // 固定值
+				        // "partnerid": "148*****52",      // 微信支付商户号
+				        // "prepayid": "wx202254********************fbe90000", // 统一下单订单号 
+				        // "timestamp": 1597935292,        // 时间戳（单位：秒）
+				        // "sign": "A842B45937F6EFF60DEC7A2EAA52D5A0" // 签名，这里用的 MD5/RSA 签名
+				    },
+				    success(res) {
+						that.payQuery();
+					},
+				    fail(e) {
+						console.log('wxPayfail',e);
+					}
+				})				
+			},
+			payQuery(){
+				let that = this;
+				let retryCount = 0;
+				let maxRetryCount = 5; // 设置最大重试次数
+				let interval = 2000; // 设置间隔时间为2秒
+				let timeout = 10000; // 设置超时时间为10秒
+				let timer;
+				uni.showLoading({
+					title:'支付结果查询中'
+				})
+				timer = setInterval(() => {
+					retryCount++;
+					if (retryCount > maxRetryCount || retryCount * interval > timeout) {
+						clearInterval(timer);
+						  uni.hideLoading();
+						console.log("支付查询超时或达到最大重试次数");
+						// 在这里添加超时或达到最大重试次数的处理逻辑
+						this.reloadList()
+					} else {
+						console.log("第" + retryCount + "次查询");
+						// 调用查询支付状态的方法
+						// 如果支付状态为成功，则清除定时器并处理成功的逻辑
+						// 如果支付状态为失败，则清除定时器并处理失败的逻辑
+						this.$u.api.payQuery({orderId:this.orderId}).then(res=>{
+							// 0-未支付 1-已支付 2-支付中 3-支付失败 4-支付退款
+							let payStatus = res.data.payStatus;
+							if(payStatus===1){
+								uni.$u.route('/center/paysuccess');
+							}else if(payStatus===0||payStatus===2){
+								this.payQuery()
+							}else if(payStatus===3){
+								uni.toast('支付失败')
+							}
+							clearInterval(timer);
+						}).catch(err=>{
+							console.log('payQuery',err);
+						}).finally(()=>{
+							uni.hideLoading()
+						})
+					}
+				}, interval);
+			},
 			statisticsOrder(){
 				this.$u.api.statisticsOrder().then(res=>{
 					let data = res.data || {};

center/orderdetails.vue

@@ -4,56 +4,80 @@
 		<view class="navbar-box">
 			<u-navbar title="订单详情" :safeAreaInsetTop="true" @leftClick="leftClick" :titleStyle="{color:'#fff'}" leftIconColor="#fff" bgColor="transparent"></u-navbar>
 		</view>
+		<u-loading-page :loading="loadingPage"></u-loading-page>
 		<view class="page-wrap">
 			<view class="status-content">
-				<view class="status-item">
+				<view class="status-item" v-if="orderDetails.status==0">
 					<view class="text">请尽快完成付款，还剩 {{countdown}}</view>
 					<view class="btn-wrap u-flex u-row-center">
-						<view class="btn cancel">取消订单</view>
-						<view class="btn">立即支付</view>
+						<view class="btn cancel" @click="cancelOrder">取消订单</view>
+						<view class="btn" @click="gotoPay(orderDetails.id)">立即支付</view>
 					</view>
 				</view>
+				<view class="status-item" v-else-if="orderDetails.status==3">
+					<view class="text">距离演出开始，还剩 {{countdown}}</view>
+				</view>
+				<view class="status-item" v-else>
+					<view class="text">{{orderDetails.status|filterOrderState}}</view>
+				</view>
 			</view>
 			<view class="base-info">
 				<view class="top u-flex u-row-between">
-					<view class="name">遵义《伟大转折》演艺中心</view>
-					<view class="icon-wrap u-flex">
+					<view class="name">{{orderDetails.theatreName}}</view>
+					<!-- <view class="icon-wrap u-flex">
 						<u-icon name="phone-fill" color="#999999" size="42rpx"></u-icon>
 						<u-icon name="map-fill" color="#999999" size="42rpx"></u-icon>
-					</view>
+					</view> -->
 				</view>
 				<view class="info u-flex u-row-between">
-					<image class="img" :src="item.showImg||staticUrl+'/img/newsdetails-banner.png'"></image>
+					<image class="img" :src="orderDetails.performImg"></image>
 					<view class="text">
 						<view class="name u-flex u-row-between">
-							《伟大转折》-【成人票】
-							<text class="status">未开始</text>
+							{{orderDetails.performName}}
+							<!-- <text class="status">{{orderDetails.status|filterOrderState}}</text> -->
+						</view>
+						<view class="time">{{orderDetails.performDate}} {{orderDetails.performTimeStart}}</view>
+						<view class="position u-flex u-row-between">
+							<view class="">{{orderDetails.goodsName}}/{{orderDetails.seatTypeName}}</view>
+							<view class="">X {{orderDetails.viewerNum}}</view>
 						</view>
-						<view class="time">2023-11–03 14:00-16:00</view>
-						<view class="position">5排6座</view>
 					</view>
 				</view>
 			</view>
-			<view class="box qr-wrap">
+			<view class="box qr-wrap" v-if="orderDetails.status==3">
 				<view class="title">二维码</view>
 				<view class="qr-content">
 					<view class="img-wrap">
-						<image class="img" :src="item.showImg||staticUrl+'/img/newsdetails-banner.png'"></image>
-						<image class="refund-ico" :src="staticUrl+'/img/refund-ico.png'"></image>
+						<!-- <image class="img" :src="orderDetails.performImg"></image> -->
+						<view class="ayQrcode" @click="refreshCode">
+							<ayQrcode ref="qrcode" :modal="modal_qr" :url="qrContent" @hideQrcode="hideQrcode" :height="180" :width="180" />
+						</view>
+						<image v-if="orderDetails.status==4" class="refund-ico" :src="staticUrl+'/img/refund-ico.png'"></image>
 					</view>
-					<view class="">1张演出票</view>
-					<view class="order-num del-line">取票号：211277</view>
+					<!-- <view class="">{{orderDetails.viewersList.length}}张演出票</view> -->
+					 <!-- order-num del-line -->
+					<view class="order-num">取票号：{{orderDetails.parentQrcodeNo}}</view>
+				</view>
+			</view>
+			<view class="box viewers-list">
+				<view class="title">观影人员</view>
+				<view class="item u-flex u-row-around" v-for="(item,index) in orderDetails.viewersList" :key="index">
+					<text>观影人员{{index + 1}}</text>
+					<text>{{item.name}}</text>
+					<text>{{item.id}}</text>
+					<text v-if="orderDetails.status==3" @click="singleQR(item,index)" class="qrbtn">查看二维码</text>
 				</view>
 			</view>
 			<view class="box order-info">
 				<view class="title u-flex u-row-between">
 					订单信息
-					<text class="btn" @click="refund">申请退款</text>
+					<text class="btn" v-if="orderDetails.status==3" @click="refund">申请退款</text>
 				</view>
 				<view class="order-info-item" v-for="(item,index) in orderInfo[orderDetails.status]" :key="index">
 					<text class="til">{{item.name}}</text>
 					<text class="con">
 						<text v-if="item.key=='payType'">{{orderDetails[item.key]|filterPayType}}</text>
+						<text v-else-if="item.key=='realPrice'"> ￥ {{orderDetails[item.key]}}</text>
 						<text v-else>{{orderDetails[item.key]}}</text>
 						<text class="copy-btn" @click="copyOrderNum(orderDetails[item.key])" v-if="item.key=='orderNum'">复制</text>
 					</text>
@@ -61,34 +85,62 @@
 			</view>
 			<view class="box tips">
 				<view class="title">观影须知</view>
-				<view class="tips-item" v-for="(item,index) in tipsArr" :key="index">
+				<u-parse :content="formerNotice"></u-parse>
+				<!-- <view class="tips-item" v-for="(item,index) in tipsArr" :key="index">
 					{{item}}
-				</view>
+				</view> -->
 			</view>
 		</view>
+		<u-popup :show="showSingleQR" @close="closeSingleQR" @open="openSingleQR" :round="10" mode="center">
+			<view class="singleQR-wrap">
+				<view class="title">
+					二维码
+					<!-- <u-icon class="close" @click="closeSingleQR" name="close" color="#333" size="36rpx"></u-icon> -->
+				</view>
+				<view class="single-info">
+					<view class="item">姓名：{{singleInfo.name}}</view>
+					<view class="item">身份证号码：{{singleInfo.idcard}}</view>
+					<view class="item">座位：{{singleInfo.seatName}}</view>
+					<view class="item">状态：{{singleInfo.status|filterSingleState}}</view>
+				</view>
+				<view class="singleQrcode">
+					<ayQrcode ref="singleqrcode" :modal="singleModalQr" :url="singleQrContent" @hideQrcode="hideSingleQrcode" :height="180" :width="180" />
+				</view>
+				<view class="order-num">取票号：{{singleInfo.qrcodeNo}}</view>
+			</view>
+		</u-popup>
+		<u-toast ref="uToast"></u-toast>
 	</view>
 </template>
 
 <script>
 	import { systemInfo } from "@/mixin.js";
+	import ayQrcode from "@/components/ay-qrcode/ay-qrcode.vue"
 	export default {
 		mixins:[systemInfo],
+		components:{
+			ayQrcode
+		},
 		data() {
 			return {
+				timer: null,
+				modal_qr: false,
+				qrContent: {}, // 要生成的二维码值
 				id:'',
+				loadingPage:true,
 				staticUrl:this.$commonConfig.staticUrl,
-				orderDetails:{status:1},
+				orderDetails:{},
 				deadline: new Date("2023-12-01").getTime(), // 设置截止时间为某个日期的时间戳
 				countdown: '', // 用于显示倒计时时间
 				orderInfo:{
-					0:[],
-					1:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payType'},{name:'支付时间',key:'payTime'}],
-					2:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payType'},{name:'支付时间',key:'payTime'}],
-					3:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payType'},{name:'支付时间',key:'payTime'},{name:'收货时间',key:'receiveTime'}],
-					4:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'}],
-					5:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payType'},{name:'支付时间',key:'payTime'}],
-					6:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payType'},{name:'支付时间',key:'payTime'}],
-					7:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payType'},{name:'支付时间',key:'payTime'}],
+					0:[{name:'需付金额',key:'realPrice'},{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'}],
+					1:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payWay'},{name:'支付时间',key:'payTime'}],
+					2:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payWay'},{name:'支付时间',key:'payTime'}],
+					3:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payWay'},{name:'支付时间',key:'payTime'}],
+					4:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payWay'},{name:'支付时间',key:'payTime'}],
+					5:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payWay'},{name:'支付时间',key:'payTime'}],
+					6:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payWay'},{name:'支付时间',key:'payTime'}],
+					7:[{name:'订单编号',key:'orderNum'},{name:'下单时间',key:'createTime'},{name:'支付方式',key:'payWay'},{name:'支付时间',key:'payTime'}],
 				},
 				tipsArr:[
 					'1.请提前到达影院现场，找到自助取票机，打印纸质电影票，完成取票',
@@ -98,17 +150,28 @@
 				],
 				params:{
 					
-				}
+				},
+				singleInfo:{},//观影人信息
+				showSingleQR:false,//显示单人二维码
+				singleModalQr:false,
+				singleQrContent:{},
+				formerNotice:'',
 				
 			}
 		},
 		onShow() {
+			this.getOrderDetails(this.id);
 		},
 		onLoad(page) {
 			console.log('page',page);
+			this.id = page.id;
 			this.getSystemInfo();
 
 		},
+		onUnload() {
+		    // 页面离开时停止计时器
+		    // clearInterval(this.timer)
+		},
 		mounted() {
 			// 每秒更新倒计时时间
 			setInterval(() => {
@@ -134,9 +197,179 @@
 					uni.navigateBack()
 				};
 			},
-			refund(){
-				uni.$u.route('/center/refund',{
-					id:this.id
+			// 展示二维码
+			showQrcode() {
+				let _this = this;
+				this.modal_qr = true;
+				// uni.showLoading()
+				setTimeout(function() {
+					// uni.hideLoading()
+					_this.$refs.qrcode.crtQrCode()
+				}, 50)
+			},
+			//传入组件的方法
+			hideQrcode() {
+				this.modal_qr = false;
+			},
+			refreshCode(){
+				this.qrContent = {};
+				this.qrContent.qrcode = this.orderDetails.parentQrcodeNo;
+				this.qrContent.time = Date.now();
+				this.qrContent = JSON.stringify(this.qrContent);
+				this.showQrcode()
+			},
+			hideSingleQrcode(){
+				this.singleModalQr = false;
+			},
+			getOrderDetails(id){
+				this.$u.api.orderDetails({id:id}).then(res=>{
+					this.loadingPage = false;
+					this.orderDetails = res.data
+					this.deadline = new Date(`${res.data.performDate} ${res.data.performTimeStart}`).getTime();
+					if(res.data.status==3){
+						this.qrContent.qrcode = res.data.parentQrcodeNo;
+						this.qrContent.time = Date.now();
+						this.qrContent = JSON.stringify(this.qrContent);
+						let that = this;
+						that.showQrcode();//一加载生成二维码
+						// this.refreshCode()
+					}
+					
+					this.getPerformerNotice();
+					// console.log('this.deadline',this.deadline);
+					// console.log('orderDetails',JSON.parse(JSON.stringify(res.data)));
+				}).catch(err=>{
+					console.log('getOrderDetails',err);
+				})
+			},
+			singleQR(item,index){
+				let that = this;
+				console.log('singleQR',item);
+				this.showSingleQR = true;
+				this.singleInfo = item;
+				
+				this.singleQrContent = {};
+				this.singleQrContent.qrcode = item.qrcodeNo;
+				this.singleQrContent.time = Date.now();
+				this.singleQrContent = JSON.stringify(this.singleQrContent);
+				that.showSingleQrcode();//一加载生成二维码
+			},
+			// 展示二维码
+			showSingleQrcode() {
+				let _this = this;
+				this.singleModalQr = true;
+				// uni.showLoading()
+				setTimeout(function() {
+					// uni.hideLoading()
+					_this.$refs.singleqrcode.crtQrCode()
+				}, 50)
+			},
+			closeSingleQR(){
+				this.showSingleQR = false;
+			},
+			openSingleQR(){
+				
+			},
+			clickEven(fun,item){
+				// console.log('fun',fun);
+				let funObj = {
+				  pay: this.pay,
+				  logistics:this.logistics,
+				  evaluate:this.evaluate,
+				  refund:this.refund,
+				  cancelOrder:this.cancelOrder,
+				  viewRefund:this.viewRefund,
+				  confirmReceipt:this.confirmReceipt
+				};
+				// console.log('funObj[fun]',funObj[fun]);
+				if (fun in funObj) {
+				  funObj[fun](item);
+				}
+			},
+			pay(item){
+				this.gotoPay(this.orderDetails.id);
+				// console.log('pay',item);
+				// uni.$u.route('/center/pay', {
+				// 	orderId: item.id,
+				// 	// openid: that.vuex_wechatOpenid,
+				// 	payAmount:item.orderPrice
+				// });
+			},
+			logistics(item){
+				// console.log('logistics',item);
+				uni.$u.route('/center/distribution', {
+					orderId: item.id
+				});
+			},
+			evaluate(item){
+				// console.log('logistics',item);
+				uni.$u.route('/shopping/evaluate', {
+					id: item.id
+				});
+			},
+			refund(item){
+				console.log('this.orderDetails',this.orderDetails);
+				uni.$u.route('/center/refund', {
+					id: this.orderDetails.id,
+					realPrice:this.orderDetails.realPrice
+				});
+			},
+			cancelOrder(item){
+				let that = this;
+				uni.showModal({
+				    title: '提示',
+				    content: '确认取消吗！',
+				    success: res => {
+				        if (res.confirm) {
+				            this.$u.api.cancelOrder({orderId:that.orderDetails.id}).then(res=>{
+				            	this.$refs.uToast.show({
+				            		message:res.msg,
+				            		complete() {
+				            			that.getOrderDetails(that.orderDetails.id);
+				            		}
+				            	});
+				            	// uni.$u.toast(res.msg);
+				            	console.log('res',res.data);
+				            }).catch(err=>{
+				            	console.log('cancelOrder',err);
+				            })
+				        }
+				    }
+				});
+				// console.log('logistics',item);
+				
+			},
+			confirmReceipt(item){
+				let that = this;
+				uni.showModal({
+				    title: '提示',
+				    content: '确认收货吗！',
+				    success: res => {
+				        if (res.confirm) {
+				            this.$u.api.confirmReceipt({orderId:item.id}).then(res=>{
+								uni.showToast({
+									title:res.msg,
+									duration:2000,
+									complete() {
+										that.evaluate(item)
+										that.getOrderDetails(that.id);
+									}
+								});
+				            	console.log('res',res.data);
+				            }).catch(err=>{
+				            	console.log('confirmReceipt',err);
+				            })
+				        }
+				    }
+				})
+			},
+			goMap(){
+				uni.openLocation({
+				  latitude: Number(this.pickupInfo.pickupLatitude),	//维度
+				  longitude: Number(this.pickupInfo.pickupLongitude), //经度
+				  name: "商行地址",	//目的地定位名称
+				  scale: 15,	//缩放比例
+				  address: this.pickupInfo.pickupAddress	//导航详细地址
 				})
 			},
 			copyOrderNum(orderNum){
@@ -156,7 +389,97 @@
 						});
 					}
 				});
-			}
+			},
+			gotoPay(orderId){
+				this.$u.api.gotoPay({orderId:orderId,openid:''}).then(res=>{
+					this.payResult = res.data.payInfo;
+					this.payResult.package = res.data.payInfo.packageValue;
+					this.wxPay()
+					// if(this.params.paymentMode==1||this.params.paymentMode==4){
+					// 	this.wxPay()
+					// }else{
+					// 	uni.$u.route('/shopping/paysuccess');
+					// }
+					console.log('gotoPayres',res.data);
+				}).catch(err=>{
+					this.paypass = '';
+					this.checkPassShow = false;
+					console.log('gotoPay',err);
+				})				
+			},
+			wxPay(){
+				let that = this;
+				uni.requestPayment({
+					... this.payResult,
+				    "provider": "wxpay", 
+				    "orderInfo": {
+				        // "appid": "wx499********7c70e",  // 微信开放平台 - 应用 - AppId，注意和微信小程序、公众号 AppId 可能不一致
+				        // "noncestr": "c5sEwbaNPiXAF3iv", // 随机字符串
+				        // "package": "Sign=WXPay",        // 固定值
+				        // "partnerid": "148*****52",      // 微信支付商户号
+				        // "prepayid": "wx202254********************fbe90000", // 统一下单订单号 
+				        // "timestamp": 1597935292,        // 时间戳（单位：秒）
+				        // "sign": "A842B45937F6EFF60DEC7A2EAA52D5A0" // 签名，这里用的 MD5/RSA 签名
+				    },
+				    success(res) {
+						that.payQuery();
+					},
+				    fail(e) {
+						console.log('wxPayfail',e);
+					}
+				})				
+			},
+			payQuery(){
+				let that = this;
+				let retryCount = 0;
+				let maxRetryCount = 5; // 设置最大重试次数
+				let interval = 2000; // 设置间隔时间为2秒
+				let timeout = 10000; // 设置超时时间为10秒
+				let timer;
+				uni.showLoading({
+					title:'支付结果查询中'
+				})
+				timer = setInterval(() => {
+					retryCount++;
+					if (retryCount > maxRetryCount || retryCount * interval > timeout) {
+						clearInterval(timer);
+						  uni.hideLoading();
+						console.log("支付查询超时或达到最大重试次数");
+						// 在这里添加超时或达到最大重试次数的处理逻辑
+						this.reloadList()
+					} else {
+						console.log("第" + retryCount + "次查询");
+						// 调用查询支付状态的方法
+						// 如果支付状态为成功，则清除定时器并处理成功的逻辑
+						// 如果支付状态为失败，则清除定时器并处理失败的逻辑
+						this.$u.api.payQuery({orderId:this.orderId}).then(res=>{
+							// 0-未支付 1-已支付 2-支付中 3-支付失败 4-支付退款
+							let payStatus = res.data.payStatus;
+							if(payStatus===1){
+								uni.$u.route('/center/paysuccess');
+							}else if(payStatus===0||payStatus===2){
+								this.payQuery()
+							}else if(payStatus===3){
+								uni.toast('支付失败')
+							}
+							clearInterval(timer);
+						}).catch(err=>{
+							console.log('payQuery',err);
+						}).finally(()=>{
+							uni.hideLoading()
+						})
+					}
+				}, interval);
+			},
+			getPerformerNotice(){
+				this.$u.api.performerNotice({performId:this.orderDetails.performId}).then(res=>{
+					// console.log('getPerformerNotice',res.data);
+					this.formerNotice =  res.data.performNotice;
+				}).catch(err=>{
+					console.log('getPerformerNotice',err);
+				})
+			},
+			
 
 		}
 	}
@@ -283,7 +606,7 @@
 			font-size: 24rpx;
 			font-weight: 400;
 			color: #999999;
-			margin-right: 90rpx;
+			margin-right: 40rpx;
 		}
 		.copy-btn{
 			margin-left: 32rpx;
@@ -317,9 +640,9 @@
 	.img-wrap{
 		position: relative;
 	}
-	.img{
-		width: 360rpx;
-		height: 360rpx;
+	.ayQrcode,.img{
+		width: 180px;
+		height: 180px;
 		display: block;
 		margin: 0 auto 20rpx;
 		
@@ -331,7 +654,9 @@
 		bottom: -10rpx;
 		right: 60rpx;
 	}
-	.order-num{
+	
+}
+.order-num{
 		position: relative;
 		margin: 30rpx auto 0;
 		font-size: 24rpx;
@@ -355,5 +680,43 @@
 			left: -5%;
 		}
 	}
+.viewers-list{
+	.item{
+		font-size: 24rpx;
+		color: #999;
+		margin-bottom: 10px;
+		.qrbtn{
+			color: #EE0606;
+		}
+	}
+}
+.singleQR-wrap{
+	padding: 0 24rpx 50rpx;
+	box-sizing: border-box;
+	min-width: 80vw;
+	.title{
+		text-align: center;
+		height: 94rpx;
+		line-height: 94rpx;
+		font-size: 28rpx;
+		font-weight: bold;
+		color: #2D2D2D;
+		border-bottom: 2rpx solid #F4F4F4;
+		margin-bottom: 24rpx;
+	}
+	.single-info{
+		margin-bottom: 24rpx;
+		.item{
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #363636;
+			margin-bottom: 10rpx;
+		}
+	}
+	.singleQrcode{
+		width: 160px;
+		height: 160px;
+		margin: 24rpx auto 54rpx;
+	}
 }
 </style>

center/refund.vue

@@ -8,7 +8,7 @@
 			<view class="box base-info">
 				<view class="title u-flex u-row-between">
 					<text>申请退款金额</text>
-					<text>¥ 68.6</text>
+					<text>¥ {{realPrice}}</text>
 				</view>
 				<view class="con">
 					（预计3个工作日内退回）
@@ -17,7 +17,7 @@
 			<view class="box reason">
 				<view class="title">退款原因（必填）</view>
 				<view class="select-reason u-flex u-row-between" @click="reasonshow=true">
-					<text>{{reason||'请选择原因'}}</text>
+					<text>{{refundReason||'请选择原因'}}</text>
 					<u-icon name="arrow-down" color="#E5E5E5" size="36rpx"></u-icon>
 				</view>
 				<u-picker :show="reasonshow" :columns="reasonList" @confirm="confirmReason" @cancel="reasonshow=false"></u-picker>
@@ -25,7 +25,7 @@
 		</view>
 		<view class="btn-wrap">
 			<view class="inner">
-				<view class="btn">确认退款</view>
+				<view class="btn" @click="submit">确认退款</view>
 			</view>
 		</view>
 	</view>
@@ -38,7 +38,9 @@
 		data() {
 			return {
 				staticUrl:this.$commonConfig.staticUrl,
-				reason:'',
+				orderId:'',
+				realPrice:'',
+				refundReason:'',
 				reasonshow:false,
 				reasonList:[
 					[
@@ -56,6 +58,8 @@
 		},
 		onLoad(page) {
 			console.log('page',page);
+			this.orderId = page.id;
+			this.realPrice = page.realPrice;
 			this.getSystemInfo();
 
 		},
@@ -70,8 +74,25 @@
 			},
 			confirmReason(e){
 				console.log('confirmReason',e.value[0]);
-				this.reason = e.value[0];
+				this.refundReason = e.value[0];
 				this.reasonshow = false;
+			},
+			submit(){
+				if(!this.refundReason){
+					uni.$u.toast('请选择原因')
+					return
+				}
+				let params = {
+					orderId:this.orderId,
+					refundReason:this.refundReason
+				}
+				this.$u.api.refundSubmit(params).then(res=>{
+					uni.$u.toast(res.msg)
+					uni.navigateBack()
+					console.log('res',res.data);
+				}).catch(err=>{
+					console.log('refundSubmit',err);
+				})
 			}
 
 		}

center/viewRefund.vue

@@ -0,0 +1,117 @@
+<template>
+	<view class="">
+		<u-navbar
+			title="退款/售后"
+			:placeholder="true"
+			:autoBack="true"
+			 :safeAreaInsetTop="true"
+		>
+		</u-navbar>
+		<view class="page-wrap">
+			<view class="status">{{pageData.status|filterRefundState}}</view>
+			<view class="box">
+				<view class="order-product page-wrap">
+					<view class="product u-flex" v-for="(item,index) in pageData.goodsList" :key="item.id">
+						<u--image :showLoading="true" :src="item.mainImg" width="180rpx" height="180rpx"></u--image>
+						<view class="text">
+							<view class="up">
+								<view class="name ellipsis-2">{{item.goodsName}}</view>
+								<view class="info">
+									{{item.specification}}
+									{{item.unit}}
+								</view>
+							</view>
+							<view class="down u-flex u-row-between">
+								<view class="left">
+									<text class="price">¥ <text class="price-num">{{item.price}}</text></text>
+								</view>
+								<u-number-box v-model="item.quantity" :disabled="true" @change="changeQuantity(index, $event)" integer></u-number-box>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="box order-info page-wrap">
+				<view class="order-info-item" v-for="(item,index) in orderInfo" :key="index">
+					<text class="til">{{item.til}}</text>
+					<text class="con">
+						<text v-if="item.isMoney">¥</text>
+						{{pageData[item.con]}}
+					</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				orderId:'',
+				pageData:{},
+				orderInfo:[
+					{til:'订单编号',con:'orderNum'},
+					{til:'申请金额',con:'orderAmount',isMoney:true},
+					// {til:'申请件数',con:'quantity'},
+					{til:'申请原因',con:'refundReason'},
+					{til:'问题描述',con:'remark'},
+				]
+			}
+		},
+		onShow() {
+			this.getData()
+		},
+		onLoad(page) {
+			this.orderId =page.orderId
+		},
+		methods: {
+			getData(){
+				this.$u.api.refundInfo({orderId:this.orderId}).then(res=>{
+					this.pageData = res.data
+					console.log('res',res.data);
+				}).catch(err=>{
+					console.log('refundInfo',err);
+				})
+			}
+		}
+	}
+</script>
+<style>
+	page{
+		background-color: #F5F5F5;
+	}
+</style>
+<style lang="scss" scoped>
+.status{
+	text-align: center;
+	font-size: 32rpx;
+	font-weight: 600;
+	color: #FFB100;
+	line-height: 45rpx;
+	margin-bottom: 20rpx;
+}
+.box{
+	background-color: #fff;
+	border-radius: 8rpx;
+	margin-bottom: 20rpx;
+}
+.order-info{
+	.order-info-item{
+		font-size: 30rpx;
+		font-weight: 400;
+		color: #333333;
+		line-height: 42rpx;
+		padding: 30rpx 20rpx;
+		&:not(:last-child){
+			border-bottom: 0.5px solid #eee;
+		}
+		.til{
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #999999;
+			margin-right: 90rpx;
+		}
+	}
+}
+</style>

common/apiurl.js

@@ -147,6 +147,16 @@ const apiurl = {
 		url: '/order/orderInfo/selectById',
 		type: 'get'
 	},
+	// 提交退款
+	refundSubmit: {
+		url: '/order/orderInfo/refundSubmit',
+		type: 'post'
+	},
+	// 订单关闭
+	cancelOrder: {
+		url: '/order/orderInfo/cancel',
+		type: 'post'
+	},
 	
 }
 

pages.json

@@ -144,6 +144,13 @@
 						"navigationBarTitleText": "支付成功",
 						"navigationStyle": "custom"
 					}
+				},
+				{
+					"path": "viewRefund",
+					"style": {
+						"navigationBarTitleText": "查看退款",
+						"navigationStyle": "custom"
+					}
 				}
 			]
 		}

pages/bookticket.vue

@@ -330,6 +330,9 @@
 					},
 				    fail(e) {
 						console.log('wxPayfail',e);
+					},
+					complete(){
+						this.cansubmit = true;
 					}
 				})				
 			},

pages/ticketlist.vue

@@ -81,7 +81,7 @@
 							<view class="left u-flex">
 								<!-- 购票须知
 								<u-icon name="arrow-right" color="#7F7F7F" size="24rpx"></u-icon> -->
-								{{item.goodsSnapshot}}
+								{{item.goodsSnapshot||''}}
 							</view>
 							<view class="btn" @click="book(item)" v-if="item.quantity>0&&sessionList.length>=1">预定</view>
 							<view class="btn disabled" v-else>无票</view>

utils/filter.js

@@ -38,10 +38,16 @@ Vue.filter("filterToFixed", function(val) {
 
 // 订单状态
 Vue.filter("filterOrderState", function(val) {	
-	let orderList = ['待支付', '','超时取消', '待使用', '退款中', '己退款', '退款失败', '己使用', '己超期']
+	let orderList = ['待支付', '','超时取消', '待使用', '退款中', '己退款', '退款失败', '己使用', '己超期','己关闭']
 	return orderList[val]
 });
 
+// 个人二维码状态
+Vue.filter("filterSingleState", function(val) {	
+	let list = ['未使用', '已使用','过期']
+	return list[val]
+});
+
 // 支付状态
 Vue.filter("filterPayState", function(val) {	
 	let orderList = ['未支付', '已支付','支付中', '支付失败', '支付退款']