fix order

src/components/reservation_order/reservation_order.vue

@@ -142,14 +142,12 @@ export default {
     },
 	methods:{
 		detailChange(){
-			console.log("点击了吗")
 			let { orderInfo } = this
 			let _query = {}
 			_query["stadium_id"] = orderInfo.stadium_id
 			_query["order_no"] = orderInfo.order_no
 			_query["order_type"] = 3
 			util.routeTo(`/subpackage/device/pages/order_details/order_details?query=${util.jsonStr(_query)}`,'nT');
-			console.log("点击了吗444")
 		}
 	}
 	

src/subpackage/device/components/order/reservation_site_detail/reservation_site_detail.vue

@@ -114,7 +114,10 @@
 				<view class="rl-view">失效时间：</view>
 				<text class="rl-text">{{orderInfo.end_time || '-'}}</text>
 			</view>
+
 		</view>
+		<view class="rs-btn" @click="refunndBtn" v-if="orderInfo.pay_status == 1 || orderInfo.pay_status == 2">退款</view>
+		
 	</view>
 </template>
 
@@ -181,11 +184,18 @@ export default {
 		        return _obj[`${status}`] || '-'
 		    }
 		},
+		
 	},
 	data() {
 		return {
 		}
 	},
+	methods: {
+		refunndBtn(){
+			console.warn(123);
+			this.$emit('refundbtn');
+		}
+	}
 
 }
 </script>
@@ -194,6 +204,9 @@ export default {
 @import '~style/public.scss';
 .reservation-site{
 	margin-bottom: 24rpx;
+	padding-bottom: 0upx;
+	padding-bottom: calc( 0upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
+	padding-bottom: calc( 0upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
 	.rs-head{
 		margin: 24rpx 24rpx 0rpx;
 		padding: 30rpx;
@@ -334,5 +347,17 @@ export default {
 		}
 		
 	}
+	.rs-btn{
+		margin: 24rpx 24rpx 0 auto;
+		width: 192upx;
+		line-height: 88upx;
+		border-radius: 10upx;
+		background-color: #fff;
+		text-align: center;
+		color: $themeColor;
 	}
+
+
+}	
+
 </style>

src/subpackage/device/js/device_api.js

@@ -54,6 +54,9 @@ export const DEVICE_API = {
 	getLotDetail:`${ORIGIN}/ouxuanac/iotSim/huawei/get`, //查询物联卡详情
 	reboot4G:`${ORIGIN}/ouxuanac/router4G/reboot`, //重启4G 路由
 
+    // 20211015
+    orderRefund:`${ORIGIN}/admin/stadium/order/refund`, // 订场/次卡退款
+	
 	
 }
 

src/subpackage/device/pages/order_details/order_details.vue

@@ -2,11 +2,31 @@
 	<view class="order-details">
 		<block v-if="optionsQuery.order_type==3">
 			<!-- pageInfo.order_type 场次(0)/人次(1) -->
-			<reservation-site-detail :orderInfo="pageInfo" v-if="pageInfo.order_type == 0"></reservation-site-detail>
+			<reservation-site-detail :orderInfo="pageInfo" v-if="pageInfo.order_type == 0" @refundbtn='refundBtn' ></reservation-site-detail>
 			<reservation-people-detail :orderInfo="pageInfo" v-if="pageInfo.order_type == 1" @recoverBtn="peopleRecoverBtn" @okChange="okChange"></reservation-people-detail>
 		</block>
 		<timing-detail :orderInfo="pageInfo" v-if="optionsQuery.order_type==1"></timing-detail>
 		<organize-detail :orderInfo="pageInfo" v-if="optionsQuery.order_type==10"></organize-detail>
+
+		<!-- 次卡、订场退款弹窗 -->
+		<view class="refund-mask" v-if="isOrderRefund" @click="isOrderRefund = false">
+			<view class="rm-content" @click.stop="_=>false">
+				<view class="rc-tit">退款</view>
+				<view class="rc-info">
+					<view class="ri-view">{{ pageInfo.stadium_name || '-' }}</view>
+					<view class="ri-view">订单编号：{{ pageInfo.order_no || '-' }}</view>
+					<view class="ri-view">手机号码：{{ pageInfo.mobile || '-' }}</view>
+				</view>
+				<view class="rc-price">
+					<view class="rp-name"><text class="rn-txt">*</text>退款金额</view>
+					<view class="rp-frame">
+						<input class="rf-ipt" v-model="refundPrice" type="number" placeholder="请输入金额" />
+					</view>
+					<view class="rp-tip">最多可退{{ (pageInfo.extension&&pageInfo.extension.refundable_amount) || 0 }}元</view>
+				</view>
+				<view class="ri-btn" @click="confirmRefund">确认退款</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -16,7 +36,7 @@
 	import reservationPeopleDetail from '../../components/order/reservation_people_detail/reservation_people_detail.vue';
 	import organizeDetail from '../../components/order/organize_detail/organize_detail.vue';
 	
-	import util from '@/utils/util';
+	import util from '../../../../utils/util';
 	import deviceServer from '../../js/device_server';
 	import deviceApi from '../../js/device_api';
 	import { mapState } from 'vuex';
@@ -46,6 +66,11 @@
 					order_type: -1,
 				},
 				pageInfo: {},
+
+				// 订场/次卡退款 ---
+				isOrderRefund: false,
+				refundPrice: '',
+				// 订场/次卡退款 ---
 			}
 		},
 		onLoad(options) {
@@ -65,6 +90,36 @@
 			})
 		},
 		methods: {
+			refreshPage(){
+				let { optionsQuery } = this;
+				this.isOrderRefund = false;
+				this.refundPrice = '';
+				this.getPageInfo({
+					orderType: optionsQuery.order_type,
+					stadium_id: optionsQuery.stadium_id,
+					order_no: optionsQuery.order_no,
+				})
+			},
+			refundBtn(){
+				this.isOrderRefund = true;
+			},
+			confirmRefund: util.debounce(function(){
+				let { pageInfo, refundPrice } = this;
+				deviceServer.get({
+				    url: deviceApi.orderRefund,
+				    data: { order_no: pageInfo.order_no || '', amount: refundPrice || 0, integral: 0 }, // integral 传0就好
+					isDefaultGet: false
+				})
+				.then(res=>{
+					if(res.data.code == 0){
+						util.showNone(res.data.message || '操作成功！');
+						setTimeout(this.refreshPage, 1200);
+					}else{
+						util.showNone(res.data.message || '操作失败！');
+					}
+				})
+				.catch(util.hideLoad)
+			}, 300, true),
 			// 次卡恢复二维码状态刷新订单
 			peopleRecoverBtn(){	
 				this.okChange(); // 逻辑一样，刷新
@@ -97,7 +152,6 @@
 				.catch(util.hideLoad)
 			},
 			okChange(){
-				console.log("有了吗")
 				let { optionsQuery } = this
 				this.getPageInfo({
 					orderType: optionsQuery.order_type,
@@ -114,4 +168,83 @@
 .order-details{
 	
 }
+
+.refund-mask{
+	position: fixed;
+	left: 0;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	background-color: rgba($color: #000, $alpha: .5);
+	.rm-content{
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		padding: 80upx;
+		background-color: #fff;
+		width: 620upx;
+		border-radius: 10upx;
+		.rc-tit{
+			margin-bottom: 30upx;
+			text-align: center;
+			font-size: 32upx;
+			font-weight: 500;
+			color: #333;
+		}
+		.rc-info{
+			margin-bottom: 34upx;
+			.ri-view{
+				line-height: 40upx;
+				font-size: 28upx;
+				color: #9C9C9F;
+				@include textHide(1);
+				&:first-child{
+					font-weight: 500;
+					color: #333;
+				}
+			}
+		}
+		.rc-price{
+			margin-bottom: 32upx;
+			.rp-name{
+				margin-bottom: 8upx;
+				font-size: 28upx;
+				line-height: 48upx;
+				color: #333;
+				.rn-txt{
+					color: #EA5061;
+				}
+			}
+			.rp-frame{
+				padding: 0 20upx;
+				height: 88upx;
+				border-radius: 10upx;
+				border: 2upx solid #D8D8D8;
+				.rf-ipt{
+					width: 100%;
+					height: 100%;
+					font-size: 28upx;
+					color: #333;
+				}
+			}
+			.rp-tip{
+				font-size: 24upx;
+				color: #EA5061;
+			}
+		}
+		.ri-btn{
+			margin: 0 auto;
+			width: 240upx;
+			line-height: 88upx;
+			text-align: center;
+			border-radius: 10upx;
+			font-size: 32upx;
+			font-weight: 500;
+			color: #fff;
+			background-color: $themeColor;
+		}
+	}
+}
+
 </style>