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.

321 lines
12 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../../../component/layui/css/layui.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;
}
.woo-tool-text-delimiter {
width: 1px;
height: 12px;
background: #EEEEEE;
display: inline-block;
margin: 0 6px 0 4px;
}
.woo-theme-color {
color: #16baaa !important;
}
.woo-blue-color {
color: #1E9FFF !important;
}
.woo-orange-color {
color: #ffb800 !important;
}
.woo-tool-span {
margin: 0 3px;
position: relative;
top: -1px;
cursor: pointer;
}
.layui-table {
margin: 0 !important;
}
.layui-tab-content {
padding: 0 !important;
}
</style>
</head>
<body class="layui-form">
<div class="layui-tab layui-tab-brief">
<ul class="layui-tab-title">
<li class="layui-this">区(县)单位</li>
<li>市直单位</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-card">
<div class="layui-card-body">
<table class="layui-table" id="myTable"></table>
<script type="text/html" id="table-bar">
{{# if(d.pass === 1) { }}
<span class="woo-tool-span woo-tool-text-span" lay-event="view"><a
class="woo-theme-color">查看详情</a></span>
<i class="woo-tool-text-delimiter"></i>
<span class="woo-tool-span woo-tool-text-span" lay-event="shenhe"><a
class="woo-orange-color">审核通过</a></span>
{{# } }}
</script>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-form-item layui-inline">
<label class="layui-form-label" style="width: auto;">状态:</label>
<div class="layui-input-inline">
<select id="statusId" lay-filter="status">
<option value="0">待审核</option>
<option value="1">已审核</option>
<option value="-1">未提交</option>
</select>
</div>
</div>
<div class="layui-form-item layui-inline">
<label class="layui-form-label" style="width: auto;">学校类型:</label>
<div class="layui-input-inline" id="xxlxView"></div>
<script id="xxlxScript" type="text/html">
<select id="xxlxId" lay-filter="xxlx">
<option value="0">全部</option>
{{# layui.each(d, function(index, item){ }}
<option value="{{item.school_type_id}}">{{item.school_type_name}}</option>
{{# }); }}
</select>
</script>
</div>
<div class="layui-form-item layui-inline">
<label class="layui-form-label" style="width: auto;">学校名称:</label>
<div class="layui-input-inline">
<input type="text" lay-affix="clear" id="xxmc" placeholder="请输入学校名称"
class="layui-input">
</div>
</div>
<div class="layui-form-item layui-inline">
<button class="layui-btn layui-btn-sm" lay-submit lay-filter="user-query">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
</div>
<table class="layui-table" id="myTable1" style="margin-top: 10px !important;"></table>
<script type="text/html" id="table-bar1">
{{# if(d.pass === 1) { }}
<span class="woo-tool-span woo-tool-text-span" lay-event="view1"><a
class="woo-theme-color">查看详情</a></span>
<i class="woo-tool-text-delimiter"></i>
<span class="woo-tool-span woo-tool-text-span" lay-event="shenhe1"><a
class="woo-orange-color">审核通过</a></span>
{{# } }}
</script>
</div>
</div>
</div>
</div>
</div>
<script src="../../../../component/layui/layui.js"></script>
<script>
layui.use(function () {
var $ = layui.jquery;
var table = layui.table;
var form = layui.form;
var laytpl = layui.laytpl;
table.render({
elem: '#myTable',
url: '/QingLong/zbdc/getQueryXzqh',
cellExpandedMode: "tips",
height: 'full-85',
cols: [[
{ title: '序号', align: 'center', width: "10%", type: 'numbers' },
{ title: '行政区划', field: 'area_name', align: 'center', width: "35%" },
{ title: '下级单位', field: 'count', align: 'center', width: "30%" },
{ title: '状态', field: 'count', align: 'center', width: "30%" },
{ title: '操作', toolbar: '#table-bar', align: 'center', width: "25%" }
]],
// skin: 'line',
defaultToolbar: []
});
$.ajax({
type: "GET",
async: false,
url: "/QingLong/zbdc/getQuerySchoolType",
success: function (res) {
var xxlxTpl = xxlxScript.innerHTML,
xxlxView = document.getElementById('xxlxView');
laytpl(xxlxTpl).render(res.data, function (html) {
xxlxView.innerHTML = html;
});
form.render();
}
});
table.render({
elem: '#myTable1',
url: '/QingLong/zbdc/listSchool',
where: {
check_type_id: $("#statusId").val(),
school_type_id: $("#xxlxId").val(),
keyword: $("#xxmc").val()
},
cellExpandedMode: "tips",
height: 'full-85',
cols: [[
{ title: '序号', align: 'center', width: "10%", type: 'numbers' },
{ title: '学校名称', field: 'area_name', align: 'center', width: "35%" },
{ title: '学校类型', field: 'count', align: 'center', width: "30%" },
{ title: '状态', field: 'count', align: 'center', width: "30%" },
{ title: '操作', toolbar: '#table-bar1', align: 'center', width: "25%" }
]],
// skin: 'line',
defaultToolbar: []
});
form.on('select(status)', function (data) {
if (data.value == 0) {
$("#shenhe").show();
} else {
$("#shenhe").hide();
}
tableRender();
// 阻止表单的默认提交行为
return false;
});
form.on('submit(user-query)', function () {
tableRender()
// 阻止表单的默认提交行为
return false;
});
form.on('select(xxlx)', function () {
tableRender();
// 阻止表单的默认提交行为
return false;
});
table.on('tool(myTable)', function (obj) {
var areaId = obj.data.id;
if (obj.event === 'view') {
if (areaId == 0) {
window.location.href = "/QingLong/view/tb/zbdc/examine/examine_city_list.html?area_id=" + areaId;
} else {
window.location.href = "/QingLong/view/tb/zbdc/examine/examine_city_area_list.html?area_id=" + areaId;
}
} else if (obj.event === 'shenhe') {
layer.confirm('确定审核通过吗?', {
icon: 3,
title: '提示'
}, function (index) {
layer.close(index);
$.ajax({
type: "POST",
dataType: "json",
url: "/QingLong/zbdc/ShiCheckQuPass",
data: {
"area_id": areaId
},
async: false,
success: function (result) {
if (result.success) {
layer.msg('审核通过成功!', {
icon: 1,
time: 1500
});
} else {
layer.msg(result.message, {
icon: 2,
time: 2000
});
}
}
});
});
}
});
});
</script>
</body>
</html>