100 lines
4.5 KiB
HTML
100 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
<link rel="stylesheet" href="../../../../admin/css/pearCommon.css" />
|
|
<link rel="stylesheet" href="../../../../component/layui/css/layui.css" />
|
|
</head>
|
|
<body>
|
|
<form class="layui-form" action="">
|
|
<div class="mainBox">
|
|
<div class="main-container">
|
|
<div class="main-container">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">任务名称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="taskName" lay-verify="title" autocomplete="off" placeholder="请输入任务名称" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">任务描述</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="taskInfo" lay-verify="title" autocomplete="off" placeholder="请输入任务描述" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">执行人</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="realName" lay-verify="title" autocomplete="off" placeholder="请输入执行人" class="layui-input">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div class="button-container">
|
|
<button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit="" lay-filter="task-save">
|
|
<i class="layui-icon layui-icon-ok"></i>
|
|
提交
|
|
</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">
|
|
<i class="layui-icon layui-icon-refresh"></i>
|
|
重置
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script src="../../../../component/layui/layui.js"></script>
|
|
<script>
|
|
layui.use(['form', 'jquery'], function () {
|
|
let form = layui.form;
|
|
let $ = layui.jquery;
|
|
|
|
form.on('submit(task-save)', function (data) {
|
|
// 以下仅做示例，实现方式及实现位置可多种
|
|
// 遮罩层
|
|
// $.ajax({
|
|
// url:'...',
|
|
// data:JSON.stringify(data.field),
|
|
// dataType:'json',
|
|
// contentType:'application/json',
|
|
// type:'post',
|
|
// success:function(result){
|
|
// if(result.success){
|
|
// layer.msg("successful", {
|
|
// icon: 1,
|
|
// time: 1000
|
|
// }, function () {
|
|
// //方式一：直接弹窗内完成操作
|
|
// // parent.layer.close(parent.layer.getFrameIndex(window.name)); //关闭当前页
|
|
// // parent.layui.table.reload("task-table");//原页面重新加载
|
|
|
|
// //方式二：调用原页面中的方法
|
|
// parent.innerPageAddCallBack(parent.layer.getFrameIndex(window.name));
|
|
// });
|
|
// } else{
|
|
// layer.msg(result.msg,{icon:2,time:1000});
|
|
// }
|
|
// }
|
|
// });
|
|
|
|
// 方便测试效果
|
|
layer.msg("successful", {
|
|
icon: 1,
|
|
time: 1000
|
|
}, function () {
|
|
//方式一：直接弹窗内完成操作
|
|
//parent.layer.close(parent.layer.getFrameIndex(window.name)); //关闭当前页
|
|
//parent.layui.table.reload("task-table");//原页面重新加载
|
|
|
|
//方式二：调用原页面中的方法(与方式一效果一样，但职责更明确)
|
|
parent.innerPageAddCallBack(parent.layer.getFrameIndex(window.name));
|
|
});
|
|
|
|
return false;
|
|
});
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |