init
This commit is contained in:
arraykeys
@@ -0,0 +1,127 @@
|
||||
<div class="page-container">
|
||||
<div class="text-c"> 日期范围：
|
||||
<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}' })" id="datemin" class="input-text Wdate" style="width:120px;"> -
|
||||
<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d' })" id="datemax" class="input-text Wdate" style="width:120px;">
|
||||
<input type="text" class="input-text" style="width:250px" placeholder="输入管理员名称" id="" name="">
|
||||
<button type="submit" class="btn btn-success" id="" name=""><i class="Hui-iconfont"></i> 搜用户</button>
|
||||
</div>
|
||||
<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont"></i> 批量删除</a> <a href="javascript:;" onclick="admin_add('添加管理员','/user/add.html','800','500')" class="btn btn-primary radius"><i class="Hui-iconfont"></i> 添加管理员</a></span> <span class="r">共有数据：<strong>54</strong> 条</span> </div>
|
||||
<table class="table table-border table-bordered table-bg">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" colspan="9">员工列表</th>
|
||||
</tr>
|
||||
<tr class="text-c">
|
||||
<th width="25"><input type="checkbox" name="" value=""></th>
|
||||
<th width="40">ID</th>
|
||||
<th width="150">登录名</th>
|
||||
<th width="90">手机</th>
|
||||
<th width="150">邮箱</th>
|
||||
<th>角色</th>
|
||||
<th width="130">加入时间</th>
|
||||
<th width="100">是否已启用</th>
|
||||
<th width="100">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="text-c">
|
||||
<td><input type="checkbox" value="1" name=""></td>
|
||||
<td>1</td>
|
||||
<td>admin</td>
|
||||
<td>13000000000</td>
|
||||
<td>[email protected]</td>
|
||||
<td>超级管理员</td>
|
||||
<td>2014-6-11 11:11:42</td>
|
||||
<td class="td-status"><span class="label label-success radius">已启用</span></td>
|
||||
<td class="td-manage"><a style="text-decoration:none" onClick="admin_stop(this,'10001')" href="javascript:;" title="停用"><i class="Hui-iconfont"></i></a> <a title="编辑" href="javascript:;" onclick="admin_edit('管理员编辑','admin-add.html','1','800','500')"
|
||||
class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a> <a title="删除" href="javascript:;" onclick="admin_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></td>
|
||||
</tr>
|
||||
<tr class="text-c">
|
||||
<td><input type="checkbox" value="2" name=""></td>
|
||||
<td>2</td>
|
||||
<td>zhangsan</td>
|
||||
<td>13000000000</td>
|
||||
<td>[email protected]</td>
|
||||
<td>栏目编辑</td>
|
||||
<td>2014-6-11 11:11:42</td>
|
||||
<td class="td-status"><span class="label radius">已停用</span></td>
|
||||
<td class="td-manage"><a style="text-decoration:none" onClick="admin_start(this,'10001')" href="javascript:;" title="启用"><i class="Hui-iconfont"></i></a> <a title="编辑" href="javascript:;" onclick="admin_edit('管理员编辑','admin-add.html','2','800','500')"
|
||||
class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a> <a title="删除" href="javascript:;" onclick="admin_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!--请在下方写此页面业务相关的脚本-->
|
||||
<script type="text/javascript" src="/lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
||||
<script type="text/javascript" src="/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/laypage/1.2/laypage.js"></script>
|
||||
<script type="text/javascript">
|
||||
/*
|
||||
参数解释：
|
||||
title 标题
|
||||
url 请求的url
|
||||
id 需要操作的数据id
|
||||
w 弹出层宽度（缺省调默认值）
|
||||
h 弹出层高度（缺省调默认值）
|
||||
*/
|
||||
/*管理员-增加*/
|
||||
function admin_add(title, url, w, h) {
|
||||
layer_show(title, url, w, h);
|
||||
}
|
||||
/*管理员-删除*/
|
||||
function admin_del(obj, id) {
|
||||
layer.confirm('确认要删除吗？', function(index) {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: '',
|
||||
dataType: 'json',
|
||||
success: function(data) {
|
||||
$(obj).parents("tr").remove();
|
||||
layer.msg('已删除!', {
|
||||
icon: 1,
|
||||
time: 1000
|
||||
});
|
||||
},
|
||||
error: function(data) {
|
||||
console.log(data.msg);
|
||||
},
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/*管理员-编辑*/
|
||||
function admin_edit(title, url, id, w, h) {
|
||||
layer_show(title, url, w, h);
|
||||
}
|
||||
/*管理员-停用*/
|
||||
function admin_stop(obj, id) {
|
||||
layer.confirm('确认要停用吗？', function(index) {
|
||||
//此处请求后台程序，下方是成功后的前台处理……
|
||||
|
||||
$(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_start(this,id)" href="javascript:;" title="启用" style="text-decoration:none"><i class="Hui-iconfont"></i></a>');
|
||||
$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">已禁用</span>');
|
||||
$(obj).remove();
|
||||
layer.msg('已停用!', {
|
||||
icon: 5,
|
||||
time: 1000
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/*管理员-启用*/
|
||||
function admin_start(obj, id) {
|
||||
layer.confirm('确认要启用吗？', function(index) {
|
||||
//此处请求后台程序，下方是成功后的前台处理……
|
||||
|
||||
|
||||
$(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_stop(this,id)" href="javascript:;" title="停用" style="text-decoration:none"><i class="Hui-iconfont"></i></a>');
|
||||
$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
|
||||
$(obj).remove();
|
||||
layer.msg('已启用!', {
|
||||
icon: 6,
|
||||
time: 1000
|
||||
});
|
||||
});
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user