@layout("/common/_container.html"){
|
<style>
|
.container {
|
display: flex; /* 使用 Flex 布局 */
|
margin-left: 50px;
|
margin-top: 30px;
|
}
|
.rectangle1 {
|
width: 550px; /* 设置框的宽度 */
|
height: 160px; /* 自适应高度 */
|
background-color: #cecece; /* 设置底色为灰色 */
|
border-radius: 30px; /* 设置圆角半径为10px */
|
display: flex; /* 使用 Flex 布局 */
|
flex-direction: column; /* 设置主轴方向为垂直 */
|
justify-content: center; /* 垂直居中 */
|
align-items: center; /* 水平居中 */
|
margin-right: 50px; /* 设置矩形框之间的间距 */
|
}
|
.rectangle2 {
|
width: 300px; /* 设置框的宽度 */
|
height: 130px; /* 自适应高度 */
|
background-color: #cecece; /* 设置底色为灰色 */
|
border-radius: 30px; /* 设置圆角半径为10px */
|
display: flex; /* 使用 Flex 布局 */
|
flex-direction: column; /* 设置主轴方向为垂直 */
|
justify-content: center; /* 垂直居中 */
|
align-items: center; /* 水平居中 */
|
margin-right: 50px; /* 设置矩形框之间的间距 */
|
margin-left: 50px; /* 设置矩形框之间的间距 */
|
margin-top: 15px;
|
}
|
.rectangle3 {
|
width: 300px; /* 设置框的宽度 */
|
height: 130px; /* 自适应高度 */
|
background-color: #cecece; /* 设置底色为灰色 */
|
border-radius: 30px; /* 设置圆角半径为10px */
|
display: flex; /* 使用 Flex 布局 */
|
flex-direction: column; /* 设置主轴方向为垂直 */
|
justify-content: center; /* 垂直居中 */
|
align-items: center; /* 水平居中 */
|
margin-right: 50px; /* 设置矩形框之间的间距 */
|
margin-left: 50px; /* 设置矩形框之间的间距 */
|
margin-top: 15px;
|
}
|
h1, h2 {
|
margin: 0; /* 去除默认的外边距 */
|
}
|
|
</style>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>平台佣金统计</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row row-lg">
|
<div class="col-sm-12">
|
<div class="row">
|
<div class="col-sm-3">
|
<#SelectCon id="time" name="时间" >
|
<option value="">今日</option>
|
<option value="1">今日</option>
|
<option value="2">本周</option>
|
<option value="3">本月</option>
|
<option value="4">全年</option>
|
</#SelectCon>
|
</div>
|
<div class="col-sm-3">
|
<#TimeCon id="insertTime" name="时间" isTime="false"/>
|
</div>
|
<div class="col-sm-3">
|
<#SelectCon id="state" name="状态" >
|
<option value="">全部</option>
|
<option value="1">已结算</option>
|
<option value="2">未结算</option>
|
</#SelectCon>
|
</div>
|
<div class="col-sm-3">
|
<#button name="查询" icon="fa-search" clickFun="TUser.search()"/>
|
<#button name="重置" icon="fa-trash" clickFun="TUser.resetSearch()" space="true"/>
|
</div>
|
</div>
|
<div class="container">
|
<div class="rectangle1">
|
<h1 id="num1">0</h1>
|
<br>
|
<h2 id="text1">佣金总额</h2>
|
|
</div>
|
<img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/=.png.">
|
<div class="rectangle2">
|
<h1 id="num2">0</h1>
|
<br>
|
<h2 id="text2">司机已结算</h2>
|
</div>
|
<img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/+.png.">
|
|
<div class="rectangle3">
|
<h1 id="num3">0</h1>
|
<br>
|
<h2 id="text3">司机未结算</h2>
|
</div>
|
</div>
|
|
<#table id="TUserTable"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="${ctxPath}/static/modular/system/platform/platform.js"></script>
|
<script>
|
laydate.render({
|
elem: '#insertTime'
|
,range: true
|
});
|
</script>
|
@}
|
