<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<center>
<input type="text" name="word" class="word"><button class="p">搜索</button>
<table border="1">
<tr>
<td>编号</td>
<td>班级名称</td>
<td>添加时间</td>
<td>添加人</td>
<td>状态</td>
{switch name="arr1.u_name"}
{case value="root"}<td>操作</td>{/case}
{case value="admin"}{/case}
{/switch}
</tr>
<tbody id="tb">
{volist name="arr.list" id="v"}
<tr id="{$v.u_id}">
<td fd="u_id">{$v.u_id}</td>
<td fd="u_class">{$v.u_class}</td>
<td fd="u_time">{$v.u_time}</td>
<td fd="u_name">{$v.u_name}</td>
<td fd="u_zt">{$v.u_zt}</td>
{switch name="arr1.u_name"}
{case value="root"}<td>
<a href="javascript:void (0);" class="ss">删除</a>
</td>{/case}
{case value="admin"}{/case}
{/switch}
</tr>
{/volist}
</tbody>
</table>
<input type="hidden" id="page" name="page" value="1">
<input type="hidden" id="last_page" name="last_page" value="{$arr.last_page}">
<a href="javascript:void (0);" class="p">首页</a>
<a href="javascript:void (0);" class="p">上一页</a>
<a href="javascript:void (0);" class="p">下一页</a>
<a href="javascript:void (0);" class="p">尾页</a>
</center>
</body>
</html>
<script src="__STATIC__/js/jquery-3.3.1.min.js"></script>
<script>
$(".p").click(function () {
var tag_val=$(this).text();
var page=$("#page").val();
var last_page=$("#last_page").val();
var pp='';
var u_name=$(".word").val();
if(tag_val=="首页")
{
pp=1;
}else if(tag_val=="上一页")
{
pp=parseInt(page)-1<=1?1:parseInt(page)-1;
}else if(tag_val=="下一页")
{
pp=parseInt(page)+1>=last_page?last_page:parseInt(page)+1;
}else
{
pp=last_page;
}
$.post(
"{:url('login/json')}",{u_name:u_name,page:page},
function (data) {
var res=JSON.parse(data);
var table_page=res.list;
var str="";
$.each(table_page,function (k,v) {
str +="<tr>";
str +="<td>"+v.u_id+"</td>";
str +="<td>"+v.u_class+"</td>";
str +="<td>"+v.u_time+"</td>";
str +="<td>"+v.u_name+"</td>";
str +="<td>"+v.u_zt+"</td>";
str +="<td><a href='#'>删除</a></td>";
str +="</tr>";
})
$("#tb").html(str);
$("#page").val(pp);
}
)
})
$(".ss").click(function () {
var u_id=$(this).parents("tr").attr("id");
$.post(
"{:url('login/del')}?u_id="+u_id,
function (data) {
location.href="{:url('login/show')}";
}
)
})
$(document).ready(function () {
$("td").dblclick(function () {
var td_val=$(this).text();
var fd_val=$(this).attr("fd");
var id_val=$(this).parents("tr").attr("id");
$(this).html("<input type='text' id='dian"+td_val+fd_val+id_val+"' value='"+td_val+"'>");
$("#dian"+td_val+fd_val+id_val).blur(function () {
var new_val=$(this).val();
$(this).parents("td").html(new_val);
$.post(
"{:url('login/gai')}",
{
new:new_val,
fd_val:fd_val,
id_val:id_val
},
function (data) {
if(data==1)
{
console.log(data);
}else{
console.log(data);
}
}
)
})
})
})
</script>