@layout("/common/_container.html"){
|
<style>
|
.row {
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.table-container {
|
flex-basis: 48%;
|
}
|
table {
|
border-collapse: collapse;
|
width: 300px;
|
table-layout: fixed;
|
margin-top: 10px;
|
}
|
th, td {
|
border: 1px solid #e0e0e0;
|
padding: 8px;
|
}
|
th {
|
background-color: #f2f2f2;
|
}
|
input {
|
width: 100%;
|
box-sizing: border-box;
|
border: 1px solid #e0e0e0;
|
padding: 8px;
|
background-color: transparent;
|
}
|
.title {
|
margin-bottom: 10px;
|
font-size: 18px;
|
color: black;
|
}
|
#table-container-2{
|
margin-top: 10px;
|
}
|
#buttonEdit {
|
margin-left: 520px;
|
}
|
|
</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-title">
|
<div class="ibox-content">
|
<div class="row row-lg">
|
<div class="col-sm-12">
|
<div class="row">
|
<div class="table-container" id = "table-container-1">
|
<h3 class = "title">俱乐部之星:</h3>
|
<div id="table1"></div>
|
</div>
|
<div class="table-container">
|
<h3 class = "title">运动达人:</h3>
|
<div id="table2"></div>
|
</div>
|
</div>
|
<div class="row" id = "table-container-2">
|
<div class="table-container">
|
<h3 class = "title">社区之王:</h3>
|
<div id="table3"></div>
|
</div>
|
<div class="table-container">
|
<h3 class = "title">深度玩家:</h3>
|
<div id="table4"></div>
|
</div>
|
</div>
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10 col-sm-offset-5" id = "buttonEdit">
|
<#button btnCss="info" name="保存" id="ensure" icon="fa-check" clickFun="THonor.edit();" />
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="${ctxPath}/modular/system/tHonor/THonor.js"></script>
|
@}
|