tianzeOrg
/
tianze-pro
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

课程配置

Browse Source
beetlsql3-dev
姚丹ab 2 years ago
parent 9e159392c6
commit 992575edec
1 changed files with 102 additions and 78 deletions
Show Stats Download Patch File Download Diff File

180
web/src/main/resources/templates/jlw/courseInfo/courseConfigureNew.html
Unescape Escape View File

@ -71,7 +71,12 @@
</div> </div>
<div class="layui-col-xs6" style="padding: 20px"> <div class="layui-col-xs6" style="padding: 20px">
<div class="grid-demo"> <div class="grid-demo">
<div class="layui-row">上传须知:</div> <p>上传须知：</p> <p style="text-indent: 2em;">1、可上传视频格式：MP4</p>
<p style="text-indent: 2em;">2、可上传文档包括：word、ppt、pdf</p>
<p style="text-indent: 2em;">3、默认使用文件名称，可自行修改</p>
<!--<div class="el-col el-col-12">
</div>-->
</div> </div>
</div> </div>
@ -143,7 +148,7 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label" style="width: 80px">文件:</label> <label class="layui-form-label" style="width: 80px">文件:</label>
<div class="layui-input-inline" style="width: 130px!important"> <div class="layui-input-inline" style="width: 130px!important">
<button type="button" class="layui-btn" id="test1"> <button type="button" class="layui-btn" id="picWordUp">
<i class="layui-icon">&#xe67c;</i>上传图片 <i class="layui-icon">&#xe67c;</i>上传图片
</button> </button>
</div> </div>
@ -170,6 +175,7 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
upload = layui.upload, upload = layui.upload,
treetable = layui.treetable, treetable = layui.treetable,
layedit = layui.layedit, layedit = layui.layedit,
editIndex,
laytpl = layui.laytpl, laytpl = layui.laytpl,
transfer = layui.transfer, transfer = layui.transfer,
tree = layui.tree, tree = layui.tree,
@ -177,19 +183,28 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
var courseInfoParentId = $("input[name='courseInfoId']").val(); var courseInfoParentId = $("input[name='courseInfoId']").val();
var resourcesTable = []; var resourcesTable = [];
//拖拽上传 layedit.set({ //富文本上传图片
uploadImage: {
url: Common.ctxPath + "/jlw/file/update.do",
imgUrl:Common.ctxPath
}
});
var courseInfoContent_;
upload.render({ upload.render({
elem: '#resourcesUpload' elem: '#resourcesUpload'
,url: Common.ctxPath + '/jlw/file/update.do' ,url: Common.ctxPath + '/jlw/file/update.do'
, accept: 'file'
,done: function(res){ ,done: function(res){
layer.msg('上传成功'); layer.msg('上传成功');
layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', Common.ctxPath + res.data.src); layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', Common.ctxPath + res.data.src);
} }
}); });
var uploadInst = upload.render({ var uploadInst = upload.render({
elem: '#test1' //上传图文 elem: '#picWordUp' //上传图文
, url: Common.ctxPath + '/jlw/file/update.do' , url: Common.ctxPath + '/jlw/file/update.do'
,accept:'file' , accept: 'file'
, exts: 'jpg|png|gif|bmp|jpeg|csv'
, done: function (res) { , done: function (res) {
//上传完毕回调 //上传完毕回调
layer.msg('上传成功'); layer.msg('上传成功');
@ -343,16 +358,15 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
}; };
addOpen("",'子章节名称',"",param); addOpen("",'子章节名称',"",param);
}else if (obj.event === 'updataResources') {//上传资源 }else if (obj.event === 'updataResources') {//上传资源
updataResourcesOpen(courseInfoId); updataResourcesOpen(data);
}else if (obj.event === 'addLine') {//添加链接 }else if (obj.event === 'addLine') {//添加链接
addLine(data.courseInfoId); addLine(data);
} else if (obj.event === 'addPW') {//添加图文 } else if (obj.event === 'addPW') {//添加图文
addPW(data.courseInfoId); addPW(data);
}else if (obj.event === 'look') {//查看 }else if (obj.event === 'look') {//查看
Lib.downloadFile(data); Lib.downloadFile(data);
}else if (obj.event === 'update') {//上传 }else if (obj.event === 'update') {//上传
return; updataResourcesOpen(data);
updataResourcesOpen();
}else if(obj.event === 'edit'){ }else if(obj.event === 'edit'){
var title="章节目录"; var title="章节目录";
var param = {}; var param = {};
@ -423,13 +437,12 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
}else { }else {
if(!$.isEmpty(param.resourcesInfoId)){ if(!$.isEmpty(param.resourcesInfoId)){
param.resourcesInfoName = $("#editName input[name='courseInfoName']").val(); param.resourcesInfoName = $("#editName input[name='courseInfoName']").val();
postResourcesInfo(param.resourcesInfoId,param) postResourcesInfo(param.resourcesInfoId,param,index)
}else{ }else{
param.courseInfoName = $("#editName input[name='courseInfoName']").val(); param.courseInfoName = $("#editName input[name='courseInfoName']").val();
postCourseInfo(id, param); postCourseInfo(id, param);
} }
} }
layer.close(index);
}, },
btn2: function (index, layero) { btn2: function (index, layero) {
layer.close(index); layer.close(index);
@ -438,7 +451,7 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
} }
/*资源类型弹出框*/ /*资源类型弹出框*/
function updataResourcesOpen(courseInfoId) { function updataResourcesOpen(data) {
layer.open({ layer.open({
title: '上传资源类型' title: '上传资源类型'
, shadeClose: true , shadeClose: true
@ -456,9 +469,23 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
return; return;
} }
if(type == '1'||type == 1){ if(type == '1'||type == 1){
updataResourcesOpenLocal(); if (!$.isEmpty(data.resourcesInfoType)) {
if (data.resourcesInfoType === 5) {
addPW(data,1);
} else if (data.resourcesInfoType === 4) {
addLine(data,1);
} else {
updataResourcesOpenLocal();
}
} else {
updataResourcesOpenLocal();
}
}else { }else {
updataResourcesOpenRe(courseInfoId); if (!$.isEmpty(data.resourcesInfoType)) {
updataResourcesOpenRe(data,1);
} else {
updataResourcesOpenRe(data,2);
}
} }
layer.close(index); layer.close(index);
} }
@ -487,22 +514,22 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
} }
/*资源库上传弹出框*/ /*资源库上传弹出框*/
function updataResourcesOpenRe(courseInfoId) { function updataResourcesOpenRe(dataOld,sign) {
layer.open({ layer.open({
type: 1, type: 1,
title: "资源库上传", title: "资源库上传",
shadeClose: true, shadeClose: true,
btn: ['保存', '关闭'], btn: ['保存', '关闭'],
btnAlign: 'c', btnAlign: 'c',
area: ['900px', '580px'], area: ['820px', '580px'],
content: $("#edit_dialog"), content: $("#edit_dialog"),
success: function (layero, index) { success: function (layero, index) {
loadResourcesInfo(3); loadResourcesInfo(sign);
$(".search").unbind(); $(".search").unbind();
$(".search").click(searchList); //搜索 $(".search").click(searchList); //搜索
}, yes: function (index) { }, yes: function (index) {
var checkStatus = table.checkStatus("resourcesInfoTable"); //获取选中行状态 var checkStatus = table.checkStatus("resourcesInfoTable"); //获取选中行状态
var data = checkStatus.data, ids = Common.concatBatchId(data, "resourcesInfoId"); //获取选中行数据 var dataNew = checkStatus.data, ids = Common.concatBatchId(dataNew, "resourcesInfoId"); //获取选中行数据
if ($.isEmpty(ids)) { if ($.isEmpty(ids)) {
layer.msg("请选择需要上传的资源！", { layer.msg("请选择需要上传的资源！", {
@ -512,15 +539,27 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
}); });
return; return;
} }
var param = {resourcesInfoIds: ids,courseId:courseInfoId}; var param={}
var ret = Common.postAjax("/jlw/resourcesInfo/copy.json", param); var ret;
layer.msg(ret.code == 0 ? "保存成功！" : ret.msg, { if(sign==2){
offset: ['50%'], param = {resourcesInfoIds: ids,courseId:dataOld.courseInfoId};
icon: ret.code == 0 ? 1 : 2, ret = Common.postAjax("/jlw/resourcesInfo/copy.json", param);
time: 1500 //2秒关闭（如果不配置，默认是3秒） layer.msg(ret.code == 0 ? "保存成功！" : ret.msg, {
}, function () { offset: ['50%'],
layer.close(index); icon: ret.code == 0 ? 1 : 2,
}); time: 1500 //2秒关闭（如果不配置，默认是3秒）
}, function () {
layer.close(index);
});
}else {
param = {resourcesInfoId: dataOld.resourcesInfoId,
courseId:dataOld.courseInfoId,
resourcesInfoContent:dataNew[0].resourcesInfoContent,
resourcesInfoName:dataNew[0].resourcesInfoName,
resourcesInfoType:dataNew[0].resourcesInfoType
};
postResourcesInfo(dataOld.resourcesInfoId,param,index);
}
}, btn2: function (index, layero) { }, btn2: function (index, layero) {
layer.close(index); layer.close(index);
} }
@ -528,7 +567,7 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
} }
//资源库表格 //资源库表格
function loadResourcesInfo(resourcesInfoType, ids) { function loadResourcesInfo(sign) {
$("#edit_dialog input[name='resourcesInfoName']").val(""); $("#edit_dialog input[name='resourcesInfoName']").val("");
resourcesTable = table.render({ resourcesTable = table.render({
elem: '#resourcesInfoTable', elem: '#resourcesInfoTable',
@ -541,13 +580,13 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
, limit: 10, , limit: 10,
cols: [[ // 表头 cols: [[ // 表头
{ {
type: 'checkbox' type: sign == 2 ?'checkbox':'radio'
}, },
{ {
field: 'resourcesInfoName', title: '资源名称', align: "center", style: "text-align: left;" field: 'resourcesInfoName', title: '资源名称', align: "center", style: "text-align: left;"
}, },
{ {
field: 'courseInfoParentParentName', title: '归属课程', align: "center" field: 'courseInfoParentParentName', title: '归属课程', align: "center", width: 150
}, },
{ {
field: 'resourcesInfoType', width: 150, title: '资源类型', align: "center", templet: function (d) {//(1视频 2PPT 3PDF) field: 'resourcesInfoType', width: 150, title: '资源类型', align: "center", templet: function (d) {//(1视频 2PPT 3PDF)
@ -558,7 +597,7 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
{ {
field: 'userId', field: 'userId',
title: '操作', title: '操作',
width: resourcesInfoType == 7 || resourcesInfoType == 8 || resourcesInfoType == 9 ? 150 : 100, width: 80,
align: "center", align: "center",
templet: function (d) { templet: function (d) {
var htm = '<button type="button" class="layui-btn layui-btn-xs bg_button" lay-event="previewPage">查看</button></a>'; var htm = '<button type="button" class="layui-btn layui-btn-xs bg_button" lay-event="previewPage">查看</button></a>';
@ -590,7 +629,7 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
} }
/*添加链接*/ /*添加链接*/
function addLine(courseInfoId) { function addLine(data,sign) {
layer.open({ layer.open({
type: 1, type: 1,
title: "添加链接", title: "添加链接",
@ -598,6 +637,8 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
btn: ['保存', '关闭'], btn: ['保存', '关闭'],
content: $("#addLine_dialog"), content: $("#addLine_dialog"),
success: function (layero, index) { success: function (layero, index) {
$("#addLine_dialog input[name='resourcesInfoName']").val(data.resourcesInfoName);
$("#addLine_dialog input[name='resourcesInfoContent']").val(data.resourcesInfoContent);
}, yes: function (index) { }, yes: function (index) {
var resourcesInfoName = $("#addLine_dialog input[name='resourcesInfoName']").val(); var resourcesInfoName = $("#addLine_dialog input[name='resourcesInfoName']").val();
var resourcesInfoContent = $("#addLine_dialog input[name='resourcesInfoContent']").val(); var resourcesInfoContent = $("#addLine_dialog input[name='resourcesInfoContent']").val();
@ -621,37 +662,23 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
'resourcesInfoName': resourcesInfoName, 'resourcesInfoName': resourcesInfoName,
'resourcesInfoContent': resourcesInfoContent, 'resourcesInfoContent': resourcesInfoContent,
'resourcesInfoType':4, 'resourcesInfoType':4,
'courseInfoId':courseInfoId 'courseInfoId':data.courseInfoId
}; };
if(sign == 1){
layer.load(0,{ param.resourcesInfoId=data.resourcesInfoId;
shadeClose: false, param.courseInfoId=data.courseInfoParentId;
shade: [0.5] postResourcesInfo(data.resourcesInfoId,param,index)
}); }else {
setTimeout(function () { postResourcesInfo("",param,index)
var ret = Common.postAjax("/jlw/resourcesInfo/add.json", param); }
layer.close();
layer.msg(ret.code == 0 ? "保存成功！" : ret.msg, {
offset: ['50%'],
icon: ret.code == 0 ? 1 : 2,
time: 1500 //2秒关闭（如果不配置，默认是3秒）
},function () {
if (ret.code == 0) {
courseInfoTable();
layer.close(index);
}
});
}, 50);
}, btn2: function (index, layero) { }, btn2: function (index, layero) {
layer.close(index); layer.close(index);
} }
}); });
} }
var courseInfoContent_ = layedit.build('resourcesInfoContent', {height: 200}); //题干
/*添加图文*/ /*添加图文*/
function addPW(courseInfoId) { function addPW(data,sign) {
layer.open({ layer.open({
type: 1, type: 1,
title: "添加图文", title: "添加图文",
@ -659,7 +686,10 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
btn: ['保存', '关闭'], btn: ['保存', '关闭'],
content: $("#addPW_dialog"), content: $("#addPW_dialog"),
success: function (layero, index) { success: function (layero, index) {
$("#addPW_dialog input[name='resourcesInfoName']").val(data.resourcesInfoName);
$("#addPW_dialog textarea[name='resourcesInfoContent']").val(data.resourcesInfoContent);
//建立编辑器
courseInfoContent_ = layedit.build('resourcesInfoContent', {height: 200}); //题干
}, yes: function (index) { }, yes: function (index) {
var resourcesInfoName = $("#addPW_dialog input[name='resourcesInfoName']").val(); var resourcesInfoName = $("#addPW_dialog input[name='resourcesInfoName']").val();
var resourcesInfoContent = layedit.getContent(courseInfoContent_); var resourcesInfoContent = layedit.getContent(courseInfoContent_);
@ -683,26 +713,15 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
'resourcesInfoName': resourcesInfoName, 'resourcesInfoName': resourcesInfoName,
'resourcesInfoContent': resourcesInfoContent, 'resourcesInfoContent': resourcesInfoContent,
'resourcesInfoType':5, 'resourcesInfoType':5,
'courseInfoId':courseInfoId 'courseInfoId':data.courseInfoId
}; };
layer.load(0,{ if(sign == 1){
shadeClose: false, param.resourcesInfoId=data.resourcesInfoId;
shade: [0.5] param.courseInfoId=data.courseInfoParentId;
}); postResourcesInfo(data.resourcesInfoId,param,index)
setTimeout(function () { }else {
var ret = Common.postAjax("/jlw/resourcesInfo/add.json", param); postResourcesInfo("",param,index)
layer.close(); }
layer.msg(ret.code == 0 ? "保存成功！" : ret.msg, {
offset: ['50%'],
icon: ret.code == 0 ? 1 : 2,
time: 1500 //2秒关闭（如果不配置，默认是3秒）
}, function () {
if (ret.code == 0) {
layer.close(index)
courseInfoTable();
}
});
}, 10);
}, btn2: function (index, layero) { }, btn2: function (index, layero) {
layer.close(index); layer.close(index);
@ -735,8 +754,11 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
} }
/*资源数据提交*/ /*资源数据提交*/
function postResourcesInfo(id, param) { function postResourcesInfo(id, param,index) {
layer.load(); layer.load(0,{
shadeClose: false,
shade: [0.5]
});
setTimeout(function () { setTimeout(function () {
var url = "/jlw/resourcesInfo/add.json"; var url = "/jlw/resourcesInfo/add.json";
if (!$.isEmpty(id)) { if (!$.isEmpty(id)) {
@ -744,6 +766,7 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
} }
var ret = Common.postAjax(url, param); var ret = Common.postAjax(url, param);
if (ret.code == 0) { if (ret.code == 0) {
layer.close(index);
courseInfoTable(); courseInfoTable();
} }
layer.msg(ret.code == 0 ? "操作成功！" : ret.msg, { layer.msg(ret.code == 0 ? "操作成功！" : ret.msg, {
@ -751,6 +774,7 @@ type="course_info.course_info_name.course_info_status!=3,course_info_type=1,find
icon: ret.code == 0 ? 1 : 2, icon: ret.code == 0 ? 1 : 2,
time: 1500 //2秒关闭（如果不配置，默认是3秒） time: 1500 //2秒关闭（如果不配置，默认是3秒）
}, function () { }, function () {
layer.closeAll(); layer.closeAll();
if (ret.code == 0) { if (ret.code == 0) {
Lib.tableRefresh(); Lib.tableRefresh();

Write Preview
Loading…
Cancel
Save