提交 d1313782 编写于 作者: Skyeye云's avatar Skyeye云

update: 班级管理托管到表单布局

上级 115a0e5d
//选中的教师信息
var teacherMation = {};
var teacherCheckType = '1';//教师选择类型:1.单选;2.多选
var teacherWhetherIncludeMe = '1';//是否包含当前登录用户:1.是;2.否
var teacherWhetherHasCode = '2';//是否必须是已分配帐号的教师:1.是;2.否
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'laydate'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
form = layui.form,
laydate = layui.laydate;
laydate.render({elem: '#year', type: 'year', max: 'date'});
matchingLanguage();
form.render();
// 获取当前登陆用户所属的学校列表
schoolUtil.queryMyBelongSchoolList(function (json) {
$("#schoolId").html(getDataUseHandlebars(getFileContent('tpl/template/select-option-must.tpl'), json));
form.render("select");
// 加载年级
initGradeId();
// 加载教学楼
initFloorId();
});
form.on('select(schoolId)', function(data) {
//加载年级
initGradeId();
//加载教学楼
initFloorId();
});
//所属年级
function initGradeId(){
showGrid({
id: "gradeId",
url: schoolBasePath + "grademation006",
params: {schoolId: $("#schoolId").val()},
pagination: false,
template: getFileContent('tpl/template/select-option.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
form.render('select');
}
});
}
//所属教学楼
function initFloorId(){
showGrid({
id: "floorId",
url: schoolBasePath + "schoolfloormation006",
params: {schoolId: $("#schoolId").val()},
pagination: false,
template: getFileContent('tpl/template/select-option.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
form.render('select');
}
});
}
form.on('submit(formAddBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var pId = '0';
var params = {
schoolId: $("#schoolId").val(),
gradeId: $("#gradeId").val(),
className: $("#className").val(),
limitNumber: $("#limitNumber").val(),
masterStaffId: "",
floorId: $("#floorId").val(),
year: $("#year").val()
};
//选中的教师赋值
if (!isNull(teacherMation.staffId)){
params.masterStaffId = teacherMation.staffId;
}
AjaxPostUtil.request({url: schoolBasePath + "classmation002", params: params, type: 'json', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
//教师选择
$("body").on("click", "#masterStaffNameSel", function (e) {
_openNewWindows({
url: "../../tpl/schoolteacher/teacherChoose.html",
title: "选择教师",
pageId: "teacherChoose",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
$("#masterStaffName").val(teacherMation.userName);
}});
});
// 取消
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
});
\ No newline at end of file
//选中的教师信息
var teacherMation = {};
var teacherCheckType = '1';//教师选择类型:1.单选;2.多选
var teacherWhetherIncludeMe = '1';//是否包含当前登录用户:1.是;2.否
var teacherWhetherHasCode = '2';//是否必须是已分配帐号的教师:1.是;2.否
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui'], function (exports) {
winui.renderColor();
layui.use(['form', 'layedit'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
form = layui.form,
layedit = layui.layedit;
showGrid({
id: "showForm",
url: schoolBasePath + "classmation004",
params: {rowId: parent.rowId},
pagination: false,
template: getFileContent('tpl/schoolclassmation/schoolclassmationeditTemplate.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
//教师赋值
if (!isNull(json.bean.masterStaffId)){
teacherMation = {
staffId: json.bean.masterStaffId,
userName: json.bean.userName
};
$("#masterStaffName").val(teacherMation.userName);
}
//加载教学楼
initFloorId(json.bean.schoolId, json.bean.floorId);
matchingLanguage();
form.render();
form.on('submit(formEditBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
rowId: parent.rowId,
className: $("#className").val(),
masterStaffId: "",
floorId: $("#floorId").val(),
limitNumber: $("#limitNumber").val(),
year: $("#year").html()
};
//选中的教师赋值
if (!isNull(teacherMation.staffId)){
params.masterStaffId = teacherMation.staffId;
}
AjaxPostUtil.request({url:schoolBasePath + "classmation005", params: params, type: 'json', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
}
});
//所属教学楼
function initFloorId(schoolId, chooseFloorId){
showGrid({
id: "floorId",
url: schoolBasePath + "schoolfloormation006",
params: {schoolId: schoolId},
pagination: false,
template: getFileContent('tpl/template/select-option.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
$("#floorId").val(chooseFloorId);
form.render('select');
}
});
}
//教师选择
$("body").on("click", "#masterStaffNameSel", function (e) {
_openNewWindows({
url: "../../tpl/schoolteacher/teacherChoose.html",
title: "选择教师",
pageId: "teacherChoose",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
$("#masterStaffName").val(teacherMation.userName);
}});
});
// 取消
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
});
\ No newline at end of file
var rowId = "";
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'form', 'laydate'], function (exports) {
winui.renderColor();
var $ = layui.$,
form = layui.form,
table = layui.table,
laydate = layui.laydate;
authBtn('1586519721272');
laydate.render({elem: '#year', type: 'year', max: 'date'});
// 获取当前登陆用户所属的学校列表
schoolUtil.queryMyBelongSchoolList(function (json) {
$("#schoolId").html(getDataUseHandlebars(getFileContent('tpl/template/select-option-must.tpl'), json));
form.render("select");
// 加载年级
initGradeId();
initTable();
});
form.on('select(schoolId)', function(data) {
// 加载年级
initGradeId();
});
// 所属年级
function initGradeId(){
showGrid({
id: "gradeId",
url: schoolBasePath + "grademation006",
params: {schoolId: $("#schoolId").val()},
pagination: false,
template: getFileContent('tpl/template/select-option.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
form.render('select');
}
});
}
function initTable(){
table.render({
id: 'messageTable',
elem: '#messageTable',
method: 'post',
url: schoolBasePath + 'classmation001',
where: getTableParams(),
even: true,
page: true,
limits: getLimits(),
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers' },
{ field: 'schoolName', width: 200, title: '所属学校'},
{ field: 'className', width: 150, title: '班级', align: 'center', templet: function (d) {
return d.year + '' + d.gradeName + d.className;
}},
{ field: 'limitNumber', width: 80, align: 'center', title: '限制人数', templet: function (d) {
return d.limitNumber + '';
}},
{ field: 'actualNumber', width: 80, align: 'center', title: '实际人数', templet: function (d) {
return d.actualNumber + '';
}},
{ field: 'stateName', width: 80, align: 'center', title: '类型', templet: function (d) {
if(d.state == 1){
return '<span style="color: blue">' + d.stateName + '</span>';
} else {
return '<span style="color: goldenrod">' + d.stateName + '</span>';
}
}},
{ field: 'masterStaffName', width: 80, title: '班主任'},
{ field: 'floorName', width: 120, title: '教学楼'},
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 240, toolbar: '#tableBar'}
]],
done: function(json) {
matchingLanguage();
}
});
table.on('tool(messageTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'del') { // 删除
del(data, obj);
} else if (layEvent === 'edit') { // 编辑
edit(data);
}
});
form.render();
}
// 删除
function del(data, obj) {
layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], {icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType]}, function (index) {
layer.close(index);
AjaxPostUtil.request({url:schoolBasePath + "classmation003", params: {rowId: data.id}, type: 'json', callback: function (json) {
winui.window.msg(systemLanguage["com.skyeye.deleteOperationSuccessMsg"][languageType], {icon: 1, time: 2000});
loadTable();
}});
});
}
// 编辑
function edit(data) {
rowId = data.id;
_openNewWindows({
url: "../../tpl/schoolclassmation/schoolclassmationedit.html",
title: systemLanguage["com.skyeye.editPageTitle"][languageType],
pageId: "schoolclassmationedit",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}});
}
// 刷新数据
$("body").on("click", "#reloadTable", function() {
loadTable();
});
// 新增
$("body").on("click", "#addBean", function() {
_openNewWindows({
url: "../../tpl/schoolclassmation/schoolclassmationadd.html",
title: systemLanguage["com.skyeye.addPageTitle"][languageType],
pageId: "schoolclassmationadd",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}});
});
form.render();
form.on('submit(formSearch)', function (data) {
if (winui.verifyForm(data.elem)) {
table.reloadData("messageTable", {page: {curr: 1}, where: getTableParams()});
}
return false;
});
$("body").on("click", "#reloadTable", function() {
loadTable();
});
function loadTable() {
table.reloadData("messageTable", {where: getTableParams()});
}
function getTableParams () {
return {
gradeId: $("#gradeId").val(),
schoolId: $("#schoolId").val(),
className: $("#className").val(),
year: $("#year").val()
};
}
exports('schoolclassmationlist', {});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto;padding:20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">班级名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="className" name="className" win-verify="required" placeholder="请输入班级名称" class="layui-input" maxlength="50"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">所属学校<i class="red">*</i></label>
<div class="layui-input-block">
<select id="schoolId" lay-filter="schoolId" lay-search="">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">所属年级<i class="red">*</i></label>
<div class="layui-input-block">
<select id="gradeId" lay-filter="gradeId" lay-search="">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">班主任</label>
<div class="layui-input-block">
<input type="text" id="masterStaffName" name="masterStaffName" placeholder="请选择班主任" class="layui-input" readonly="readonly"/>
<i class="fa fa-user-plus input-icon" id="masterStaffNameSel"></i>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">所在教学楼<i class="red">*</i></label>
<div class="layui-input-block">
<select id="floorId" lay-filter="floorId" lay-search="">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">所属届<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="year" name="year" placeholder="请选择所属届" class="layui-input" />
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">限制人数<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="limitNumber" name="limitNumber" win-verify="required|number" placeholder="请输入班级限制人数" class="layui-input"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formAddBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
</form>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/schoolclassmation/'}).use('schoolclassmationadd');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto;padding:20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
</form>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/schoolclassmation/'}).use('schoolclassmationedit');
</script>
</body>
</html>
\ No newline at end of file
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">班级名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="className" name="className" win-verify="required" placeholder="请输入年级名称" class="layui-input" maxlength="50" value="{{className}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">所属学校:</label>
<div class="layui-input-block ver-center">
{{schoolName}}
</div>
</div>
<div class="layui-form-item layui-col-xs12" id="parentIdBox">
<label class="layui-form-label">所属年级:</label>
<div class="layui-input-block ver-center">
{{gradeName}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">班主任</label>
<div class="layui-input-block">
<input type="text" id="masterStaffName" name="masterStaffName" placeholder="请选择班主任" class="layui-input" readonly="readonly"/>
<i class="fa fa-user-plus input-icon" id="masterStaffNameSel"></i>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">所在教学楼<i class="red">*</i></label>
<div class="layui-input-block">
<select id="floorId" lay-filter="floorId" lay-search="">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">所属届:</label>
<div class="layui-input-block ver-center" id="year">
{{year}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">限制人数<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="limitNumber" name="limitNumber" win-verify="required|number" placeholder="请输入班级限制人数" class="layui-input" value="{{limitNumber}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formEditBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
{{/bean}}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div class="txtcenter" style="margin:0 auto;padding-top:10px;">
<form class="layui-form layui-form-pane" action="" autocomplete="off">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">学校</label>
<div class="layui-input-inline">
<select id="schoolId" lay-filter="schoolId" lay-search="">
</select>
</div>
<label class="layui-form-label">年级</label>
<div class="layui-input-inline">
<select id="gradeId" lay-filter="gradeId" lay-search="">
<option value="">请选择</option>
</select>
</div>
<label class="layui-form-label">班级</label>
<div class="layui-input-inline">
<input type="text" id="className" name="className" class="layui-input" placeholder="请输入班级名称"/>
</div>
<label class="layui-form-label">所属届</label>
<div class="layui-input-inline">
<input type="text" id="year" name="year" class="layui-input" placeholder="请选择所属届" />
</div>
<button type="reset" class="layui-btn layui-btn-primary list-form-search"><language showName="com.skyeye.reset"></language></button>
<button class="layui-btn list-form-search" lay-submit lay-filter="formSearch"><language showName="com.skyeye.search2"></language></button>
</div>
</div>
</form>
</div>
<div class="winui-toolbar">
<div class="winui-tool">
<button id="reloadTable" class="winui-toolbtn"><i class="fa fa-refresh" aria-hidden="true"></i><language showName="com.skyeye.refreshDataBtn"></language></button>
<button id="addBean" class="winui-toolbtn" auth="1586519721272"><i class="fa fa-plus" aria-hidden="true"></i>新增班级</button>
</div>
</div>
<div style="margin:auto 10px;">
<table id="messageTable" lay-filter="messageTable"></table>
<script type="text/html" id="tableBar">
{{# if(auth('1586519750224')){ }}
<a class="layui-btn layui-btn-xs" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# if(auth('1586519736777')){ }}
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><language showName="com.skyeye.deleteBtn"></language></a>
{{# } }}
</script>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/schoolclassmation/'}).use('schoolclassmationlist');
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册