|
|
layui.define(['form', 'laydate', 'table'], function (exports) {
|
|
|
var form = layui.form,
|
|
|
laydate = layui.laydate,
|
|
|
table = layui.table,
|
|
|
resourcesInfoTable = null,
|
|
|
courseInfoMap = {},//课程map
|
|
|
zjMap = {},//章节map
|
|
|
selectMap = {},//已经生成过select的map
|
|
|
selectList = "<select lay-filter='select_courseInfoIds'><option value=''>请选择</option>",
|
|
|
courseLabelTypes = Common.getAjax("/jlw/courseInfo/getTreeByCourseLabelTypes.json", {
|
|
|
courseLabelTypes: "应用课程类",
|
|
|
rankLimit: 3
|
|
|
}).data; //获取课程数据
|
|
|
$.each(courseLabelTypes, function (key, value) {
|
|
|
selectList += '<option value="' + value.courseInfoId + '">' + value.courseInfoName + '</option>';
|
|
|
courseInfoMap[value.courseInfoId] = {courseInfoName: value.courseInfoName, children: value.children};
|
|
|
$.each(value.children, function (k, v) {
|
|
|
zjMap[v.courseInfoId] = {courseInfoName: v.courseInfoName, children: v.children};
|
|
|
});
|
|
|
});
|
|
|
selectList += "</select>";
|
|
|
var view = {
|
|
|
init: function () {
|
|
|
this.initTable();
|
|
|
this.initSearchForm();
|
|
|
this.initToolBar();
|
|
|
window.dataReload = function () {
|
|
|
Lib.doSearchForm($("#searchForm"), resourcesInfoTable);
|
|
|
}
|
|
|
},
|
|
|
initTable: function () {
|
|
|
resourcesInfoTable = table.render({
|
|
|
elem: '#resourcesInfoTable',
|
|
|
height: Lib.getTableHeight(),
|
|
|
cellMinWidth: 100,
|
|
|
method: 'post',
|
|
|
even: true,
|
|
|
size: "lg",
|
|
|
url: Common.ctxPath + '/jlw/resourcesInfo/list.json' // 数据接口
|
|
|
, page: Lib.tablePage // 开启分页
|
|
|
, limit: 10,
|
|
|
cols: [[ // 表头
|
|
|
{
|
|
|
type: 'checkbox'
|
|
|
},
|
|
|
{
|
|
|
field: 'resourcesInfoName', title: '资源名称', align: "center", style: "text-align: left;"
|
|
|
},
|
|
|
{
|
|
|
field: 'courseInfoParentParentName',
|
|
|
title: '归属课程',
|
|
|
align: "center",
|
|
|
width: 200,
|
|
|
templet: function (d) {
|
|
|
return selectList; //一级
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
field: 'courseInfoParentName',
|
|
|
title: '归属章节',
|
|
|
align: "center",
|
|
|
width: 200,
|
|
|
templet: function (d) {
|
|
|
var htm = "<select lay-filter='select_courseInfoIds_1'><option value=''>请选择</option>";
|
|
|
if (!$.isEmpty(d.courseInfoParentId)) {
|
|
|
if ($.isEmpty(selectMap[d.courseInfoParentId])) {
|
|
|
var h = htm;
|
|
|
if (!$.isEmpty(courseInfoMap[d.courseInfoParentParentId])) {
|
|
|
$.each(courseInfoMap[d.courseInfoParentParentId].children, function (key, v) {
|
|
|
h += "<option value='" + v.courseInfoId + "'>" + v.courseInfoName + "</option>";
|
|
|
});
|
|
|
}
|
|
|
selectMap[d.courseInfoParentId] = h + "</select>";
|
|
|
return h;
|
|
|
} else {
|
|
|
return selectMap[d.courseInfoParentId];
|
|
|
}
|
|
|
} else {
|
|
|
return htm + "</select>"; //二级
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
|
|
|
field: 'courseInfoName', title: '归属小节', align: "center", width: 200, templet: function (d) {
|
|
|
var htm = "<select lay-filter='select_courseInfoIds_2'><option value=''>请选择</option>";
|
|
|
if (!$.isEmpty(d.courseInfoId)) {
|
|
|
if ($.isEmpty(selectMap[d.courseInfoId])) {
|
|
|
var h = htm;
|
|
|
if (!$.isEmpty(zjMap[d.courseInfoParentId])) {
|
|
|
$.each(zjMap[d.courseInfoParentId].children, function (key, v) {
|
|
|
h += "<option value='" + v.courseInfoId + "'>" + v.courseInfoName + "</option>";
|
|
|
});
|
|
|
}
|
|
|
selectMap[d.courseInfoId] = h + "</select>";
|
|
|
return h;
|
|
|
} else {
|
|
|
return selectMap[d.courseInfoId];
|
|
|
}
|
|
|
} else {
|
|
|
return htm + "</select>"; //三级
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
field: 'addTypeText', width: 150, title: '来源', align: "center"
|
|
|
},
|
|
|
{
|
|
|
field: 'orgIdText', width: 150, title: '上传院校', align: "center"
|
|
|
},
|
|
|
{
|
|
|
field: 'resourcesInfoType', width: 150, title: '资源类型', align: "center", templet: function (d) {//(1视频 2PPT 3PDF)
|
|
|
var text= d.resourcesInfoType == 1 ? "视频" : d.resourcesInfoType == 2 ? "PPT" : d.resourcesInfoType == 3 ? "PDF" : d.resourcesInfoType == 4 ? "链接" : d.resourcesInfoType == 5 ? "图文" : '-';
|
|
|
return '<span class="textType">' + text + '</span>';
|
|
|
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
field: 'userId', title: '操作', width: 180, align: "center", templet: function (d) {
|
|
|
var htm = '<a class="layui-table-link" lay-event="edit">编辑</a>';
|
|
|
htm += '<a class="layui-table-link" lay-event="previewPage">' + (d.resourcesInfoType == 3 ? '下载' : '预览') + '</a>';
|
|
|
htm += '<a class="layui-table-link" lay-event="del">删除</a>';
|
|
|
return htm;
|
|
|
}
|
|
|
}
|
|
|
]], done: function (res, curr, count) {
|
|
|
$.each(res.data, function (k, v) {
|
|
|
$("div[lay-id='resourcesInfoTable'] tbody tr:eq(" + k + ")").find("select:eq(0)").val(v.courseInfoParentParentId);
|
|
|
$("div[lay-id='resourcesInfoTable'] tbody tr:eq(" + k + ")").find("select:eq(1)").val(v.courseInfoParentId);
|
|
|
$("div[lay-id='resourcesInfoTable'] tbody tr:eq(" + k + ")").find("select:eq(2)").val(v.courseInfoId);
|
|
|
});
|
|
|
form.render();
|
|
|
$.each($("td[data-field='courseInfoName']"), function (k, v) {
|
|
|
$(this).find("input").val($(this).find("input").context.dataset.content);
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
table.on('checkbox(resourcesInfoTable)', function (obj) {
|
|
|
var resourcesInfo = obj.data;
|
|
|
if (obj.checked) {
|
|
|
//按钮逻辑Lib.buttonEnable()
|
|
|
} else {
|
|
|
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
|
|
|
initSearchForm: function () {
|
|
|
Lib.initSearchForm($("#searchForm"), resourcesInfoTable, form);
|
|
|
},
|
|
|
initToolBar: function () {
|
|
|
toolbar = {
|
|
|
add: function () { // 获取选中数据
|
|
|
var url = "/jlw/resourcesInfo/add.do";
|
|
|
Common.openDlg(url, "资源管理/新增资源");
|
|
|
},
|
|
|
refresh: function () {//刷新
|
|
|
searchForm.reset();
|
|
|
Lib.doSearchForm($("#searchForm"), resourcesInfoTable, 1);
|
|
|
},
|
|
|
search: function () {
|
|
|
Lib.doSearchForm($("#searchForm"), resourcesInfoTable, 1);
|
|
|
},
|
|
|
allDel: function () {//批量删除
|
|
|
var checkStatus = table.checkStatus('resourcesInfoTable')
|
|
|
, data = checkStatus.data, ids = "";
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
ids += data[i].resourcesInfoId;
|
|
|
if (i < data.length - 1) {
|
|
|
ids += ",";
|
|
|
}
|
|
|
}
|
|
|
if ($.isEmpty(ids)) {
|
|
|
layer.msg("请选择需要删除的数据！", {
|
|
|
offset: ['50%'],
|
|
|
icon: 2,
|
|
|
time: 1500 //2秒关闭（如果不配置，默认是3秒）
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
deleteInfo(ids);
|
|
|
},
|
|
|
bindingCourseInfo: function () {//批量绑定课程
|
|
|
var checkStatus = table.checkStatus('resourcesInfoTable')
|
|
|
, data = checkStatus.data, ids = "";
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
ids += data[i].resourcesInfoId;
|
|
|
if (i < data.length - 1) {
|
|
|
ids += ",";
|
|
|
}
|
|
|
}
|
|
|
if ($.isEmpty(ids)) {
|
|
|
layer.msg("请选择需要绑定章节的数据！", {
|
|
|
offset: ['50%'],
|
|
|
icon: 2,
|
|
|
time: 1500 //2秒关闭（如果不配置，默认是3秒）
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
bindingCourseInfo(ids);
|
|
|
}
|
|
|
};
|
|
|
$('.ext-toolbar').on('click', function () {
|
|
|
var type = $(this).data('type');
|
|
|
toolbar[type] ? toolbar[type].call(this) : '';
|
|
|
});
|
|
|
}, initTableTool: table.on('tool(resourcesInfoTable)', function (obj) {
|
|
|
var data = obj.data;
|
|
|
if (obj.event === 'edit') {
|
|
|
var url = "/jlw/resourcesInfo/add.do?resourcesInfoId=" + data.resourcesInfoId;
|
|
|
Common.openDlg(url, "资源管理/编辑资源");
|
|
|
} else if (obj.event === "del") {
|
|
|
deleteInfo(data.resourcesInfoId);
|
|
|
} else if (obj.event === "previewPage") {
|
|
|
Lib.downloadFile(data);
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
function deleteInfo(ids) {
|
|
|
layer.confirm('是否确定删除数据？', function (index) {
|
|
|
var ret = Common.postAjax("/jlw/resourcesInfo/delete.json", {ids: ids});
|
|
|
layer.msg(ret.code == 0 ? "删除成功！" : ret.msg, {
|
|
|
offset: ['50%'],
|
|
|
icon: ret.code == 0 ? 1 : 2,
|
|
|
time: 1500 //2秒关闭（如果不配置，默认是3秒）
|
|
|
}, function () {
|
|
|
if (ret.code == 0) {
|
|
|
Lib.tableRefresh();
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//批量绑定章节
|
|
|
function bindingCourseInfo(ids) {
|
|
|
layer.open({
|
|
|
type: 1,
|
|
|
title: "批量绑定章节",
|
|
|
shadeClose: true,
|
|
|
btn: ['确定', '关闭'],
|
|
|
btnAlign: 'c',
|
|
|
area: ['620px', '360px'],
|
|
|
content: $("#bindingCourseInfo_dialog"),
|
|
|
success: function (layero, index) {
|
|
|
$("#bindingCourseInfo_dialog select").val("");
|
|
|
$("#bindingCourseInfo_dialog .layui-input-inline").css("width", "400px");
|
|
|
form.render();
|
|
|
}, yes: function (index) {
|
|
|
var courseInfoId = $("#bindingCourseInfo_dialog select[name='courseInfoId']").val();
|
|
|
if ($.isEmpty(courseInfoId)) {
|
|
|
layer.msg("请选择归属小结！");
|
|
|
return;
|
|
|
}
|
|
|
var ret = Common.postAjax("/jlw/resourcesInfo/setCourseInfoId.json", {
|
|
|
courseInfoId: courseInfoId,
|
|
|
resourcesInfoIds: ids
|
|
|
});
|
|
|
layer.msg(ret.code == 0 ? "绑定成功！" : ret.msg, {
|
|
|
offset: ['50%'],
|
|
|
icon: ret.code == 0 ? 1 : 2,
|
|
|
time: 1500 //2秒关闭（如果不配置，默认是3秒）
|
|
|
}, function () {
|
|
|
if (ret.code == 0) {
|
|
|
Lib.tableRefresh();
|
|
|
layer.close(index);
|
|
|
}
|
|
|
});
|
|
|
}, btn2: function (index, layero) {
|
|
|
layer.close(index);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//选择归属课程 并且根据选择的课程查询章节 resourcesQuestionIdsIsNotNull:查询题目不为空的章节
|
|
|
form.on('select(select_courseInfoIds_)', function (obj) {
|
|
|
Lib.getCourseInfo($("select[name='courseInfoId_2']"), obj.value, 1);
|
|
|
});
|
|
|
|
|
|
//选择归属课程 并且根据选择的课程查询章节
|
|
|
form.on('select(select_courseInfoIds_Node)', function (obj) {
|
|
|
Lib.getCourseInfo($("select[name='courseInfoId_3']"), obj.value);
|
|
|
});
|
|
|
//选择归属课程 并且根据选择的课程查询章节
|
|
|
form.on('select(select_courseId)', function (obj) {
|
|
|
var this_ = $("#bindingCourseInfo_dialog select[name='chapterId']");
|
|
|
var this_1 = $("#bindingCourseInfo_dialog select[name='courseInfoId']");
|
|
|
this_.empty();
|
|
|
this_.append("<option value=''>请选择</option>");
|
|
|
this_1.empty();
|
|
|
this_1.append("<option value=''>请选择</option>");
|
|
|
if (!$.isEmpty(obj.value)) {
|
|
|
$.each(courseInfoMap[obj.value].children, function (key, v) {
|
|
|
this_.append("<option value='" + v.courseInfoId + "'>" + v.courseInfoName + "</option>");
|
|
|
});
|
|
|
}
|
|
|
form.render();
|
|
|
});
|
|
|
|
|
|
//选择归属课程 并且根据选择的课程查询章节
|
|
|
form.on('select(select_chapterId)', function (obj) {
|
|
|
var this_ = $("#bindingCourseInfo_dialog select[name='courseInfoId']");
|
|
|
this_.empty();
|
|
|
this_.append("<option value=''>请选择</option>");
|
|
|
if (!$.isEmpty(obj.value)) {
|
|
|
$.each(zjMap[obj.value].children, function (key, v) {
|
|
|
this_.append("<option value='" + v.courseInfoId + "'>" + v.courseInfoName + "</option>");
|
|
|
});
|
|
|
}
|
|
|
form.render();
|
|
|
});
|
|
|
|
|
|
//选择归属课程 并且根据选择的课程查询章节
|
|
|
form.on('select(select_courseInfoIds)', function (obj) {
|
|
|
var this_ = $(this).parents("td").next().find("select");
|
|
|
this_.empty();
|
|
|
this_.append("<option value=''>请选择</option>");
|
|
|
|
|
|
$(this).parents("td").next().next().find("select").empty();
|
|
|
$(this).parents("td").next().next().find("select").append("<option value=''>请选择</option>");
|
|
|
if (!$.isEmpty(obj.value)) {
|
|
|
$.each(courseInfoMap[obj.value].children, function (key, v) {
|
|
|
this_.append("<option value='" + v.courseInfoId + "'>" + v.courseInfoName + "</option>");
|
|
|
});
|
|
|
}
|
|
|
form.render();
|
|
|
});
|
|
|
|
|
|
//选择归属课程 并且根据选择的课程查询章节
|
|
|
form.on('select(select_courseInfoIds_1)', function (obj) {
|
|
|
var this_ = $(this).parents("td").next().find("select");
|
|
|
this_.empty();
|
|
|
this_.append("<option value=''>请选择</option>");
|
|
|
if (!$.isEmpty(obj.value)) {
|
|
|
$.each(zjMap[obj.value].children, function (key, v) {
|
|
|
this_.append("<option value='" + v.courseInfoId + "'>" + v.courseInfoName + "</option>");
|
|
|
});
|
|
|
}
|
|
|
form.render();
|
|
|
});
|
|
|
|
|
|
//选择归属课程 并且根据选择的课程查询章节
|
|
|
form.on('select(select_courseInfoIds_2)', function (obj) {
|
|
|
var r = $(this).parents("td").find("input").context.innerHTML.replace(/ /g, "");
|
|
|
$(this).parents("td").find("input").val(r);
|
|
|
var resourcesInfoId = table.cache['resourcesInfoTable'][$(this).parents("tr").attr("data-index")].resourcesInfoId;
|
|
|
if (!$.isEmpty(resourcesInfoId)) {
|
|
|
var ret = Common.postAjax("/jlw/resourcesInfo/edit.json", {
|
|
|
resourcesInfoId: resourcesInfoId,
|
|
|
courseInfoId: obj.value
|
|
|
});
|
|
|
layer.msg(ret.code == 0 ? "绑定成功！" : ret.msg, {
|
|
|
offset: ['50%'],
|
|
|
icon: ret.code == 0 ? 1 : 2,
|
|
|
time: 1000 //2秒关闭（如果不配置，默认是3秒）
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
exports('index', view);
|
|
|
|
|
|
}); |