课程配置

beetlsql3-dev
姚丹ab 2 years ago
parent 9c5652fe5b
commit 4311ebabdd

@ -48,6 +48,28 @@
<a class="layui-btn layui-bg-gray" id="foldFalse" style="margin-bottom: 10px;">全部折叠</a>
</div>
<table id="courseInfoTable" lay-filter="courseInfoTable"></table>
<!--本地上传-->
<div style="display: none;" id="resources_demo">
<div class="layui-col-xs6" style="padding: 20px;border-right:thin solid #f4f4f4;height:270px">
<div class="grid-demo">
<div class="layui-upload-drag" id="resourcesUpload">
<i class="layui-icon" style="color: #3a71a8"></i>
<p>点击上传,或将文件拖拽到此处</p>
<div class="layui-hide" id="uploadDemoView">
<hr>
<img src="" alt="上传成功后渲染" style="max-width: 196px">
</div>
</div>
</div>
</div>
<div class="layui-col-xs6" style="padding: 20px">
<div class="grid-demo">
<div class="layui-row">上传须知:</div>
</div>
</div>
</div>
<!--资源库上传-->
<!--# } -->
<script type="text/javascript" src="${ctxPath}/plugins/xm-select.js?v=${jsVer}"></script>
<script>
@ -71,6 +93,17 @@
element = layui.element,
treetable = layui.treetable;
var courseInfoParentId = $("input[name='courseInfoId']").val();
//拖拽上传
upload.render({
elem: '#resourcesUpload'
,url: Common.ctxPath + '/jlw/file/update.do' //此处用的是第三方的 http 请求演示,实际使用时改成您自己的上传接口即可。
,done: function(res){
layer.msg('上传成功');
layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', Common.ctxPath + res.data.src);
}
});
var courseInfoTable = function () {
var ret = Common.getAjax("/jlw/courseInfo/getCourseResources.json", {courseInfoId: courseInfoParentId});
var data = ret.data;
@ -105,11 +138,11 @@
};
}
, cols: [[ // 表头
/* {
field: 'LAY_TABLE_INDEX',
title: '序号',
align: "center",
},*/
{
field: 'LAY_TABLE_INDEX',
title: '序号',
align: "center",
},
{
field: 'courseInfoName',
title: '目录名称',
@ -149,7 +182,7 @@
if (d.courseInfoType === 2) {
htm += '<a class="layui-table-link" lay-event="add">添加子章节</a>';
} else if (d.courseInfoType === 3) {
htm += '<a class="layui-table-link" lay-event="updateResources">上传资源</a>';
htm += '<a class="layui-table-link" lay-event="updataResources">上传资源</a>';
htm += '<a class="layui-table-link" lay-event="addLine">添加链接</a>';
htm += '<a class="layui-table-link" lay-event="addWP">添加图文</a>';
}
@ -195,6 +228,7 @@
treetable.foldAll('#courseInfoTable');
});
/*表格操作栏*/
table.on('tool(courseInfoTable)', function (obj) {
var data = obj.data;
var courseInfoId = data.courseInfoId;
@ -205,16 +239,9 @@
courseInfoStatus: 1
};
addOpen("",'子章节名称',"",param);
}else if (obj.event === 'updateResources') {//上传资源
layer.open({
title: '在线调试'
,content: '<input type="radio" name="sex" value="nan" title="男">\n' +
'<input type="radio" name="sex" value="nv" title="女" checked>'
, shadeClose:true
, btn2: function (index, layero) {
layer.close(index);
}
});
}else if (obj.event === 'updataResources') {//上传资源
var that = this;
updataResourcesOpen();
}else if (obj.event === 'addLine') {//添加链接
}else if (obj.event === 'addWP') {//添加图文
@ -270,10 +297,10 @@
}
});
/*添加、编辑弹窗*/
function addOpen(id,title,data,param) {
layer.open({
title: "编辑"
title: "添加/编辑"
, content: '<div class="layui-inline" id="editName">\n' +
'<label class="layui-form-label">'+title+'</label>\n' +
'<div class="layui-input-inline">\n' +
@ -305,7 +332,55 @@
}
});
}
function updataResourcesOpen() {
layer.open({
title: '上传资源类型'
, shadeClose: true
, content: ' <div class="layui-form" style="margin-top: 5px">' +
' <input type="radio" name="type" value="1" title="本地上传" checked>' +
' <input type="radio" name="type" value="2" title="资源库上传" >' +
' </div>'
, btn: ['确定', '关闭']
, success: function (layero, index) {
form.render();
},yes:function (index, layero){
var type = $("input[name='type']:checked").val();
if($.isEmpty(type)){
Common.info("请选择上传资源类型!!");
return;
}
if(type == '1'||type == 1){
updataResourcesOpenLocal();
}else {
}
layer.close(index);
}
, btn2: function (index, layero) {
layer.close(index);
}
});
}
/*上传本地资源*/
function updataResourcesOpenLocal() {
layer.open({
title: '本地上传'
,type:1
, shadeClose: true
, content: $("#resources_demo")
, area: ['650px','380px']
, btn: ['确定', '关闭']
,yes:function (index, layero){
layer.close(index);
}
, btn2: function (index, layero) {
layer.close(index);
}
});
}
/*课程数据提交*/
function postCourseInfo(id, param) {
layer.load();
setTimeout(function () {
@ -329,6 +404,8 @@
});
}, 50);
}
/*资源数据提交*/
function postResourcesInfo(id, param) {
layer.load();
setTimeout(function () {

Loading…
Cancel
Save