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.

411 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 {
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;
}
.disabled {
pointer-events: none;
border: 1px solid #e6e6e6;
background: #FBFBFB;
color: #C9C9C9;
cursor: not-allowed;
opacity: 1;
}
.searchTxt {
width: 164px;
border: 1px solid #dedede;
border-radius: 3px;
height: 37px;
padding-left: 13px;
vertical-align: top;
}
.search {
border: none;
margin-left: 12px;
}
.iconDel {
position: absolute;
right: 92px;
top: 10px;
display: none;
}
.aaa {
background-color: #FBFBFB;
border: 1px solid #e6e6e6;
color: #C9C9C9;
cursor: not-allowed;
opacity: 1;
}
</style>
</head>
<body>
<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: 188px"></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].org_id%>"><%=data[i].org_name%></option>
<% } %>
</select>
</script>
</div>
<div class="layui-form-item inline" id="div4">
<label for="" class="layui-form-label" style="padding:9px 0;text-align: left;width:120px">
课程层次
</label>
<div class="layui-input-inline" id="select_4" style="width: 188px"></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].course_type_id%>"><%=data[i].course_type_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="course_name" value="" class="searchTxt" placeholder="请输入课程名称">
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0 0 19px;text-align: left;width:120px">
课程代码
</label>
<input type="text" id="course_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="course_alias" value="" class="searchTxt" placeholder="请输入课程简称">
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0 0 19px;text-align: left;width:120px">
助记码
</label>
<input type="text" id="help_code" 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="is_netcourse" value="1" title="是">
<input type="radio" name="is_netcourse" value="0" title="否" checked>
</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="credit_hours" value="" class="searchTxt" placeholder="请输入学时" onBlur="changeScore()">
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0 0 19px;text-align: left;width:120px">
学分
</label>
<input type="text" id="credit_points" 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="theory" value="" class="searchTxt" placeholder="请输入理论课时数">
</div>
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding:9px 0 0 19px;text-align: left;width:120px">
实践课时数
</label>
<input type="text" id="practice" 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>
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.getUnit = function () {
$.ajax({
type: "GET",
async: false,
dataType: "json",
url: "/baseService/teachbase/getUnitList?page=1&limit=100",
success: function (data) {
var html = template.render('test3', data);
document.getElementById('select_3').innerHTML = html;
}
})
};
getUnit();
//绑定课程类型
window.getCourseType = function () {
$.ajax({
type: "GET",
async: false,
dataType: "json",
url: "/baseService/teachbase/getCourseType?page=1&limit=100",
success: function (data) {
var html = template.render('test4', data);
document.getElementById('select_4').innerHTML = html;
}
})
};
getCourseType();
//课程ID
var course_id = GetQueryString("course_id");
if (course_id != null) {
//提取已有数据
$.ajax({
type: "GET",
dataType: "json",
async: false,
url: "/baseService/teachbase/getCourseInfoById?course_id=" + course_id,
success: function (data) {
$("#course_name").val(data.course_name);
//是否网络课程
if (data.is_netcourse === 1) {
$("input[type='radio']").eq(0).attr("checked", true);
} else {
$("input[type='radio']").eq(1).attr("checked", true);
}
$("#course_code").val(data.course_code);
$("#category_id").val(data.category_id);
//定位授课单位
$("#sel3").val(data.unit_id);
$("#credit_points").val(data.credit_points);
$("#credit_hours").val(data.credit_hours);
$("#theory").val(data.theory);
$("#practice").val(data.practice);
$("#course_alias").val(data.course_alias);
$("#help_code").val(data.help_code);
//刷新
form.render();
}
});
}
//自动修改学分
window.changeScore = function () {
try {
var credit_hours = parseInt($("#credit_hours").val());
//保留一位小数
$("#credit_points").val(Math.round(credit_hours / 18 * 10) / 10);
} catch (err) {
console.log("学时输入的不是整数!");
}
};
//学分
$(document).on('click', '#save', function (data) {
var course_name = $("#course_name").val();
var course_code = $("#course_code").val();
var unit_id = $("#sel3").val();
var course_type_id = $("#sel4").val();
//是否网络课程
var is_netcourse = $("input[name='is_netcourse']:checked").val();
//学时
var credit_hours = $("#credit_hours").val();
//学分
var credit_points = $("#credit_points").val();
//理论
var theory = $("#theory").val();
//实践
var practice = $("#practice").val();
//课程简称
var course_alias = $("#course_alias").val();
//助记码
var help_code = $("#help_code").val();
//课程类型
var category_id = 1;
// 检查非空
if (course_name === "") {
layer.msg('输入的课程名称为空,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//学时检查
if (isNaN(credit_hours)) {
layer.msg('输入的学时不是数字,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
$("#credit_hours").val("");
return;
}
//学分检查
if (isNaN(credit_points)) {
layer.msg('输入的学分不是数字,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
$("#credit_hours").val("");
return;
}
//理论课时数
if (isNaN(theory)) {
layer.msg('输入的理论课时数不是数字,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
$("#theory").val("");
return;
}
//实践课时数
if (isNaN(practice)) {
layer.msg('输入的实践课时数不是数字,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
$("#practice").val("");
return;
}
//检查
if (parseInt(credit_hours) != (parseInt(theory) + parseInt(practice))) {
layer.msg('总学时数与实践课时数+理论课时数不相等,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//检查CODE非空
if (course_code === "") {
layer.msg('输入的课程代码为空,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//课程代码不能重复必须是6位
if (course_code.trim().length != 6) {
layer.msg('输入的课程代码必须是6位请检查后重新输入', {icon: 2, time: 2000, shade: 0.1});
return;
}
var data={"course_code":course_code.trim()}
if (course_id != null) {
data.course_id = course_id;
}
var bo=true;
$.ajax({
type: "POST",
dataType: "json",
async: false,
data: data,
url: "/baseService/teachbase/checkCourseCodeExists",
success: function (d) {
if(!d.success)
{
bo=false;
}
}
});
console.log("bo=",bo);
if(!bo)
{
layer.msg('输入的课程代码已存在,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//检查课程简称
if (course_alias === "") {
layer.msg('输入的课程简称为空,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//检查助记码
if (help_code === "") {
layer.msg('输入的助记码为空,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
//正确
var data = {
"course_name": course_name,
"course_code": course_code,
"unit_id": unit_id,
"sort_id": 1,
"course_type_id": course_type_id,
"is_netcourse": is_netcourse,
"credit_hours": credit_hours,
"credit_points": credit_points,
"theory": theory,
"practice": practice,
"course_alias": course_alias,
"help_code": help_code,
"category_id": category_id
};
if (course_id != null) {
data.course_id = course_id;
}
$.ajax({
type: "POST",
dataType: "json",
async: false,
data: data,
url: "/baseService/teachbase/saveCourse",
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>