-
Notifications
You must be signed in to change notification settings - Fork 2
/
punish-edit.html
153 lines (147 loc) · 6.35 KB
/
punish-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
141
142
143
144
145
146
147
148
149
150
151
152
153
<!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 value="{$data.REC_TIME}" 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 value="{$data.STUDENTID}" 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}" {if $data.DESCRIPTION==$c.DESCRIPTION}selected="selected"{/if}>{$c.DESCRIPTION}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否生效</label>
<div class="layui-input-block">
<input name="enable" id="enable" lay-verify="enable" type="checkbox" {if $data.ENABLE=="是"}checked{/if} lay-skin="switch">
</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">{$data.REASON}</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:{
id:{$id},
change:data.field.change,
reason:data.field.reason,
time:data.field.time,
studentid:data.field.studentid,
enable:data.field.enable,
option:'edit',
type:'punish'
},
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>