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.

220 lines
9.1 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>场地管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="../../static/css/font.css">
<link rel="stylesheet" href="../../static/css/weadmin.css">
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
<script src="../../lib/jquery-1.12.4.min.js"></script>
<script src="../../lib/ztree/jquery.ztree.core-3.5.min.js"></script>
<!-- 让IE8/9支持媒体查询从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
select {
width: 180px;
height: 38px;
line-height: 38px;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 15px;
padding-left: 6px;
color: #666;
}
.inline {
display: inline-block;
vertical-align: top;
}
ul.log li {
color: #666666;
list-style: none;
padding-left: 10px;
}
</style>
</head>
<body>
<div class="weadmin-nav">
<span class="layui-breadcrumb">
<a href="">首页</a>
<a href="">教学基础数据支撑</a>
<a>
<cite>场地管理</cite></a>
</span>
<a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right"
href="javascript:location.reload();" title="刷新">
<i class="layui-icon layui-icon-refresh-3" style="line-height:30px"></i></a>
</div>
<div class="weadmin-body">
<div class="layui-form-item inline " id="div3">
<label for="" class="layui-form-label" style="padding:9px 0;text-align: left;">
场地类型
</label>
<div class="layui-input-inline" id="select_3" style="width: 188px"></div>
<script type="text/html" id="test3">
<select name="service_type" id="sel3" onchange="changeType()">
<option value="0">全部</option>
<% for (var i = 0; i < data.length; i ++) { %>
<option value="<%=data[i].type_id%>"><%=data[i].type_name%></option>
<% } %>
</select>
</script>
</div>
<div class="layui-form-item inline" style="float:right">
<span id="importAcc">
<div class="layui-btn" type="button" id="addSite" onclick="addSite();">
<span class="layui-icon layui-icon-shrink-right"></span>增加场地
</div>
<div class="layui-btn layui-btn-normal" type="button" id="exportExcel" onclick="exportExcel();">
<span class="layui-icon layui-icon-shrink-right"></span>导出excel
</div>
<div class="layui-btn layui-btn-warm" type="button" id="importExcel" onclick="importExcel();">
<span class="layui-icon layui-icon-shrink-right"></span>导入excel
</div>
</span>
</div>
<div class="layui-form-item">
<table class="layui-table" lay-filter="idTest" id="idTest"></table>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">修改</a>
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
</script>
</div>
</div>
<script src="../../lib/layui/layui.js"></script>
<script src="../../lib/template.js"></script>
<script src="../../lib/base64.js"></script>
<script>
layui.extend({
admin: '{/}../../static/js/admin'
});
layui.use(['form', 'jquery', 'laytpl', 'admin', 'layer', 'table'], function () {
var form = layui.form,
$ = layui.jquery,
admin = layui.admin,
layer = layui.layer,
table = layui.table,
laytpl = layui.laytpl;
//绑定场地类型
window.getSiteType = function () {
$.ajax({
type: "GET",
async: false,
dataType: "json",
url: "/baseService/base/getSiteTypeList",
success: function (data) {
var html = template.render('test3', data);
document.getElementById('select_3').innerHTML = html;
}
})
};
getSiteType();
//增加场地
window.addSite = function () {
WeAdminShow('增加场地', './siteUpdate.html', 700, 520);
};
//导出excel
window.exportExcel = function () {
var type_id = $("#sel3").val();
window.location.href = '/baseService/base/exportSite?type_id=' + type_id;
};
//导入excel
window.importExcel=function(){
alert("程序员小哥下在拼命开发中....");
};
//变更场地类型
window.changeType = function () {
bindSite();
};
// 绑定场地
window.bindSite = function () {
var type_id = $("#sel3").val();
table.render({
elem: '#idTest',
url: '/baseService/base/getSiteList?type_id=' + type_id,
cols: [[
{field: 'site_id', title: '序号', align: 'center', type: 'numbers', width: 80}
, {field: 'type_name', title: '场地类型', align: 'center'}
, {field: 'site_code', title: '场地代码', align: 'center'}
, {field: 'site_name', title: '场地名称', align: 'center'}
, {field: 'site_storied_building_name', title: '教学楼', align: 'center'}
, {field: 'floor', title: '楼层', align: 'center'}
, {field: 'room_number', title: '房间号', align: 'center'}
, {field: 'capacity_normal', title: '容纳人数', align: 'center'}
, {
field: 'for_examination', title: '是否笔试考场', align: 'center', templet: function (d) {
return d.for_examination == 1 ? '是' : '否';
}
}
, {field: 'capacity_examination', title: '容纳考试人数', align: 'center'}
, {field: 'class_name', title: '固定班级', align: 'center', width: 300}
, {fixed: 'right', title: '操作', toolbar: '#barDemo', align: 'center', width: 180}
]]
, page: false
, height: 'full'
, done: function () {
}
});
};
//绑定场地
bindSite();
// 编辑场地
table.on('tool(idTest)', function (obj) {
var data = obj.data;
var site_id = data.site_id;
var site_name = data.site_name;
// 修改
if (obj.event === 'edit') {
WeAdminShow('修改场地:' + site_name, './siteUpdate.html?site_id=' + site_id, 700, 520);
}
//删除
if (obj.event === 'delete') {
var tip = '您确定要删除场地' + site_name + '吗?';
layer.confirm(tip, {
btn: ['确定', '取消']
}, function (index, layero) {
$.ajax({
type: "POST",
dataType: "json",
async: false,
data: {
"site_id": site_id
},
url: "/baseService/base/deleteSite",
success: function (data) {
if (data.success) {
layer.msg("保存成功", {icon: 1, time: 1000, shade: [0.5, '#000', true]}, function () {
var index = layer.getFrameIndex(window.name);
layer.close(index);
layui.table.reload('idTest', {
where: {}
, page: {
curr: 1
}
});
});
}
}
});
}
);
}
});
})
</script>
</body>
</html>