qzyReal
/
pco


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
							<!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 landscape;
				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: 794px;
				width: 1123px;
				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;
			}

			th {
				font-weight: bold;
			}

			.title-top {
				margin-top: 248px;
			}
		</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: absolute;">
					<div class="content-box" v-for="(item,index) in dataList" :class="index>0?'title-top':''"
						:key="index">
						<div class="header-title" style="text-align: center;">
							<h2 style="font-size: 20px;">东兴口岸（二桥）进口货物集散区 (A1地块)（日）统计表</h2>
						</div>
						<table style="margin-top: 20px;text-align: center;width: 1123px;">
							<tr style="height: 60px;">
								<th colspan="7">单位：广西东兴北投口岸投资有限公司</th>
								<th colspan="4">金额单位：元</th>
								<th colspan="6" style="padding: 0 1px;">期间：{{item.time}}</th>
							</tr>
							<tr style="font-weight: 500;">
								<th style="width: 75px;" rowspan="2">日期</th>
								<th style="width: 80px;" rowspan="2"> 收费项目</th>
								<th style="width: 30px;" rowspan="2">数量</th>
								<th style="width: 40px;" rowspan="2">总价</th>
								<th style="width: 80px;" rowspan="2">不含税金额</th>
								<th style="width: 30px;" rowspan="2">税率</th>
								<th style="width: 40px;" rowspan="2">税款</th>

								<th colspan="4">收费方式</th>
								<th style="width: 60px;" rowspan="2">开单员</th>
								<th style="width: 60px;" rowspan="2">复核员</th>
								<th style="width: 75px;" rowspan="2">统计稽查员</th>
								<th style="width: 75px;" rowspan="2">部门审核人</th>
							</tr>
							<tr style="font-weight: 500;">
								<th style="width: 40px;">微信</th>
								<th style="width: 40px;">支付宝</th>
								<th style="width: 40px;">银联</th>
								<th style="width: 55px;">预存金额</th>
							</tr>
							<tr v-for="cel in item.list" :key="cel.index" style="height: 52px;">
								<td>{{cel.dayTime}}</td>
								<td>{{cel.feeType}}</td>
								<td>{{cel.num}}</td>
								<td>{{cel.taxMoney}}</td>
								<td>{{cel.noTaxMoney}}</td>
								<td>{{cel.taxRate}}</td>
								<td>{{cel.taxes}}</td>
								<td>{{cel.wxPrice}}</td>
								<td>{{cel.aliPrice}}</td>
								<td>{{cel.cardPrice}}</td>
								<td>{{cel.yuePrice}}</td>
								<td>{{cel.kaiDanPerson}}</td>
								<td>{{cel.diaoDuPerson}}</td>
								<td>{{cel.jiChaPerson}}</td>
								<td>{{cel.judgeBy}}</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			var app = new Vue({
				el: '.box',
				data: {
					p: {
						"beginDay": sa.p('beginDay', ''),
						"endDay": sa.p('endDay', ''),
						"feeType": sa.p('feeType', '')
					},
					dataList: []
				},
				methods: {
					getDataList() {
						let data = {
							isMonth: '',
							isYear: '',
							year: '',
							beginMonth: '',
							endMonth: '',
							beginDay: this.p.beginDay,
							endDay: this.p.endDay,
							feeType: this.p.feeType
						}
						sa.ajax('/TbFeeStatistics/prePrint', data, function(resp) {
							var list = resp.data.list;
							let len = list.length;
							let child = [];
							let dataList = [];
							for (i = 0; i < len; i++) {
								child.push(list[i]);
								if (child.length == 12 || i == len - 1) {
									let title = {
										time: this.p.beginDay ? this.p.beginDay + '至' + this.p.endDay :
											'所有时间',
										list: child
									}
									dataList.push(title);
									child = [];
								}
							}
							this.dataList = dataList;
							sa.loading("准备打印...");
							setTimeout(() => {
								this.printFn();
								sa.hideLoading();
							}, 2000)
						}.bind(this))
					},
					printFn() {
						Print('#myPrintArea', {
							noPrint: '.noPrint'
						});
					}
				},
				mounted() {
					this.getDataList();
				}
			})
		</script>


	</body>
</html>