127 lines
6.6 KiB
Plaintext
127 lines
6.6 KiB
Plaintext
<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> |