106 lines
4.7 KiB
HTML
106 lines
4.7 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 () {
|
||
// var index = parent.layer.getFrameIndex(window.name);
|
||
|
||
// //方式一：直接弹窗内寻找源头页面完成操作
|
||
// //let parentWindow = parent.layui.$(".layui-body .layui-tab-content .layui-show")[0].children[0].contentWindow;
|
||
|
||
// //方式二：通过index.html页中window.selectedWindow()函数寻找源头页面
|
||
// let parentWindow = parent.selectedWindow().window;
|
||
|
||
// parentWindow.outerPageAddCallBack(index);
|
||
// });
|
||
// } else{
|
||
// layer.msg(result.msg,{icon:2,time:1000});
|
||
// }
|
||
// }
|
||
// });
|
||
|
||
// 方便测试效果
|
||
layer.msg("successful", {
|
||
icon: 1,
|
||
time: 1000
|
||
}, function () {
|
||
var index = parent.layer.getFrameIndex(window.name);
|
||
|
||
//方式一：直接弹窗内寻找源头页面完成操作
|
||
//let parentWindow = parent.layui.$(".layui-body .layui-tab-content .layui-show")[0].children[0].contentWindow;
|
||
|
||
//方式二：通过index.html页中window.selectedWindow()函数寻找源头页面
|
||
let parentWindow = parent.selectedWindow().window;
|
||
|
||
parentWindow.outerPageAddCallBack(index);
|
||
});
|
||
|
||
return false;
|
||
});
|
||
})
|
||
</script>
|
||
</body>
|
||
</html> |