修改
This commit is contained in:
parent
fc4d1f3308
commit
0bf7a43d67
Binary file not shown.
@ -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`
|
||||
})
|
||||
}
|
||||
|
||||
|
Binary file not shown.
Binary file not shown.
@ -99,7 +99,7 @@
|
||||
},
|
||||
{
|
||||
field: 'czjg',
|
||||
title: '操作结果', align: "center",
|
||||
title: '操作结果',
|
||||
align: "center",
|
||||
|
||||
minWidth: 120,
|
||||
|
@ -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,12 +102,8 @@
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
// 直接绑定按钮点击事件
|
||||
$('#saveBtn').on('click', function() {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -159,7 +117,11 @@
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
});
|
||||
|
||||
$('#updateBtn').on('click', function() {
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
@ -179,20 +141,22 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
});
|
||||
|
||||
$('#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 += ',';
|
||||
}
|
||||
if(i > 1) ids += ',';
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗?', {title: false}, function(index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/c3a63a/785671?ids=' + ids,
|
||||
@ -205,20 +169,14 @@
|
||||
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);
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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,12 +102,8 @@
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
// 直接绑定按钮点击事件
|
||||
$('#saveBtn').on('click', function() {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -159,7 +117,11 @@
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
});
|
||||
|
||||
$('#updateBtn').on('click', function() {
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
@ -179,20 +141,22 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
});
|
||||
|
||||
$('#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 += ',';
|
||||
}
|
||||
if(i > 1) ids += ',';
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗?', {title: false}, function(index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/c3a63a/90b4d4?ids=' + ids,
|
||||
@ -205,20 +169,14 @@
|
||||
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);
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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的元素
|
||||
|
@ -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的元素
|
||||
|
@ -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,12 +101,8 @@
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
// 直接绑定按钮点击事件
|
||||
$('#saveBtn').on('click', function() {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -159,7 +116,11 @@
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
});
|
||||
|
||||
$('#updateBtn').on('click', function() {
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
@ -179,20 +140,22 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
});
|
||||
|
||||
$('#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 += ',';
|
||||
}
|
||||
if(i > 1) ids += ',';
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗?', {title: false}, function(index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/c3a63a/a11c9c?ids=' + ids,
|
||||
@ -205,20 +168,14 @@
|
||||
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);
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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,12 +100,8 @@
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
// 直接绑定按钮点击事件
|
||||
$('#saveBtn').on('click', function() {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -159,7 +115,11 @@
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
});
|
||||
|
||||
$('#updateBtn').on('click', function() {
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
@ -179,20 +139,22 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
});
|
||||
|
||||
$('#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 += ',';
|
||||
}
|
||||
if(i > 1) ids += ',';
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗?', {title: false}, function(index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/c3a63a/adbccf?ids=' + ids,
|
||||
@ -205,20 +167,14 @@
|
||||
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);
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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,12 +101,8 @@
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
// 直接绑定按钮点击事件
|
||||
$('#saveBtn').on('click', function() {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -159,7 +116,11 @@
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
});
|
||||
|
||||
$('#updateBtn').on('click', function() {
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
@ -179,20 +140,22 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
});
|
||||
|
||||
$('#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 += ',';
|
||||
}
|
||||
if(i > 1) ids += ',';
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗?', {title: false}, function(index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/c3a63a/eac73e?ids=' + ids,
|
||||
@ -205,20 +168,14 @@
|
||||
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);
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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,12 +100,8 @@
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
// 直接绑定按钮点击事件
|
||||
$('#saveBtn').on('click', function() {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -159,7 +115,11 @@
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
});
|
||||
|
||||
$('#updateBtn').on('click', function() {
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
@ -179,20 +139,22 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
});
|
||||
|
||||
$('#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 += ',';
|
||||
}
|
||||
if(i > 1) ids += ',';
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗?', {title: false}, function(index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/c3a63a/eec4e2?ids=' + ids,
|
||||
@ -205,20 +167,14 @@
|
||||
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);
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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,12 +101,8 @@
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
// 直接绑定按钮点击事件
|
||||
$('#saveBtn').on('click', function() {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -159,7 +116,11 @@
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
});
|
||||
|
||||
$('#updateBtn').on('click', function() {
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
@ -179,20 +140,22 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
});
|
||||
|
||||
$('#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 += ',';
|
||||
}
|
||||
if(i > 1) ids += ',';
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗?', {title: false}, function(index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/c3a63a/f56928?ids=' + ids,
|
||||
@ -205,20 +168,14 @@
|
||||
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);
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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,12 +100,8 @@
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
// 直接绑定按钮点击事件
|
||||
$('#saveBtn').on('click', function() {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -159,7 +115,11 @@
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
});
|
||||
|
||||
$('#updateBtn').on('click', function() {
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
@ -179,20 +139,22 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
});
|
||||
|
||||
$('#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 += ',';
|
||||
}
|
||||
if(i > 1) ids += ',';
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗?', {title: false}, function(index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
var loadingIndex = top.layer.msg('正在删除...', {icon: 16, shade: 0.01});
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/c3a63a/f69afb?ids=' + ids,
|
||||
@ -205,20 +167,14 @@
|
||||
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);
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user