-
Notifications
You must be signed in to change notification settings - Fork 2
/
grade-edit.html
140 lines (134 loc) · 5.75 KB
/
grade-edit.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
<!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">
<div class="layui-form-item">
<label class="layui-form-label">学号</label>
<div class="layui-input-block">
<input value="{$data.STUDENTID}" id="studentid" type="text" name="studentid" lay-verify="studentid" autocomplete="off" placeholder="请输入学号" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-item">
<label class="layui-form-label">科目</label>
<div class="layui-input-block">
<input value="{$data.SUBJECT}" id="subject" type="text" name="subject" lay-verify="subject" autocomplete="off" placeholder="请输入科目" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-item">
<label class="layui-form-label">成绩</label>
<div class="layui-input-block">
<input value="{$data.GRADE}" id="grade" type="text" name="grade" lay-verify="grade" autocomplete="off" placeholder="请输入成绩" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<input value="{$data.STATUS}" id="status" type="text" name="status" lay-verify="status" autocomplete="off" placeholder="请输入转态" class="layui-input">
</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(['form', 'layer'],
function() {
$ = layui.jquery;
var form = layui.form,
layer = layui.layer;
//自定义验证规则
form.verify({
studentid:function (value) {
if(isNaN(parseInt(value))){
return '请输入正确的学号!';
}
},
subject: function(value) {
if (value.length===0){
return '请输入学科！';
}
},
grade:function (value) {
if(!value){
return '请输入成绩！';
}
},
status: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:{
id:{$id},
subject:data.field.subject,
grade:data.field.grade,
studentid:data.field.studentid,
status:data.field.status,
option:'edit',
type:'grade'
},
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>