利用表单做一个简单的订单详情
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style media="screen">
.modal-head{margin: 10 0px;}
.modal-title{border-bottom: 1px solid #e5e5e5;padding:10px 0!important;}
.modal-content{width: 790px;margin: auto;border: 1px solid #e5e5e5;padding: 10px;}
table{border-collapse: collapse;color:#e7e7e7;font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 13px;color: #676a6c; }
table td,th{border: 1px solid #E7E7E7;width:155px;height: 35px;text-align: left;}
table tr:hover{background: #F5F5F5;}
</style>
</head>
<body>
<div>
<div>
<h4>您正在查看此用户的下级</h4>
</div>
<table>
<tbody>
<tr>
<th>上个月个人结算收入</th>
<th>本月结算预估佣金</th>
<th>上个月下级贡献佣金</th>
<th>运营商结算提成</th>
<th>上个月结算总佣金</th>
</tr>
<tr>
<td>100元</td>
<td>200元</td>
<td>300元</td>
<td>400元</td>
<td>500元</td>
</tr>
<tr>
<th>今日付款笔数</th>
<th>今日预估收入</th>
<th>今日结算收入</th>
<th>今日运营商收入</th>
<th>今日结算总佣金</th>
</tr>
<tr>
<td>100元</td>
<td>200元</td>
<td>300元</td>
<td>400元</td>
<td>500元</td>
</tr>
<tr>
<th>7日付款笔数</th>
<th>7日预估收入</th>
<th>7日结算收入</th>
<th>7日运营商收入</th>
<th>7日结算总佣金</th>
</tr>
<tr>
<td>100元</td>
<td>200元</td>
<td>300元</td>
<td>400元</td>
<td>500元</td>
</tr>
<tr>
<th>30日付款笔数</th>
<th>30日预估收入</th>
<th>30日结算收入</th>
<th>30日运营商收入</th>
<th>30日结算总佣金</th>
</tr>
<tr>
<td>100元</td>
<td>200元</td>
<td>300元</td>
<td>400元</td>
<td>500元</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
