Tenlion/crpm-proj-code-set
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
lyp 2025-07-03 11:10:53 +08:00
parent fc4d1f3308
commit 0bf7a43d67
32 changed files with 1215 additions and 1213 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
cxywztglxt/db/aimzdb.mv.db
View File

Binary file not shown.

4
cxywztglxt/src/main/resources/static/route/pages/index.html
View File

@ -735,7 +735,7 @@
</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>
@ -753,7 +753,7 @@
var init = function() {
var $pageIframe = $('#pageIframe');
$pageIframe.css({
height: `${$win.height() - 150}px`
height: `${$win.height() - 100}px`
})
}

BIN
rjdmaiznscxt/db/aimzdb.mv.db
View File

Binary file not shown.

BIN
zjkglxt/db/aimzdb.mv.db
View File

Binary file not shown.

2
zjkglxt/src/main/resources/static/route/pages/1c4881/list.html
View File

@ -99,7 +99,7 @@
},
{
field: 'czjg',
title: '操作结果', align: "center",
title: '操作结果',
align: "center",
minWidth: 120,

208
zjkglxt/src/main/resources/static/route/pages/785671/list.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/"/>
<base href="/"/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>专家库管理系统</title>
@ -16,7 +16,6 @@
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
</div>
@ -25,19 +24,19 @@
<div class="layui-col-xs2">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
<div class="layui-col-xs8">
<!-- <div class="layui-btn-group">-->
<button type="button" class="layui-btn layui-btn-sm topBtn" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm topBtn" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm topBtn" id="removeBtn" lay-event="removeEvent">删除</button>
<!-- </div>-->
</div>
</div>
</form>
</div>
<div class="datatable-container">
<table class="layui-hide" id="datatable" lay-filter="datatable"></table>
<!-- 表头按钮组 -->
<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>
</div>
</script>
<!-- 移除表头按钮组 -->
</div>
</div>
</div>
@ -63,7 +62,7 @@
elem: "#datatable",
id: 'datatable',
height: $win.height() - 83,
toolbar: '#headerToolBar',
// 移除toolbar配置
cols: [
[
{ type: "checkbox", fixed: "left" },
@ -75,56 +74,19 @@
align: "center",
templet: "<span>{{d.LAY_NUM}}</span>",
},
{
field: 'zjxm',
title: '专家姓名',
minWidth: 80,
},
{
field: 'zjly',
title: '专家领域',
minWidth: 80,
},
{
field: 'ssjg',
title: '所属机构',
minWidth: 80,
},
{
field: 'lxfs',
title: '联系方式',
minWidth: 80,
},
{
field: 'dzyj',
title: '电子邮件',
minWidth: 80,
},
{
field: 'cyxms',
title: '参与项目数',
minWidth: 80,
},
{
field: 'fbwzs',
title: '发表文章数',
minWidth: 80,
},
{
field: 'zjychdrq',
title: '最近一次活动日期',
minWidth: 80,
},
{
field: 'zjpf',
title: '专家评分',
minWidth: 80,
},
{
field: 'zjjj',
title: '专家简介',
minWidth: 80,
},
{ field: 'zjxm', title: '专家姓名', fixed: "left",
align: "center", minWidth: 120 },
{ field: 'zjly', title: '专家领域', fixed: "left",
align: "center", minWidth: 200 },
{ field: 'ssjg', title: '所属机构', fixed: "left",
align: "center", minWidth: 200 },
{ field: 'lxfs', title: '联系方式', align: "center", minWidth: 200 },
{ field: 'dzyj', title: '电子邮件', align: "center", minWidth: 200 },
{ field: 'cyxms', title: '参与项目数', align: "center", minWidth: 120 },
{ field: 'fbwzs', title: '发表文章数', align: "center",minWidth: 120 },
{ field: 'zjychdrq', title: '最近一次活动日期', align: "center", minWidth: 200 },
{ field: 'zjpf', title: '专家评分', align: "center",minWidth: 120 },
{ field: 'zjjj', title: '专家简介', align: "center", minWidth: 200 },
]
],
data: datas,
@ -140,18 +102,37 @@
}
var addEvent = function() {
// 事件 - 增删改
table.on('toolbar(datatable)', function(obj) {
var layEvent = obj.event;
// 直接绑定按钮点击事件
$('#saveBtn').on('click', function() {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/785671/save.html',
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
});
$('#updateBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(layEvent === 'saveEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/785671/save.html',
content: 'route/pages/785671/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
@ -159,66 +140,43 @@
initTableData();
}
});
} else if(layEvent === 'updateEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/785671/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
}
} 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) {
ids += ',';
}
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex;
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/785671?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
beforeSend: function() {
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
},
complete: function() {
top.layer.close(loadingIndex);
}
})
});
}
}
});
$('#removeBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(checkDatas.length === 0) {
top.layer.msg('请勾选要删除的数据');
} else {
var ids = '';
for(var i = 0, item; item = checkDatas[i++];) {
if(i > 1) ids += ',';
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/785671?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
complete: function() {
top.layer.close(loadingIndex);
}
});
});
}
});
form.on('submit(searchFilter)', function(formData) {
initTableData(formData.field.keywords);
});
@ -229,4 +187,4 @@
});
</script>
</body>
</html>
</html>

36
zjkglxt/src/main/resources/static/route/pages/785671/save.html
View File

@ -14,61 +14,63 @@
<div class="form-header">数据统计新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">专家姓名</label>
<label class="layui-form-label7">专家姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjxm" placeholder="请输入专家姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家领域</label>
<label class="layui-form-label7">专家领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjly" placeholder="请输入专家领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">所属机构</label>
<label class="layui-form-label7">所属机构<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="ssjg" placeholder="请输入所属机构">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系方式</label>
<label class="layui-form-label7">联系方式<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxfs" placeholder="请输入联系方式">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">电子邮件</label>
<label class="layui-form-label7">电子邮件<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dzyj" placeholder="请输入电子邮件">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">参与项目数</label>
<label class="layui-form-label7">参与项目数<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cyxms" placeholder="请输入参与项目数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">发表文章数</label>
<label class="layui-form-label7">发表文章数<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fbwzs" placeholder="请输入发表文章数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">最近一次活动日期</label>
<label class="layui-form-label7">最近一次活动日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjychdrq" placeholder="请输入最近一次活动日期">
<!-- <input type="text" class="layui-input" name="zjychdrq" placeholder="请输入最近一次活动日期">-->
<input type="text" class="layui-input laydate-input" name="zjychdrq" placeholder="请输入最近一次活动日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家评分</label>
<label class="layui-form-label7">专家评分<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjpf" placeholder="请输入专家评分">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家简介</label>
<label class="layui-form-label7">专家简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjjj" placeholder="请输入专家简介">
</div>
@ -85,6 +87,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;

36
zjkglxt/src/main/resources/static/route/pages/785671/update.html
View File

@ -15,61 +15,63 @@
<div class="form-header">数据统计编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">专家姓名</label>
<label class="layui-form-label7">专家姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjxm" placeholder="请输入专家姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家领域</label>
<label class="layui-form-label7">专家领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjly" placeholder="请输入专家领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">所属机构</label>
<label class="layui-form-label7">所属机构<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="ssjg" placeholder="请输入所属机构">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系方式</label>
<label class="layui-form-label7">联系方式<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxfs" placeholder="请输入联系方式">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">电子邮件</label>
<label class="layui-form-label7">电子邮件<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dzyj" placeholder="请输入电子邮件">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">参与项目数</label>
<label class="layui-form-label7">参与项目数<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cyxms" placeholder="请输入参与项目数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">发表文章数</label>
<label class="layui-form-label7">发表文章数<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fbwzs" placeholder="请输入发表文章数">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">最近一次活动日期</label>
<label class="layui-form-label7">最近一次活动日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjychdrq" placeholder="请输入最近一次活动日期">
<!-- <input type="text" class="layui-input" name="zjychdrq" placeholder="请输入最近一次活动日期">-->
<input type="text" class="layui-input laydate-input" name="zjychdrq" placeholder="请输入最近一次活动日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家评分</label>
<label class="layui-form-label7">专家评分<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjpf" placeholder="请输入专家评分">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家简介</label>
<label class="layui-form-label7">专家简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjjj" placeholder="请输入专家简介">
</div>
@ -86,6 +88,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;

208
zjkglxt/src/main/resources/static/route/pages/90b4d4/list.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/"/>
<base href="/"/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>专家库管理系统</title>
@ -16,7 +16,6 @@
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
</div>
@ -25,19 +24,19 @@
<div class="layui-col-xs2">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
<div class="layui-col-xs8">
<!-- <div class="layui-btn-group">-->
<button type="button" class="layui-btn layui-btn-sm topBtn" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm topBtn" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm topBtn" id="removeBtn" lay-event="removeEvent">删除</button>
<!-- </div>-->
</div>
</div>
</form>
</div>
<div class="datatable-container">
<table class="layui-hide" id="datatable" lay-filter="datatable"></table>
<!-- 表头按钮组 -->
<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>
</div>
</script>
<!-- 移除表头按钮组 -->
</div>
</div>
</div>
@ -63,7 +62,7 @@
elem: "#datatable",
id: 'datatable',
height: $win.height() - 83,
toolbar: '#headerToolBar',
// 移除toolbar配置
cols: [
[
{ type: "checkbox", fixed: "left" },
@ -75,56 +74,19 @@
align: "center",
templet: "<span>{{d.LAY_NUM}}</span>",
},
{
field: 'yhm',
title: '用户名',
minWidth: 80,
},
{
field: 'mm',
title: '密码',
minWidth: 80,
},
{
field: 'js',
title: '角色',
minWidth: 80,
},
{
field: 'xm',
title: '姓名',
minWidth: 80,
},
{
field: 'yx',
title: '邮箱',
minWidth: 80,
},
{
field: 'dh',
title: '电话',
minWidth: 80,
},
{
field: 'ssbm',
title: '所属部门',
minWidth: 80,
},
{
field: 'cjsj',
title: '创建时间',
minWidth: 80,
},
{
field: 'zhdlsj',
title: '最后登录时间',
minWidth: 80,
},
{
field: 'zt',
title: '状态',
minWidth: 80,
},
{ field: 'yhm', title: '用户名', fixed: "left",
align: "center", minWidth: 120 },
{ field: 'mm', title: '密码', fixed: "left",
align: "center",minWidth: 200 },
{ field: 'js', title: '角色',
align: "center", minWidth: 120 },
{ field: 'xm', title: '姓名', align: "center",minWidth: 120 },
{ field: 'yx', title: '邮箱', align: "center",minWidth: 200 },
{ field: 'dh', title: '电话', align: "center", minWidth: 200 },
{ field: 'ssbm', title: '所属部门', align: "center", minWidth: 120 },
{ field: 'cjsj', title: '创建时间', align: "center", minWidth: 200 },
{ field: 'zhdlsj', title: '最后登录时间', align: "center", minWidth: 200 },
{ field: 'zt', title: '状态', align: "center", minWidth: 120 },
]
],
data: datas,
@ -140,18 +102,37 @@
}
var addEvent = function() {
// 事件 - 增删改
table.on('toolbar(datatable)', function(obj) {
var layEvent = obj.event;
// 直接绑定按钮点击事件
$('#saveBtn').on('click', function() {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/90b4d4/save.html',
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
});
$('#updateBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(layEvent === 'saveEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/90b4d4/save.html',
content: 'route/pages/90b4d4/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
@ -159,66 +140,43 @@
initTableData();
}
});
} else if(layEvent === 'updateEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/90b4d4/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
}
} 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) {
ids += ',';
}
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex;
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/90b4d4?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
beforeSend: function() {
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
},
complete: function() {
top.layer.close(loadingIndex);
}
})
});
}
}
});
$('#removeBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(checkDatas.length === 0) {
top.layer.msg('请勾选要删除的数据');
} else {
var ids = '';
for(var i = 0, item; item = checkDatas[i++];) {
if(i > 1) ids += ',';
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/90b4d4?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
complete: function() {
top.layer.close(loadingIndex);
}
});
});
}
});
form.on('submit(searchFilter)', function(formData) {
initTableData(formData.field.keywords);
});
@ -229,4 +187,4 @@
});
</script>
</body>
</html>
</html>

40
zjkglxt/src/main/resources/static/route/pages/90b4d4/save.html
View File

@ -14,61 +14,65 @@
<div class="form-header">用户管理新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">用户名</label>
<label class="layui-form-label7">用户名<span class="redtips">*</span></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-label7">密码</label>
<label class="layui-form-label7">密码<span class="redtips">*</span></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-label7">角色</label>
<label class="layui-form-label7">角色<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="js" placeholder="请输入角色">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">姓名</label>
<label class="layui-form-label7">姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xm" placeholder="请输入姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">邮箱</label>
<label class="layui-form-label7">邮箱<span class="redtips">*</span></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-label7">电话</label>
<label class="layui-form-label7">电话<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dh" placeholder="请输入电话">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">所属部门</label>
<label class="layui-form-label7">所属部门<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="ssbm" placeholder="请输入所属部门">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">创建时间</label>
<label class="layui-form-label7">创建时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
<!-- <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-label7">最后登录时间</label>
<label class="layui-form-label7">最后登录时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<!-- <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-label7">状态</label>
<label class="layui-form-label7">状态<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zt" placeholder="请输入状态">
</div>
@ -85,6 +89,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: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;

40
zjkglxt/src/main/resources/static/route/pages/90b4d4/update.html
View File

@ -15,61 +15,65 @@
<div class="form-header">用户管理编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">用户名</label>
<label class="layui-form-label7">用户名<span class="redtips">*</span></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-label7">密码</label>
<label class="layui-form-label7">密码<span class="redtips">*</span></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-label7">角色</label>
<label class="layui-form-label7">角色<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="js" placeholder="请输入角色">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">姓名</label>
<label class="layui-form-label7">姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xm" placeholder="请输入姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">邮箱</label>
<label class="layui-form-label7">邮箱<span class="redtips">*</span></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-label7">电话</label>
<label class="layui-form-label7">电话<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dh" placeholder="请输入电话">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">所属部门</label>
<label class="layui-form-label7">所属部门<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="ssbm" placeholder="请输入所属部门">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">创建时间</label>
<label class="layui-form-label7">创建时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
<!-- <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-label7">最后登录时间</label>
<label class="layui-form-label7">最后登录时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<!-- <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-label7">状态</label>
<label class="layui-form-label7">状态<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zt" placeholder="请输入状态">
</div>
@ -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: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;

20
zjkglxt/src/main/resources/static/route/pages/9fbf43/save.html
View File

@ -34,13 +34,17 @@
<div class="layui-form-item">
<label class="layui-form-label7">发布日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fbrq" placeholder="请输入发布日期">
<!-- <input type="text" class="layui-input" name="fbrq" placeholder="请输入发布日期">-->
<input type="text" class="layui-input laydate-inputDate" name="fbrq" placeholder="请输入发布日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">有效期至<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxqz" placeholder="请输入有效期至">
<!-- <input type="text" class="layui-input" name="yxqz" placeholder="请输入有效期至">-->
<input type="text" class="layui-input laydate-inputDate" name="yxqz" placeholder="请输入有效期至">
</div>
</div>
<div class="layui-form-item">
@ -87,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-inputDate');
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的元素

18
zjkglxt/src/main/resources/static/route/pages/9fbf43/update.html
View File

@ -35,13 +35,15 @@
<div class="layui-form-item">
<label class="layui-form-label7">发布日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="fbrq" placeholder="请输入发布日期">
<!-- <input type="text" class="layui-input" name="fbrq" placeholder="请输入发布日期">-->
<input type="text" class="layui-input laydate-inputDate" name="fbrq" placeholder="请输入发布日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">有效期至<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxqz" placeholder="请输入有效期至">
<!-- <input type="text" class="layui-input" name="yxqz" placeholder="请输入有效期至">-->
<input type="text" class="layui-input laydate-inputDate" name="yxqz" placeholder="请输入有效期至">
</div>
</div>
<div class="layui-form-item">
@ -88,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-inputDate');
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的元素

207
zjkglxt/src/main/resources/static/route/pages/a11c9c/list.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/"/>
<base href="/"/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>专家库管理系统</title>
@ -16,7 +16,6 @@
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
</div>
@ -25,19 +24,19 @@
<div class="layui-col-xs2">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
<div class="layui-col-xs8">
<!-- <div class="layui-btn-group">-->
<button type="button" class="layui-btn layui-btn-sm topBtn" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm topBtn" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm topBtn" id="removeBtn" lay-event="removeEvent">删除</button>
<!-- </div>-->
</div>
</div>
</form>
</div>
<div class="datatable-container">
<table class="layui-hide" id="datatable" lay-filter="datatable"></table>
<!-- 表头按钮组 -->
<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>
</div>
</script>
<!-- 移除表头按钮组 -->
</div>
</div>
</div>
@ -63,7 +62,7 @@
elem: "#datatable",
id: 'datatable',
height: $win.height() - 83,
toolbar: '#headerToolBar',
// 移除toolbar配置
cols: [
[
{ type: "checkbox", fixed: "left" },
@ -75,56 +74,18 @@
align: "center",
templet: "<span>{{d.LAY_NUM}}</span>",
},
{
field: 'xm',
title: '姓名',
minWidth: 80,
},
{
field: 'xb',
title: '性别',
minWidth: 80,
},
{
field: 'csrq',
title: '出生日期',
minWidth: 80,
},
{
field: 'zyly',
title: '专业领域',
minWidth: 80,
},
{
field: 'zc',
title: '职称',
minWidth: 80,
},
{
field: 'gzdw',
title: '工作单位',
minWidth: 80,
},
{
field: 'lxdh',
title: '联系电话',
minWidth: 80,
},
{
field: 'dzyx',
title: '电子邮箱',
minWidth: 80,
},
{
field: 'zjjj',
title: '专家简介',
minWidth: 80,
},
{
field: 'lrsj',
title: '录入时间',
minWidth: 80,
},
{ field: 'xm', title: '姓名', fixed: "left",
align: "center",minWidth: 120 },
{ field: 'xb', title: '性别', fixed: "left",
align: "center",minWidth: 120 },
{ field: 'csrq', title: '出生日期', align: "center", minWidth: 200 },
{ field: 'zyly', title: '专业领域', align: "center",minWidth: 120 },
{ field: 'zc', title: '职称', align: "center", minWidth: 120 },
{ field: 'gzdw', title: '工作单位', align: "center", minWidth: 200 },
{ field: 'lxdh', title: '联系电话', align: "center",minWidth: 200 },
{ field: 'dzyx', title: '电子邮箱', align: "center", minWidth: 200 },
{ field: 'zjjj', title: '专家简介', align: "center", minWidth: 250 },
{ field: 'lrsj', title: '录入时间', align: "center", minWidth: 200 },
]
],
data: datas,
@ -140,18 +101,37 @@
}
var addEvent = function() {
// 事件 - 增删改
table.on('toolbar(datatable)', function(obj) {
var layEvent = obj.event;
// 直接绑定按钮点击事件
$('#saveBtn').on('click', function() {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/a11c9c/save.html',
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
});
$('#updateBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(layEvent === 'saveEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/a11c9c/save.html',
content: 'route/pages/a11c9c/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
@ -159,66 +139,43 @@
initTableData();
}
});
} else if(layEvent === 'updateEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/a11c9c/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
}
} 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) {
ids += ',';
}
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex;
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/a11c9c?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
beforeSend: function() {
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
},
complete: function() {
top.layer.close(loadingIndex);
}
})
});
}
}
});
$('#removeBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(checkDatas.length === 0) {
top.layer.msg('请勾选要删除的数据');
} else {
var ids = '';
for(var i = 0, item; item = checkDatas[i++];) {
if(i > 1) ids += ',';
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/a11c9c?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
complete: function() {
top.layer.close(loadingIndex);
}
});
});
}
});
form.on('submit(searchFilter)', function(formData) {
initTableData(formData.field.keywords);
});
@ -229,4 +186,4 @@
});
</script>
</body>
</html>
</html>

47
zjkglxt/src/main/resources/static/route/pages/a11c9c/save.html
View File

@ -14,63 +14,72 @@
<div class="form-header">专家录入新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">姓名</label>
<label class="layui-form-label7">姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xm" placeholder="请输入姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">性别</label>
<label class="layui-form-label7">性别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<!-- <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-label7">出生日期</label>
<label class="layui-form-label7">出生日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
<!-- <input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">-->
<input type="text" class="layui-input laydate-input" name="csrq" placeholder="请输入出生日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专业领域</label>
<label class="layui-form-label7">专业领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">职称</label>
<label class="layui-form-label7">职称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">工作单位</label>
<label class="layui-form-label7">工作单位<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系电话</label>
<label class="layui-form-label7">联系电话<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxdh" placeholder="请输入联系电话">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">电子邮箱</label>
<label class="layui-form-label7">电子邮箱<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dzyx" placeholder="请输入电子邮箱">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家简介</label>
<label class="layui-form-label7">专家简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjjj" placeholder="请输入专家简介">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">录入时间</label>
<label class="layui-form-label7">录入时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lrsj" placeholder="请输入录入时间">
<!-- <input type="text" class="layui-input" name="lrsj" placeholder="请输入录入时间">-->
<input type="text" class="layui-input laydate-input" name="lrsj" placeholder="请输入录入时间">
</div>
</div>
</div>
@ -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;

47
zjkglxt/src/main/resources/static/route/pages/a11c9c/update.html
View File

@ -15,63 +15,72 @@
<div class="form-header">专家录入编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">姓名</label>
<label class="layui-form-label7">姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xm" placeholder="请输入姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">性别</label>
<label class="layui-form-label7">性别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<!-- <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-label7">出生日期</label>
<label class="layui-form-label7">出生日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
<!-- <input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">-->
<input type="text" class="layui-input laydate-input" name="csrq" placeholder="请输入出生日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专业领域</label>
<label class="layui-form-label7">专业领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">职称</label>
<label class="layui-form-label7">职称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">工作单位</label>
<label class="layui-form-label7">工作单位<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系电话</label>
<label class="layui-form-label7">联系电话<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxdh" placeholder="请输入联系电话">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">电子邮箱</label>
<label class="layui-form-label7">电子邮箱<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dzyx" placeholder="请输入电子邮箱">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家简介</label>
<label class="layui-form-label7">专家简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjjj" placeholder="请输入专家简介">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">录入时间</label>
<label class="layui-form-label7">录入时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lrsj" placeholder="请输入录入时间">
<!-- <input type="text" class="layui-input" name="lrsj" placeholder="请输入录入时间">-->
<input type="text" class="layui-input laydate-input" name="lrsj" placeholder="请输入录入时间">
</div>
</div>
</div>
@ -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;

206
zjkglxt/src/main/resources/static/route/pages/adbccf/list.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/"/>
<base href="/"/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>专家库管理系统</title>
@ -16,7 +16,6 @@
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
</div>
@ -25,19 +24,19 @@
<div class="layui-col-xs2">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
<div class="layui-col-xs8">
<!-- <div class="layui-btn-group">-->
<button type="button" class="layui-btn layui-btn-sm topBtn" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm topBtn" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm topBtn" id="removeBtn" lay-event="removeEvent">删除</button>
<!-- </div>-->
</div>
</div>
</form>
</div>
<div class="datatable-container">
<table class="layui-hide" id="datatable" lay-filter="datatable"></table>
<!-- 表头按钮组 -->
<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>
</div>
</script>
<!-- 移除表头按钮组 -->
</div>
</div>
</div>
@ -63,7 +62,7 @@
elem: "#datatable",
id: 'datatable',
height: $win.height() - 83,
toolbar: '#headerToolBar',
// 移除toolbar配置
cols: [
[
{ type: "checkbox", fixed: "left" },
@ -75,56 +74,17 @@
align: "center",
templet: "<span>{{d.LAY_NUM}}</span>",
},
{
field: 'zjxm',
title: '专家姓名',
minWidth: 80,
},
{
field: 'xb',
title: '性别',
minWidth: 80,
},
{
field: 'csrq',
title: '出生日期',
minWidth: 80,
},
{
field: 'zyly',
title: '专业领域',
minWidth: 80,
},
{
field: 'zc',
title: '职称',
minWidth: 80,
},
{
field: 'gzdw',
title: '工作单位',
minWidth: 80,
},
{
field: 'lxfs',
title: '联系方式',
minWidth: 80,
},
{
field: 'yxdz',
title: '邮箱地址',
minWidth: 80,
},
{
field: 'zjjj',
title: '专家简介',
minWidth: 80,
},
{
field: 'zjzp',
title: '专家照片',
minWidth: 80,
},
{ field: 'zjxm', title: '专家姓名', fixed: "left",
align: "center",minWidth: 120 },
{ field: 'xb', title: '性别', align: "center", minWidth: 80 },
{ field: 'csrq', title: '出生日期', align: "center", minWidth: 200 },
{ field: 'zyly', title: '专业领域', align: "center", minWidth: 200 },
{ field: 'zc', title: '职称', align: "center", minWidth: 200 },
{ field: 'gzdw', title: '工作单位', align: "center", minWidth: 200 },
{ field: 'lxfs', title: '联系方式', align: "center",minWidth: 200 },
{ field: 'yxdz', title: '邮箱地址', align: "center",minWidth: 200 },
{ field: 'zjjj', title: '专家简介', align: "center",minWidth: 250 },
{ field: 'zjzp', title: '专家照片', align: "center",minWidth: 200 },
]
],
data: datas,
@ -140,18 +100,37 @@
}
var addEvent = function() {
// 事件 - 增删改
table.on('toolbar(datatable)', function(obj) {
var layEvent = obj.event;
// 直接绑定按钮点击事件
$('#saveBtn').on('click', function() {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/adbccf/save.html',
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
});
$('#updateBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(layEvent === 'saveEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/adbccf/save.html',
content: 'route/pages/adbccf/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
@ -159,66 +138,43 @@
initTableData();
}
});
} else if(layEvent === 'updateEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/adbccf/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
}
} 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) {
ids += ',';
}
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex;
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/adbccf?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
beforeSend: function() {
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
},
complete: function() {
top.layer.close(loadingIndex);
}
})
});
}
}
});
$('#removeBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(checkDatas.length === 0) {
top.layer.msg('请勾选要删除的数据');
} else {
var ids = '';
for(var i = 0, item; item = checkDatas[i++];) {
if(i > 1) ids += ',';
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/adbccf?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
complete: function() {
top.layer.close(loadingIndex);
}
});
});
}
});
form.on('submit(searchFilter)', function(formData) {
initTableData(formData.field.keywords);
});
@ -229,4 +185,4 @@
});
</script>
</body>
</html>
</html>

43
zjkglxt/src/main/resources/static/route/pages/adbccf/save.html
View File

@ -14,61 +14,68 @@
<div class="form-header">专家分类新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">专家姓名</label>
<label class="layui-form-label7">专家姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjxm" placeholder="请输入专家姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">性别</label>
<label class="layui-form-label7">性别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<!-- <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-label7">出生日期</label>
<label class="layui-form-label7">出生日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
<!-- <input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">-->
<input type="text" class="layui-input laydate-input" name="csrq" placeholder="请输入出生日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专业领域</label>
<label class="layui-form-label7">专业领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">职称</label>
<label class="layui-form-label7">职称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">工作单位</label>
<label class="layui-form-label7">工作单位<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系方式</label>
<label class="layui-form-label7">联系方式<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxfs" placeholder="请输入联系方式">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">邮箱地址</label>
<label class="layui-form-label7">邮箱地址<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxdz" placeholder="请输入邮箱地址">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家简介</label>
<label class="layui-form-label7">专家简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjjj" placeholder="请输入专家简介">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家照片</label>
<label class="layui-form-label7">专家照片<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjzp" placeholder="请输入专家照片">
</div>
@ -85,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;

43
zjkglxt/src/main/resources/static/route/pages/adbccf/update.html
View File

@ -15,61 +15,68 @@
<div class="form-header">专家分类编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">专家姓名</label>
<label class="layui-form-label7">专家姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjxm" placeholder="请输入专家姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">性别</label>
<label class="layui-form-label7">性别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<!-- <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-label7">出生日期</label>
<label class="layui-form-label7">出生日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
<!-- <input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">-->
<input type="text" class="layui-input laydate-input" name="csrq" placeholder="请输入出生日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专业领域</label>
<label class="layui-form-label7">专业领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">职称</label>
<label class="layui-form-label7">职称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">工作单位</label>
<label class="layui-form-label7">工作单位<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系方式</label>
<label class="layui-form-label7">联系方式<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxfs" placeholder="请输入联系方式">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">邮箱地址</label>
<label class="layui-form-label7">邮箱地址<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxdz" placeholder="请输入邮箱地址">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家简介</label>
<label class="layui-form-label7">专家简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjjj" placeholder="请输入专家简介">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家照片</label>
<label class="layui-form-label7">专家照片<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjzp" placeholder="请输入专家照片">
</div>
@ -86,6 +93,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;

207
zjkglxt/src/main/resources/static/route/pages/eac73e/list.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/"/>
<base href="/"/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>专家库管理系统</title>
@ -16,7 +16,6 @@
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
</div>
@ -25,19 +24,19 @@
<div class="layui-col-xs2">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
<div class="layui-col-xs8">
<!-- <div class="layui-btn-group">-->
<button type="button" class="layui-btn layui-btn-sm topBtn" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm topBtn" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm topBtn" id="removeBtn" lay-event="removeEvent">删除</button>
<!-- </div>-->
</div>
</div>
</form>
</div>
<div class="datatable-container">
<table class="layui-hide" id="datatable" lay-filter="datatable"></table>
<!-- 表头按钮组 -->
<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>
</div>
</script>
<!-- 移除表头按钮组 -->
</div>
</div>
</div>
@ -63,7 +62,7 @@
elem: "#datatable",
id: 'datatable',
height: $win.height() - 83,
toolbar: '#headerToolBar',
// 移除toolbar配置
cols: [
[
{ type: "checkbox", fixed: "left" },
@ -75,56 +74,18 @@
align: "center",
templet: "<span>{{d.LAY_NUM}}</span>",
},
{
field: 'yhm',
title: '用户名',
minWidth: 80,
},
{
field: 'mm',
title: '密码',
minWidth: 80,
},
{
field: 'jsmc',
title: '角色名称',
minWidth: 80,
},
{
field: 'yhlx',
title: '用户类型',
minWidth: 80,
},
{
field: 'cjsj',
title: '创建时间',
minWidth: 80,
},
{
field: 'gxsj',
title: '更新时间',
minWidth: 80,
},
{
field: 'yx',
title: '邮箱',
minWidth: 80,
},
{
field: 'dh',
title: '电话',
minWidth: 80,
},
{
field: 'zhdlsj',
title: '最后登录时间',
minWidth: 80,
},
{
field: 'qxjb',
title: '权限级别',
minWidth: 80,
},
{ field: 'yhm', title: '用户名', fixed: "left",
align: "center", minWidth: 120 },
{ field: 'mm', title: '密码', fixed: "left",
align: "center",minWidth: 200 },
{ field: 'jsmc', title: '角色名称', align: "center", minWidth: 120 },
{ field: 'yhlx', title: '用户类型', align: "center", minWidth: 120 },
{ field: 'cjsj', title: '创建时间', align: "center", minWidth: 200 },
{ field: 'gxsj', title: '更新时间', align: "center", minWidth: 200 },
{ field: 'yx', title: '邮箱', align: "center", minWidth: 200 },
{ field: 'dh', title: '电话', align: "center",minWidth: 200 },
{ field: 'zhdlsj', title: '最后登录时间', align: "center", minWidth: 200 },
{ field: 'qxjb', title: '权限级别', align: "center",minWidth: 120 },
]
],
data: datas,
@ -140,18 +101,37 @@
}
var addEvent = function() {
// 事件 - 增删改
table.on('toolbar(datatable)', function(obj) {
var layEvent = obj.event;
// 直接绑定按钮点击事件
$('#saveBtn').on('click', function() {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/eac73e/save.html',
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
});
$('#updateBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(layEvent === 'saveEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/eac73e/save.html',
content: 'route/pages/eac73e/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
@ -159,66 +139,43 @@
initTableData();
}
});
} else if(layEvent === 'updateEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/eac73e/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
}
} 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) {
ids += ',';
}
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex;
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/eac73e?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
beforeSend: function() {
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
},
complete: function() {
top.layer.close(loadingIndex);
}
})
});
}
}
});
$('#removeBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(checkDatas.length === 0) {
top.layer.msg('请勾选要删除的数据');
} else {
var ids = '';
for(var i = 0, item; item = checkDatas[i++];) {
if(i > 1) ids += ',';
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/eac73e?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
complete: function() {
top.layer.close(loadingIndex);
}
});
});
}
});
form.on('submit(searchFilter)', function(formData) {
initTableData(formData.field.keywords);
});
@ -229,4 +186,4 @@
});
</script>
</body>
</html>
</html>

44
zjkglxt/src/main/resources/static/route/pages/eac73e/save.html
View File

@ -14,61 +14,67 @@
<div class="form-header">角色权限新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">用户名</label>
<label class="layui-form-label7">用户名<span class="redtips">*</span></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-label7">密码</label>
<label class="layui-form-label7">密码<span class="redtips">*</span></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-label7">角色名称</label>
<label class="layui-form-label7">角色名称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="jsmc" placeholder="请输入角色名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">用户类型</label>
<label class="layui-form-label7">用户类型<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yhlx" placeholder="请输入用户类型">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">创建时间</label>
<label class="layui-form-label7">创建时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
<!-- <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-label7">更新时间</label>
<label class="layui-form-label7">更新时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gxsj" placeholder="请输入更新时间">
<!-- <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-label7">邮箱</label>
<label class="layui-form-label7">邮箱<span class="redtips">*</span></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-label7">电话</label>
<label class="layui-form-label7">电话<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dh" placeholder="请输入电话">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">最后登录时间</label>
<label class="layui-form-label7">最后登录时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<!-- <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-label7">权限级别</label>
<label class="layui-form-label7">权限级别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="qxjb" 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: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;

44
zjkglxt/src/main/resources/static/route/pages/eac73e/update.html
View File

@ -15,61 +15,67 @@
<div class="form-header">角色权限编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">用户名</label>
<label class="layui-form-label7">用户名<span class="redtips">*</span></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-label7">密码</label>
<label class="layui-form-label7">密码<span class="redtips">*</span></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-label7">角色名称</label>
<label class="layui-form-label7">角色名称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="jsmc" placeholder="请输入角色名称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">用户类型</label>
<label class="layui-form-label7">用户类型<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yhlx" placeholder="请输入用户类型">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">创建时间</label>
<label class="layui-form-label7">创建时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
<!-- <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-label7">更新时间</label>
<label class="layui-form-label7">更新时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gxsj" placeholder="请输入更新时间">
<!-- <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-label7">邮箱</label>
<label class="layui-form-label7">邮箱<span class="redtips">*</span></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-label7">电话</label>
<label class="layui-form-label7">电话<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dh" placeholder="请输入电话">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">最后登录时间</label>
<label class="layui-form-label7">最后登录时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
<!-- <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-label7">权限级别</label>
<label class="layui-form-label7">权限级别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="qxjb" placeholder="请输入权限级别">
</div>
@ -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: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;

206
zjkglxt/src/main/resources/static/route/pages/eec4e2/list.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/"/>
<base href="/"/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>专家库管理系统</title>
@ -16,7 +16,6 @@
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
</div>
@ -25,19 +24,19 @@
<div class="layui-col-xs2">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
<div class="layui-col-xs8">
<!-- <div class="layui-btn-group">-->
<button type="button" class="layui-btn layui-btn-sm topBtn" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm topBtn" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm topBtn" id="removeBtn" lay-event="removeEvent">删除</button>
<!-- </div>-->
</div>
</div>
</form>
</div>
<div class="datatable-container">
<table class="layui-hide" id="datatable" lay-filter="datatable"></table>
<!-- 表头按钮组 -->
<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>
</div>
</script>
<!-- 移除表头按钮组 -->
</div>
</div>
</div>
@ -63,7 +62,7 @@
elem: "#datatable",
id: 'datatable',
height: $win.height() - 83,
toolbar: '#headerToolBar',
// 移除toolbar配置
cols: [
[
{ type: "checkbox", fixed: "left" },
@ -75,56 +74,17 @@
align: "center",
templet: "<span>{{d.LAY_NUM}}</span>",
},
{
field: 'zjxm',
title: '专家姓名',
minWidth: 80,
},
{
field: 'xb',
title: '性别',
minWidth: 80,
},
{
field: 'csrq',
title: '出生日期',
minWidth: 80,
},
{
field: 'zc',
title: '职称',
minWidth: 80,
},
{
field: 'zyly',
title: '专业领域',
minWidth: 80,
},
{
field: 'gzdw',
title: '工作单位',
minWidth: 80,
},
{
field: 'lxdh',
title: '联系电话',
minWidth: 80,
},
{
field: 'yxdz',
title: '邮箱地址',
minWidth: 80,
},
{
field: 'grjj',
title: '个人简介',
minWidth: 80,
},
{
field: 'zhgxsj',
title: '最后更新时间',
minWidth: 80,
},
{ field: 'zjxm', title: '专家姓名', fixed: "left",
align: "center", minWidth: 120 },
{ field: 'xb', title: '性别',align: "center", minWidth: 120 },
{ field: 'csrq', title: '出生日期', minWidth: 80 },
{ field: 'zc', title: '职称',align: "center", minWidth: 120 },
{ field: 'zyly', title: '专业领域',align: "center", minWidth: 120 },
{ field: 'gzdw', title: '工作单位',align: "center", minWidth: 200 },
{ field: 'lxdh', title: '联系电话',align: "center", minWidth: 200 },
{ field: 'yxdz', title: '邮箱地址',align: "center", minWidth: 200 },
{ field: 'grjj', title: '个人简介', align: "center",minWidth: 250 },
{ field: 'zhgxsj', title: '最后更新时间',align: "center", minWidth: 200 },
]
],
data: datas,
@ -140,18 +100,37 @@
}
var addEvent = function() {
// 事件 - 增删改
table.on('toolbar(datatable)', function(obj) {
var layEvent = obj.event;
// 直接绑定按钮点击事件
$('#saveBtn').on('click', function() {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/eec4e2/save.html',
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
});
$('#updateBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(layEvent === 'saveEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/eec4e2/save.html',
content: 'route/pages/eec4e2/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
@ -159,66 +138,43 @@
initTableData();
}
});
} else if(layEvent === 'updateEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/eec4e2/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
}
} 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) {
ids += ',';
}
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex;
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/eec4e2?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
beforeSend: function() {
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
},
complete: function() {
top.layer.close(loadingIndex);
}
})
});
}
}
});
$('#removeBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(checkDatas.length === 0) {
top.layer.msg('请勾选要删除的数据');
} else {
var ids = '';
for(var i = 0, item; item = checkDatas[i++];) {
if(i > 1) ids += ',';
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/eec4e2?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
complete: function() {
top.layer.close(loadingIndex);
}
});
});
}
});
form.on('submit(searchFilter)', function(formData) {
initTableData(formData.field.keywords);
});
@ -229,4 +185,4 @@
});
</script>
</body>
</html>
</html>

58
zjkglxt/src/main/resources/static/route/pages/eec4e2/save.html
View File

@ -14,63 +14,71 @@
<div class="form-header">专家查询新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">专家姓名</label>
<label class="layui-form-label7">专家姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjxm" placeholder="请输入专家姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">性别</label>
<label class="layui-form-label7">性别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<!-- <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-label7">出生日期</label>
<label class="layui-form-label7">出生日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
<!-- <input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">-->
<input type="text" class="layui-input laydate-inputDa" name="csrq" placeholder="请输入出生日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">职称</label>
<label class="layui-form-label7">职称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专业领域</label>
<label class="layui-form-label7">专业领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">工作单位</label>
<label class="layui-form-label7">工作单位<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系电话</label>
<label class="layui-form-label7">联系电话<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxdh" placeholder="请输入联系电话">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">邮箱地址</label>
<label class="layui-form-label7">邮箱地址<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxdz" placeholder="请输入邮箱地址">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">个人简介</label>
<label class="layui-form-label7">个人简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="grjj" placeholder="请输入个人简介">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">最后更新时间</label>
<label class="layui-form-label7">最后更新时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhgxsj" placeholder="请输入最后更新时间">
<!-- <input type="text" class="layui-input" name="zhgxsj" placeholder="请输入最后更新时间">-->
<input type="text" class="layui-input laydate-input" name="zhgxsj" placeholder="请输入最后更新时间">
</div>
</div>
</div>
@ -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-inputDa');
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-input');
laydate.render({
elem: laydateInput,
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;

59
zjkglxt/src/main/resources/static/route/pages/eec4e2/update.html
View File

@ -15,63 +15,72 @@
<div class="form-header">专家查询编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">专家姓名</label>
<label class="layui-form-label7">专家姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjxm" placeholder="请输入专家姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">性别</label>
<label class="layui-form-label7">性别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<!-- <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-label7">出生日期</label>
<label class="layui-form-label7">出生日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
<!-- <input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">-->
<input type="text" class="layui-input laydate-inputDa" name="csrq" placeholder="请输入出生日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">职称</label>
<label class="layui-form-label7">职称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专业领域</label>
<label class="layui-form-label7">专业领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">工作单位</label>
<label class="layui-form-label7">工作单位<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系电话</label>
<label class="layui-form-label7">联系电话<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxdh" placeholder="请输入联系电话">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">邮箱地址</label>
<label class="layui-form-label7">邮箱地址<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="yxdz" placeholder="请输入邮箱地址">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">个人简介</label>
<label class="layui-form-label7">个人简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="grjj" placeholder="请输入个人简介">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">最后更新时间</label>
<label class="layui-form-label7">最后更新时间<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zhgxsj" placeholder="请输入最后更新时间">
<!-- <input type="text" class="layui-input" name="zhgxsj" placeholder="请输入最后更新时间">-->
<input type="text" class="layui-input laydate-input" name="zhgxsj" placeholder="请输入最后更新时间">
</div>
</div>
</div>
@ -86,6 +95,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-inputDa');
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-input');
laydate.render({
elem: laydateInput,
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
});
});
layui.use(['form'], function () {
var form = layui.form;
var layer = layui.layer;

207
zjkglxt/src/main/resources/static/route/pages/f56928/list.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/"/>
<base href="/"/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>专家库管理系统</title>
@ -16,7 +16,6 @@
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
</div>
@ -25,19 +24,19 @@
<div class="layui-col-xs2">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
<div class="layui-col-xs8">
<!-- <div class="layui-btn-group">-->
<button type="button" class="layui-btn layui-btn-sm topBtn" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm topBtn" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm topBtn" id="removeBtn" lay-event="removeEvent">删除</button>
<!-- </div>-->
</div>
</div>
</form>
</div>
<div class="datatable-container">
<table class="layui-hide" id="datatable" lay-filter="datatable"></table>
<!-- 表头按钮组 -->
<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>
</div>
</script>
<!-- 移除表头按钮组 -->
</div>
</div>
</div>
@ -63,7 +62,7 @@
elem: "#datatable",
id: 'datatable',
height: $win.height() - 83,
toolbar: '#headerToolBar',
// 移除toolbar配置
cols: [
[
{ type: "checkbox", fixed: "left" },
@ -75,56 +74,18 @@
align: "center",
templet: "<span>{{d.LAY_NUM}}</span>",
},
{
field: 'xm',
title: '姓名',
minWidth: 80,
},
{
field: 'xb',
title: '性别',
minWidth: 80,
},
{
field: 'csrq',
title: '出生日期',
minWidth: 80,
},
{
field: 'zc',
title: '职称',
minWidth: 80,
},
{
field: 'zyly',
title: '专业领域',
minWidth: 80,
},
{
field: 'gzdw',
title: '工作单位',
minWidth: 80,
},
{
field: 'lxfs',
title: '联系方式',
minWidth: 80,
},
{
field: 'dzyx',
title: '电子邮箱',
minWidth: 80,
},
{
field: 'zjjj',
title: '专家简介',
minWidth: 80,
},
{
field: 'txURL',
title: '头像URL',
minWidth: 80,
},
{ field: 'xm', title: '姓名', fixed: "left",
align: "center", minWidth: 120 },
{ field: 'xb', title: '性别',
align: "center",minWidth: 80 },
{ field: 'csrq', title: '出生日期', align: "center", minWidth: 200 },
{ field: 'zc', title: '职称', align: "center", minWidth: 120 },
{ field: 'zyly', title: '专业领域', align: "center", minWidth: 200 },
{ field: 'gzdw', title: '工作单位', align: "center",minWidth: 200 },
{ field: 'lxfs', title: '联系方式', align: "center", minWidth: 200 },
{ field: 'dzyx', title: '电子邮箱', align: "center", minWidth: 200 },
{ field: 'zjjj', title: '专家简介', align: "center", minWidth: 250 },
{ field: 'txURL', title: '头像URL', align: "center", minWidth: 250 },
]
],
data: datas,
@ -140,18 +101,37 @@
}
var addEvent = function() {
// 事件 - 增删改
table.on('toolbar(datatable)', function(obj) {
var layEvent = obj.event;
// 直接绑定按钮点击事件
$('#saveBtn').on('click', function() {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/f56928/save.html',
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
});
$('#updateBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(layEvent === 'saveEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/f56928/save.html',
content: 'route/pages/f56928/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
@ -159,66 +139,43 @@
initTableData();
}
});
} else if(layEvent === 'updateEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/f56928/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
}
} 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) {
ids += ',';
}
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex;
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/f56928?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
beforeSend: function() {
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
},
complete: function() {
top.layer.close(loadingIndex);
}
})
});
}
}
});
$('#removeBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(checkDatas.length === 0) {
top.layer.msg('请勾选要删除的数据');
} else {
var ids = '';
for(var i = 0, item; item = checkDatas[i++];) {
if(i > 1) ids += ',';
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/f56928?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
complete: function() {
top.layer.close(loadingIndex);
}
});
});
}
});
form.on('submit(searchFilter)', function(formData) {
initTableData(formData.field.keywords);
});
@ -229,4 +186,4 @@
});
</script>
</body>
</html>
</html>

43
zjkglxt/src/main/resources/static/route/pages/f56928/save.html
View File

@ -14,61 +14,68 @@
<div class="form-header">专家信息管理新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">姓名</label>
<label class="layui-form-label7">姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xm" placeholder="请输入姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">性别</label>
<label class="layui-form-label7">性别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<!-- <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-label7">出生日期</label>
<label class="layui-form-label7">出生日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
<!-- <input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">-->
<input type="text" class="layui-input laydate-input" name="csrq" placeholder="请输入出生日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">职称</label>
<label class="layui-form-label7">职称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专业领域</label>
<label class="layui-form-label7">专业领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">工作单位</label>
<label class="layui-form-label7">工作单位<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系方式</label>
<label class="layui-form-label7">联系方式<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxfs" placeholder="请输入联系方式">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">电子邮箱</label>
<label class="layui-form-label7">电子邮箱<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dzyx" placeholder="请输入电子邮箱">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家简介</label>
<label class="layui-form-label7">专家简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjjj" placeholder="请输入专家简介">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">头像URL</label>
<label class="layui-form-label7">头像URL<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="txURL" placeholder="请输入头像URL">
</div>
@ -85,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;

43
zjkglxt/src/main/resources/static/route/pages/f56928/update.html
View File

@ -15,61 +15,68 @@
<div class="form-header">专家信息管理编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">姓名</label>
<label class="layui-form-label7">姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xm" placeholder="请输入姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">性别</label>
<label class="layui-form-label7">性别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<!-- <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-label7">出生日期</label>
<label class="layui-form-label7">出生日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
<!-- <input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">-->
<input type="text" class="layui-input laydate-input" name="csrq" placeholder="请输入出生日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">职称</label>
<label class="layui-form-label7">职称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专业领域</label>
<label class="layui-form-label7">专业领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">工作单位</label>
<label class="layui-form-label7">工作单位<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系方式</label>
<label class="layui-form-label7">联系方式<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxfs" placeholder="请输入联系方式">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">电子邮箱</label>
<label class="layui-form-label7">电子邮箱<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dzyx" placeholder="请输入电子邮箱">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专家简介</label>
<label class="layui-form-label7">专家简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjjj" placeholder="请输入专家简介">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">头像URL</label>
<label class="layui-form-label7">头像URL<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="txURL" placeholder="请输入头像URL">
</div>
@ -86,6 +93,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;

206
zjkglxt/src/main/resources/static/route/pages/f69afb/list.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/"/>
<base href="/"/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>专家库管理系统</title>
@ -16,7 +16,6 @@
<div class="layui-row">
<div class="layui-col-xs2">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
</div>
@ -25,19 +24,19 @@
<div class="layui-col-xs2">
<button type="button" class="layui-btn" lay-submit lay-filter="searchFilter">搜索</button>
</div>
<div class="layui-col-xs8">
<!-- <div class="layui-btn-group">-->
<button type="button" class="layui-btn layui-btn-sm topBtn" id="saveBtn" lay-event="saveEvent">新增</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm topBtn" id="updateBtn" lay-event="updateEvent">编辑</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm topBtn" id="removeBtn" lay-event="removeEvent">删除</button>
<!-- </div>-->
</div>
</div>
</form>
</div>
<div class="datatable-container">
<table class="layui-hide" id="datatable" lay-filter="datatable"></table>
<!-- 表头按钮组 -->
<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>
</div>
</script>
<!-- 移除表头按钮组 -->
</div>
</div>
</div>
@ -63,7 +62,7 @@
elem: "#datatable",
id: 'datatable',
height: $win.height() - 83,
toolbar: '#headerToolBar',
// 移除toolbar配置
cols: [
[
{ type: "checkbox", fixed: "left" },
@ -75,56 +74,17 @@
align: "center",
templet: "<span>{{d.LAY_NUM}}</span>",
},
{
field: 'zjxm',
title: '专家姓名',
minWidth: 80,
},
{
field: 'xb',
title: '性别',
minWidth: 80,
},
{
field: 'csrq',
title: '出生日期',
minWidth: 80,
},
{
field: 'lxdh',
title: '联系电话',
minWidth: 80,
},
{
field: 'dzyj',
title: '电子邮件',
minWidth: 80,
},
{
field: 'zyly',
title: '专业领域',
minWidth: 80,
},
{
field: 'zc',
title: '职称',
minWidth: 80,
},
{
field: 'gzdw',
title: '工作单位',
minWidth: 80,
},
{
field: 'jj',
title: '简介',
minWidth: 80,
},
{
field: 'txURL',
title: '头像URL',
minWidth: 80,
},
{ field: 'zjxm', title: '专家姓名', fixed: "left",
align: "center", minWidth: 120 },
{ field: 'xb', title: '性别', align: "center",minWidth: 80 },
{ field: 'csrq', title: '出生日期', align: "center", minWidth: 200 },
{ field: 'lxdh', title: '联系电话', align: "center", minWidth: 200 },
{ field: 'dzyj', title: '电子邮件', align: "center",minWidth: 200 },
{ field: 'zyly', title: '专业领域', align: "center", minWidth: 120 },
{ field: 'zc', title: '职称', align: "center", minWidth: 120 },
{ field: 'gzdw', title: '工作单位', align: "center", minWidth: 200 },
{ field: 'jj', title: '简介', align: "center", minWidth: 250 },
{ field: 'txURL', title: '头像URL', align: "center", minWidth: 200 },
]
],
data: datas,
@ -140,18 +100,37 @@
}
var addEvent = function() {
// 事件 - 增删改
table.on('toolbar(datatable)', function(obj) {
var layEvent = obj.event;
// 直接绑定按钮点击事件
$('#saveBtn').on('click', function() {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/f69afb/save.html',
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
});
$('#updateBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(layEvent === 'saveEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/f69afb/save.html',
content: 'route/pages/f69afb/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
@ -159,66 +138,43 @@
initTableData();
}
});
} else if(layEvent === 'updateEvent') {
if(checkDatas.length === 0) {
top.layer.msg('请勾选要编辑的数据');
} else if(checkDatas.length > 1) {
top.layer.msg('不能编辑多条数据');
} else {
top.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: true,
content: 'route/pages/f69afb/update.html?id='+ checkDatas[0].id,
area: ['400px', '100%'],
offset: 'r',
anim: 'slideLeft',
end: function() {
initTableData();
}
});
}
} 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) {
ids += ',';
}
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex;
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/f69afb?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
beforeSend: function() {
loadingIndex = top.layer.msg('正在删除...', {
icon: 16,
shade: 0.01
});;
},
complete: function() {
top.layer.close(loadingIndex);
}
})
});
}
}
});
$('#removeBtn').on('click', function() {
var checkStatus = table.checkStatus('datatable');
var checkDatas = checkStatus.data;
if(checkDatas.length === 0) {
top.layer.msg('请勾选要删除的数据');
} else {
var ids = '';
for(var i = 0, item; item = checkDatas[i++];) {
if(i > 1) ids += ',';
ids += item.id;
}
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
top.layer.close(index);
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
$.ajax({
type: 'DELETE',
url: 'api/data/delete/c3a63a/f69afb?ids=' + ids,
contentType: "application/json;charset=utf-8",
success: function(resp) {
top.layer.msg('删除成功');
initTableData();
},
error: function(resp) {
var data = JSON.parse(resp.responseText);
top.layer.msg(data.msg);
},
complete: function() {
top.layer.close(loadingIndex);
}
});
});
}
});
form.on('submit(searchFilter)', function(formData) {
initTableData(formData.field.keywords);
});
@ -229,4 +185,4 @@
});
</script>
</body>
</html>
</html>

43
zjkglxt/src/main/resources/static/route/pages/f69afb/save.html
View File

@ -14,61 +14,68 @@
<div class="form-header">专家编辑新增数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">专家姓名</label>
<label class="layui-form-label7">专家姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjxm" placeholder="请输入专家姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">性别</label>
<label class="layui-form-label7">性别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<!-- <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-label7">出生日期</label>
<label class="layui-form-label7">出生日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
<!-- <input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">-->
<input type="text" class="layui-input laydate-input" name="csrq" placeholder="请输入出生日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系电话</label>
<label class="layui-form-label7">联系电话<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxdh" placeholder="请输入联系电话">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">电子邮件</label>
<label class="layui-form-label7">电子邮件<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dzyj" placeholder="请输入电子邮件">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专业领域</label>
<label class="layui-form-label7">专业领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">职称</label>
<label class="layui-form-label7">职称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">工作单位</label>
<label class="layui-form-label7">工作单位<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">简介</label>
<label class="layui-form-label7">简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="jj" placeholder="请输入简介">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">头像URL</label>
<label class="layui-form-label7">头像URL<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="txURL" placeholder="请输入头像URL">
</div>
@ -85,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;

43
zjkglxt/src/main/resources/static/route/pages/f69afb/update.html
View File

@ -15,61 +15,68 @@
<div class="form-header">专家编辑编辑数据</div>
<div class="form-body">
<div class="layui-form-item">
<label class="layui-form-label7">专家姓名</label>
<label class="layui-form-label7">专家姓名<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zjxm" placeholder="请输入专家姓名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">性别</label>
<label class="layui-form-label7">性别<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
<!-- <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-label7">出生日期</label>
<label class="layui-form-label7">出生日期<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
<!-- <input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">-->
<input type="text" class="layui-input laydate-input" name="csrq" placeholder="请输入出生日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">联系电话</label>
<label class="layui-form-label7">联系电话<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="lxdh" placeholder="请输入联系电话">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">电子邮件</label>
<label class="layui-form-label7">电子邮件<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="dzyj" placeholder="请输入电子邮件">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">专业领域</label>
<label class="layui-form-label7">专业领域<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">职称</label>
<label class="layui-form-label7">职称<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">工作单位</label>
<label class="layui-form-label7">工作单位<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">简介</label>
<label class="layui-form-label7">简介<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="jj" placeholder="请输入简介">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label7">头像URL</label>
<label class="layui-form-label7">头像URL<span class="redtips">*</span></label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="txURL" placeholder="请输入头像URL">
</div>
@ -86,6 +93,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;

20
zjkglxt/src/main/resources/static/route/pages/index.html
View File

@ -38,34 +38,34 @@
</div>
<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-44022fe2-9bd9-45e6-94b8-b0dd2c29c1c6" data-mod-id="61170ab0-bb9b-40df-b6a4-56b35c4c91fa" data-url="route/pages/f56928/list.html"><i class="fa fa-list"></i> 专家信息管理</a>
<a href="javascript:void(0);" class="menu-item" id="menu-44022fe2-9bd9-45e6-94b8-b0dd2c29c1c6" data-mod-id="61170ab0-bb9b-40df-b6a4-56b35c4c91fa" data-url="route/pages/f56928/list.html"><i class="fa fa-user-md"></i> 专家信息管理</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-b0e6572d-1490-4ecc-8141-b344cafb391d" data-mod-id="d26b32ef-0fd0-4752-9704-9d3e5e4b0090" data-url="route/pages/adbccf/list.html"><i class="fa fa-list"></i> 专家分类</a>
<a href="javascript:void(0);" class="menu-item" id="menu-b0e6572d-1490-4ecc-8141-b344cafb391d" data-mod-id="d26b32ef-0fd0-4752-9704-9d3e5e4b0090" data-url="route/pages/adbccf/list.html"><i class="fa fa-sitemap"></i> 专家分类</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-2ebed04d-756f-43e0-966c-12704ab2dcb2" data-mod-id="629c2e68-49f9-4506-968b-b93ba3d5e768" data-url="route/pages/a11c9c/list.html"><i class="fa fa-list"></i> 专家录入</a>
<a href="javascript:void(0);" class="menu-item" id="menu-2ebed04d-756f-43e0-966c-12704ab2dcb2" data-mod-id="629c2e68-49f9-4506-968b-b93ba3d5e768" data-url="route/pages/a11c9c/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-a48e4c33-8ab8-4b31-bfb7-98bfb06e0105" data-mod-id="0148cc94-3c06-45c9-b0bc-bfa74fc78b7f" data-url="route/pages/eec4e2/list.html"><i class="fa fa-list"></i> 专家查询</a>
<a href="javascript:void(0);" class="menu-item" id="menu-a48e4c33-8ab8-4b31-bfb7-98bfb06e0105" data-mod-id="0148cc94-3c06-45c9-b0bc-bfa74fc78b7f" data-url="route/pages/eec4e2/list.html"><i class="fa fa-search"></i> 专家查询</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-df57af51-a0c7-4389-b5f8-ca59a0b757ca" data-mod-id="b1e54c91-5f7e-4cb7-bc45-49171c01d0e6" data-url="route/pages/f69afb/list.html"><i class="fa fa-list"></i> 专家编辑</a>
<a href="javascript:void(0);" class="menu-item" id="menu-df57af51-a0c7-4389-b5f8-ca59a0b757ca" data-mod-id="b1e54c91-5f7e-4cb7-bc45-49171c01d0e6" data-url="route/pages/f69afb/list.html"><i class="fa fa-edit"></i> 专家编辑</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-015e923b-2255-46e7-9dd2-c81927e955b8" data-mod-id="e310c6c9-9956-4b76-931e-acf710e1dde9" data-url="route/pages/785671/list.html"><i class="fa fa-list"></i> 数据统计</a>
<a href="javascript:void(0);" class="menu-item" id="menu-015e923b-2255-46e7-9dd2-c81927e955b8" data-mod-id="e310c6c9-9956-4b76-931e-acf710e1dde9" data-url="route/pages/785671/list.html"><i class="fa fa-bar-chart"></i> 数据统计</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-4af88b9e-bb61-40a3-9a0b-94ec18666bad" data-mod-id="25d75895-1877-4a20-b785-68e6af45ed9c" data-url="route/pages/90b4d4/list.html"><i class="fa fa-list"></i> 用户管理</a>
<a href="javascript:void(0);" class="menu-item" id="menu-4af88b9e-bb61-40a3-9a0b-94ec18666bad" data-mod-id="25d75895-1877-4a20-b785-68e6af45ed9c" data-url="route/pages/90b4d4/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-7e02d418-ec12-4d61-a52b-6843573a6f67" data-mod-id="fb65f91d-e66c-4bbc-a421-f3b1e3dea4b5" data-url="route/pages/eac73e/list.html"><i class="fa fa-list"></i> 角色权限</a>
<a href="javascript:void(0);" class="menu-item" id="menu-7e02d418-ec12-4d61-a52b-6843573a6f67" data-mod-id="fb65f91d-e66c-4bbc-a421-f3b1e3dea4b5" data-url="route/pages/eac73e/list.html"><i class="fa fa-lock"></i> 角色权限</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-1dc8e61f-4ad0-4a06-84c6-17e5e2c713e2" data-mod-id="395b8568-d943-476a-ae43-72617ca97100" data-url="route/pages/1c4881/list.html"><i class="fa fa-list"></i> 系统日志</a>
<a href="javascript:void(0);" class="menu-item" id="menu-1dc8e61f-4ad0-4a06-84c6-17e5e2c713e2" data-mod-id="395b8568-d943-476a-ae43-72617ca97100" data-url="route/pages/1c4881/list.html"><i class="fa fa-file-text-o"></i> 系统日志</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0);" class="menu-item" id="menu-3f3ab373-629d-4d6a-925e-2e5fe7371433" data-mod-id="37c97c78-4246-4121-937e-8800ec38d0f6" data-url="route/pages/9fbf43/list.html"><i class="fa fa-list"></i> 通知公告</a>
<a href="javascript:void(0);" class="menu-item" id="menu-3f3ab373-629d-4d6a-925e-2e5fe7371433" data-mod-id="37c97c78-4246-4121-937e-8800ec38d0f6" data-url="route/pages/9fbf43/list.html"><i class="fa fa-bullhorn"></i> 通知公告</a>
</li>
</ul>
</div>