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.

217 lines
7.7 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>
<div class="weadmin-body">
<div class="layui-form-item" 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].unit_id%>"><%=data[i].unit_name%></option>
<% } %>
</select>
</script>
</div>
<div class="layui-form-item" 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 layui-form-text">
<label for="" class="layui-form-label" style="padding:9px 0;text-align: left;width:120px">
课程名称
</label>
<div class="layui-input-block">
<textarea id="course_name" placeholder="请输入课程名称,多个以空格隔开" class="layui-textarea" style="width: 240px"></textarea>
</div>
</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">
<label for="" class="layui-form-label" style="padding:9px 0;text-align: left;width:120px">
排序号起始值
</label>
<input type="text" id="sortId" 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();
$(document).on('click', '#save', function (data) {
var ival = parseFloat($("#sortId").val());
var course_name = $("#course_name").val();
var unit_id = $("#sel3").val();
var course_type_id = $("#sel4").val();
var is_netcourse=$("input[name='is_netcourse']:checked").val();
// 检查非空
if (course_name === "") {
layer.msg('输入的课程名称为空,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
return;
}
if (isNaN(ival)) {
layer.msg('输入的排序号不是数字,请检查后重新输入!', {icon: 2, time: 2000, shade: 0.1});
$("#sortId").val("");
return;
}
//正确
var data = {
"course_name": course_name,
"sort_id": ival,
"unit_id": unit_id,
"course_type_id": course_type_id,
"is_netcourse":is_netcourse
};
$.ajax({
type: "POST",
dataType: "json",
async: false,
data: data,
url: "/baseService/teachbase/saveBatchCourse",
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', {page: {curr: 1}});
});
}
});
});
})
</script>
</body>
</html>