在线研修与考核系统

This commit is contained in:
itgaojian163 2025-07-03 17:35:56 +08:00
parent 0bf7a43d67
commit 429e9b4c45
34 changed files with 2123 additions and 1279 deletions

Binary file not shown.

View File

@ -121,6 +121,7 @@ html, body {
.page-iframe-container {
font-size: 0;
}
.page-iframe-container iframe {
border: none;
width: 100%;
@ -160,6 +161,7 @@ html, body {
.layui-header .layui-logo {
overflow: hidden;
}
.layui-nav-tree .layui-nav-item a {
position: relative;
height: 40px;
@ -168,6 +170,7 @@ html, body {
overflow: hidden;
white-space: nowrap;
}
/*------首页-----------------------------------------------------------------*/
.homepage {
background: #f5f4f9;
@ -178,6 +181,7 @@ html, body {
box-sizing: border-box;
}
.homepage-top {
padding-top: 10px;
padding-bottom: 10px;
@ -189,6 +193,7 @@ height:60%;
}
.homepage-bot {
height: 40%;
display: flex;
@ -207,6 +212,7 @@ padding:10px;
background: #fff;
margin-left: 10px;
}
/*饼图*/
.pieChart {
padding: 10px;
@ -216,6 +222,7 @@ padding:10px;
background: #fff;
}
.barChart {
padding: 10px 10px 0 10px;
@ -225,3 +232,18 @@ padding:10px;
background: #fff;
}
.redtips {
color: red;
}
.red-star:after {
content: "*";
color: red;
}
.text-center{
text-align:center;
}
.text-left{
text-align: left !important;
}

View File

@ -121,6 +121,7 @@ html, body {
.page-iframe-container {
font-size: 0;
}
.page-iframe-container iframe {
border: none;
width: 100%;
@ -159,6 +160,7 @@ html, body {
.layui-header .layui-logo {
overflow: hidden;
font-size: 24px;
}
.layui-nav-tree .layui-nav-item a {
@ -168,28 +170,33 @@ html, body {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-top: 10px;
}
/*------首页-----------------------------------------------------------------*/
.homepage-header {
background-color: #00152A !important;
}
.homepage {
background: #f5f4f9;
height: calc(100vh - 200px);
height: calc(100vh - 150px);
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
box-sizing: border-box;
}
.homepage-top {
padding-top:10px;
padding-bottom: 10px;
box-sizing: border-box;
height: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.homepage-bot {
height: 40%;
display: flex;
@ -208,6 +215,7 @@ padding:10px;
background: #fff;
margin-left: 10px;
}
/*饼图*/
.pieChart {
padding: 10px;
@ -217,6 +225,7 @@ padding:10px;
background: #fff;
}
.barChart {
padding: 10px 10px 0 10px;
@ -226,7 +235,27 @@ padding:10px;
background: #fff;
}
.layui-bg-black {
background-color: #23292e!important;
background-color: #00152A !important;
color: #fff !important;
}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
background-color: #2F53E9 !important;
}
.layui-nav {
background-color: transparent;
}
.layui-body {
background-color: #F2F2F2 !important;
}
.layui-elem-quote {
background-color: #FFFFFF !important;
font-size: 18px;
padding: 15px;
border-left: none;
}

View File

@ -14,15 +14,16 @@
<div class="search-form-container">
<form class="layui-form" lay-filter="searchForm">
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-col-xs3">
<div class="layui-form-item">
<label class="layui-form-label">关键字</label>
<label class="layui-form-label text-left">关键字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
<input type="text" class="layui-input" id="keywords" name="keywords"
placeholder="请输入关键字">
</div>
</div>
</div>
<div class="layui-col-xs2">
<div class="layui-col-xs2" style="margin-left:8px;">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
</div>
@ -69,7 +70,7 @@
{ type: "checkbox", fixed: "left" },
{
field: "rowNum",
width: 80,
width: 70,
title: "序号",
fixed: "left",
align: "center",
@ -78,53 +79,64 @@
{
field: 'zybt',
title: '作业标题',
minWidth: 80,
minWidth: 180,
align: "center",
fixed: "left",
},
{
field: 'zyms',
title: '作业描述',
minWidth: 80,
minWidth: 200,
align: "center",
},
{
field: 'tjjzrq',
title: '提交截止日期',
minWidth: 80,
minWidth: 140,
align: "center",
},
{
field: 'xyxm',
title: '学员姓名',
minWidth: 80,
minWidth: 100,
align: "center",
},
{
field: 'xyxh',
title: '学员学号',
minWidth: 80,
minWidth: 140,
align: "center",
},
{
field: 'kcmc',
title: '课程名称',
minWidth: 80,
minWidth: 140,
align: "center",
},
{
field: 'tjsj',
title: '提交时间',
minWidth: 80,
minWidth: 140,
align: "center",
},
{
field: 'zywjlj',
title: '作业文件路径',
minWidth: 80,
minWidth: 130,
align: "center",
},
{
field: 'pgzt',
title: '批改状态',
minWidth: 80,
minWidth: 100,
align: "center",
},
{
field: 'df',
title: '得分',
minWidth: 80,
},
minWidth: 100,
align: "center",
}
]
],
data: datas,

View File

@ -14,7 +14,7 @@
<div class="form-header">作业提交新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">作业标题</label>
<label class="layui-form-label red-star">作业标题</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zybt" placeholder="请输入作业标题">
</div>
@ -26,49 +26,55 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">提交截止日期</label>
<label class="layui-form-label red-star">提交截止日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="tjjzrq" placeholder="请输入提交截止日期">
<input type="text" class="layui-input laydate-input" name="tjjzrq" placeholder="请输入提交截止日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学员姓名</label>
<label class="layui-form-label red-star">学员姓名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xyxm" placeholder="请输入学员姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学员学号</label>
<label class="layui-form-label red-star">学员学号</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xyxh" placeholder="请输入学员学号">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程名称</label>
<label class="layui-form-label red-star">课程名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcmc" placeholder="请输入课程名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">提交时间</label>
<label class="layui-form-label red-star">提交时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="tjsj" placeholder="请输入提交时间">
<input type="text" class="layui-input laydate-input" name="tjsj" placeholder="请输入提交时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作业文件路径</label>
<label class="layui-form-label red-star">作业文件路径</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zywjlj" placeholder="请输入作业文件路径">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">批改状态</label>
<label class="layui-form-label red-star">批改状态</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="pgzt" placeholder="请输入批改状态">
<select type="text" class="layui-input" name="pgzt" placeholder="请选择批改状态">
<option value="">请选择</option>
<option value="未批改">未批改</option>
<option value="完成">完成</option>
<option value="已驳回">已驳回</option>
<option value="批改中">批改中</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">得分</label>
<label class="layui-form-label red-star">得分</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="df" placeholder="请输入得分">
</div>
@ -85,6 +91,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;

View File

@ -15,7 +15,7 @@
<div class="form-header">作业提交编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">作业标题</label>
<label class="layui-form-label red-star">作业标题</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zybt" placeholder="请输入作业标题">
</div>
@ -27,49 +27,56 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">提交截止日期</label>
<label class="layui-form-label red-star">提交截止日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="tjjzrq" placeholder="请输入提交截止日期">
<input type="text" class="layui-input laydate-input" name="tjjzrq"
placeholder="请输入提交截止日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学员姓名</label>
<label class="layui-form-label red-star">学员姓名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xyxm" placeholder="请输入学员姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学员学号</label>
<label class="layui-form-label red-star">学员学号</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xyxh" placeholder="请输入学员学号">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程名称</label>
<label class="layui-form-label red-star">课程名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcmc" placeholder="请输入课程名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">提交时间</label>
<label class="layui-form-label red-star">提交时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="tjsj" placeholder="请输入提交时间">
<input type="text" class="layui-input laydate-input" name="tjsj" placeholder="请输入提交时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作业文件路径</label>
<label class="layui-form-label red-star">作业文件路径</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zywjlj" placeholder="请输入作业文件路径">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">批改状态</label>
<label class="layui-form-label red-star">批改状态</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="pgzt" placeholder="请输入批改状态">
<select type="text" class="layui-input" name="pgzt" placeholder="请选择批改状态">
<option value="">请选择</option>
<option value="未批改">未批改</option>
<option value="完成">完成</option>
<option value="已驳回">已驳回</option>
<option value="批改中">批改中</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">得分</label>
<label class="layui-form-label red-star">得分</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="df" placeholder="请输入得分">
</div>
@ -77,8 +84,12 @@
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -86,6 +97,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -115,7 +138,8 @@
loadingIndex = top.layer.msg('正在加载...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);
@ -152,7 +176,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
console.log(formData.field)

View File

@ -14,15 +14,16 @@
<div class="search-form-container">
<form class="layui-form" lay-filter="searchForm">
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-col-xs3">
<div class="layui-form-item">
<label class="layui-form-label">关键字</label>
<label class="layui-form-label text-left">关键字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
<input type="text" class="layui-input" id="keywords" name="keywords"
placeholder="请输入关键字">
</div>
</div>
</div>
<div class="layui-col-xs2">
<div class="layui-col-xs2" style="margin-left:8px;">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
</div>
@ -78,51 +79,62 @@
{
field: 'zymc',
title: '资源名称',
minWidth: 80,
fixed: "left",
align: "center",
minWidth: 180,
},
{
field: 'zylx',
title: '资源类型',
minWidth: 80,
align: "center",
minWidth: 100,
},
{
field: 'cjz',
title: '创建者',
align: "center",
minWidth: 80,
},
{
field: 'cjrq',
title: '创建日期',
minWidth: 80,
align: "center",
minWidth: 180,
},
{
field: 'zhxgrq',
title: '最后修改日期',
minWidth: 80,
align: "center",
minWidth: 180,
},
{
field: 'ms',
title: '描述',
minWidth: 80,
align: "center",
minWidth: 200,
},
{
field: 'bq',
title: '标签',
minWidth: 80,
align: "center",
minWidth: 120,
},
{
field: 'fwqx',
title: '访问权限',
minWidth: 80,
align: "center",
minWidth: 100,
},
{
field: 'wjlj',
title: '文件路径',
minWidth: 80,
align: "center",
minWidth: 230,
},
{
field: 'wjdx',
title: '文件大小',
align: "center",
minWidth: 80,
},
]

View File

@ -14,33 +14,34 @@
<div class="form-header">资源库管理新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">资源名称</label>
<label class="layui-form-label red-star">资源名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zymc" placeholder="请输入资源名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">资源类型</label>
<label class="layui-form-label red-star">资源类型</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zylx" placeholder="请输入资源类型">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">创建者</label>
<label class="layui-form-label red-star">创建者</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjz" placeholder="请输入创建者">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">创建日期</label>
<label class="layui-form-label red-star">创建日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjrq" placeholder="请输入创建日期">
<input type="text" class="layui-input laydate-input" name="cjrq" placeholder="请输入创建日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">最后修改日期</label>
<label class="layui-form-label red-star">最后修改日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhxgrq" placeholder="请输入最后修改日期">
<input type="text" class="layui-input laydate-input" name="zhxgrq"
placeholder="请输入最后修改日期">
</div>
</div>
<div class="layui-form-item">
@ -56,19 +57,21 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">访问权限</label>
<label class="layui-form-label red-star">访问权限</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fwqx" placeholder="请输入访问权限">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">文件路径</label>
<label class="layui-form-label red-star">文件路径</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="wjlj" placeholder="请输入文件路径">
<!-- <input type="text" class="layui-input" id="filePath" name="wjlj" placeholder="请选择文件"-->
<!-- readonly>-->
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">文件大小</label>
<label class="layui-form-label red-star">文件大小</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="wjdx" placeholder="请输入文件大小">
</div>
@ -76,8 +79,12 @@
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -85,6 +92,39 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
// layui.use(['layer'], function () {
// var layer = layui.layer;
// // 创建一个隐藏的文件输入元素
// var fileInput = document.createElement('input');
// fileInput.type = 'file';
// fileInput.style.display = 'none';
// document.body.appendChild(fileInput);
// // 获取原始输入框
// var textInput = document.getElementById('filePath');
// // 点击文本输入框时触发文件选择
// textInput.addEventListener('click', function () {
// fileInput.click();
// });
// // 监听文件选择变化
// fileInput.addEventListener('change', function (e) {
// var file = e.target.files[0];
// if (file) {
// textInput.value = file.name;
// }
// });
// });
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -96,7 +136,8 @@
top.layer.close(top.layer.getFrameIndex(window.name))
}
var init = function() {}
var init = function () {
}
var addEvent = function () {
// 提交表单
@ -127,7 +168,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -15,33 +15,34 @@
<div class="form-header">资源库管理编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">资源名称</label>
<label class="layui-form-label red-star">资源名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zymc" placeholder="请输入资源名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">资源类型</label>
<label class="layui-form-label red-star">资源类型</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zylx" placeholder="请输入资源类型">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">创建者</label>
<label class="layui-form-label red-star">创建者</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjz" placeholder="请输入创建者">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">创建日期</label>
<label class="layui-form-label red-star">创建日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjrq" placeholder="请输入创建日期">
<input type="text" class="layui-input laydate-input" name="cjrq" placeholder="请输入创建日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">最后修改日期</label>
<label class="layui-form-label red-star">最后修改日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhxgrq" placeholder="请输入最后修改日期">
<input type="text" class="layui-input laydate-input" name="zhxgrq"
placeholder="请输入最后修改日期">
</div>
</div>
<div class="layui-form-item">
@ -57,19 +58,21 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">访问权限</label>
<label class="layui-form-label red-star">访问权限</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fwqx" placeholder="请输入访问权限">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">文件路径</label>
<label class="layui-form-label red-star">文件路径</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="wjlj" placeholder="请输入文件路径">
<!-- <input type="text" class="layui-input" id="filePath" name="wjlj" placeholder="请选择文件"-->
<!-- readonly>-->
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">文件大小</label>
<label class="layui-form-label red-star">文件大小</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="wjdx" placeholder="请输入文件大小">
</div>
@ -77,8 +80,12 @@
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -86,6 +93,39 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
// layui.use(['layer'], function () {
// var layer = layui.layer;
// // 创建一个隐藏的文件输入元素
// var fileInput = document.createElement('input');
// fileInput.type = 'file';
// fileInput.style.display = 'none';
// document.body.appendChild(fileInput);
// // 获取原始输入框
// var textInput = document.getElementById('filePath');
// // 点击文本输入框时触发文件选择
// textInput.addEventListener('click', function () {
// fileInput.click();
// });
// // 监听文件选择变化
// fileInput.addEventListener('change', function (e) {
// var file = e.target.files[0];
// if (file) {
// textInput.value = file.name;
// }
// });
// });
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -115,7 +155,8 @@
loadingIndex = top.layer.msg('正在加载...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);
@ -152,7 +193,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
console.log(formData.field)

View File

@ -14,15 +14,16 @@
<div class="search-form-container">
<form class="layui-form" lay-filter="searchForm">
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-col-xs3">
<div class="layui-form-item">
<label class="layui-form-label">关键字</label>
<label class="layui-form-label text-left">关键字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
<input type="text" class="layui-input" id="keywords" name="keywords"
placeholder="请输入关键字">
</div>
</div>
</div>
<div class="layui-col-xs2">
<div class="layui-col-xs2" style="margin-left:8px;">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
</div>
@ -33,9 +34,14 @@
<!-- 表头按钮组 -->
<script type="text/html" id="headerToolBar">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
lay-event="updateEvent">编辑
</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
lay-event="removeEvent">删除
</button>
</div>
</script>
</div>
@ -78,53 +84,65 @@
{
field: 'zlmc',
title: '资料名称',
minWidth: 80,
minWidth: 140,
fixed: 'left',
align: "center"
},
{
field: 'scyh',
title: '上传用户',
minWidth: 80,
minWidth: 100,
align: "center"
},
{
field: 'wjlj',
title: '文件路径',
minWidth: 80,
minWidth: 180,
align: "center"
},
{
field: 'scsj',
title: '上传时间',
minWidth: 80,
minWidth: 180,
align: "center"
},
{
field: 'zldx',
title: '资料大小',
minWidth: 80,
minWidth: 100,
align: "center"
},
{
field: 'xzcs',
title: '下载次数',
minWidth: 80,
minWidth: 100,
align: "center"
},
{
field: 'zlms',
title: '资料描述',
minWidth: 80,
minWidth: 200,
align: "center"
},
{
field: 'sskc',
title: '所属课程',
minWidth: 80,
minWidth: 100,
align: "center"
},
{
field: 'yxq',
title: '有效期',
minWidth: 80,
minWidth: 180,
align: "center"
},
{
field: 'sfgk',
title: '是否公开',
minWidth: 80,
minWidth: 100,
align: "center"
},
{title: '操作', width: 180, align: 'center', toolbar: '#headerToolBar', fixed: 'right'}
]
],
data: datas,
@ -209,7 +227,7 @@
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
});
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -14,27 +14,27 @@
<div class="form-header">学习资料下载新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">资料名称</label>
<label class="layui-form-label red-star">资料名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zlmc" placeholder="请输入资料名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">上传用户</label>
<label class="layui-form-label red-star">上传用户</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="scyh" placeholder="请输入上传用户">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">文件路径</label>
<label class="layui-form-label red-star">文件路径</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="wjlj" placeholder="请输入文件路径">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">上传时间</label>
<label class="layui-form-label red-star">上传时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="scsj" placeholder="请输入上传时间">
<input type="text" class="layui-input laydate-input" name="scsj" placeholder="请输入上传时间">
</div>
</div>
<div class="layui-form-item">
@ -46,7 +46,7 @@
<div class="layui-form-item">
<label class="layui-form-label">下载次数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xzcs" placeholder="请输入下载次数">
<input type="number" class="layui-input" name="xzcs" placeholder="请输入下载次数">
</div>
</div>
<div class="layui-form-item">
@ -56,7 +56,7 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所属课程</label>
<label class="layui-form-label red-star">所属课程</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="sskc" placeholder="请输入所属课程">
</div>
@ -64,20 +64,28 @@
<div class="layui-form-item">
<label class="layui-form-label">有效期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxq" placeholder="请输入有效期">
<input type="text" class="layui-input laydate-year" name="yxq" placeholder="请输入有效期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否公开</label>
<label class="layui-form-label red-star">是否公开</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="sfgk" placeholder="请输入是否公开">
<select type="text" class="layui-input" name="sfgk" placeholder="请选择是否公开">
<option value="">请选择</option>
<option value="是"></option>
<option value="否"></option>
</select>
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -85,6 +93,30 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-year');
laydate.render({
elem: laydateInput,
type: 'year', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -96,7 +128,8 @@
top.layer.close(top.layer.getFrameIndex(window.name))
}
var init = function() {}
var init = function () {
}
var addEvent = function () {
// 提交表单
@ -127,7 +160,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -15,27 +15,27 @@
<div class="form-header">学习资料下载编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">资料名称</label>
<label class="layui-form-label red-star">资料名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zlmc" placeholder="请输入资料名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">上传用户</label>
<label class="layui-form-label red-star">上传用户</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="scyh" placeholder="请输入上传用户">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">文件路径</label>
<label class="layui-form-label red-star">文件路径</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="wjlj" placeholder="请输入文件路径">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">上传时间</label>
<label class="layui-form-label red-star">上传时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="scsj" placeholder="请输入上传时间">
<input type="text" class="layui-input laydate-input" name="scsj" placeholder="请输入上传时间">
</div>
</div>
<div class="layui-form-item">
@ -47,7 +47,7 @@
<div class="layui-form-item">
<label class="layui-form-label">下载次数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xzcs" placeholder="请输入下载次数">
<input type="number" class="layui-input" name="xzcs" placeholder="请输入下载次数">
</div>
</div>
<div class="layui-form-item">
@ -57,7 +57,7 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所属课程</label>
<label class="layui-form-label red-star">所属课程</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="sskc" placeholder="请输入所属课程">
</div>
@ -65,20 +65,28 @@
<div class="layui-form-item">
<label class="layui-form-label">有效期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxq" placeholder="请输入有效期">
<input type="text" class="layui-input laydate-year" name="yxq" placeholder="请输入有效期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否公开</label>
<label class="layui-form-label red-star">是否公开</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="sfgk" placeholder="请输入是否公开">
<select type="text" class="layui-input" name="sfgk" placeholder="请选择是否公开">
<option value="">请选择</option>
<option value="是"></option>
<option value="否"></option>
</select>
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -86,6 +94,30 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-year');
laydate.render({
elem: laydateInput,
type: 'year', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -115,7 +147,8 @@
loadingIndex = top.layer.msg('正在加载...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);
@ -152,7 +185,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
console.log(formData.field)

View File

@ -14,15 +14,16 @@
<div class="search-form-container">
<form class="layui-form" lay-filter="searchForm">
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-col-xs3">
<div class="layui-form-item">
<label class="layui-form-label">关键字</label>
<label class="layui-form-label text-left">关键字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
<input type="text" class="layui-input" id="keywords" name="keywords"
placeholder="请输入关键字">
</div>
</div>
</div>
<div class="layui-col-xs2">
<div class="layui-col-xs2" style="margin-left:8px;">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
</div>
@ -78,52 +79,64 @@
{
field: 'fkbh',
title: '反馈编号',
minWidth: 80,
minWidth: 120,
fixed: 'left',
align: 'center'
},
{
field: 'xyxm',
title: '学员姓名',
minWidth: 80,
minWidth: 100,
fixed: 'left',
align: 'center'
},
{
field: 'kcmc',
title: '课程名称',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'fknr',
title: '反馈内容',
minWidth: 80,
minWidth: 200,
align: 'center'
},
{
field: 'fksj',
title: '反馈时间',
minWidth: 80,
minWidth: 180,
align: 'center'
},
{
field: 'pf',
title: '评分',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'jygj',
title: '建议改进',
minWidth: 80,
minWidth: 200,
align: 'center'
},
{
field: 'jshf',
title: '教师回复',
minWidth: 80,
minWidth: 200,
align: 'center'
},
{
field: 'hfsj',
title: '回复时间',
minWidth: 80,
minWidth: 180,
align: 'center'
},
{
field: 'myd',
title: '满意度',
minWidth: 80,
align: 'center'
},
]
],

View File

@ -14,39 +14,39 @@
<div class="form-header">课程反馈收集新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">反馈编号</label>
<label class="layui-form-label red-star">反馈编号</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fkbh" placeholder="请输入反馈编号">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学员姓名</label>
<label class="layui-form-label red-star">学员姓名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xyxm" placeholder="请输入学员姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程名称</label>
<label class="layui-form-label red-star">课程名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcmc" placeholder="请输入课程名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">反馈内容</label>
<label class="layui-form-label red-star">反馈内容</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fknr" placeholder="请输入反馈内容">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">反馈时间</label>
<label class="layui-form-label red-star">反馈时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fksj" placeholder="请输入反馈时间">
<input type="text" class="layui-input laydate-input" name="fksj" placeholder="请输入反馈时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">评分</label>
<label class="layui-form-label red-star">评分</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="pf" placeholder="请输入评分">
<input type="number" class="layui-input" name="pf" placeholder="请输入评分">
</div>
</div>
<div class="layui-form-item">
@ -56,21 +56,21 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">教师回复</label>
<label class="layui-form-label red-star">教师回复</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="jshf" placeholder="请输入教师回复">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">回复时间</label>
<label class="layui-form-label red-star">回复时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="hfsj" placeholder="请输入回复时间">
<input type="text" class="layui-input laydate-input" name="hfsj" placeholder="请输入回复时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">满意度</label>
<label class="layui-form-label red-star">满意度</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="myd" placeholder="请输入满意度">
<input type="number" class="layui-input" name="myd" placeholder="请输入满意度">
</div>
</div>
</div>
@ -85,6 +85,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;

View File

@ -15,39 +15,39 @@
<div class="form-header">课程反馈收集编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">反馈编号</label>
<label class="layui-form-label red-star">反馈编号</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fkbh" placeholder="请输入反馈编号">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学员姓名</label>
<label class="layui-form-label red-star">学员姓名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xyxm" placeholder="请输入学员姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程名称</label>
<label class="layui-form-label red-star">课程名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcmc" placeholder="请输入课程名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">反馈内容</label>
<label class="layui-form-label red-star">反馈内容</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fknr" placeholder="请输入反馈内容">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">反馈时间</label>
<label class="layui-form-label red-star">反馈时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fksj" placeholder="请输入反馈时间">
<input type="text" class="layui-input laydate-input" name="fksj" placeholder="请输入反馈时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">评分</label>
<label class="layui-form-label red-star">评分</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="pf" placeholder="请输入评分">
<input type="number" class="layui-input" name="pf" placeholder="请输入评分">
</div>
</div>
<div class="layui-form-item">
@ -57,28 +57,32 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">教师回复</label>
<label class="layui-form-label red-star">教师回复</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="jshf" placeholder="请输入教师回复">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">回复时间</label>
<label class="layui-form-label red-star">回复时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="hfsj" placeholder="请输入回复时间">
<input type="text" class="layui-input laydate-input" name="hfsj" placeholder="请输入回复时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">满意度</label>
<label class="layui-form-label red-star">满意度</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="myd" placeholder="请输入满意度">
<input type="number" class="layui-input" name="myd" placeholder="请输入满意度">
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -86,6 +90,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -115,7 +131,8 @@
loadingIndex = top.layer.msg('正在加载...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);
@ -152,7 +169,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
console.log(formData.field)

View File

@ -14,15 +14,16 @@
<div class="search-form-container">
<form class="layui-form" lay-filter="searchForm">
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-col-xs3">
<div class="layui-form-item">
<label class="layui-form-label">关键字</label>
<label class="layui-form-label text-left">关键字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
<input type="text" class="layui-input" id="keywords" name="keywords"
placeholder="请输入关键字">
</div>
</div>
</div>
<div class="layui-col-xs2">
<div class="layui-col-xs2" style="margin-left:8px;">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
</div>
@ -33,9 +34,14 @@
<!-- 表头按钮组 -->
<script type="text/html" id="headerToolBar">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
lay-event="updateEvent">编辑
</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
lay-event="removeEvent">删除
</button>
</div>
</script>
</div>
@ -78,52 +84,62 @@
{
field: 'ggbt',
title: '公告标题',
minWidth: 80,
minWidth: 260,
align: 'center'
},
{
field: 'ggnr',
title: '公告内容',
minWidth: 80,
minWidth: 150,
align: 'center'
},
{
field: 'fbz',
title: '发布者',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'fbrq',
title: '发布日期',
minWidth: 80,
minWidth: 160,
align: 'center'
},
{
field: 'yxqksrq',
title: '有效期开始日期',
minWidth: 80,
minWidth: 160,
align: 'center'
},
{
field: 'yxqjsrq',
title: '有效期结束日期',
minWidth: 80,
minWidth: 160,
align: 'center'
},
{
field: 'mbsz',
title: '目标受众',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'ggzt',
title: '公告状态',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'xglj',
title: '相关链接',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'fj',
title: '附件',
minWidth: 80,
minWidth: 100,
align: 'center'
},
]
],
@ -209,7 +225,8 @@
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -14,51 +14,62 @@
<div class="form-header">通知公告新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">公告标题</label>
<label class="layui-form-label red-star">公告标题</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="ggbt" placeholder="请输入公告标题">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">公告内容</label>
<label class="layui-form-label red-star">公告内容</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="ggnr" placeholder="请输入公告内容">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">发布者</label>
<label class="layui-form-label red-star">发布者</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fbz" placeholder="请输入发布者">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">发布日期</label>
<label class="layui-form-label red-star">发布日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fbrq" placeholder="请输入发布日期">
<input type="text" class="layui-input laydate-input" name="fbrq" placeholder="请输入发布日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">有效期开始日期</label>
<label class="layui-form-label red-star">有效期开始日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxqksrq" placeholder="请输入有效期开始日期">
<input type="text" class="layui-input laydate-input" name="yxqksrq"
placeholder="请输入有效期开始日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">有效期结束日期</label>
<label class="layui-form-label red-star">有效期结束日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxqjsrq" placeholder="请输入有效期结束日期">
<input type="text" class="layui-input laydate-input" name="yxqjsrq"
placeholder="请输入有效期结束日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">目标受众</label>
<label class="layui-form-label red-star">目标受众</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="mbsz" placeholder="请输入目标受众">
<select type="text" class="layui-input" name="mbsz" placeholder="请选择目标受众">
<option value="">请选择</option>
<option value="所有人">所有人</option>
<option value="部分">部分</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">公告状态</label>
<label class="layui-form-label red-star">公告状态</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="ggzt" placeholder="请输入公告状态">
<select type="text" class="layui-input" name="ggzt" placeholder="请选择公告状态">
<option value="">请选择</option>
<option value="发布">发布</option>
<option value="公开">公开</option>
<option value="关闭">关闭</option>
</select>
</div>
</div>
<div class="layui-form-item">
@ -70,21 +81,60 @@
<div class="layui-form-item">
<label class="layui-form-label">附件</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fj" placeholder="请输入附件">
<input type="text" class="layui-input" id="filePath" name="fj" placeholder="请选择附件"
readonly>
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
<input type="file" id="fileInput" style="display: none;">
</form>
</div>
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['layer'], function () {
var layer = layui.layer;
// 创建一个隐藏的文件输入元素
var fileInput = document.createElement('input');
fileInput.type = 'file';
fileInput.style.display = 'none';
document.body.appendChild(fileInput);
// 获取原始输入框
var textInput = document.getElementById('filePath');
// 点击文本输入框时触发文件选择
textInput.addEventListener('click', function () {
fileInput.click();
});
// 监听文件选择变化
fileInput.addEventListener('change', function (e) {
var file = e.target.files[0];
if (file) {
textInput.value = file.name;
}
});
});
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -96,7 +146,8 @@
top.layer.close(top.layer.getFrameIndex(window.name))
}
var init = function() {}
var init = function () {
}
var addEvent = function () {
// 提交表单
@ -127,7 +178,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -15,51 +15,62 @@
<div class="form-header">通知公告编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">公告标题</label>
<label class="layui-form-label red-star">公告标题</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="ggbt" placeholder="请输入公告标题">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">公告内容</label>
<label class="layui-form-label red-star">公告内容</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="ggnr" placeholder="请输入公告内容">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">发布者</label>
<label class="layui-form-label red-star">发布者</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fbz" placeholder="请输入发布者">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">发布日期</label>
<label class="layui-form-label red-star">发布日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fbrq" placeholder="请输入发布日期">
<input type="text" class="layui-input laydate-input" name="fbrq" placeholder="请输入发布日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">有效期开始日期</label>
<label class="layui-form-label red-star">有效期开始日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxqksrq" placeholder="请输入有效期开始日期">
<input type="text" class="layui-input laydate-input" name="yxqksrq"
placeholder="请输入有效期开始日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">有效期结束日期</label>
<label class="layui-form-label red-star">有效期结束日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxqjsrq" placeholder="请输入有效期结束日期">
<input type="text" class="layui-input laydate-input" name="yxqjsrq"
placeholder="请输入有效期结束日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">目标受众</label>
<label class="layui-form-label red-star">目标受众</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="mbsz" placeholder="请输入目标受众">
<select type="text" class="layui-input" name="mbsz" placeholder="请选择目标受众">
<option value="">请选择</option>
<option value="所有人">所有人</option>
<option value="部分">部分</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">公告状态</label>
<label class="layui-form-label red-star">公告状态</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="ggzt" placeholder="请输入公告状态">
<select type="text" class="layui-input" name="ggzt" placeholder="请选择公告状态">
<option value="">请选择</option>
<option value="发布">发布</option>
<option value="公开">公开</option>
<option value="关闭">关闭</option>
</select>
</div>
</div>
<div class="layui-form-item">
@ -71,14 +82,19 @@
<div class="layui-form-item">
<label class="layui-form-label">附件</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fj" placeholder="请输入附件">
<input type="text" class="layui-input" id="filePath" name="fj" placeholder="请选择附件"
readonly>
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -86,6 +102,39 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['layer'], function () {
var layer = layui.layer;
// 创建一个隐藏的文件输入元素
var fileInput = document.createElement('input');
fileInput.type = 'file';
fileInput.style.display = 'none';
document.body.appendChild(fileInput);
// 获取原始输入框
var textInput = document.getElementById('filePath');
// 点击文本输入框时触发文件选择
textInput.addEventListener('click', function () {
fileInput.click();
});
// 监听文件选择变化
fileInput.addEventListener('change', function (e) {
var file = e.target.files[0];
if (file) {
textInput.value = file.name;
}
});
});
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -115,7 +164,8 @@
loadingIndex = top.layer.msg('正在加载...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);
@ -152,7 +202,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
console.log(formData.field)

View File

@ -14,15 +14,16 @@
<div class="search-form-container">
<form class="layui-form" lay-filter="searchForm">
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-col-xs3">
<div class="layui-form-item">
<label class="layui-form-label">关键字</label>
<label class="layui-form-label text-left">关键字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
<input type="text" class="layui-input" id="keywords" name="keywords"
placeholder="请输入关键字">
</div>
</div>
</div>
<div class="layui-col-xs2">
<div class="layui-col-xs2" style="margin-left:8px;">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
</div>
@ -33,9 +34,14 @@
<!-- 表头按钮组 -->
<script type="text/html" id="headerToolBar">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
lay-event="updateEvent">编辑
</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
lay-event="removeEvent">删除
</button>
</div>
</script>
</div>
@ -78,53 +84,64 @@
{
field: 'kcmc',
title: '课程名称',
minWidth: 80,
minWidth: 150,
fixed: "left",
align: "center",
},
{
field: 'kcbh',
title: '课程编号',
minWidth: 80,
minWidth: 120,
align: "center",
},
{
field: 'cjsj',
title: '创建时间',
minWidth: 80,
minWidth: 160,
align: "center",
},
{
field: 'gxsj',
title: '更新时间',
minWidth: 80,
minWidth: 160,
align: "center",
},
{
field: 'kcms',
title: '课程描述',
minWidth: 80,
minWidth: 230,
align: "center",
},
{
field: 'jsxm',
title: '教师姓名',
minWidth: 80,
minWidth: 100,
align: "center",
},
{
field: 'kczt',
title: '课程状态',
minWidth: 80,
minWidth: 100,
align: "center",
},
{
field: 'cyrs',
title: '参与人数',
minWidth: 80,
minWidth: 100,
align: "center",
},
{
field: 'wcrs',
title: '完成人数',
minWidth: 80,
minWidth: 100,
align: "center",
},
{
field: 'kcsz',
title: '课程时长',
minWidth: 80,
},
minWidth: 100,
align: "center",
}
]
],
data: datas,
@ -209,7 +226,8 @@
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -14,27 +14,27 @@
<div class="form-header">课程管理新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">课程名称</label>
<label class="layui-form-label red-star">课程名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcmc" placeholder="请输入课程名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程编号</label>
<label class="layui-form-label red-star">课程编号</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcbh" placeholder="请输入课程编号">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">创建时间</label>
<label class="layui-form-label red-star">创建时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
<input type="text" class="layui-input laydate-input" name="cjsj" placeholder="请输入创建时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">更新时间</label>
<label class="layui-form-label red-star">更新时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gxsj" placeholder="请输入更新时间">
<input type="text" class="layui-input laydate-input" name="gxsj" placeholder="请输入更新时间">
</div>
</div>
<div class="layui-form-item">
@ -44,31 +44,36 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">教师姓名</label>
<label class="layui-form-label red-star">教师姓名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="jsxm" placeholder="请输入教师姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程状态</label>
<label class="layui-form-label red-star">课程状态</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kczt" placeholder="请输入课程状态">
<select type="text" class="layui-input" name="kczt" placeholder="请选择课程状态">
<option value="">请选择</option>
<option value="正常">正常</option>
<option value="暂停">暂停</option>
<option value="取消">取消</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">参与人数</label>
<label class="layui-form-label red-star">参与人数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cyrs" placeholder="请输入参与人数">
<input type="number" class="layui-input" name="cyrs" placeholder="请输入参与人数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">完成人数</label>
<label class="layui-form-label red-star">完成人数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="wcrs" placeholder="请输入完成人数">
<input type="number" class="layui-input" name="wcrs" placeholder="请输入完成人数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程时长</label>
<label class="layui-form-label red-star">课程时长</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcsz" placeholder="请输入课程时长">
</div>
@ -76,8 +81,12 @@
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -85,6 +94,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -96,7 +117,8 @@
top.layer.close(top.layer.getFrameIndex(window.name))
}
var init = function() {}
var init = function () {
}
var addEvent = function () {
// 提交表单
@ -127,7 +149,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -15,27 +15,27 @@
<div class="form-header">课程管理编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">课程名称</label>
<label class="layui-form-label red-star">课程名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcmc" placeholder="请输入课程名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程编号</label>
<label class="layui-form-label red-star">课程编号</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcbh" placeholder="请输入课程编号">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">创建时间</label>
<label class="layui-form-label red-star">创建时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
<input type="text" class="layui-input laydate-input" name="cjsj" placeholder="请输入创建时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">更新时间</label>
<label class="layui-form-label red-star">更新时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gxsj" placeholder="请输入更新时间">
<input type="text" class="layui-input laydate-input" name="gxsj" placeholder="请输入更新时间">
</div>
</div>
<div class="layui-form-item">
@ -45,31 +45,36 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">教师姓名</label>
<label class="layui-form-label red-star">教师姓名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="jsxm" placeholder="请输入教师姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程状态</label>
<label class="layui-form-label red-star">课程状态</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kczt" placeholder="请输入课程状态">
<select type="text" class="layui-input" name="kczt" placeholder="请选择课程状态">
<option value="">请选择</option>
<option value="正常">正常</option>
<option value="暂停">暂停</option>
<option value="取消">取消</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">参与人数</label>
<label class="layui-form-label red-star">参与人数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cyrs" placeholder="请输入参与人数">
<input type="number" class="layui-input" name="cyrs" placeholder="请输入参与人数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">完成人数</label>
<label class="layui-form-label red-star">完成人数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="wcrs" placeholder="请输入完成人数">
<input type="number" class="layui-input" name="wcrs" placeholder="请输入完成人数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程时长</label>
<label class="layui-form-label red-star">课程时长</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcsz" placeholder="请输入课程时长">
</div>
@ -77,8 +82,12 @@
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -86,6 +95,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -115,7 +136,8 @@
loadingIndex = top.layer.msg('正在加载...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);
@ -152,7 +174,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
console.log(formData.field)

View File

@ -14,15 +14,16 @@
<div class="search-form-container">
<form class="layui-form" lay-filter="searchForm">
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-col-xs3">
<div class="layui-form-item">
<label class="layui-form-label">关键字</label>
<label class="layui-form-label text-left">关键字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
<input type="text" class="layui-input" id="keywords" name="keywords"
placeholder="请输入关键字">
</div>
</div>
</div>
<div class="layui-col-xs2">
<div class="layui-col-xs2" style="margin-left:8px;">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
</div>
@ -78,52 +79,64 @@
{
field: 'xyxm',
title: '学员姓名',
minWidth: 80,
minWidth: 100,
fixed: 'left',
align:"center"
},
{
field: 'kcmc',
title: '课程名称',
minWidth: 80,
minWidth: 150,
fixed: "left",
align:"center"
},
{
field: 'spgkjd',
title: '视频观看进度',
minWidth: 80,
minWidth: 120,
align:"center"
},
{
field: 'zytjcs',
title: '作业提交次数',
minWidth: 80,
minWidth: 120,
align:"center"
},
{
field: 'cswccs',
title: '测试完成次数',
minWidth: 80,
minWidth: 120,
align:"center"
},
{
field: 'zhdlsj',
title: '最后登录时间',
minWidth: 80,
minWidth: 180,
align:"center"
},
{
field: 'dqxxdy',
title: '当前学习单元',
minWidth: 80,
minWidth: 100,
align:"center"
},
{
field: 'zxxsz',
title: '总学习时长',
minWidth: 80,
minWidth: 100,
align:"center"
},
{
field: 'pjcj',
title: '平均成绩',
minWidth: 80,
minWidth: 100,
align:"center"
},
{
field: 'jsfk',
title: '教师反馈',
minWidth: 80,
minWidth: 100,
align:"center"
},
]
],

View File

@ -14,39 +14,40 @@
<div class="form-header">学习进度监控新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">学员姓名</label>
<label class="layui-form-label red-star">学员姓名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xyxm" placeholder="请输入学员姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程名称</label>
<label class="layui-form-label red-star">课程名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcmc" placeholder="请输入课程名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">视频观看进度</label>
<label class="layui-form-label red-star">视频观看进度</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="spgkjd" placeholder="请输入视频观看进度">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作业提交次数</label>
<label class="layui-form-label red-star">作业提交次数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zytjcs" placeholder="请输入作业提交次数">
<input type="number" class="layui-input" name="zytjcs" placeholder="请输入作业提交次数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">测试完成次数</label>
<label class="layui-form-label red-star">测试完成次数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cswccs" placeholder="请输入测试完成次数">
<input type="number" class="layui-input" name="cswccs" placeholder="请输入测试完成次数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">最后登录时间</label>
<label class="layui-form-label red-star">最后登录时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<input type="text" class="layui-input laydate-input" name="zhdlsj"
placeholder="请输入最后登录时间">
</div>
</div>
<div class="layui-form-item">
@ -56,7 +57,7 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">总学习时长</label>
<label class="layui-form-label red-star">总学习时长</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zxxsz" placeholder="请输入总学习时长">
</div>
@ -64,20 +65,31 @@
<div class="layui-form-item">
<label class="layui-form-label">平均成绩</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="pjcj" placeholder="请输入平均成绩">
<input type="number" class="layui-input" name="pjcj" placeholder="请输入平均成绩">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">教师反馈</label>
<label class="layui-form-label red-star">教师反馈</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="jsfk" placeholder="请输入教师反馈">
<select type="text" class="layui-input" name="jsfk" placeholder="请选择教师反馈">
<option value="">请选择</option>
<option value="优秀">优秀</option>
<option value="良好">良好</option>
<option value="一般">一般</option>
<option value="及格">及格</option>
<option value="不及格">不及格</option>
</select>
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -85,6 +97,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -96,7 +120,8 @@
top.layer.close(top.layer.getFrameIndex(window.name))
}
var init = function() {}
var init = function () {
}
var addEvent = function () {
// 提交表单
@ -127,7 +152,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -15,39 +15,40 @@
<div class="form-header">学习进度监控编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">学员姓名</label>
<label class="layui-form-label red-star">学员姓名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xyxm" placeholder="请输入学员姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程名称</label>
<label class="layui-form-label red-star">课程名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcmc" placeholder="请输入课程名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">视频观看进度</label>
<label class="layui-form-label red-star">视频观看进度</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="spgkjd" placeholder="请输入视频观看进度">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作业提交次数</label>
<label class="layui-form-label red-star">作业提交次数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zytjcs" placeholder="请输入作业提交次数">
<input type="number" class="layui-input" name="zytjcs" placeholder="请输入作业提交次数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">测试完成次数</label>
<label class="layui-form-label red-star">测试完成次数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cswccs" placeholder="请输入测试完成次数">
<input type="number" class="layui-input" name="cswccs" placeholder="请输入测试完成次数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">最后登录时间</label>
<label class="layui-form-label red-star">最后登录时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<input type="text" class="layui-input laydate-input" name="zhdlsj"
placeholder="请输入最后登录时间">
</div>
</div>
<div class="layui-form-item">
@ -57,7 +58,7 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">总学习时长</label>
<label class="layui-form-label red-star">总学习时长</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zxxsz" placeholder="请输入总学习时长">
</div>
@ -65,20 +66,31 @@
<div class="layui-form-item">
<label class="layui-form-label">平均成绩</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="pjcj" placeholder="请输入平均成绩">
<input type="number" class="layui-input" name="pjcj" placeholder="请输入平均成绩">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">教师反馈</label>
<label class="layui-form-label red-star">教师反馈</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="jsfk" placeholder="请输入教师反馈">
<select type="text" class="layui-input" name="jsfk" placeholder="请选择教师反馈">
<option value="">请选择</option>
<option value="优秀">优秀</option>
<option value="良好">良好</option>
<option value="一般">一般</option>
<option value="及格">及格</option>
<option value="不及格">不及格</option>
</select>
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -86,6 +98,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -115,7 +139,8 @@
loadingIndex = top.layer.msg('正在加载...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);
@ -152,7 +177,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
console.log(formData.field)

View File

@ -14,15 +14,16 @@
<div class="search-form-container">
<form class="layui-form" lay-filter="searchForm">
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-col-xs3">
<div class="layui-form-item">
<label class="layui-form-label">关键字</label>
<label class="layui-form-label text-left">关键字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
<input type="text" class="layui-input" id="keywords" name="keywords"
placeholder="请输入关键字">
</div>
</div>
</div>
<div class="layui-col-xs2">
<div class="layui-col-xs2" style="margin-left:8px;">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
</div>
@ -33,9 +34,14 @@
<!-- 表头按钮组 -->
<script type="text/html" id="headerToolBar">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
lay-event="updateEvent">编辑
</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
lay-event="removeEvent">删除
</button>
</div>
</script>
</div>
@ -78,52 +84,63 @@
{
field: 'yhm',
title: '用户名',
minWidth: 80,
minWidth: 100,
align: 'center',
fixed: 'left'
},
{
field: 'mm',
title: '密码',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'js',
title: '角色',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'qxjb',
title: '权限级别',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'cjsj',
title: '创建时间',
minWidth: 80,
minWidth: 180,
align: 'center'
},
{
field: 'gxsj',
title: '更新时间',
minWidth: 80,
minWidth: 180,
align: 'center'
},
{
field: 'zhdlsj',
title: '最后登录时间',
minWidth: 80,
minWidth: 180,
align: 'center'
},
{
field: 'yx',
title: '邮箱',
minWidth: 80,
minWidth: 220,
align: 'center'
},
{
field: 'dhhm',
title: '电话号码',
minWidth: 80,
minWidth: 180,
align: 'center'
},
{
field: 'zt',
title: '状态',
minWidth: 80,
minWidth: 100,
align: 'center'
},
]
],
@ -209,7 +226,8 @@
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -14,70 +14,90 @@
<div class="form-header">权限设置新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<label class="layui-form-label red-star">用户名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yhm" placeholder="请输入用户名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码</label>
<label class="layui-form-label red-star">密码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="mm" placeholder="请输入密码">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">角色</label>
<label class="layui-form-label red-star">角色</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="js" placeholder="请输入角色">
<select type="text" class="layui-input" name="js" placeholder="请选择角色">
<option value="">请选择</option>
<option value="学生">学生</option>
<option value="用户">用户</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">权限级别</label>
<label class="layui-form-label red-star">权限级别</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="qxjb" placeholder="请输入权限级别">
<select type="text" class="layui-input" name="qxjb" placeholder="请选择权限级别">
<option value="">请选择</option>
<option value="学生">学生</option>
<option value="教师">教师</option>
<option value="管理">管理</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">创建时间</label>
<label class="layui-form-label red-star">创建时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
<input type="text" class="layui-input laydate-input" name="cjsj" placeholder="请输入创建时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">更新时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gxsj" placeholder="请输入更新时间">
<input type="text" class="layui-input laydate-input" name="gxsj" placeholder="请输入更新时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label ">最后登录时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<input type="text" class="layui-input laydate-input" name="zhdlsj"
placeholder="请输入最后登录时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">邮箱</label>
<label class="layui-form-label red-star">邮箱</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yx" placeholder="请输入邮箱">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">电话号码</label>
<label class="layui-form-label red-star">电话号码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dhhm" placeholder="请输入电话号码">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<label class="layui-form-label red-star">状态</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zt" placeholder="请输入状态">
<select type="text" class="layui-input" name="zt" placeholder="请选择状态">
<option value="">请选择</option>
<option value="正常">正常</option>
<option value="受限">受限</option>
<option value="冻结">冻结</option>
<option value="注销">注销</option>
</select>
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -85,6 +105,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -96,7 +128,8 @@
top.layer.close(top.layer.getFrameIndex(window.name))
}
var init = function() {}
var init = function () {
}
var addEvent = function () {
// 提交表单
@ -127,7 +160,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -15,70 +15,90 @@
<div class="form-header">权限设置编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<label class="layui-form-label red-star">用户名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yhm" placeholder="请输入用户名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码</label>
<label class="layui-form-label red-star">密码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="mm" placeholder="请输入密码">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">角色</label>
<label class="layui-form-label red-star">角色</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="js" placeholder="请输入角色">
<select type="text" class="layui-input" name="js" placeholder="请选择角色">
<option value="">请选择</option>
<option value="学生">学生</option>
<option value="用户">用户</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">权限级别</label>
<label class="layui-form-label red-star">权限级别</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="qxjb" placeholder="请输入权限级别">
<select type="text" class="layui-input" name="qxjb" placeholder="请选择权限级别">
<option value="">请选择</option>
<option value="学生">学生</option>
<option value="教师">教师</option>
<option value="管理">管理</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">创建时间</label>
<label class="layui-form-label red-star">创建时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
<input type="text" class="layui-input laydate-input" name="cjsj" placeholder="请输入创建时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">更新时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gxsj" placeholder="请输入更新时间">
<input type="text" class="layui-input laydate-input" name="gxsj" placeholder="请输入更新时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label ">最后登录时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<input type="text" class="layui-input laydate-input" name="zhdlsj"
placeholder="请输入最后登录时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">邮箱</label>
<label class="layui-form-label red-star">邮箱</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yx" placeholder="请输入邮箱">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">电话号码</label>
<label class="layui-form-label red-star">电话号码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dhhm" placeholder="请输入电话号码">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<label class="layui-form-label red-star">状态</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zt" placeholder="请输入状态">
<select type="text" class="layui-input" name="zt" placeholder="请选择状态">
<option value="">请选择</option>
<option value="正常">正常</option>
<option value="受限">受限</option>
<option value="冻结">冻结</option>
<option value="注销">注销</option>
</select>
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -86,6 +106,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -115,7 +147,8 @@
loadingIndex = top.layer.msg('正在加载...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);
@ -152,7 +185,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
console.log(formData.field)

View File

@ -14,15 +14,16 @@
<div class="search-form-container">
<form class="layui-form" lay-filter="searchForm">
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-col-xs3">
<div class="layui-form-item">
<label class="layui-form-label">关键字</label>
<label class="layui-form-label text-left">关键字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
<input type="text" class="layui-input" id="keywords" name="keywords"
placeholder="请输入关键字">
</div>
</div>
</div>
<div class="layui-col-xs2">
<div class="layui-col-xs2" style="margin-left:8px;">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
</div>
@ -33,9 +34,14 @@
<!-- 表头按钮组 -->
<script type="text/html" id="headerToolBar">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
lay-event="updateEvent">编辑
</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
lay-event="removeEvent">删除
</button>
</div>
</script>
</div>
@ -78,53 +84,64 @@
{
field: 'xyxm',
title: '学员姓名',
minWidth: 80,
minWidth: 120,
align: "center",
fixed: 'left'
},
{
field: 'kcmc',
title: '课程名称',
minWidth: 80,
minWidth: 140,
align: "center",
},
{
field: 'zytjsj',
title: '作业提交时间',
minWidth: 80,
minWidth: 180,
align: "center",
},
{
field: 'cscj',
title: '测试成绩',
minWidth: 80,
minWidth: 120,
align: "center",
},
{
field: 'zycj',
title: '作业成绩',
minWidth: 80,
minWidth: 120,
align: "center",
},
{
field: 'zcj',
title: '总成绩',
minWidth: 80,
minWidth: 120,
align: "center",
},
{
field: 'xxjd',
title: '学习进度',
minWidth: 80,
minWidth: 120,
align: "center",
},
{
field: 'zhdlsj',
title: '最后登录时间',
minWidth: 80,
minWidth: 180,
align: "center",
},
{
field: 'cytlcs',
title: '参与讨论次数',
minWidth: 80,
minWidth: 120,
align: "center",
},
{
field: 'gkspsz',
title: '观看视频时长',
minWidth: 80,
},
minWidth: 120,
align: "center",
}
]
],
data: datas,
@ -209,7 +226,8 @@
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -14,43 +14,43 @@
<div class="form-header">成绩追踪新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">学员姓名</label>
<label class="layui-form-label red-star">学员姓名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xyxm" placeholder="请输入学员姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程名称</label>
<label class="layui-form-label red-star">课程名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcmc" placeholder="请输入课程名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作业提交时间</label>
<label class="layui-form-label red-star">作业提交时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zytjsj" placeholder="请输入作业提交时间">
<input type="text" class="layui-input laydate-input" name="zytjsj" placeholder="请输入作业提交时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">测试成绩</label>
<label class="layui-form-label red-star">测试成绩</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cscj" placeholder="请输入测试成绩">
<input type="number" class="layui-input" name="cscj" placeholder="请输入测试成绩">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作业成绩</label>
<label class="layui-form-label red-star">作业成绩</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zycj" placeholder="请输入作业成绩">
<input type="number" class="layui-input" name="zycj" placeholder="请输入作业成绩">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">总成绩</label>
<label class="layui-form-label red-star">总成绩</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zcj" placeholder="请输入总成绩">
<input type="number" class="layui-input" name="zcj" placeholder="请输入总成绩">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学习进度</label>
<label class="layui-form-label red-star">学习进度</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xxjd" placeholder="请输入学习进度">
</div>
@ -58,17 +58,17 @@
<div class="layui-form-item">
<label class="layui-form-label">最后登录时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<input type="text" class="layui-input laydate-input" name="zhdlsj" placeholder="请输入最后登录时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">参与讨论次数</label>
<label class="layui-form-label red-star">参与讨论次数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cytlcs" placeholder="请输入参与讨论次数">
<input type="number" class="layui-input" name="cytlcs" placeholder="请输入参与讨论次数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">观看视频时长</label>
<label class="layui-form-label red-star">观看视频时长</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gkspsz" placeholder="请输入观看视频时长">
</div>
@ -85,6 +85,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;

View File

@ -15,43 +15,44 @@
<div class="form-header">成绩追踪编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">学员姓名</label>
<label class="layui-form-label red-star">学员姓名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xyxm" placeholder="请输入学员姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程名称</label>
<label class="layui-form-label red-star">课程名称</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="kcmc" placeholder="请输入课程名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作业提交时间</label>
<label class="layui-form-label red-star">作业提交时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zytjsj" placeholder="请输入作业提交时间">
<input type="text" class="layui-input laydate-input" name="zytjsj"
placeholder="请输入作业提交时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">测试成绩</label>
<label class="layui-form-label red-star">测试成绩</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cscj" placeholder="请输入测试成绩">
<input type="number" class="layui-input" name="cscj" placeholder="请输入测试成绩">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作业成绩</label>
<label class="layui-form-label red-star">作业成绩</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zycj" placeholder="请输入作业成绩">
<input type="number" class="layui-input" name="zycj" placeholder="请输入作业成绩">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">总成绩</label>
<label class="layui-form-label red-star">总成绩</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zcj" placeholder="请输入总成绩">
<input type="number" class="layui-input" name="zcj" placeholder="请输入总成绩">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学习进度</label>
<label class="layui-form-label red-star">学习进度</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xxjd" placeholder="请输入学习进度">
</div>
@ -59,17 +60,18 @@
<div class="layui-form-item">
<label class="layui-form-label">最后登录时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<input type="text" class="layui-input laydate-input" name="zhdlsj"
placeholder="请输入最后登录时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">参与讨论次数</label>
<label class="layui-form-label red-star">参与讨论次数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cytlcs" placeholder="请输入参与讨论次数">
<input type="number" class="layui-input" name="cytlcs" placeholder="请输入参与讨论次数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">观看视频时长</label>
<label class="layui-form-label red-star">观看视频时长</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gkspsz" placeholder="请输入观看视频时长">
</div>
@ -77,8 +79,12 @@
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -86,6 +92,18 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -115,7 +133,8 @@
loadingIndex = top.layer.msg('正在加载...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);
@ -152,7 +171,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
console.log(formData.field)

View File

@ -14,15 +14,16 @@
<div class="search-form-container">
<form class="layui-form" lay-filter="searchForm">
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-col-xs3">
<div class="layui-form-item">
<label class="layui-form-label">关键字</label>
<label class="layui-form-label text-left">关键字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
<input type="text" class="layui-input" id="keywords" name="keywords"
placeholder="请输入关键字">
</div>
</div>
</div>
<div class="layui-col-xs2">
<div class="layui-col-xs2" style="margin-left:8px;">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
</div>
@ -33,9 +34,14 @@
<!-- 表头按钮组 -->
<script type="text/html" id="headerToolBar">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
lay-event="updateEvent">编辑
</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
lay-event="removeEvent">删除
</button>
</div>
</script>
</div>
@ -78,52 +84,63 @@
{
field: 'yhm',
title: '用户名',
minWidth: 80,
minWidth: 120,
fixed: 'left',
align: 'center'
},
{
field: 'mm',
title: '密码',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'yx',
title: '邮箱',
minWidth: 80,
minWidth: 180,
align: 'center'
},
{
field: 'sjhm',
title: '手机号码',
minWidth: 80,
minWidth: 180,
align: 'center'
},
{
field: 'xb',
title: '性别',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'sr',
title: '生日',
minWidth: 80,
minWidth: 150,
align: 'center'
},
{
field: 'zcsj',
title: '注册时间',
minWidth: 80,
minWidth: 180,
align: 'center'
},
{
field: 'zhdlsj',
title: '最后登录时间',
minWidth: 80,
minWidth: 180,
align: 'center'
},
{
field: 'yhzt',
title: '用户状态',
minWidth: 80,
minWidth: 100,
align: 'center'
},
{
field: 'yhjs',
title: '用户角色',
minWidth: 80,
minWidth: 100,
align: 'center'
},
]
],
@ -209,7 +226,8 @@
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -14,70 +14,88 @@
<div class="form-header">用户管理新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<label class="layui-form-label red-star">用户名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yhm" placeholder="请输入用户名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码</label>
<label class="layui-form-label red-star">密码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="mm" placeholder="请输入密码">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">邮箱</label>
<label class="layui-form-label red-star">邮箱</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yx" placeholder="请输入邮箱">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">手机号码</label>
<label class="layui-form-label red-star">手机号码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="sjhm" placeholder="请输入手机号码">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">性别</label>
<label class="layui-form-label red-star">性别</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<select type="text" class="layui-input" name="xb" placeholder="请选择性别">
<option value="">请选择</option>
<option value="男"></option>
<option value="女"></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">生日</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="sr" placeholder="请输入生日">
<input type="text" class="layui-input laydate-date" name="sr" placeholder="请输入生日">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">注册时间</label>
<label class="layui-form-label red-star">注册时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zcsj" placeholder="请输入注册时间">
<input type="text" class="layui-input laydate-input" name="zcsj" placeholder="请输入注册时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">最后登录时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<input type="text" class="layui-input laydate-input" name="zhdlsj"
placeholder="请输入最后登录时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">用户状态</label>
<label class="layui-form-label red-star">用户状态</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yhzt" placeholder="请输入用户状态">
<select type="text" class="layui-input" name="yhzt" placeholder="请选择用户状态">
<option value="">请选择</option>
<option value="正常">正常</option>
<option value="冻结">冻结</option>
<option value="注销">注销</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">用户角色</label>
<label class="layui-form-label red-star">用户角色</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yhjs" placeholder="请输入用户角色">
<select type="text" class="layui-input" name="yhjs" placeholder="请选择用户角色">
<option value="">请选择</option>
<option value="用户">用户</option>
<option value="学生">学生</option>
</select>
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -85,6 +103,30 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-date');
laydate.render({
elem: laydateInput,
type: 'month', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -96,7 +138,8 @@
top.layer.close(top.layer.getFrameIndex(window.name))
}
var init = function() {}
var init = function () {
}
var addEvent = function () {
// 提交表单
@ -127,7 +170,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);

View File

@ -15,70 +15,88 @@
<div class="form-header">用户管理编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<label class="layui-form-label red-star">用户名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yhm" placeholder="请输入用户名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码</label>
<label class="layui-form-label red-star">密码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="mm" placeholder="请输入密码">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">邮箱</label>
<label class="layui-form-label red-star">邮箱</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yx" placeholder="请输入邮箱">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">手机号码</label>
<label class="layui-form-label red-star">手机号码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="sjhm" placeholder="请输入手机号码">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">性别</label>
<label class="layui-form-label red-star">性别</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<select type="text" class="layui-input" name="xb" placeholder="请选择性别">
<option value="">请选择</option>
<option value="男"></option>
<option value="女"></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">生日</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="sr" placeholder="请输入生日">
<input type="text" class="layui-input laydate-date" name="sr" placeholder="请输入生日">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">注册时间</label>
<label class="layui-form-label red-star">注册时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zcsj" placeholder="请输入注册时间">
<input type="text" class="layui-input laydate-input" name="zcsj" placeholder="请输入注册时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">最后登录时间</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<input type="text" class="layui-input laydate-input" name="zhdlsj"
placeholder="请输入最后登录时间">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">用户状态</label>
<label class="layui-form-label red-star">用户状态</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yhzt" placeholder="请输入用户状态">
<select type="text" class="layui-input" name="yhzt" placeholder="请选择用户状态">
<option value="">请选择</option>
<option value="正常">正常</option>
<option value="冻结">冻结</option>
<option value="注销">注销</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">用户角色</label>
<label class="layui-form-label red-star">用户角色</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yhjs" placeholder="请输入用户角色">
<select type="text" class="layui-input" name="yhjs" placeholder="请选择用户角色">
<option value="">请选择</option>
<option value="用户">用户</option>
<option value="学生">学生</option>
</select>
</div>
</div>
</div>
<div class="form-footer">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
lay-filter="confirmFilter">提交
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
lay-filter="closeFilter">关闭
</button>
</div>
</div>
</form>
@ -86,6 +104,30 @@
</div>
<script src="assets/crpm/js/layui/layui.js"></script>
<script>
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-input');
laydate.render({
elem: laydateInput,
type: 'date', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月dd日', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['laydate'], function () {
var laydate = layui.laydate;
// 获取class为laydate-input的元素
var laydateInput = document.querySelectorAll('.laydate-date');
laydate.render({
elem: laydateInput,
type: 'month', // 设置类型为日期时间,可选择年月日时分秒
format: 'yyyy年MM月', // 自定义显示格式,可按需调整
theme: 'grid', // 选择主题,可根据喜好更换,比如 'default'、'grid' 等
trigger: 'click' // 触发方式,这里是点击输入框触发,还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;
@ -115,7 +157,8 @@
loadingIndex = top.layer.msg('正在加载...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
top.layer.close(loadingIndex);
@ -152,7 +195,8 @@
loadingIndex = top.layer.msg('正在提交...', {
icon: 16,
shade: 0.01
});;
});
;
},
complete: function () {
console.log(formData.field)

View File

@ -13,13 +13,13 @@
<body>
<div id="app">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-header layui-bg-black">
<div class="layui-logo layui-hide-xs layui-bg-black">
在线研修与考核系统
</div>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item layui-hide layui-show-sm-inline-block">
<a href="javascript:void(0);">管理员</a>
<a href="javascript:void(0);" style="font-size: 14px;font-weight:bold;">管理员</a>
<dl class="layui-nav-child">
<dd><a href="javascript:void(0);">退出</a></dd>
</dl>
@ -31,44 +31,65 @@
<!-- 左侧导航区域可配合layui已有的垂直导航 -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-8f9226ef-988f-4657-9fe8-e0dd01088878" data-mod-id="3b6323bd-404e-4cdf-968a-35f35f0a13d0" data-url="route/pages/a4b8e0/list.html"><i class="fa fa-list"></i> 课程管理</a>
<a href="javascript:void(0);" class="menu-item" id="menu-8f9226ef-988f-4657-9fe8-e0dd01088878"
data-mod-id="3b6323bd-404e-4cdf-968a-35f35f0a13d0" data-url="route/pages/a4b8e0/list.html"><i
class="fa fa-graduation-cap"></i> 课程管理</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-d1215541-128a-4817-9f8f-aad5a65b9068" data-mod-id="0beba9b2-7184-4ff4-9295-81abc07f5c1e" data-url="route/pages/03f33a/list.html"><i class="fa fa-list"></i> 作业提交</a>
<a href="javascript:void(0);" class="menu-item" id="menu-d1215541-128a-4817-9f8f-aad5a65b9068"
data-mod-id="0beba9b2-7184-4ff4-9295-81abc07f5c1e" data-url="route/pages/03f33a/list.html"><i
class="fa fa-pencil-square-o"></i> 作业提交</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-6eaa071c-6961-4306-92f7-5d483a99d794" data-mod-id="62b1e139-3465-4584-8192-4b0aa930b298" data-url="route/pages/0f1aa2/list.html"><i class="fa fa-list"></i> 资源库管理</a>
<a href="javascript:void(0);" class="menu-item" id="menu-6eaa071c-6961-4306-92f7-5d483a99d794"
data-mod-id="62b1e139-3465-4584-8192-4b0aa930b298" data-url="route/pages/0f1aa2/list.html"><i
class="fa fa-book"></i> 资源库管理</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-279cef4f-49c4-4ca7-aa04-481f249db2c0" data-mod-id="61aa880c-f032-4bf2-834a-9c465216f1b8" data-url="route/pages/e9eeb8/list.html"><i class="fa fa-list"></i> 成绩追踪</a>
<a href="javascript:void(0);" class="menu-item" id="menu-279cef4f-49c4-4ca7-aa04-481f249db2c0"
data-mod-id="61aa880c-f032-4bf2-834a-9c465216f1b8" data-url="route/pages/e9eeb8/list.html"><i
class="fa fa-line-chart"></i> 成绩追踪</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-c74b133e-db7b-44c7-affd-587f5fbc560e" data-mod-id="6f1c1d2f-28cf-4f3d-9cb1-bce3376c0346" data-url="route/pages/3e568b/list.html"><i class="fa fa-list"></i> 课程反馈收集</a>
<a href="javascript:void(0);" class="menu-item" id="menu-c74b133e-db7b-44c7-affd-587f5fbc560e"
data-mod-id="6f1c1d2f-28cf-4f3d-9cb1-bce3376c0346" data-url="route/pages/3e568b/list.html"><i
class="fa fa-comments"></i> 课程反馈收集</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-e1d4ca3d-45e0-4459-909f-54c26a674b0e" data-mod-id="4d9bd4c4-09b2-46ad-a824-fe984895ceaa" data-url="route/pages/0f6341/list.html"><i class="fa fa-list"></i> 学习资料下载</a>
<a href="javascript:void(0);" class="menu-item" id="menu-e1d4ca3d-45e0-4459-909f-54c26a674b0e"
data-mod-id="4d9bd4c4-09b2-46ad-a824-fe984895ceaa" data-url="route/pages/0f6341/list.html"><i
class="fa fa-download"></i> 学习资料下载</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-1f206891-3216-41de-a870-ac04d17e196d" data-mod-id="1c982f2d-488e-41b6-a131-12e3dbd8e770" data-url="route/pages/b0e3d4/list.html"><i class="fa fa-list"></i> 学习进度监控</a>
<a href="javascript:void(0);" class="menu-item" id="menu-1f206891-3216-41de-a870-ac04d17e196d"
data-mod-id="1c982f2d-488e-41b6-a131-12e3dbd8e770" data-url="route/pages/b0e3d4/list.html"><i
class="fa fa-clock-o"></i> 学习进度监控</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-fb54072d-c700-43dd-ac76-47c7c10ac3d0" data-mod-id="2e5dfdc3-0375-48ca-9384-b03ce4d33510" data-url="route/pages/ef4baa/list.html"><i class="fa fa-list"></i> 用户管理</a>
<a href="javascript:void(0);" class="menu-item" id="menu-fb54072d-c700-43dd-ac76-47c7c10ac3d0"
data-mod-id="2e5dfdc3-0375-48ca-9384-b03ce4d33510" data-url="route/pages/ef4baa/list.html"><i
class="fa fa-users"></i> 用户管理</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-1e2bf386-2ce7-48ca-b8a3-01841da06459" data-mod-id="149ab081-4132-4b2b-b172-f79674cb6f91" data-url="route/pages/79a967/list.html"><i class="fa fa-list"></i> 通知公告</a>
<a href="javascript:void(0);" class="menu-item" id="menu-1e2bf386-2ce7-48ca-b8a3-01841da06459"
data-mod-id="149ab081-4132-4b2b-b172-f79674cb6f91" data-url="route/pages/79a967/list.html"><i
class="fa fa-bullhorn"></i> 通知公告</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-542bc053-c2bc-4375-b4a1-14a5889bd633" data-mod-id="52a602d7-725a-4e1f-97c6-e4d44e2a6886" data-url="route/pages/e14c8e/list.html"><i class="fa fa-list"></i> 权限设置</a>
<a href="javascript:void(0);" class="menu-item" id="menu-542bc053-c2bc-4375-b4a1-14a5889bd633"
data-mod-id="52a602d7-725a-4e1f-97c6-e4d44e2a6886" data-url="route/pages/e14c8e/list.html"><i
class="fa fa-lock"></i> 权限设置</a>
</li>
</ul>
</div>
</div>
<div class="layui-body">
<div class="layui-body layui-body-bg">
<!-- 内容主体区域 -->
<div style="padding: 15px">
<div>
<blockquote class="layui-elem-quote layui-text">
欢迎使用在线研修与考核系统
</blockquote>
<div style="padding:10px;">
<div class='homepage' id="homepage">
<div class='homepage-top'>
<div class='pieChart' id="pieChart"></div>
@ -83,7 +104,8 @@
</div>
</div>
</div>
<div class="layui-footer"></div>
</div>
<!-- <div class="layui-footer"></div>-->
</div>
</div>
<script src="assets/crpm/js/echarts/echarts.min.js"></script>
@ -101,7 +123,7 @@
var init = function () {
var $pageIframe = $('#pageIframe');
$pageIframe.css({
height: `${$win.height() - 200}px`
height: `${$win.height() - 150}px`
})
}