pages/rechargeDetail/outDetail.vue

<template>
	<view>
		<view style="height: 100px;line-height: 100px;" class="uni-center">
			<text style="font-size: 32px;font-weight: 500;">{{changeFeeDetail}}</text>
		</view>
		<view class="border-bg"></view>
		<view class="uni-list">
			<view class="uni-list-cell paddingTopBottom">
				<view class="uni-list-cell-left">
					订单编号
				</view>
				<view class="uni-list-cell-db">
					{{orderId | tranNull}}
				</view>
			</view>
			<view class="uni-list-cell paddingTopBottom">
				<view class="uni-list-cell-left">
					支付时间
				</view>
				<view class="uni-list-cell-db">
					{{payTime | tranNull}}
				</view>
			</view>
			<view class="uni-list-cell paddingTopBottom">
				<view class="uni-list-cell-left">
					支付方式
				</view>
				<view class="uni-list-cell-db color-green">
					{{payType | tranNull}}
				</view>
			</view>
			<view class="uni-list-cell paddingTopBottom">
				<view class="uni-list-cell-left">
					交易类型
				</view>
				<view class="uni-list-cell-db">
					{{typeName | tranNull}}
				</view>
			</view>
			<view class="" v-if="cardIsShow">
				<view class="uni-list-cell paddingTopBottom">
					<view class="uni-list-cell-left">
						卡券类型
					</view>
					<view class="uni-list-cell-db">
						{{cardType | tranNull}}
					</view>
				</view>
				<view class="uni-list-cell paddingTopBottom">
					<view class="uni-list-cell-left">
						卡规则名称
					</view>
					<view class="uni-list-cell-db">
						{{cardRuleName | tranNull}}
					</view>
				</view>
				<view class="uni-list-cell paddingTopBottom">
					<view class="uni-list-cell-left">
						购买数量
					</view>
					<view class="uni-list-cell-db">
						{{cardNum | tranNull}}张
					</view>
				</view>
			</view>
		</view>
		<view class="border-bg"></view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				changeFeeDetail: '',
				orderId: '',
				payTime: '',
				typeName: '',
				payType: '商户余额',
				cardRuleName: '',
				cardType: '',
				cardNum: '',
				cardIsShow: false,
			}
		},
		onLoad(params) {
			wx.showShareMenu({
				withShareTicket: true
			})
			let option = JSON.parse(params.optionData)
			console.log(option)
			this.changeFeeDetail = option.changeFeeDetail
			this.orderId = option.orderId
			this.typeName = option.typeName
			this.payTime = option.opTime
			if (option.typeName == "购买卡券") {
				this.cardIsShow = true;
				this.getCouponInfo();
			}else{
				this.cardIsShow = false;
			}
		},
		onShow() {
			var me = this;
			var userInfo = me.getGlobalUser("globalUser");
			if (userInfo != null) {
				me.phoneNumb = userInfo.userPhone;
			}
			var pages = getCurrentPages();
			var currPage = pages[pages.length - 1]; //当前页面
			console.log('currPage.data.selCoupon = ' + currPage.data.selCoupon);
			me.selCoupon = currPage.data.selCoupon;
			console.log(JSON.stringify(me.selCoupon));
			// me.GetbillQueryInfo(me.mycarNumber, me.myorderId, me.myparkCode, me.selCoupon.cardNo, me.selCoupon.couponType, me.selCoupon
			//   .discValue);
			// GetbillQueryInfo(carnum, orderId, parkCode, cardNo, couponType, disValue) {
		},
		computed: {
			startDate() {
				return this.getDate('start');
			},
			endDate() {
				return this.getDate('end');
			}
		},
		methods: {
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.detail.value)
				this.index = e.detail.value
			},
			bindPickerChangeWay: function(e) {
				console.log('picker发送选择改变，携带值为', e.detail.value)
				this.indexWay = e.detail.value
			},
			bindStartDateChange: function(e) {
				this.benginDate = e.detail.value
			},
			bindEndDateChange: function(e) {
				this.overDate = e.detail.value
			},
			getDate(type) {
				const date = new Date();
				let year = date.getFullYear();
				let month = date.getMonth() + 1;
				let day = date.getDate();
				if (type === 'start') {
					year = year - 60;
				} else if (type === 'end') {
					year = year + 2;
				}
				month = month > 9 ? month : '0' + month;
				day = day > 9 ? day : '0' + day;
				return `${year}-${month}-${day}`;
			},
			getCouponInfo(){
				let that = this
				let paramsData = {
				  orderId: that.orderId
				}
				that.$myRequest({
				  url: that.$common.couponInfo,
				  method: 'POST',
				  data: that.$common.requestSign(paramsData)
				}).then(res => {
				  console.log(res)
					that.cardType =  res.data.cardTypeName
					that.cardRuleName =  res.data.cardRuleName
					that.cardNum =  res.data.buyNum
				})
			},
		}
	}
</script>
<style lang="scss" scoped>
	.rechargeWrap {
		position: relative;
		.rechargeArrow {
			position: absolute;
			right: 10px;
			top: 30px;
			font-size: 20px;
			color: #999;
		}
	}
	.recordCon {
		padding-right: 35px;
		color: #999;
		display: flex;
		justify-content: space-between;
	}
</style>