<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<title id="needh5">薪必果企业登录</title>
	<link rel="stylesheet" href="/css/ele/chalk.css">
	<link rel="stylesheet" href="/css/main.css">
	<link rel="stylesheet" href="/css/fontawesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="/css/autocomplete.css">
	<script src="/js/vue/vue.min.js"></script>
	<script src="/js/ele/index.js"></script>
	<style type="text/css">
		html {
			width: 100%;
			height: 100%;
		}
		#app {
			width: 100%;
			height: 100%;	
		}

		.appBack {
			width: 100%;
			height: 100%;
		}

		.appTop {
			/* margin: 16px 1454px 17px 373px; */
			width: 93px;
			height: 26px;
			margin-top: 14px;
		}

		.appBox {
			width: 100%;
			height: 100%;

		}
	</style>
</head>

<body style="overflow: hidden; margin: 40px 40px;">
	<div id="app">
		<div class="appBack">
			<div style="display: flex; justify-content: space-between; font-size: 13px;">
				<label >
					<div style="padding: 5px 0px;">创建时间：{{info.createTime}}</div>
					<div style="padding: 5px 0px;">个税(元)：{{info.incomeTax}}</div>
					<div style="padding: 5px 0px;">总扣款金额(元)：{{info.deductAmt}}</div>
				</label>
				<label>
					<div style="padding: 5px 0px;">商户名称：{{info.merchantName}}</div>
					<div style="padding: 5px 0px;">实发金额(元)：{{info.actualAmt}}</div>
				</label>
				<label>
					<div style="padding: 5px 0px;">打款总笔数：{{info.itemCount || 0}}</div>
					<div style="padding: 5px 0px;">服务费(元)：{{info.serviceTax}}</div>
				</label>
			</div>
	
			<el-table 
			stripe
			fix="true"
			:data="rows"
			style="width: 100%;margin-top: 23px;min-height: 500px;"
			empty-text="无"
			tooltip-effect="light"
			header-cell-style="background-color: #F5F5F5;color: #2F2F2F;font-size: 14px;font-weight:400;"
			row-style="height:50px;" >
				<el-table-column prop="id_name" label="姓名" :formatter="onColFormater" align="center" ></el-table-column>
				<el-table-column prop="actual_amt" label="实发总额(元)" :formatter="onColFormater" align="center" ></el-table-column>
				<el-table-column prop="income_tax" label="个税(元)" :formatter="onColFormater" align="center" ></el-table-column>
				<el-table-column prop="service_tax" label="服务费(元)" :formatter="onColFormater" align="center" ></el-table-column>
				<el-table-column prop="deduct_amt" label="总扣款金额(元)" :formatter="onColFormater" align="center" ></el-table-column>
				<el-table-column prop="trade_status" label="交易状态" :formatter="onColFormater" align="center" ></el-table-column>
			</el-table>
			<!-- 分页 -->
			<div class="block" style="height: 20px;margin-top: 20px; ">
				<el-pagination
				  @size-change="handleSizeChange"
				  @current-change="handleCurrentChange"
				  :current-page="currentPage"
				  :page-sizes="[10, 20, 30]"
				  :page-size="pageSize"
				  layout="total, sizes, prev, pager, next, jumper"
				  :total="info.itemCount">
				</el-pagination>
			</div>
		</div>
	</div>
	<script src="/js/vue/jquery.min.js"></script>
	<script src="/js/vue/axios.min.js"></script>
	<script src="/js/settle/settleinfo.js"></script>
</body>


</html>