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.

389 lines
16 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 {
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;
}
.searchTxt {
width: 164px;
border: 1px solid #dedede;
border-radius: 3px;
height: 37px;
padding-left: 13px;
vertical-align: top;
}
</style>
</head>
<body>
<form class="layui-form">
<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;width:120px">
场地类型
</label>
<div class="layui-input-inline" id="select_3" style="width: 180px"></div>
<script type="text/html" id="test3">
<select name="service_type" id="sel3">
<% 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" id="div4">
<label for="" class="layui-form-label" style="padding:9px 0 0 6px ;text-align: left;width:120px">
场地代码
</label>
<input type="text" id="site_code" value="" class="searchTxt" placeholder="请输入场地代码">
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0;text-align: left;width:120px">
场地名称
</label>
<input type="text" id="site_name" value="" class="searchTxt" placeholder="请输入场地名称">
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0 0 17px;text-align: left;width:120px">
教学楼
</label>
<div class="layui-input-inline" id="select_4" style="width: 180px"></div>
<script type="text/html" id="test4">
<select name="service_type" id="sel4">
<% for (var i = 0; i < data.length; i ++) { %>
<option value="<%=data[i].building_id%>"><%=data[i].buildling_name%></option>
<% } %>
</select>
</script>
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0;text-align: left;width:120px">
楼层
</label>
<input type="text" id="floor" value="" class="searchTxt" placeholder="请输入楼层">
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0 0 17px;text-align: left;width:120px">
房间号
</label>
<input type="text" id="room_number" value="" class="searchTxt" placeholder="请输入房间号">
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="padding:9px 0;text-align: left;width:120px">是否笔试考场</label>
<div class="layui-form">
<input type="radio" name="for_examination" value="1" title="是" checked>
<input type="radio" name="for_examination" value="0" title="否">
</div>
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0;text-align: left;width:120px">
容纳人数
</label>
<input type="text" id="capacity_normal" value="" class="searchTxt" placeholder="请输入容纳人数">
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0 0 17px;text-align: left;width:120px">
容纳考试人数
</label>
<input type="text" id="capacity_examination" value="" class="searchTxt" placeholder="请输入容纳考试人数">
</div>
<div class="layui-form-item">
<label for="" class="layui-form-label" style="padding:9px 0;text-align: left;width:120px">
固定班级
</label>
<div class="layui-input-inline" id="select_9" style="width: 500px"></div>
<script type="text/html" id="test9">
<select name="service_type" id="sel9" lay-verify="required" lay-search="">
<option value="">不固定</option>
<% for (var i = 0; i < data.length; i ++) { %>
<option value="<%=data[i].class_id%>"><%=data[i].class_name%></option>
<% } %>
</select>
</script>
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0;text-align: left;width:120px">
排序号
</label>
<input type="text" id="sort_id" value="" class="searchTxt" placeholder="请输入排序号">
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0 0 17px;text-align: left;width:120px">
备注
</label>
<input type="text" id="memo" value="" class="searchTxt" placeholder="请输入备注">
</div>
<div class="layui-form-item" align="center">
<buttin class="layui-btn" id="save">保存</buttin>
</div>
</div>
<script src="../../lib/layui/layui.js"></script>
<script src="../../lib/template.js"></script>
<script src="../../lib/base64.js"></script>
<script src="../../lib/JqueryExtend.js"></script>
<script src="../../lib/layuiExtend.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;
//场地ID
var site_id = GetQueryString("site_id");
//绑定场地类型
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;
//刷新
form.render();
}
})
};
getSiteType();
//绑定教学楼
window.getBuildingList = function () {
$.ajax({
type: "GET",
async: false,
dataType: "json",
url: "/baseService/base/getBindBuildingList",
success: function (data) {
var html = template.render('test4', data);
document.getElementById('select_4').innerHTML = html;
//刷新
form.render();
}
})
};
getBuildingList();
//绑定固定班级
window.getfixedClass = function () {
$.ajax({
type: "GET",
async: false,
dataType: "json",
url: "/baseService/base/getfixedClass",
success: function (data) {
var html = template.render('test9', data);
document.getElementById('select_9').innerHTML = html;
//刷新
form.render();
}
})
};
getfixedClass();
//场地ID
if (site_id != null) {
//提取已有数据
$.ajax({
type: "GET",
dataType: "json",
async: false,
url: "/baseService/base/getSiteInfoById?site_id=" + site_id,
success: function (data) {
//场地类型
$("#sel3").val(data.type_id);
//教学楼
$("#sel4").val(data.building_id);
//场地代码
$("#site_code").val(data.site_code);
//场地名称
$("#site_name").val(data.site_name);
//教学楼
$("#sel4").val(data.site_storied_building);
//楼层
$("#floor").val(data.floor);
//房间号
$("#room_number").val(data.room_number);
//容纳人数
$("#capacity_normal").val(data.capacity_normal);
//容纳考试人数
$("#capacity_examination").val(data.capacity_examination);
//排序号
$("#sort_id").val(data.sort_id);
//备注
$("#memo").val(data.memo);
//固定班级
$("#sel9").val(data.class_id);
//是否笔试考场
if (data.for_examination === 1) {
$("input[type='radio']").eq(0).attr("checked", true);
} else {
$("input[type='radio']").eq(1).attr("checked", true);
}
//刷新
form.render();
}
});
}
$(document).on('click', '#save', function (data) {
//场地类型
var type_id = $("#sel3").val();
//场地代码
var site_code = $("#site_code").val();
//场地名称
var site_name = $("#site_name").val();
//教学楼
var site_storied_building = $("#sel4").val();
//楼层
var floor = $("#floor").val();
//房间号
var room_number = $("#room_number").val();
//容纳人数
var capacity_normal = $("#capacity_normal").val();
//容纳考试人数
var capacity_examination = $("#capacity_examination").val();
//排序号
var sort_id = $("#sort_id").val();
//是否笔试考场
var for_examination = $("input[name='for_examination']:checked").val();
//备注
var memo=$("#memo").val();
//固定教室
var class_id=$("#sel9").val();
//场地代码
if (site_code == "") {
layer.msg('输入的场地代码为空,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//场地名称
if (site_name == "") {
layer.msg('输入的场地名称为空,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//教学楼
if (site_storied_building == "") {
layer.msg('输入的教学楼为空,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//楼层
if (floor == "") {
layer.msg('输入的楼层为空,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//房间号
if (room_number == "") {
layer.msg('输入的房间号为空,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//容纳人数
if (isNaN(capacity_normal)) {
layer.msg('输入的容纳人数不是数字,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
$("#capacity_normal").val(parseInt(capacity_normal));
return;
}
//容纳考试人数
if (isNaN(capacity_examination)) {
layer.msg('输入的容纳考试人数不是数字,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
$("#capacity_examination").val(parseInt(capacity_examination));
return;
}
//排序号
if (isNaN(sort_id)) {
layer.msg('输入的排序号不是数字,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
$("#sort_id").val(parseInt(sort_id));
return;
}
//正确
var data = {
"site_id": site_id,
"type_id": type_id,
"site_code": site_code,
"site_name": site_name,
"site_storied_building": site_storied_building,
"floor": floor,
"room_number": room_number,
"capacity_normal": capacity_normal,
"capacity_examination": capacity_examination,
"sort_id": sort_id,
"for_examination": for_examination,
"memo":memo,
"class_id":class_id
}
;
console.log(data);
if (site_id != null) {
data.site_id = site_id;
}
$.ajax({
type: "POST",
dataType: "json",
async: false,
data: data,
url: "/baseService/base/saveSite",
success: function (data) {
layer.msg("保存成功", {icon: 1, time: 1000, shade: [0.5, '#000', true]}, function () {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
parent.layui.table.reload('idTest', {
where: {}
});
});
}
});
});
})
</script>
</form>
</body>
</html>