145 lines
4.1 KiB
HTML
145 lines
4.1 KiB
HTML
{extend name="common/base"/}
|
|
{block name="style"}
|
|
<style type="text/css">
|
|
.dashboard-num table {width: 100%;}
|
|
.dashboard-num td {text-align: center; padding: 16px 0; width: 20%;border-left: 1px solid #f1f1f1; position: relative;}
|
|
.dashboard-num td:nth-child(1) { border-left: none}
|
|
.dashboard-num .num-title { padding-bottom: 10px; color: #999;}
|
|
.dashboard-num .blue {font-size: 20px; font-weight: 300;}
|
|
.dashboard-num td .badge {position: absolute;top: 0; right: 0;}
|
|
.dashboard-num td .badge span { padding: 2px 4px; font-size: 12px; border-radius: 0 0 0 4px;}
|
|
.dashboard-total td {border-top: 1px solid #f1f1f1}
|
|
.dashboard-logs .layui-timeline-item {padding-bottom: 1px;}
|
|
.info-td { width: 90px; text-align: right;background-color: #fafafa; color: #999; padding: 5px 3px;}
|
|
.info-td {width: 90px; text-align: right;background-color: #fafafa; color: #999; padding: 5px 3px;}
|
|
.layui-card-body .layui-timeline-title {
|
|
padding-bottom: 0;
|
|
font-size: 14px;
|
|
}
|
|
.layui-card-body .layui-timeline-item {
|
|
padding-bottom: 5px;
|
|
}
|
|
</style>
|
|
{/block}
|
|
<!-- 主体 -->
|
|
{block name="body"}
|
|
<div class="p-3">
|
|
<div class="layui-row layui-col-space12">
|
|
<div class="">
|
|
<div class="layui-row layui-col-space12">
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card dashboard-num">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<div class="num-title">总会员数</div>
|
|
<div class="blue">{$totaluser}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">老人人数</div>
|
|
<div class="blue">{$old_num}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">儿童人数</div>
|
|
<div class="blue">{$children_num}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">未婚男</div>
|
|
<div class="blue">{$unmarried_man_num}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">未婚女</div>
|
|
<div class="blue">{$unmarried_woman_num}</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
|
|
<td>
|
|
<div class="num-title">残疾人数</div>
|
|
<div class="blue">{$whether_disabled_num}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">参保人数</div>
|
|
<div class="blue">{$insurance_type_num}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">少数名族人数</div>
|
|
<div class="blue">{$nation_s_num}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">汉族人数</div>
|
|
<div class="blue">{$nation_h_num}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">工作人员数</div>
|
|
<div class="blue">{$work_num}</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="layui-card dashboard-num">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<div class="num-title">土地总面积</div>
|
|
<div class="blue">{$land_area_num}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">荒地</div>
|
|
<div class="blue">{$waste_land_area}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">农田水利</div>
|
|
<div class="blue">{$sum_218}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">坑塘</div>
|
|
<div class="blue">{$sum_217}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">养殖</div>
|
|
<div class="blue">{$sum_216}</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="num-title">牧草地</div>
|
|
<div class="blue">{$sum_215}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">林地</div>
|
|
<div class="blue">{$sum_214}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">耕地</div>
|
|
<div class="blue">{$sum_70}</div>
|
|
</td>
|
|
<td>
|
|
<div class="num-title">园地</div>
|
|
<div class="blue">{$sum_69}</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="layui-card">
|
|
<div id="chartYear" style="width: 100%;height:240px;"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/block}
|
|
<!-- /主体 -->
|
|
|
|
<!-- 脚本 -->
|
|
{block name="script"}
|
|
<script>
|
|
const moduleInit = ['tool'];
|
|
|
|
|
|
</script>
|
|
{/block}
|
|
<!-- /脚本 --> |