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

课程绑定

Browse Source
beetlsql3-dev
Mlxa0324 2 years ago
parent 37f3c57219
commit 56adbefaac
2 changed files with 112 additions and 82 deletions
Show Stats Download Patch File Download Diff File

167
web/src/main/resources/static/js/jlw/resourcesApplicationCourse/index.js
Unescape Escape View File

@ -4,9 +4,17 @@ layui.define(['form', 'laydate', 'table'], function (exports) {
var table = layui.table;
var resourcesApplicationCourseTable = null;
// 查询去重的标签列表
window.disLabelTypeSelectList = Common.postAjax('/jlw/courseLabel/disLabelType.json').data;
window.courseLabelList = Common.getAjax('/jlw/courseLabel/getValues.json?courseLabelStatus=1').data;
var selectList = Common.postAjax('/jlw/courseLabel/disLabelType.json').data;
var courseLabelList = Common.getAjax('/jlw/courseLabel/getValues.json?courseLabelStatus=1').data;
var tableReload = table.reload;
table.reload = function () {
var args = [];
layui.each('resourcesApplicationCourseTable', function (index, item) {
args.push(item);
});
args[2] === undefined && (args[2] = true);
return tableReload.apply(null, args);
};
var view = {
init: function () {
this.initTable();
@ -47,13 +55,47 @@ layui.define(['form', 'laydate', 'table'], function (exports) {
field: 'courseLabelType',
title: '绑定模块',
align: "center",
templet: '#select_courseLabelTypeSelect',
templet: function (d) {
var prefix = '<!-- \'应用课程类\',\'考证课程类\',\'理论课程类\';-->\n' +
'<select lay-filter="select_one" name="courseLabelType">\n' +
' <option value="">请选择</option>';
var content = '';
var suffix = '</select>';
$.each(selectList, function (key, value) {
var selected = value == d.courseLabelType ? "selected" : "";
content += '<option value="' + value + '" ' + selected + '>' + value + '</option>';
});
return prefix + content + suffix;
}
},
{
field: 'courseLabelId',
title: '课程类别',
align: "center",
templet: '#select_courseLabelIdSelect'
templet: function (d) {
var prefix = '<!-- \'应用课程类\',\'考证课程类\',\'理论课程类\';-->\n' +
'<select lay-filter="select_UpdateCache" name="courseLabelId">\n' +
' <option value="">请选择</option>';
var content = '';
var suffix = '</select>';
var labelList = [];
// 一级类型
for (var courseLabel of courseLabelList) {
if (courseLabel.courseLabelType == d.courseLabelType) {
labelList.push(courseLabel)
}
}
$.each(labelList, function (key, value) {
var selected = value.courseLabelId == d.courseLabelId ? "selected" : "";
content += '<option value="' + value.courseLabelId + '" ' + selected + '>' + value.courseLabelName + '</option>';
});
return prefix + content + suffix;
}
},
{
field: 'resourcesApplicationIds',
@ -61,8 +103,8 @@ layui.define(['form', 'laydate', 'table'], function (exports) {
align: "center",
templet: function (d) {
// html字符串转对象，深拷贝操作，相当于每行copy一个下拉框进行回显选中操作
var copyHtml = $($('#select_resourcesApplicationIds').html())
copyHtml.find("option[value="+d.resourcesApplicationIds+"]").attr("selected", true);
var copyHtml = $($('#selectGxmc').html())
copyHtml.find("option[value=" + d.resourcesApplicationIds + "]").attr("selected", true);
return copyHtml.html();
}
},
@ -71,17 +113,30 @@ layui.define(['form', 'laydate', 'table'], function (exports) {
title: '操作',
align: "center",
templet: function (d) {
var htm = '';
// htm += '<a class="layui-table-link" lay-event="binding">绑定</a>';
htm += '<input type="checkbox" name="" lay-filter="binding" checked title="绑定">';
htm += '<a class="layui-table-link" style="padding-left: 15px" lay-event="edit">编辑</a>';
var htm = '<a class="layui-table-link" lay-event="binding">绑定</a>';
htm += '<a class="layui-table-link" lay-event="edit">编辑</a>';
return htm;
}
}
]]
/* ,done: function (res, curr, count) {
}*/
, done: function (res, curr, count) {
var divForm = $("#" + 'resourcesApplicationCourseTable').next(); // 获取表格，tableId是表格的id
var tableCache = table.cache['resourcesApplicationCourseTable']; // 获取表格缓存数据，tableCacheId也是表格的id
var trJqs = divForm.find(".layui-table-body tr"); // 获取表格body下的所有tr标签
trJqs.each(function () { // 遍历每个tr标签
var trJq = $(this); // 获得当前遍历的tr标签
var dataIndex = trJq.attr("data-index"); // 得到当前数据行的data-index，即为第几行数据
trJq.find("td").each(function () { // 遍历tr标签下的每一个td标签
var tdJq = $(this); // 获得当前遍历的td标签
var fieldName = tdJq.attr("data-field"); // 获得当前td标签的字段名
var selectJq = tdJq.find("select"); // 获得当前td标签下的select标签
if (selectJq.length == 1) { // 判断select标签是否存在
selectJq.eq(0).val(tableCache[dataIndex][fieldName]); // 将表格里的缓存数据赋值给select标签
}
});
});
form.render('select'); // 重新加载select表单
}
});
table.on('checkbox(resourcesApplicationCourseTable)', function (obj) {
@ -148,7 +203,12 @@ layui.define(['form', 'laydate', 'table'], function (exports) {
});
} else if (obj.event === "binding") {
layer.confirm('是否确定绑定？', function (index) {
var param = obj.data;
var param = {
courseInfoId: data.courseInfoId,
courseLabelType:data.courseLabelType,
courseLabelId:data.courseLabelId,
resourcesApplicationIds:data.resourcesApplicationIds,
};
var ret = Common.postAjax("/jlw/courseInfo/edit.json", param);
layer.msg(ret.code == 0 ? "绑定成功！" : ret.msg, {
offset: ['50%'],
@ -164,66 +224,49 @@ layui.define(['form', 'laydate', 'table'], function (exports) {
})
};
/**
* 修改绑定checkbox状态
*/
function updateBindingBtnStatus(that) {
$(that).parents("td").parents("tr").find('input:checkbox[title=绑定]').attr('checked', false);
form.render('checkbox');
}
//绑定课程名称选择
form.on('select(select_courseLabelType)', function (obj) {
if(!$.isEmpty(obj.value)){
var ret = Common.getAjax("/jlw/courseLabel/getValues.json",{courseLabelType:obj.value,courseLabelStatus:1});
if(ret.code == 0){
form.on('select(select_one)', function (obj) {
var tableCache = table.cache['resourcesApplicationCourseTable'], // 获得数据表格的缓存数据
value = obj.value, // 得到下拉列表改变后的value值
field = obj.othis.parents('td').attr('data-field'), // 获得下拉列表的父级td标签的字段名称
dataIndex = parseInt(obj.othis.parents('tr').attr('data-index')), // 获得变化的下拉列表所在的行index
lineDate = tableCache[dataIndex]; // 获得数据表格中该行的缓存数据
if (tableCache[dataIndex][field] != value) { // 判断数据是否发生了变化
// 这里可以写ajax实现与后台数据的交互
tableCache[dataIndex][field] = value; // 将修改后的数据更新到数据表格的缓存数据中
}
if (!$.isEmpty(obj.value)) {
var ret = Common.getAjax("/jlw/courseLabel/getValues.json", {
courseLabelType: obj.value,
courseLabelStatus: 1
});
if (ret.code == 0) {
var htm = '<option value="">请选择</option>';
for (var i = 0;i< ret.data.length;i++){
htm += '<option value="'+ret.data[i].courseLabelId+'">'+ret.data[i].courseLabelName+'</option>';
for (var i = 0; i < ret.data.length; i++) {
htm += '<option value="' + ret.data[i].courseLabelId + '">' + ret.data[i].courseLabelName + '</option>';
}
$(this).parents("td").siblings('td').eq(1).find('select').empty();
$(this).parents("td").siblings('td').eq(1).find('select').append(htm);
updateBindingBtnStatus(this);
$(obj.elem).prop('checked', !$(obj.elem).prop('checked'));
form.render();
}
}else {
} else {
$(this).parents("td").siblings('td').eq(1).find('select').empty();
form.render();
}
});
// 下拉框change事件
form.on('select(select_courseLabelId)', function (obj) {
table.cache['resourcesApplicationCourseTable'][$(this).parents("tr").data("index")].courseLabelId = obj.value;
updateBindingBtnStatus(this);
});
form.on('select(select_courseLabelId)', function (obj) {
table.cache['resourcesApplicationCourseTable'][$(this).parents("tr").data("index")].courseLabelId = obj.value;
updateBindingBtnStatus(this);
});
form.on('select(select_resourcesApplicationIds)', function (obj) {
table.cache['resourcesApplicationCourseTable'][$(this).parents("tr").data("index")].resourcesApplicationIds = obj.value;
updateBindingBtnStatus(this);
form.on('select(select_UpdateCache)', function (obj) {
var tableCache = table.cache['resourcesApplicationCourseTable'], // 获得数据表格的缓存数据
value = obj.value, // 得到下拉列表改变后的value值
field = obj.othis.parents('td').attr('data-field'), // 获得下拉列表的父级td标签的字段名称
dataIndex = parseInt(obj.othis.parents('tr').attr('data-index')), // 获得变化的下拉列表所在的行index
lineDate = tableCache[dataIndex]; // 获得数据表格中该行的缓存数据
if (tableCache[dataIndex][field] != value) { // 判断数据是否发生了变化
// 这里可以写ajax实现与后台数据的交互
tableCache[dataIndex][field] = value; // 将修改后的数据更新到数据表格的缓存数据中
}
});
form.on('checkbox(binding)', function (obj) {
var index = $(this).parents("tr").data("index")
layer.confirm('是否确定绑定？', function (i) {
var param = table.cache['resourcesApplicationCourseTable'][index];
var ret = Common.postAjax("/jlw/courseInfo/edit.json", param);
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();
}
});
});
})
exports('index', view);

27
web/src/main/resources/templates/jlw/resourcesApplicationCourse/index.html
Unescape Escape View File

@ -24,30 +24,17 @@
</div>
</div>
</layui:searchForm>
<script type="text/html" id="select_resourcesApplicationIds" >
<script type="text/html" id="selectGxmc" >
<layui:simpleDictSelect style='layui-input-inline'
layFilter="select_resourcesApplicationIds"
type="resources_application.application_name.1=1"
id="resourcesApplicationIds" name="resourcesApplicationIds"/>
id="resourcesApplicationIds" name="resourcesApplicationIds" lay-filter="select_UpdateCache"/>
</script>
<script type="text/html" id="select_courseLabelTypeSelect">
<select lay-filter="select_courseLabelType" name="courseLabelType">
<option value="">请选择</option>
{{# layui.each(window.disLabelTypeSelectList, function(index, item){ }}
<option value="{{item}}" {{ item == d.courseLabelType ? 'selected' : '' }}>{{item}}</option>
{{# }); }}
</select>
</script>
<script type="text/html" id="select_courseLabelIdSelect">
<select lay-filter="select_courseLabelId" name="courseLabelId">
<option value="">请选择</option>
{{# layui.each(window.courseLabelList, function(index, item){ }}
<option value="{{item.courseLabelId}}" {{ item.courseLabelId == d.courseLabelId ? 'selected' : '' }}>{{item.courseLabelName}}</option>
{{# }); }}
</select>
</script>
<!--<div class="layui-btn-group">
<layui:accessButton function="resourcesApplicationCourse.add" action="add">新增</layui:accessButton>
<layui:accessButton function="resourcesApplicationCourse.edit" action="edit">编辑</layui:accessButton>
<layui:accessButton function="resourcesApplicationCourse.del" action="del">删除</layui:accessButton>
</div>-->
<table id="resourcesApplicationCourseTable" lay-filter="resourcesApplicationCourseTable"></table>
<!--#} -->

Write Preview
Loading…
Cancel
Save