Layui 订单管理系统：统计、查询、用户管理
<!DOCTYPE html><html><head><meta charset="utf-8"><title>订单管理系统</title><link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css"></head><body><div class="layui-layout layui-layout-admin"><div class="layui-header"><div class="layui-logo">订单管理系统</div></div><div class="layui-side layui-bg-black"><div class="layui-side-scroll"><ul class="layui-nav layui-nav-tree" lay-filter="test"><li class="layui-nav-item"><a href="#">订单统计</a></li><li class="layui-nav-item"><a href="#">订单查询</a></li><li class="layui-nav-item"><a href="#">用户查询</a></li></ul></div></div><div class="layui-body"><!-- 内容主体区域 --><div style="padding: 15px;">欢迎使用订单管理系统！</div></div></div><script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script><script>layui.use('element', function(){var element = layui.element;//监听导航点击element.on('nav(test)', function(elem){var text = elem.text();if(text === '订单统计'){location.href = 'statistics.html';}else if(text === '订单查询'){location.href = 'orderQuery.html';}else if(text === '用户查询'){location.href = 'userQuery.html';}});});</script></body></html><!DOCTYPE html><html><head><meta charset="utf-8"><title>订单统计</title><link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css"></head><body><div class="layui-layout layui-layout-admin"><div class="layui-header"><div class="layui-logo">订单统计</div></div><div class="layui-side layui-bg-black"><div class="layui-side-scroll"><ul class="layui-nav layui-nav-tree" lay-filter="test"><li class="layui-nav-item"><a href="#">日报表</a></li><li class="layui-nav-item"><a href="#">月报表</a></li></ul></div></div><div class="layui-body"><!-- 内容主体区域 --><div style="padding: 15px;">请选择日期：<input type="text" id="selectDate" class="layui-input"></div></div></div><script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script><script>layui.use('laydate', function(){var laydate = layui.laydate;//执行一个laydate实例laydate.render({elem: '#selectDate', //指定元素type: 'date'});});</script></body></html><!DOCTYPE html><html><head><meta charset="utf-8"><title>订单查询</title><link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css"></head><body><div class="layui-layout layui-layout-admin"><div class="layui-header"><div class="layui-logo">订单查询</div></div><div class="layui-side layui-bg-black"><div class="layui-side-scroll"><ul class="layui-nav layui-nav-tree" lay-filter="test"><li class="layui-nav-item"><a href="#">搜索结果</a></li></ul></div></div><div class="layui-body"><!-- 内容主体区域 --><div style="padding: 15px;">请选择时间段：<input type="text" id="selectDateRange" class="layui-input"><br><br>请输入机构：<input type="text" id="inputOrganization" class="layui-input"><br><br><button class="layui-btn layui-btn-normal" id="searchBtn">搜索</button><button class="layui-btn layui-btn-primary" id="downloadBtn">下载结果</button></div></div></div><script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script><script>layui.use('laydate', function(){var laydate = layui.laydate;//执行一个laydate实例laydate.render({elem: '#selectDateRange', //指定元素type: 'date',range: true});});layui.use('jquery', function(){var $ = layui.jquery;$('#searchBtn').click(function(){// 进行搜索操作});$('#downloadBtn').click(function(){// 下载搜索结果});});</script></body></html><!DOCTYPE html><html><head><meta charset="utf-8"><title>用户查询</title><link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css"></head><body><div class="layui-layout layui-layout-admin"><div class="layui-header"><div class="layui-logo">用户查询</div></div><div class="layui-side layui-bg-black"><div class="layui-side-scroll"><ul class="layui-nav layui-nav-tree" lay-filter="test"><li class="layui-nav-item"><a href="#">添加用户</a></li><li class="layui-nav-item"><a href="#">编辑用户</a></li><li class="layui-nav-item"><a href="#">修改用户</a></li></ul></div></div><div class="layui-body"><!-- 内容主体区域 --><div style="padding: 15px;">用户信息：<input type="text" id="userInfo" class="layui-input"><br><br><button class="layui-btn layui-btn-normal" id="addBtn">添加</button><button class="layui-btn layui-btn-primary" id="editBtn">编辑</button><button class="layui-btn layui-btn-warm" id="modifyBtn">修改</button></div></div></div><script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script><script>layui.use('jquery', function(){var $ = layui.jquery;$('#addBtn').click(function(){// 添加用户操作});$('#editBtn').click(function(){// 编辑用户操作});$('#modifyBtn').click(function(){// 修改用户操作});});</script></body></html>
原文地址: https://www.cveoy.top/t/topic/qpwj 著作权归作者所有。请勿转载和采集!