在线研修与考核系统
This commit is contained in:
itgaojian163
parent
0bf7a43d67
commit
429e9b4c45
Binary file not shown.
@ -29,10 +29,10 @@ html, body {
|
||||
}
|
||||
|
||||
.login-container .login-form {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(60%, -50%);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(60%, -50%);
|
||||
width: 300px;
|
||||
padding: 15px 20px;
|
||||
font-size: 12px;
|
||||
@ -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,60 +170,80 @@ html, body {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
/*------首页-----------------------------------------------------------------*/
|
||||
.homepage{
|
||||
background:#f5f4f9;
|
||||
height: calc(100vh - 200px);
|
||||
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 {
|
||||
background: #f5f4f9;
|
||||
height: calc(100vh - 200px);
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 10px;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
.homepage-bot{
|
||||
height:40%;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.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;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*折线图*/
|
||||
.lineChart{
|
||||
padding:10px;
|
||||
box-sizing:border-box;
|
||||
flex:1;
|
||||
height: 100%;
|
||||
background:#fff;
|
||||
margin-left:10px;
|
||||
}
|
||||
/*饼图*/
|
||||
.pieChart{
|
||||
padding:10px;
|
||||
box-sizing:border-box;
|
||||
flex:1;
|
||||
height: 100%;
|
||||
background:#fff;
|
||||
|
||||
}
|
||||
.barChart{
|
||||
padding:10px 10px 0 10px;
|
||||
|
||||
box-sizing:border-box;
|
||||
width:100%;
|
||||
.lineChart {
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
background:#fff;
|
||||
|
||||
background: #fff;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/*饼图*/
|
||||
.pieChart {
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
|
||||
}
|
||||
|
||||
.barChart {
|
||||
padding: 10px 10px 0 10px;
|
||||
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
|
||||
}
|
||||
|
||||
.redtips {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.red-star:after {
|
||||
content: "*";
|
||||
color: red;
|
||||
}
|
||||
.text-center{
|
||||
text-align:center;
|
||||
}
|
||||
.text-left{
|
||||
text-align: left !important;
|
||||
}
|
||||
@ -29,10 +29,10 @@ html, body {
|
||||
}
|
||||
|
||||
.login-container .login-form {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(60%, -50%);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(60%, -50%);
|
||||
width: 300px;
|
||||
padding: 15px 20px;
|
||||
font-size: 12px;
|
||||
@ -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,65 +170,92 @@ html, body {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin-top: 10px;
|
||||
}
|
||||
/*------首页-----------------------------------------------------------------*/
|
||||
.homepage{
|
||||
background:#f5f4f9;
|
||||
height: calc(100vh - 200px);
|
||||
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-header {
|
||||
background-color: #00152A !important;
|
||||
}
|
||||
.homepage-bot{
|
||||
height:40%;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.homepage {
|
||||
background: #f5f4f9;
|
||||
height: calc(100vh - 150px);
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 10px;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
|
||||
.homepage-top {
|
||||
padding-bottom: 10px;
|
||||
box-sizing: border-box;
|
||||
height: 60%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.homepage-bot {
|
||||
height: 40%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*折线图*/
|
||||
.lineChart{
|
||||
padding:10px;
|
||||
box-sizing:border-box;
|
||||
flex:1;
|
||||
height: 100%;
|
||||
background:#fff;
|
||||
margin-left:10px;
|
||||
}
|
||||
/*饼图*/
|
||||
.pieChart{
|
||||
padding:10px;
|
||||
box-sizing:border-box;
|
||||
flex:1;
|
||||
height: 100%;
|
||||
background:#fff;
|
||||
|
||||
}
|
||||
.barChart{
|
||||
padding:10px 10px 0 10px;
|
||||
|
||||
box-sizing:border-box;
|
||||
width:100%;
|
||||
.lineChart {
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
background:#fff;
|
||||
|
||||
background: #fff;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/*饼图*/
|
||||
.pieChart {
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
|
||||
}
|
||||
|
||||
.barChart {
|
||||
padding: 10px 10px 0 10px;
|
||||
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
|
||||
}
|
||||
|
||||
.layui-bg-black {
|
||||
background-color: #23292e!important;
|
||||
color: #fff!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;
|
||||
}
|
||||
@ -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,
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -94,39 +117,40 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/049bcd/03f33a/id/'+ id,
|
||||
success: function(resp) {
|
||||
|
||||
url: 'api/data/get/049bcd/03f33a/id/' + id,
|
||||
success: function (resp) {
|
||||
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -135,34 +159,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
console.log(formData.field)
|
||||
complete: function () {
|
||||
console.log(formData.field)
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -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,
|
||||
},
|
||||
]
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -92,16 +132,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,33 +151,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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" 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;
|
||||
@ -94,39 +134,40 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/049bcd/0f1aa2/id/'+ id,
|
||||
success: function(resp) {
|
||||
|
||||
url: 'api/data/get/049bcd/0f1aa2/id/' + id,
|
||||
success: function (resp) {
|
||||
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -135,34 +176,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
console.log(formData.field)
|
||||
complete: function () {
|
||||
console.log(formData.field)
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/049bcd/0f6341',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -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,
|
||||
@ -133,19 +151,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -155,14 +173,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -170,48 +188,48 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/0f6341/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/0f6341/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/049bcd/0f6341?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -219,7 +237,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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,17 +46,17 @@
|
||||
<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">
|
||||
<label class="layui-form-label">资料描述</label>
|
||||
<label class="layui-form-label ">资料描述</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="zlms" 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="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;
|
||||
@ -92,16 +124,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,33 +143,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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,17 +47,17 @@
|
||||
<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">
|
||||
<label class="layui-form-label">资料描述</label>
|
||||
<label class="layui-form-label ">资料描述</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="zlms" 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="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;
|
||||
@ -94,39 +126,40 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/049bcd/0f6341/id/'+ id,
|
||||
success: function(resp) {
|
||||
|
||||
url: 'api/data/get/049bcd/0f6341/id/' + id,
|
||||
success: function (resp) {
|
||||
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -135,34 +168,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
console.log(formData.field)
|
||||
complete: function () {
|
||||
console.log(formData.field)
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -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'
|
||||
},
|
||||
]
|
||||
],
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -94,39 +110,40 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/049bcd/3e568b/id/'+ id,
|
||||
success: function(resp) {
|
||||
|
||||
url: 'api/data/get/049bcd/3e568b/id/' + id,
|
||||
success: function (resp) {
|
||||
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -135,34 +152,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
console.log(formData.field)
|
||||
complete: function () {
|
||||
console.log(formData.field)
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/049bcd/79a967',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -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'
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -133,19 +149,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -155,14 +171,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -170,48 +186,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/79a967/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/79a967/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/049bcd/79a967?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -219,7 +236,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -92,16 +142,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,33 +161,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -94,39 +143,40 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/049bcd/79a967/id/'+ id,
|
||||
success: function(resp) {
|
||||
|
||||
url: 'api/data/get/049bcd/79a967/id/' + id,
|
||||
success: function (resp) {
|
||||
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -135,34 +185,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
console.log(formData.field)
|
||||
complete: function () {
|
||||
console.log(formData.field)
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/049bcd/a4b8e0',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -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,
|
||||
@ -133,19 +150,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -155,14 +172,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -170,48 +187,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/a4b8e0/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/a4b8e0/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/049bcd/a4b8e0?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -219,7 +237,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -92,16 +113,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,33 +132,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -94,39 +115,40 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/049bcd/a4b8e0/id/'+ id,
|
||||
success: function(resp) {
|
||||
|
||||
url: 'api/data/get/049bcd/a4b8e0/id/' + id,
|
||||
success: function (resp) {
|
||||
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -135,34 +157,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
console.log(formData.field)
|
||||
complete: function () {
|
||||
console.log(formData.field)
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -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"
|
||||
},
|
||||
]
|
||||
],
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -92,16 +116,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,33 +135,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -94,39 +118,40 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/049bcd/b0e3d4/id/'+ id,
|
||||
success: function(resp) {
|
||||
|
||||
url: 'api/data/get/049bcd/b0e3d4/id/' + id,
|
||||
success: function (resp) {
|
||||
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -135,34 +160,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
console.log(formData.field)
|
||||
complete: function () {
|
||||
console.log(formData.field)
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/049bcd/e14c8e',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -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'
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -133,19 +150,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -155,14 +172,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -170,48 +187,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/e14c8e/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/e14c8e/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/049bcd/e14c8e?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -219,7 +237,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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>
|
||||
<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;
|
||||
@ -92,16 +124,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,33 +143,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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>
|
||||
<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;
|
||||
@ -94,39 +126,40 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/049bcd/e14c8e/id/'+ id,
|
||||
success: function(resp) {
|
||||
|
||||
url: 'api/data/get/049bcd/e14c8e/id/' + id,
|
||||
success: function (resp) {
|
||||
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -135,34 +168,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
console.log(formData.field)
|
||||
complete: function () {
|
||||
console.log(formData.field)
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/049bcd/e9eeb8',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -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,
|
||||
@ -133,19 +150,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -155,14 +172,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -170,48 +187,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/e9eeb8/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/e9eeb8/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/049bcd/e9eeb8?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -219,7 +237,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -94,39 +112,40 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/049bcd/e9eeb8/id/'+ id,
|
||||
success: function(resp) {
|
||||
|
||||
url: 'api/data/get/049bcd/e9eeb8/id/' + id,
|
||||
success: function (resp) {
|
||||
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -135,34 +154,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
console.log(formData.field)
|
||||
complete: function () {
|
||||
console.log(formData.field)
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/049bcd/ef4baa',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -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'
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -133,19 +150,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -155,14 +172,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -170,48 +187,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/ef4baa/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/ef4baa/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/049bcd/ef4baa?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -219,7 +237,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -92,16 +134,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,33 +153,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/code1/css/style1/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -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;
|
||||
@ -94,39 +136,40 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/049bcd/ef4baa/id/'+ id,
|
||||
success: function(resp) {
|
||||
|
||||
url: 'api/data/get/049bcd/ef4baa/id/' + id,
|
||||
success: function (resp) {
|
||||
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -135,34 +178,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
console.log(formData.field)
|
||||
complete: function () {
|
||||
console.log(formData.field)
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>在线研修与考核系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/fonts/font-awesome/css/font-awesome.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index1/index1.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/fonts/font-awesome/css/font-awesome.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index1/index1.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index.css"/>
|
||||
</head>
|
||||
<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,59 +31,81 @@
|
||||
<!-- 左侧导航区域（可配合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 class='homepage' id="homepage">
|
||||
<div class='homepage-top' >
|
||||
<div class='pieChart' id="pieChart"></div>
|
||||
<div class='lineChart' id="lineChart"></div>
|
||||
<div style="padding:10px;">
|
||||
<div class='homepage' id="homepage">
|
||||
<div class='homepage-top'>
|
||||
<div class='pieChart' id="pieChart"></div>
|
||||
<div class='lineChart' id="lineChart"></div>
|
||||
</div>
|
||||
<div class='homepage-bot'>
|
||||
<div id="barChart" class='barChart'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='homepage-bot' >
|
||||
<div id="barChart" class='barChart'></div>
|
||||
<div class="layui-card layui-panel page-iframe-container">
|
||||
<iframe class="page-iframe" id="pageIframe" src="" style="display: none;"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-card layui-panel page-iframe-container">
|
||||
<iframe class="page-iframe" id="pageIframe" src="" style="display: none;"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-footer"></div>
|
||||
<!-- <div class="layui-footer"></div>-->
|
||||
</div>
|
||||
</div>
|
||||
<script src="assets/crpm/js/echarts/echarts.min.js"></script>
|
||||
@ -98,153 +120,153 @@
|
||||
var $win = $(window);
|
||||
window['layer'] = layer;
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var $pageIframe = $('#pageIframe');
|
||||
$pageIframe.css({
|
||||
height: `${$win.height() - 200}px`
|
||||
height: `${$win.height() - 150}px`
|
||||
})
|
||||
}
|
||||
|
||||
init();
|
||||
var homepage = document.getElementById('homepage');
|
||||
$(document).on('click', '.menu-item', function() {
|
||||
var homepage = document.getElementById('homepage');
|
||||
$(document).on('click', '.menu-item', function () {
|
||||
var url = this.dataset.url;
|
||||
var pageIframe = $('#pageIframe');
|
||||
pageIframe.attr('src', url);
|
||||
pageIframe.show();
|
||||
homepage.style.display = 'none';
|
||||
homepage.style.display = 'none';
|
||||
});
|
||||
});
|
||||
//折线图
|
||||
var lineChart = echarts.init(document.getElementById('lineChart'));
|
||||
var optionLine = {
|
||||
animation: false,
|
||||
title: {
|
||||
//text: '销售时间统计',//
|
||||
left: 'left', // Center align the title horizontally
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: ['2024-1', '2024-2', '2024-3', '2024-4', '2024-5', '2024-6', '2024-7']
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis' // 设置触发类型为坐标轴触发
|
||||
},
|
||||
series: [{
|
||||
data: [820, 733, 901, 600, 1290, 500, 1320],
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
areaStyle: {}
|
||||
}]
|
||||
};
|
||||
lineChart.setOption(optionLine);
|
||||
|
||||
var currentIndex = -1;
|
||||
var interval = 1000; // 切换间隔时间，单位是毫秒
|
||||
var timer; // 定时器变量
|
||||
//折线图
|
||||
var lineChart = echarts.init(document.getElementById('lineChart'));
|
||||
var optionLine = {
|
||||
animation: false,
|
||||
title: {
|
||||
//text: '销售时间统计',//
|
||||
left: 'left', // Center align the title horizontally
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: ['2024-1', '2024-2', '2024-3', '2024-4', '2024-5', '2024-6', '2024-7']
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis' // 设置触发类型为坐标轴触发
|
||||
},
|
||||
series: [{
|
||||
data: [820, 733, 901, 600, 1290, 500, 1320],
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
areaStyle: {}
|
||||
}]
|
||||
};
|
||||
lineChart.setOption(optionLine);
|
||||
|
||||
// 自动触发选中状态并每隔1秒自动向下一个触发
|
||||
function startAutoPlay() {
|
||||
timer = setInterval(function() {
|
||||
var dataLen = optionLine.series[0].data.length;
|
||||
// 取消之前高亮的图形
|
||||
lineChart.dispatchAction({
|
||||
type: 'downplay',
|
||||
seriesIndex: 0,
|
||||
dataIndex: currentIndex
|
||||
});
|
||||
currentIndex = (currentIndex + 1) % dataLen;
|
||||
// 高亮当前图形
|
||||
lineChart.dispatchAction({
|
||||
type: 'highlight',
|
||||
seriesIndex: 0,
|
||||
dataIndex: currentIndex
|
||||
});
|
||||
// 显示 tooltip
|
||||
lineChart.dispatchAction({
|
||||
type: 'showTip',
|
||||
seriesIndex: 0,
|
||||
dataIndex: currentIndex
|
||||
});
|
||||
}, interval);
|
||||
}
|
||||
var currentIndex = -1;
|
||||
var interval = 1000; // 切换间隔时间，单位是毫秒
|
||||
var timer; // 定时器变量
|
||||
|
||||
// 开始自动播放
|
||||
startAutoPlay();
|
||||
// 自动触发选中状态并每隔1秒自动向下一个触发
|
||||
function startAutoPlay() {
|
||||
timer = setInterval(function () {
|
||||
var dataLen = optionLine.series[0].data.length;
|
||||
// 取消之前高亮的图形
|
||||
lineChart.dispatchAction({
|
||||
type: 'downplay',
|
||||
seriesIndex: 0,
|
||||
dataIndex: currentIndex
|
||||
});
|
||||
currentIndex = (currentIndex + 1) % dataLen;
|
||||
// 高亮当前图形
|
||||
lineChart.dispatchAction({
|
||||
type: 'highlight',
|
||||
seriesIndex: 0,
|
||||
dataIndex: currentIndex
|
||||
});
|
||||
// 显示 tooltip
|
||||
lineChart.dispatchAction({
|
||||
type: 'showTip',
|
||||
seriesIndex: 0,
|
||||
dataIndex: currentIndex
|
||||
});
|
||||
}, interval);
|
||||
}
|
||||
|
||||
// 开始自动播放
|
||||
startAutoPlay();
|
||||
|
||||
// 鼠标悬停在图表上时暂停自动播放
|
||||
lineChart.on('mouseover', function () {
|
||||
clearInterval(timer);
|
||||
});
|
||||
|
||||
// 鼠标离开图表区域时恢复自动播放
|
||||
lineChart.on('mouseout', function () {
|
||||
startAutoPlay();
|
||||
});
|
||||
|
||||
// 饼状图
|
||||
var pieChart = echarts.init(document.getElementById('pieChart'));
|
||||
var optionPie = {
|
||||
animation: false,
|
||||
title: {
|
||||
//text: '订单占比系统',//
|
||||
left: 'left'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item'
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'right'
|
||||
},
|
||||
series: [{
|
||||
name: '嘻嘻',
|
||||
type: 'pie',
|
||||
radius: ['60%', '70%'],
|
||||
data: [
|
||||
{value: 150, name: 'data1'},
|
||||
{value: 274, name: 'data2'},
|
||||
{value: 310, name: 'data3'},
|
||||
{value: 335, name: 'data4'},
|
||||
{value: 400, name: 'data5'}
|
||||
]
|
||||
}]
|
||||
};
|
||||
pieChart.setOption(optionPie);
|
||||
//柱状图
|
||||
var barChart = echarts.init(document.getElementById('barChart'));
|
||||
var optionBar = {
|
||||
animation: false,
|
||||
title: {
|
||||
// text: '收支情况'//
|
||||
},
|
||||
tooltip: {},
|
||||
legend: {
|
||||
//data: ['收入', '支出'] ,//
|
||||
data: ['data1', 'data2'],
|
||||
left: 'right'
|
||||
},
|
||||
xAxis: {
|
||||
data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月',]
|
||||
},
|
||||
yAxis: {},
|
||||
series: [{
|
||||
name: 'data1',
|
||||
type: 'bar',
|
||||
data: [5, 20, 36, 10, 10, 15, 16, 20, 12, 13, 35, 12] // 第一条柱状图的数据
|
||||
}, {
|
||||
name: 'data2',
|
||||
type: 'bar',
|
||||
data: [15, 10, 25, 8, 15, 8, 30, 12, 11, 18, 25, 12] // 第二条柱状图的数据
|
||||
}]
|
||||
};
|
||||
barChart.setOption(optionBar);
|
||||
|
||||
// 鼠标悬停在图表上时暂停自动播放
|
||||
lineChart.on('mouseover', function() {
|
||||
clearInterval(timer);
|
||||
});
|
||||
|
||||
// 鼠标离开图表区域时恢复自动播放
|
||||
lineChart.on('mouseout', function() {
|
||||
startAutoPlay();
|
||||
});
|
||||
|
||||
// 饼状图
|
||||
var pieChart = echarts.init(document.getElementById('pieChart'));
|
||||
var optionPie = {
|
||||
animation: false,
|
||||
title: {
|
||||
//text: '订单占比系统',//
|
||||
left: 'left'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item'
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'right'
|
||||
},
|
||||
series: [{
|
||||
name: '嘻嘻',
|
||||
type: 'pie',
|
||||
radius: ['60%', '70%'],
|
||||
data: [
|
||||
{value: 150, name: 'data1'},
|
||||
{value: 274, name: 'data2'},
|
||||
{value: 310, name: 'data3'},
|
||||
{value: 335, name: 'data4'},
|
||||
{value: 400, name: 'data5'}
|
||||
]
|
||||
}]
|
||||
};
|
||||
pieChart.setOption(optionPie);
|
||||
//柱状图
|
||||
var barChart = echarts.init(document.getElementById('barChart'));
|
||||
var optionBar = {
|
||||
animation: false,
|
||||
title: {
|
||||
// text: '收支情况'//
|
||||
},
|
||||
tooltip: {},
|
||||
legend: {
|
||||
//data: ['收入', '支出'] ,//
|
||||
data: ['data1', 'data2'] ,
|
||||
left: 'right'
|
||||
},
|
||||
xAxis: {
|
||||
data: ['一月', '二月', '三月', '四月', '五月','六月','七月','八月','九月','十月','十一月','十二月',]
|
||||
},
|
||||
yAxis: {},
|
||||
series: [{
|
||||
name: 'data1',
|
||||
type: 'bar',
|
||||
data: [5, 20, 36, 10, 10,15,16,20,12,13,35,12] // 第一条柱状图的数据
|
||||
}, {
|
||||
name: 'data2',
|
||||
type: 'bar',
|
||||
data: [15, 10, 25, 8, 15,8,30,12,11,18,25,12] // 第二条柱状图的数据
|
||||
}]
|
||||
};
|
||||
barChart.setOption(optionBar);
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user