shenzeeUniApp/packageA/pages/user/orderEit.vue

<template>
	<view class="home-getOrder">
		<form class="form" @submit="orderSubmit">
			<view class="select-input">
				<input class="input" style="display:none;" />
				<text>账户余额：</text><input class="input" name="altAvilBalance" disabled :value="altAvilBalance"/>	
			</view>
			<view class="select-input">
				<input class="input" style="display:none;" />
				<text>订单编号：</text><input class="input" name="sn" disabled :value="sn"/>	
			</view>
			<view class="select-input">
				<input class="input" style="display:none;" />
				<text>设备编码：</text><input class="input" name="clientId" :value="clientId" />	
			</view>
			<view class="select-input">
				<input class="input" style="display:none;" />
				<text>商品名称：</text><input class="input" name="productName" disabled :value="productName" />	
			</view>
			<view class="select-input">
				<input class="input" style="display:none;" />
				<text>商品价格：</text><input class="input" name="price" disabled :value="price" />	
			</view>
			<view class="select-input">
				<input class="input" style="display:none;" />
				<text>支付时间：</text><input class="input" name="payDate" disabled :value="payDate"/>	
			</view>
			<view class="select-input">
				<input class="input" style="display:none;" />
				<text>退款时间：</text><input class="input" name="refundDate" disabled :value="refundDate"/>	
			</view>
			<view class="select-input">
				<input class="input" style="display:none;" />
				<text>订单状态：</text><input class="input" name="status" disabled :value="status==1?('已支付'):(status==2?'退款中':'已退款')" />	
			</view>
			<view class="btn-area">
				<button type="primary" formType="submit" >退款</button>
			</view>
		</form>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				order:null,
				sn:null,
				clientId:null,
				productName:null,
				price:null,
				payDate:null,
				refundDate:null,
				status:null,
				altAvilBalance:null
			}
		},
		onLoad: function(option) {
			const order = JSON.parse(decodeURIComponent(option.order));
			this.order = order;
			this.sn = order.sn;
			this.clientId = order.clientId;
			this.productName = order.productName;
			this.price = order.price;
			this.payDate = order.payDate;
			this.refundDate = order.refundDate;
			this.status = order.status;
		},
		onShow() {
			this.mch();
			// console.log("订单详情")
		},
		methods: {
			orderSubmit(e) {
				uni.showModal({
					title: '退款',
					content: '确定执行退款操作？',
					success: (res) => {
						if (res.confirm) {
							var order = this.order;
							var token = uni.getStorageSync("token");
							uni.request({
								url: this.serverurl + '/TOrder/refund',
								data: {
									"sn": order.sn,
									"id": order.id,
								},
								header: {
									'token': token
								},
								method: "POST",
								success: (res) => {
									var message  = res.data.message;
									if(res.data.code){
										this.status = 2;
									}
									uni.showToast({
										title: message,
										duration: 3000
									});
								},
							});
							
						} else if (res.cancel) {
							// console.log('用户点击取消');
							
						}
					}
				});
			},
			mch(){
				var token = uni.getStorageSync("token");
				var globalUser = uni.getStorageSync("globalUser");
				uni.request({
					url: this.serverurl + '/TJoinpayMch/getMch',
					data: {
						"adminId": globalUser.id,
					},
					header: {
						'token': token
					},
					method: "POST",
					success: (res) => {
						var date  = res.data.data;
						this.altAvilBalance = date.altAvilBalance;
					},
				});
			}
		}
	}
</script>

<style lang="scss">
	.home-getOrder {
		padding-top: 50upx;
	}

	.select-input {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		font-size: 16px;
		border-bottom: 1px solid;

		margin: 20upx 30upx 30upx 30upx;
		// box-shadow: 0upx 0upx 20upx #D3D3D3;

		text {
			margin-left: 30upx;
		}

		input {
			padding-left: 20upx;

			background-color: #FFFFFF;
			width: 400upx;
			height: 50upx;
			// box-shadow: 0upx 0upx 20upx #D3D3D3;
			// border-radius: 5upx;
		}
	}

	.form {
		width: calc(100% - 100upx);
		padding: 50upx;
		// .section{
		// 	margin:50upx 0;
		// }

		.btn-area {
			margin-top: 50upx;
			padding: 50upx;

			button {
				background-color: #007AFF;
			}
		}
	}
</style>