qzyReal
/
pco


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
							<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>打印收费明细</title>
		<style type="text/css">
			@page {
				/* size: A4 portrait;
				margin: 19mm 25mm 15mm 25mm; */
			}

			.print-btn {
				color: white;
				background: #2D8CF0;
				border: none;
				border-radius: 3px;
				padding: 5px 10px;
				font-size: 10px;
				margin: 10px 20px;
				cursor: pointer;
			}

			.content-box {
				text-align: center;
				height: 623px;
				width: 794px;
				margin: 0 auto;
			}

			table {
				border-collapse: collapse;
				border-spacing: 0;
				border-left: 1px solid #888;
				border-top: 1px solid #888;
			}

			th,
			td {
				border-right: 1px solid #888;
				border-bottom: 1px solid #888;
				word-break: break-all;
				padding: 0 2px;
			}

			th {
				/* font-weight: bold; */
			}

			.title-top {
				margin-top: 248px;
			}
			.hide-border{
				border-bottom-style:none;
				border-left-style:none;
				border-right-style: none;
			}
			tr td:first-child {
			  border-left: none;
			}
		</style>
		<link rel="stylesheet" href="../../static/sa.css">
		<script src="../../static/kj/vue.min.js"></script>
		<script src="../../static/kj/element-ui/index.js"></script>
		<script src="../../static/print/jquery-2.0.3.js" type="text/javascript"></script>
		<script src="../../static/print/print2.js" type="text/javascript"></script>
		<script src="../../static/kj/layer/layer.js"></script>
		<script src="../../static/sa.js"></script>

	</head>

	<body>
		<div>
			<div class="box">
				<button class="print-btn" @click="printFn">打印</button>
				<div id="myPrintArea" style="position: relative;">
					<div class="content-box " style="position: relative;">
						<div class="header-title" style="text-align: center;">
							<span
								style="font-size: 20px;font-weight: 500;font-family: 黑体;">东兴口岸 (二桥)进口货物集散区 (A1地块) 预存款充值表</span>
						
						</div>
						<table style="margin: 0 auto;text-align: center;width: 790px;margin-top: 30px;" >
							<tr style="height: 60px;font-size:10px;">
								<td style="width: 100px;">客户名称</td>
								<td style="width: 290px;">{{form.customerName}}</td>
								<td style="width: 100px;">纳税识别号</td>
								<td style="width: 290px;">{{form.entityTaxNo}}</td>
							</tr>
							<tr style="height: 60px;font-size:10px;">
								<td style="min-width: 30px;">付款方式</td>
								<td>{{form.payTypeDesc}}</td>
								<td style="min-width: 30px;">原金额（元）</td>
								<td>{{form.beforeMoney}}</td>
							</tr>
							<tr style="height: 60px;font-size:10px;">
								<td style="min-width: 30px;">优惠金额（元）</td>
								<td>{{form.discountMoney}}</td>
								<td style="min-width: 30px;">充值金额（元）</td>
								<td>{{form.preTopupMoney||form.refundMoney}}</td>
							</tr>
							<tr style="height: 60px;font-size:10px;">
								<td style="min-width: 30px;">实际收款（元）</td>
								<td>{{form.totalTopupMoney}}</td>
								<td style="min-width: 30px;">账户余额（元）</td>
								<td>{{form.totalMoney}}</td>
							</tr>
							<tr style="height: 60px;font-size:10px;">
								<td style="min-width: 30px;">经办人</td>
								<td>{{form.chargePeople}}</td>
								<td style="min-width: 30px;">复核人</td>
								<td>{{form.reviewBy}}</td>
							</tr>
							<tr style="height: 60px;font-size:10px;">
								<td style="min-width: 30px;">充值时间</td>
								<td>{{form.createTime}}</td>
								<td style="min-width: 30px;">充值说明</td>
								<td>{{form.remark}}</td>
							</tr>
						</table>
						
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			var app = new Vue({
				el: '.box',
				data: {
					p: {
						"id": sa.p('id', '')
					},
					form:{
						customerName:''
					}
				},
				methods: {
					getData() {
						sa.ajax('/TbChargeRecord/getPrintReceiptInfo?id='+this.p.id,this.p,function(resp){
							this.form=resp.data;
							console.log(this.form);
						}.bind(this))
						
					},
					printFn() {
						Print('#myPrintArea', {
							noPrint: '.noPrint'
						});
					}
				},
				mounted() {
					this.getData()
					
				}
			})
		</script>


	</body>
</html>