@layout("/common/_container.html"){
|
<style>
|
.container {
|
display: flex; /* 使用 Flex 布局 */
|
margin-left: 50px;
|
margin-top: 30px;
|
width: 2200px;
|
}
|
.rectangle1 {
|
width: 250px; /* 设置框的宽度 */
|
height: 160px; /* 自适应高度 */
|
background-color: #cecece; /* 设置底色为灰色 */
|
border-radius: 30px; /* 设置圆角半径为10px */
|
display: flex; /* 使用 Flex 布局 */
|
flex-direction: column; /* 设置主轴方向为垂直 */
|
justify-content: center; /* 垂直居中 */
|
align-items: center; /* 水平居中 */
|
margin-right: 40px; /* 设置矩形框之间的间距 */
|
}
|
.rectangle2 {
|
width: 200px; /* 设置框的宽度 */
|
height: 130px; /* 自适应高度 */
|
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: 200px; /* 设置框的宽度 */
|
height: 130px; /* 自适应高度 */
|
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>
|
</#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/dengyu.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/jiahao.png">
|
<div class="rectangle3">
|
<h1 id="num3">0</h1>
|
<br>
|
<h2 id="text3">已领取红包总额(用户端)</h2>
|
</div>
|
<img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jiahao.png">
|
<div class="rectangle3">
|
<h1 id="num4">0</h1>
|
<br>
|
<h2 id="text4">已领取优惠券总额(用户端)</h2>
|
</div>
|
<img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jiahao.png">
|
<div class="rectangle3">
|
<h1 id="num5">0</h1>
|
<br>
|
<h2 id="text5">已领取司机奖励(司机端)</h2>
|
</div>
|
|
</div>
|
|
<#table id="TUserTable"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="${ctxPath}/static/modular/system/subsidy/grant.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>
|
@}
|
