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 1c18217c45
commit 6275c6c74b
1 changed files with 165 additions and 38 deletions
Show Stats Download Patch File Download Diff File

203
web/src/main/resources/templates/jlw/teacherOpenCourseScheduleSession/add.html
Unescape Escape View File

@ -9,15 +9,6 @@
.layui-table-body, .layui-table-box, .layui-table-cell{
overflow:visible;
}
/*td .layui-form-select {
margin-top: -10px;
margin-left: -15px;
margin-right: -15px;
}
.layui-form-select dl {
text-align: left;
}*/
</style>
<form class="layui-form" id="addForm">
<div class="layui-row" style="margin-left: 40px;">
@ -104,8 +95,8 @@
<div class="layui-inline">
<label class="layui-form-label">开课周次</label>
<div class="layui-input-inline">
<input type="text" id="" name="teacherOpenCourseScheduleSessionTagDuration"
value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionTagDuration}"
<input type="text" id="" name="teacherOpenCourseScheduleSessionWeekNum"
value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionWeekNum}"
class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">周</div>
@ -135,43 +126,58 @@
</div>
</div>
</div>
<!--<div class="layui-inline">
<label class="layui-form-label">课次名称</label>
<div class="layui-input-inline">
<input type="text" id="teacherOpenCourseScheduleSessionTagName" name="teacherOpenCourseScheduleSessionTagName" value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionTagName}" class="layui-input" >
</div>
</div>-->
<div class="layui-row" style="display: none">
<div class="layui-form-item">
<div class="layui-inline">
<!-- 业务对象须有hidden字段，保存delFlag和version字段-->
<input type="hidden" name="teacherOpenCourseScheduleSessionId" value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionId}" />
<div id="setTime_demo" style="display: none">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">上课时间</label>
<div class="layui-input-inline">
<input type="text" id="teacherOpenCourseScheduleSessionTagStartTime" name="teacherOpenCourseScheduleSessionTagStartTime" value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionTagStartTime}" class="layui-input" >
<input type="text" id="teacherOpenCourseScheduleSessionTagStartTime"
name="teacherOpenCourseScheduleSessionTagStartTime"
value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionTagStartTime}"
class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">课程时长（分钟）</label>
</div>
<div class="plus-minus layui-inline">
<label class="layui-form-label">课程时长</label>
<div class="layui-input-inline">
<input type="text" id="teacherOpenCourseScheduleSessionTagDuration"
name="teacherOpenCourseScheduleSessionTagDuration"
value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionTagDuration}"
class="layui-input">
<div class="layui-col-md3">
<button type="button" id="add" class="layui-btn layui-btn-primary"
style="background-color: #eeeeee">
<i class="layui-icon">&#xe654;</i>
</button>
</div>
<div class="layui-col-md5" style="left: 12px;">
<input type="number" id="teacherOpenCourseScheduleSessionTagDuration"
name="teacherOpenCourseScheduleSessionTagDuration"
value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionTagDuration}"
οnblur="inputonblur"
autocomplete="off" class="layui-input">
</div>
<div class="layui-col-md3" style="left: 12px;">
<button type="button" id="reduce" class="layui-btn layui-btn-primary"
style="background-color: #eeeeee">
<i class="layui-icon">&#xe67e;</i>
</button>
</div>
</div>
<div class="layui-form-mid layui-word-aux">分钟</div>
</div>
<div class="layui-inline">
<div class="layui-inline">
<label class="layui-form-label">下课时间</label>
<div class="layui-input-inline">
<input type="text" id="teacherOpenCourseScheduleSessionTagEndTime" name="teacherOpenCourseScheduleSessionTagEndTime" value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionTagEndTime}" class="layui-input" >
<input type="text" id="teacherOpenCourseScheduleSessionTagEndTime"
name="teacherOpenCourseScheduleSessionTagEndTime"
value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionTagEndTime}"
class="layui-input">
</div>
</div>
</div>
</div>
<!-- 业务对象须有hidden字段，保存delFlag和version字段-->
<input type="hidden" name="teacherOpenCourseScheduleSessionId" value="${teacherOpenCourseScheduleSession.teacherOpenCourseScheduleSessionId}" />
</div>
</div>
</div>
</form>
<!--上课班级下拉框多选-->
<script type="text/html" id="select_" >
<select lay-filter="select_" name="teacherOpenCourseScheduleSessionClassId">
<option value="">请选择</option>
@ -182,6 +188,9 @@
{{# }); }}
</select>
</script>
<!--设置时间-->
<!--#} -->
<script type="text/javascript" src="${ctxPath}/plugins/xm-select.js?v=${jsVer}"></script>
<script>
@ -215,6 +224,7 @@
});
}
/*开课节次数据表格渲染*/
var kkJieciTabel = table.render({
elem: '#kkJieciTable',
/*height: Lib.getTableHeight(1),
@ -321,10 +331,127 @@
console.log(obj.field); //当前编辑的字段名
console.log(obj.data); //所在行的所有相关数据
});
//设置时间点击事件
//设置时间弹窗
$("#setTime").click(function () {
layer.open({
type: 1,
offset: 'auto',
title: '设置时间',
shadeClose: 'true',
area: ['400px', '260px'],
scrollbar: 'false',
btnAlign: 'c',
content: $("#setTime_demo"),
scrollbar: false,
btn: ['完成', '返回'],
success: function (layero, index) {
var min = '';
/*上课时间*/
laydate.render({
elem: '#teacherOpenCourseScheduleSessionTagStartTime'
, type: 'time'
, trigger: 'click'
, done: function (value, date) {
var mine = Number($("input[name=teacherOpenCourseScheduleSessionTagDuration]").val());
if (!$.isEmpty(mine)) {
var hours = date.hours + Math.floor((mine + date.minutes) / 60);
var minutes = date.minutes + (mine + date.minutes) % 60;
var seconds = date.seconds;
if (hours < 10) {
hours = "0" + hours;
}
if (minutes < 10) {
minutes = "0" + minutes;
}
if (seconds < 10) {
seconds = "0" + seconds;
}
var endTime = hours + ":" + minutes + ":" + seconds;
$("#teacherOpenCourseScheduleSessionTagEndTime").val(endTime)
}
min = value;
}
});
/*下课时间*/
laydate.render({
elem: '#teacherOpenCourseScheduleSessionTagEndTime'
, type: 'time'
, trigger: 'click'
, min:"'"+min+"'"
, done: function (value, date) {
var startTime = $("#teacherOpenCourseScheduleSessionTagStartTime").val();
if (!$.isEmpty(startTime)) {
var dd = Common.GetDateDiff(min, value, "minute")
}
}
});
},
yes: function (index, layero) {
//layer.load();
var startTime = $("#teacherOpenCourseScheduleSessionTagStartTime$").val();
var endTime = $("#teacherOpenCourseScheduleSessionTagEndTime").val();
if (endTime) {
}
kkJieciTableData = [];
kkJieciTableData = Common.getAjax('/jlw/teacherOpenCourseScheduleSessionTag/getValues.json').data;//开课节次数据表格
kkJieciTableData.forEach(function (item, index) {
item.teacherOpenCourseScheduleSessionClassName = '';
});
table.reload('kkJieciTable', {data: kkJieciTableData});
//layer.closeAll();
},
btn2: function (index, layero) {
layer.close(index);
}
});
});
/*课程时间增加*/
$("#add").click(function () {
var value = Number($("input[name=teacherOpenCourseScheduleSessionTagDuration]").val());
if ($.isEmpty(value)) {
value = 0;
}
value = value + 1;
$("input[name=teacherOpenCourseScheduleSessionTagDuration]").val(value)
});
/*课程时间减少*/
$("#reduce").click(function () {
var value = Number($("input[name=teacherOpenCourseScheduleSessionTagDuration]").val());
value = value - 1;
if (value <= 0) {
value = 0;
}
$("input[name=teacherOpenCourseScheduleSessionTagDuration]").val(value)
});
/*课程时长input失去焦点事件*/
$("#teacherOpenCourseScheduleSessionTagDuration").blur(function () {
var mine = Number($("input[name=teacherOpenCourseScheduleSessionTagDuration]").val());
var startTime = $("input[name=teacherOpenCourseScheduleSessionTagStartTime]").val().split(":");
if (!$.isEmpty(startTime)) {
var hours = Number(startTime[0]) + Math.floor((mine + Number(startTime[1])) / 60);
var minutes = Number(startTime[1]) + (mine + Number(startTime[1])) % 60;
var seconds = Number(startTime[2]);
if (hours < 10) {
hours = "0" + hours;
}
if (minutes < 10) {
minutes = "0" + minutes;
}
if (seconds < 10) {
seconds = "0" + seconds;
}
var endTime = hours + ":" + minutes + ":" + seconds;
$("#teacherOpenCourseScheduleSessionTagEndTime").val(endTime)
}
});
teacherOpenCourseScheduleSessionAdd.init();
});
</script>

Write Preview
Loading…
Cancel
Save