@layout("/common/_container.html"){
|
<style>
|
.container {
|
display: flex; /* 使用 Flex 布局 */
|
margin-left: 50px;
|
margin-top: 30px;
|
}
|
.rectangle1 {
|
width: 250px; /* 设置框的宽度 */
|
height: 150px; /* 自适应高度 */
|
background-color: #cecece; /* 设置底色为灰色 */
|
border-radius: 30px; /* 设置圆角半径为10px */
|
display: flex; /* 使用 Flex 布局 */
|
flex-direction: column; /* 设置主轴方向为垂直 */
|
justify-content: center; /* 垂直居中 */
|
align-items: center; /* 水平居中 */
|
margin-right: 40px; /* 设置矩形框之间的间距 */
|
}
|
.rectangle2 {
|
width: 190px; /* 设置框的宽度 */
|
height: 110px; /* 自适应高度 */
|
background-color: #cecece; /* 设置底色为灰色 */
|
border-radius: 30px; /* 设置圆角半径为10px */
|
display: flex; /* 使用 Flex 布局 */
|
flex-direction: column; /* 设置主轴方向为垂直 */
|
justify-content: center; /* 垂直居中 */
|
align-items: center; /* 水平居中 */
|
margin-right: 40px; /* 设置矩形框之间的间距 */
|
margin-left: 40px; /* 设置矩形框之间的间距 */
|
margin-top: 15px;
|
}
|
.rectangle3 {
|
width: 190px; /* 设置框的宽度 */
|
height: 110px; /* 自适应高度 */
|
background-color: #cecece; /* 设置底色为灰色 */
|
border-radius: 30px; /* 设置圆角半径为10px */
|
display: flex; /* 使用 Flex 布局 */
|
flex-direction: column; /* 设置主轴方向为垂直 */
|
justify-content: center; /* 垂直居中 */
|
align-items: center; /* 水平居中 */
|
margin-right: 40px; /* 设置矩形框之间的间距 */
|
margin-left: 40px; /* 设置矩形框之间的间距 */
|
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">
|
<div class="input-group">
|
<div class="input-group-btn open">
|
<button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button" aria-expanded="true">
|
时间
|
</button>
|
</div>
|
<select class="form-control" id="time" onchange="tradeYse()">
|
<option value="1">今日</option>
|
<option value="2">本周</option>
|
<option value="3">本月</option>
|
<option value="4">全年</option>
|
<option value="5">全部</option>
|
</select>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<#TimeCon id="insertTime" name="时间" isTime="false"/>
|
</div>
|
<div class="col-sm-3">
|
<#SelectCon id="type" name="流水项目" >
|
<option value="">全部</option>
|
<option value="1">用户订单消费</option>
|
<option value="2">用户充值</option>
|
<option value="3">司机结算</option>
|
<option value="4">司机提现</option>
|
<option value="5">用户提现</option>
|
</#SelectCon>
|
</div>
|
<div class="col-sm-3">
|
<#SelectCon id="payType" name="支付方式" >
|
<option value="">全部</option>
|
<option value="1">银行卡支付</option>
|
<option value="2">手机支付</option>
|
</#SelectCon>
|
</div>
|
<div class="col-sm-3">
|
<#NameCon id="code" name="订单号" />
|
</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 style="text-align: center" id="text1">第三方流水余额合计</h2>
|
</div>
|
<img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/dengyu.png">
|
<div class="rectangle2">
|
<h2 id="num2">0</h2>
|
<br>
|
<h3 style="text-align: center" id="text2">用户订单消费</h3>
|
</div>
|
<img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jiahao.png">
|
<div class="rectangle3">
|
<h2 id="num3">0</h2>
|
<br>
|
<h3 style="text-align: center" id="text3">用户充值总额</h3>
|
</div>
|
<img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jiahao.png">
|
<div class="rectangle3">
|
<h2 id="num4">0</h2>
|
<br>
|
<h3 style="text-align: center" id="text4">司机结算总额</h3>
|
</div>
|
<img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jianhao.png">
|
<div class="rectangle3">
|
<h2 id="num5">0</h2>
|
<br>
|
<h3 style="text-align: center" id="text5">司机提现总额</h3>
|
</div>
|
<img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jianhao.png">
|
<div class="rectangle3">
|
<h2 id="num6">0</h2>
|
<br>
|
<h3 style="text-align: center" id="text6">用户提现总额</h3>
|
</div>
|
</div>
|
<#table id="TUserTable"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="${ctxPath}/static/modular/system/platform/water.js"></script>
|
<script>
|
laydate.render({
|
elem: '#insertTime'
|
,range: true
|
});
|
function tradeYse() {
|
var time =document.getElementById("insertTime");
|
|
if ("5" == $("#time").val()){
|
time.value="";
|
time.disabled = false;
|
}else{
|
time.value="";
|
time.disabled = true;
|
}
|
}
|
window.onload = function () {
|
var time =document.getElementById("insertTime");
|
time.value="";
|
time.disabled = true;
|
}
|
</script>
|
@}
|
