案列

最新推荐文章于 2020-12-22 04:54:45 发布
大自然搬运工wzn
最新推荐文章于 2020-12-22 04:54:45 发布
阅读量174
点赞数
本文链接：https://blog.csdn.net/qq_41884232/article/details/84060563
版权
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css" />
	<script type="text/javascript" src="../../js/jquery.min.js"></script>
	<script type="text/javascript" src="../../layui/layui.js"></script>
	<script type="text/javascript" src="../../js/common.js"></script>
</head>
<script>
/* $(function(){
	var administerType=localStorage.getItem("administerType");
	if(administerType==="2"){
		$("#addEmergencyManager").hide();
	}
}) */
</script>
<body>
	<div  class="layui-inline" Style=" width:100% ; text-align: center ;margin-right:10px" >
		<span id="addEmergencyManager"   class="layui-btn layui-btn-normal">添加队伍</span>
		<input type="text" style="width:345px;display:inline"   class="layui-input" id="input-search" placeholder="请输入队伍名"/>
		<span id="search"   class="layui-btn layui-btn-normal">查找</span>
    </div>
	<table Style="text-align:center"  class="layui-hide" id="test" lay-filter="demo"></table>
	<div id="test1" Style="text-align: center"></div>
</body>
</html>
<script>
	$(function() {
		layui.use( 'laypage', function() {
		laypage = layui.laypage;
		var token = localStorage.getItem("token");
		var powerId =localStorage.getItem("powerId"); 
		init(token,powerId,null);
		$("#search").click(function(){
		 var teamName=$("#input-search").val();
		 console.log(teamName) ;
		 if(teamName!=null && teamName!=''){
			 init(token,powerId,teamName);
		   }
		  })
	})
	})
	function init(token,powerId,teamName){
		$.ajax({
			type: "post",
			url: baseurl + "/emergencyManager/queryEmergencyManager",
			data:{"token":token,"powerId":powerId,"teamName":teamName},
			success: function(data) {
				if(data.meta.code == 200) {
					console.log(data);
					list = data.data.list;
					layui.use(['table' ], function(){
						var table = layui.table;
						//var laypage = layui.laypage;
						table.render({
                            id: 'testpage',
							elem: '#test',
							data: list, //数据接口
							align:'center',
							cols: [
								[{
									field: 'LAY_TABLE_INDEX',
									title: '序号',
									width: 80,
									align: 'center'
								},{
									field: 'teamName',
									title: '队伍名',
									width: 120,
									align: 'center'
								},{
									field: 'enterpriseEmergencyPhone',
									title: '企业应急电话',
									width: 120,
									align: 'center'
								},{
									field: 'enterpriseEmergencyCharge',
									title: '应急负责人',
									width: 120,
									align: 'center'
								},{
									field: 'createTime',
									title: '创建时间',
									width: 120,
									align: 'center'
								},{
									field: 'powerName',
									title: '电厂名',
									width: 120,
									align: 'center'
								},{
									field: '',
									title: '操作',
									width: 260,
									align: 'center',
									toolbar: '#barDemo',
									
								}]
							]
						})
						laypage.render({
							elem: 'test1' ,//注意，这里的 test1 是 ID，不用加 # 号,
							count: data.data.total, //数据总数，从服务端得到
							jump: function(obj, first) {
                                console.log(obj) ;
							    console.log(obj.count) ;
								//obj包含了当前分页的所有参数，比如：
								console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
								console.log(obj.limit); //得到每页显示的条数
								//首次不执行
								if(!first) {
									$.ajax({
										type: "POST",
										url: baseurl + "/emergencyManager/queryEmergencyManager",
										data: {
											pageNum: obj.curr,
											token: token,
											powerId:powerId,
											teamName:teamName
										},
										success: function(data) {
											if(data.meta.code == 200) {
												table.reload('testpage', {
													data: data.data.list
												})
											}
										}
									})
								}
							}
						      });
							})
						}
					}
				})
	}		
			
	$('#addEmergencyManager').click(function() {
		window.location.href = "addEmergencyManager.html";
	});
</script>
<script type="text/html" id="barDemo">
     <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>	
	 <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
</script>
  
<script>
	layui.use('table', function() {
		var table = layui.table;
		table.on('tool(demo)', function(obj) {
            var data = obj.data;
			var emergencyId = data.emergencyId;
			var token = localStorage.getItem("token");
			if(obj.event === 'del') {
				layer.confirm('真的删除行么', function(index) {
					obj.del();
					layer.close(index);
					$.ajax({
						type: "POST",
						url: baseurl + "/emergencyManager/delEmergencyManager",
						data: {
							token: token,
							emergencyId: emergencyId
						},
						success: function(data) {
							if(data.meta.code == 200) {
								top.layer.msg("删除成功！");
							}
						}
					});
				});
			}else if(obj.event==='detail'){
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 2,
                        title: '应急人员信息',
                        maxmin: true,
                        shadeClose: true, //点击遮罩关闭层
                        area: ['960px', '600px'],
                        content: 'emergencyManagerInfo.html?emergencyId='+emergencyId,
                        cancel: function() {
                            window.location.href="emergencyManagerList.html";

                        }
                    });
                })
				// window.location.href="emergencyManagerInfo.html?emergencyId="+emergencyId;
			}
		});
	})
</script>
<!-- <script>
layui.use('table', function() {
		var table = layui.table;
		table.on('tool(demo)', function(obj) {
			var data = obj.data;
			var emergencyId=data.emergencyId;
			if(obj.event === 'detail') {
				//window.location.href= "safeRecordInfo.html?powerId="+powerId;
				layui.use('layer', function() {
				var layer = layui.layer;
				layer.open({
				type: 2,
				title: '电厂人员明细',
				maxmin: true,
				shadeClose: true, //点击遮罩关闭层
				area: ['960px', '600px'],
				content: 'emergencyManagerInfo.html?emergencyId='+emergencyId,
				cancel: function() {
		       
							}
						});
					}) 
				}
			})
	})
</script> -->