hwnc/pagesA/pages/contracts/contract_info.vue

<template>
	<view>
		<view class="box " v-if="list">
			<h2 class="u-text-center">《{{ list.cache.name }}》</h2>
			<br />
			<section style="margin: 10rpx auto 0;">
				<p>合同编号：{{ list.cache.no }}</p>
				<p>合同开始时间：{{ $u.timeFormat(list.ctime, 'yyyy年mm月dd日 hh时MM分ss秒') }}</p>
				<p>甲方：{{ list.goods.party }}</p>
				<p>乙方：{{ list.vip.name }}</p>
				<p>身份证号码：{{ list.cache.idno }}</p>
				<p>手机号码：{{ list.cache.vipmobile }}</p>
				<p>{{ list.cache.name }}</p>
				<p>认购数量：{{ list.cache.totalnum }}</p>
				<p>总投资金额：{{ list.cache.totalprice }}</p>
				<p>拟收益：{{ list.cache.profit }}</p>
				<p>分红方式：{{ list.fh }}</p>
				<p>订单编号：{{ list.cache.oid }}</p>
				<p>产品编号：{{ list.goods.number }}</p>
				<p>保险单号：{{ list.cache.insurance || '暂无' }}</p>
				<p>合同开始时间：{{ $u.timeFormat(list.cache.ctime, 'yyyy年mm月dd日 hh时MM分ss秒') }}</p>
				<p>合同结束时间：{{ $u.timeFormat(list.cache.etime, 'yyyy年mm月dd日 hh时MM分ss秒') }}</p>
			</section>
			<view class="u-m-t-30">
				<u-parse :content="escape2Html(list.contract_info.content)" :lazy-load="true"  :show-with-animation="true"></u-parse>
			</view>
		</view>
	</view>
</template>

<script>
import mineApi from '@/api/mine/index.js';
export default {
	data() {
		return {
			primary:this.$theme.primary,
			settingFile:getApp().globalData.siteinfo,
			list: ''
		};
	},
	onLoad(option) {
		mineApi.contract_info({ no: option.no }).then(res => {
			
			if (res.status == 200) {
				this.list = res.data;
				console.log(this.list);
				
			}
		});
	},
	methods:{
		escape2Html(str) {
		 var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'}; 
		 return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];}); 
		} 
	}
};
</script>

<style lang="scss">
	page{
		background-color: #fff;
	}
.box {
	width: 100%;
	padding: 30rpx;
	box-sizing: border-box;
	p{
		margin: 10px 0; 
	}
}

</style>