-
Notifications
You must be signed in to change notification settings - Fork 2
/
chang-add.html
145 lines (139 loc) · 5.77 KB
/
chang-add.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>欢迎页面-X-admin2.2</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./css/xadmin.css">
<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]--></head>
<body>
<div class="layui-fluid">
<div class="layui-row">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">记录时间</label>
<div class="layui-input-inline">
<input id="time" name="time" type="text" lay-verify="time" class="layui-input" placeholder="MM-dd" lay-key="1">
</div>
<div class="layui-form-item">
<label class="layui-form-label">学号</label>
<div class="layui-input-block">
<input id="studentid" type="text" name="studentid" lay-verify="studentid" autocomplete="off" placeholder="请输入学号" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学籍变更</label>
<div class="layui-input-inline">
<select id="change" name="change" lay-verify="change">
<option value="">变更项目</option>
{foreach $chang as $c}
<option value="{$c.CODE}">{$c.DESCRIPTION}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">理由</label>
<div class="layui-input-block">
<textarea id="reason" name="reason" type="text" lay-verify="reason" autocomplete="off" placeholder="请输入理由" class="layui-textarea"></textarea>
</div>
</div>
</div>
<div class="layui-form-item">
<button lay-filter="edit" lay-submit="" class="layui-btn layui-btn-fluid">添加</button>
</div>
</form>
</div>
</div>
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#time'
});
});
</script>
<script>layui.use(['form', 'layer'],
function() {
$ = layui.jquery;
var form = layui.form,
layer = layui.layer;
//自定义验证规则
form.verify({
studentid:function (value) {
if(isNaN(parseInt(value))){
return '请输入正确的学号!';
}
},
time: function(value) {
if (value.length===0){
return '请输入记录时间！';
}
},
change:function (value) {
if(!value){
return '请选择学籍变更！';
}
},
reason:function (value) {
if(value.length===0){
return '请输入理由！';
}
}
});
//监听提交
form.on('submit(edit)',
function(data) {
console.log(data.field);
//使用ajax传递数据
senddata=$.ajax({
type:"POST",
url:"/tools/changAdd",
data:{
change:data.field.change,
reason:data.field.reason,
time:data.field.time,
studentid:data.field.studentid,
option:'add',
type:'change'
},
success:function (msg) {
//发异步，把数据提交给php
console.log(msg);
if(msg==='ok'){
parent.location.reload();
layer.alert('修改成功！', {
icon: 6
},
function() {
// 获得frame索引
var index = parent.layer.getFrameIndex(window.name);
//刷新页面
parent.layer.close(index);
});
}else {
layer.alert('修改失败！', {icon: 5});
}
},
error:function () {
layer.alert('修改失败！',{icon: 5})
}
});
//等待ajax执行完毕
$.when(senddata).done(function (value) {
});
return false;
});
});</script>
</body>
</html>