<!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">
			12312321
			<div style="display: flex; justify-content: space-between; font-size: 13px;">
				<label >
					<div style="padding: 5px 0px;">创建时间：2020-03-06 16:00:00</div>
					<div style="padding: 5px 0px;">个税(元)：0.00</div>
					<div style="padding: 5px 0px;">总扣款金额(元)：0.00</div>
				</label>
				<label>
					<div style="padding: 5px 0px;">商户名称：北京创知厚德有限公司</div>
					<div style="padding: 5px 0px;">实发金额(元)：0.00</div>
				</label>
				<label>
					<div style="padding: 5px 0px;">打款总笔数：800</div>
					<div style="padding: 5px 0px;">服务费(元)：0.00</div>
				</label>
			</div>
	
			<div style="height: 20px; background: darkgrey;color: white;font-size: 14px; padding: 2px 0px; margin-top: 30px; display: flex; justify-content: space-around;">
				<label >实发金额(元)</label>
				<label >个税(元)</label>
				<label >服务费(元)</label>
				<label >总扣款金额(元)</label>
				<label >交易状态</label>
			</div>
			<div style="border: 1px solid darkgrey;display: flex; justify-content: space-around;height: 20px; line-height: 20px; font-size:13px;"
			v-for="item in rows">
				<label >0.00</label>
				<label >0.00</label>
				<label >0.00</label>
				<label >0.00</label>
				<label >成功</label>
			</div>
			<el-button type="primary" icon="el-icon-edit"></el-button>
			<!-- 分页 -->
			<div class="block" style="height: 20px;margin-top: 20px; background: cyan;">
				<el-pagination
				  @size-change="handleSizeChange"
				  @current-change="handleCurrentChange"
				  :current-page="currentPage"
				  :page-sizes="[10, 20, 30]"
				  :page-size="10"
				  layout="total, sizes, prev, pager, next, jumper"
				  :total="100">
				</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>