You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

189 lines
8.8 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../../component/layui/css/layui.css" />
<link rel="stylesheet" href="../../../component/pear/css/module/toast.css" />
<style>
th {
color: #303133;
background-color: #f5f7fa;
}
.layui-card {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
margin-bottom: 0 !important;
}
.layui-form-item {
margin-bottom: 0;
}
.layui-table td,
.layui-table th {
font-size: 12px;
}
.bp {
background-color: rgba(23, 179, 163, .1);
padding: 5px 10px;
height: 32px;
line-height: 30px;
font-size: 12px;
color: #17b3a3;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(23, 179, 163, .2);
white-space: nowrap;
}
.xp {
background-color: rgba(144, 147, 153, .1);
padding: 5px 10px;
height: 32px;
line-height: 30px;
font-size: 12px;
color: #909399;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(144, 147, 153, .2);
white-space: nowrap;
}
</style>
</head>
<body class="layui-form">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-form-item layui-inline" style="height: 35px;">
<!-- <button class="layui-btn layui-btn-sm" lay-submit lay-filter="export">
<i class="layui-icon layui-icon-export"></i>
导出
</button> -->
</div>
<button class="layui-btn layui-btn-sm layui-bg-orange" lay-submit lay-filter="export" style="position: fixed;right: 20px;top:15px">
<i class="layui-icon layui-icon-download-circle"></i>
导出
</button>
<table class="layui-table" id="myTable"></table>
</div>
</div>
<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/xm-select.js"></script>
<script>
layui.use(function () {
var $ = layui.jquery;
var table = layui.table;
var form = layui.form;
table.render({
elem: '#myTable',
url: '/QingLong/zbdc/getSummaryBaseInfo',
cellExpandedMode: "tips",
height: 'full-80',
cols: [
[
{ title: '序号', fixed: 'left', align: 'center', width: "60", type: 'numbers', rowspan: 3 },
{ title: '行政区域', fixed: 'left', field: 'area_name', align: 'center', width: "190", rowspan: 3 },
{ title: '学校总数', field: 'school_count', align: 'center', width: "90", rowspan: 3 },
{ title: '学生总数', field: 'student_count', align: 'center', width: "90", rowspan: 3 },
{ title: '班级总数', field: 'class_count', align: 'center', width: "90", rowspan: 3 },
{ title: '十二年一贯制', align: 'center', colspan: 7 },
{ title: '完全中学', align: 'center', colspan: 5 },
{ title: '高级中学', align: 'center', colspan: 3 },
{ title: '初级中学', align: 'center', colspan: 3 },
{ title: '九年一贯制', align: 'center', colspan: 5 },
{ title: '城镇小学', align: 'center', colspan: 3 },
{ title: '村小', align: 'center', colspan: 3 }
],
[
//十二年一贯制
{ title: '校数', field: 'se_school_count', align: 'center', width: "80", rowspan: 2 },
{ title: '高中', align: 'center', colspan: 2 },
{ title: '初中', align: 'center', colspan: 2 },
{ title: '小学', align: 'center', colspan: 2 },
//完全中学
{ title: '校数', field: 'wq_school_count', align: 'center', width: "80", rowspan: 2 },
{ title: '高中', align: 'center', colspan: 2 },
{ title: '初中', align: 'center', colspan: 2 },
//高级中学
{ title: '校数', field: 'gz_school_count', align: 'center', width: "80", rowspan: 2 },
{ title: '班级数', field: 'gz_class_count', align: 'center', width: "80", rowspan: 2 },
{ title: '学生数', field: 'gz_student_count', align: 'center', width: "80", rowspan: 2 },
//初级中学
{ title: '校数', field: 'cz_school_count', align: 'center', width: "80", rowspan: 2 },
{ title: '班级数', field: 'cz_class_count', align: 'center', width: "80", rowspan: 2 },
{ title: '学生数', field: 'cz_student_count', align: 'center', width: "80", rowspan: 2 },
//九年一贯制
{ title: '校数', field: 'jn_school_count', align: 'center', width: "80", rowspan: 2 },
{ title: '初中', align: 'center', colspan: 2 },
{ title: '小学', align: 'center', colspan: 2 },
//城镇小学
{ title: '校数', field: 'chengzhen_school_count', align: 'center', width: "80", rowspan: 2 },
{ title: '班级数', field: 'chengzhen_class_count', align: 'center', width: "80", rowspan: 2 },
{ title: '学生数', field: 'chengzhen_student_count', align: 'center', width: "80", rowspan: 2 },
//村小
{ title: '校数', field: 'chunxiao_school_count', align: 'center', width: "80", rowspan: 2 },
{ title: '班级数', field: 'chunxiao_class_count', align: 'center', width: "80", rowspan: 2 },
{ title: '学生数', field: 'chunxiao_student_count', align: 'center', width: "80", rowspan: 2 },
],
[
//十二年一贯制--高中
{ title: '班级数', field: 'se_gz_class_count', align: 'center', width: "80" },
{ title: '学生数', field: 'se_gz_student_count', align: 'center', width: "80" },
//十二年一贯制--初中
{ title: '班级数', field: 'se_cz_class_count', align: 'center', width: "80" },
{ title: '学生数', field: 'se_cz_student_count', align: 'center', width: "80" },
//十二年一贯制--小学
{ title: '班级数', field: 'se_xx_class_count', align: 'center', width: "80" },
{ title: '学生数', field: 'se_xx_student_count', align: 'center', width: "80" },
//完全中学--高中
{ title: '班级数', field: 'wq_gz_class_count', align: 'center', width: "80" },
{ title: '学生数', field: 'wq_gz_student_count', align: 'center', width: "80" },
//完全中学--初中
{ title: '班级数', field: 'wq_cz_class_count', align: 'center', width: "80" },
{ title: '学生数', field: 'wq_cz_student_count', align: 'center', width: "80" },
//九年一贯制--初中
{ title: '班级数', field: 'jn_cz_class_count', align: 'center', width: "80" },
{ title: '学生数', field: 'jn_cz_student_count', align: 'center', width: "80" },
//九年一贯制--小学
{ title: '班级数', field: 'jn_xx_class_count', align: 'center', width: "80" },
{ title: '学生数', field: 'jn_xx_student_count', align: 'center', width: "80" },
]
],
// skin: 'line',
defaultToolbar: []
});
form.on('submit(export)', function () {
window.location.href = '/QingLong/zbdc/exportSummaryBaseInfo';
// 阻止表单的默认提交行为
return false;
});
});
</script>
</body>
</html>