renli-wx/pages/tabBar/mySet/common/repayment/repayment-detail/repayment-detail.vue

<template>
	<view>
		<view class='repayment flex justify-between align-center' v-for="(item,index) in form.repayTradeLists" :key='index'>
			<navigator :url="'../../account/account-detail/account-detail?repayment='+JSON.stringify(item)">
				
			<view class="">
				<view class="title"><text class='text-grey margin-right'>单据编号</text><text>{{item.repayNum}}</text></view>
				<view class="title"><text class='text-grey margin-right'>会员信息</text><text>{{item.memberName}} - {{item.mobilePhone}}</text></view>
				<view class="title"><text class='text-grey margin-right'>业务明细</text><text>{{item.tradeName}}</text><text class="margin-left text-price text-red">{{item.tradeMoney}}</text></text></view>
				<view class="title"><text class='text-grey margin-right'>还款类型</text><text>{{item.docType=='card_recharge'?'充值单':'疗程单'}} </text></view>
				<view class="title"><text class='text-grey margin-right '>还款明细</text> 欠款: <text class="text-price text-red margin-right">{{item.debtMoney}}</text>还款:<text class="text-price text-red">{{item.payMoney}}</text></view>
			</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo:null,
				form:{
					repayTradeLists:[]
				}
				
			}
		},
		methods: {
			
		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			if (option.item != undefined) {
				this.form = JSON.parse(option.item)
		
			}
		},
		onShow:function(){
			this.userInfo = uni.getStorageSync("userInfo")
		}

		
	}
</script>

<style>
	.repayment {
		width: 96%;
		margin: 20upx 2%;
		padding: 15upx 20upx;
		background: #fff;
		border-radius: 10upx;
		
	}

</style>