jifuning
/
ZHadmin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>设备列表</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../static/css/font.css">
		<link rel="stylesheet" href="../../static/css/weadmin.css">
        <link rel="stylesheet" href="../../static/css/style.css">
		<!-- 让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]-->
        <style>
            .layui-main1:after {
                clear: both;
                content: " ";
                display: table;
            }
            .left, .right_main {
                float: left;
            }
            .layui-main1 {
                padding-left: 210px;
            }
            .right_main {
                width: 100%;
            }
            .left {
                width: 200px;
                left: 20px;
                top: 118px;
                padding: 0;
            }
        </style>
	</head>

	<body>
		<div class="weadmin-nav">
		<span class="layui-breadcrumb">
            <a href="javascript:;">首页</a>
            <a href="javascript:;">设备管理</a>
            <a><cite>设备列表</cite></a>
        </span>
        <a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i>
        </a>
		</div>
		<div class="weadmin-body">
			<div class="layui-row">
				<form class="layui-form layui-col-md12 we-search">
					<div class="layui-inline">
						<input class="layui-input" placeholder="设备使用时间" name="start" id="start">
					</div>
                    <div class="layui-inline">
                        <input class="layui-input" placeholder="设备使用年限" name="Usestart" id="Usestart">
                    </div>
					<div class="layui-inline">
						<input type="text" name="username" placeholder="设备序列号" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-input-inline">
						<select name="department">
							<option value="0">请选择部门</option>
							<option value="1">部门一</option>
							<option value="2">部门二</option>
						</select>
					</div>
                    <div class="layui-input-inline">
                        <button class="layui-btn"><i class="layui-icon">&#xe615;</i></button>
                    </div>
				</form>
			</div>
            <div class="layui-main1">
                <div class="left left-nav1">
                    <div id="side-nav">
                        <ul id="nav">
                            <li>
                                <a href="javascript:;">
                                    <cite>组织一</cite>
                                    <i class="iconfont nav_right">&#xe6a7;</i>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <i class="iconfont">&#xe6a7;</i>
                                            <cite>组织（1）</cite>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <i class="iconfont">&#xe6a7;</i>
                                            <cite>组织（1）</cite>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <i class="iconfont">&#xe6a7;</i>
                                            <cite>组织（1）</cite>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <cite>组织二</cite>
                                    <i class="iconfont nav_right">&#xe6a7;</i>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <i class="iconfont">&#xe6a7;</i>
                                            <cite>组织（2）</cite>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="javascript:;">
                                                    <i class="iconfont">&#xe6a7;</i>
                                                    <cite>组织（2-1）</cite>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <i class="iconfont">&#xe6a7;</i>
                                            <cite>组织（1）</cite>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <i class="iconfont">&#xe6a7;</i>
                                            <cite>组织（1）</cite>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right_main">
                    <div class="weadmin-block">
                        <button class="layui-btn layui-btn-danger" onclick="delAlls ()"><i class="layui-icon"></i>批量删除</button>
                        <button class="layui-btn" onclick="WeAdminShow('添加设备','./add.html','800','600')"><i class="layui-icon"></i>添加</button>
                        <span class="fr" style="line-height:40px">共有数据：88 条</span>
                    </div>
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th>
                                <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
                            </th>
                            <th>设备编号</th>
                            <th>使用时间</th>
                            <th>使用期限</th>
                            <th>部门</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon">&#xe605;</i></div>
                            </td>
                            <td>2017009171822298053</td>
                            <td>老王:18925139194</td>
                            <td>7829.10</td>
                            <td>7854.10</td>
                            <td class="td-manage">
                                <a title="查看" onclick="WeAdminShow('编辑','./edit.html','800','600')" href="javascript:;">
                                    <i class="layui-icon">&#xe63c;</i>
                                </a>
                                <a title="删除" onclick="member_dels(this,'要删除的id')" href="javascript:;">
                                    <i class="layui-icon">&#xe640;</i>
                                </a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="page">
                        <div>
                            <a class="prev" href="">&lt;&lt;</a>
                            <a class="num" href="">1</a>
                            <span class="current">2</span>
                            <a class="num" href="">3</a>
                            <a class="num" href="">489</a>
                            <a class="next" href="">&gt;&gt;</a>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</body>
    <script src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script>
        layui.extend({
            admin: '{/}../../static/js/admin'
        });
        layui.use(['laydate','jquery','admin'], function() {
            var laydate = layui.laydate,
                $ = layui.jquery,
                admin = layui.admin;
            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });
            /*用户-删除*/
            window.member_dels = function (obj, id) {
                layer.confirm('确认要删除吗？', function(index) {
                    //发异步删除数据
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!', {
                        icon: 1,
                        time: 1000
                    });
                });
            };
            window.delAlls = function (argument) {
                var data = tableCheck.getData();
                layer.confirm('确认要删除吗？' + data, function(index) {
                    //捉到所有被选中的，发异步进行删除
                    layer.msg('删除成功', {
                        icon: 1
                    });
                    $(".layui-form-checked").not('.header').parents('tr').remove();
                });
            }
        });
    </script>
</html>