2 years ago · d1c4694aa0
--- a/src/main/webapp/skin/default/views/app/content/comment.html
+++ b/src/main/webapp/skin/default/views/app/content/comment.html
@@ -0,0 +1,113 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 内容系统 - 评论管理</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-card">
			
 
				+      <div class="layui-form layui-card-header layuiadmin-card-header-auto">
			
 
				+        <div class="layui-form-item">
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">ID</label>
			
 
				+            <div class="layui-input-inline">
			
 
				+              <input type="text" name="cid" placeholder="请输入" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">评论者</label>
			
 
				+            <div class="layui-input-inline">
			
 
				+              <input type="text" name="username" placeholder="请输入" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">评论内容</label>
			
 
				+            <div class="layui-input-inline">
			
 
				+              <input type="text" name="content" placeholder="请输入" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <button class="layui-btn layuiadmin-btn-comm" data-type="reload" lay-submit lay-filter="LAY-app-contcomm-search">
			
 
				+              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			
 
				+            </button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-card-body">
			
 
				+        <div style="padding-bottom: 10px;">
			
 
				+          <button class="layui-btn layuiadmin-btn-comm" data-type="batchdel">删除</button>
			
 
				+        </div>
			
 
				+        <table id="LAY-app-content-comm" lay-filter="LAY-app-content-comm"></table>  
			
 
				+        <script type="text/html" id="table-content-com">
			
 
				+          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
			
 
				+          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
			
 
				+        </script>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'contlist', 'table'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,form = layui.form
			
 
				+    ,table = layui.table;
			
 
				+    
			
 
				+    
			
 
				+    //监听搜索
			
 
				+    form.on('submit(LAY-app-contcomm-search)', function(data){
			
 
				+      var field = data.field;
			
 
				+      
			
 
				+      //执行重载
			
 
				+      table.reload('LAY-app-content-comm', {
			
 
				+        where: field
			
 
				+      });
			
 
				+    });
			
 
				+    
			
 
				+    //点击事件
			
 
				+    var active = {
			
 
				+      batchdel: function(){
			
 
				+        var checkStatus = table.checkStatus('LAY-app-content-comm')
			
 
				+        ,checkData = checkStatus.data; //得到选中的数据
			
 
				+
			
 
				+        if(checkData.length === 0){
			
 
				+          return layer.msg('请选择数据');
			
 
				+        }
			
 
				+      
			
 
				+        layer.confirm('确定删除吗？', function(index) {
			
 
				+          
			
 
				+          //执行 Ajax 后重载
			
 
				+          /*
			
 
				+          admin.req({
			
 
				+            url: 'xxx'
			
 
				+            //,……
			
 
				+          });
			
 
				+          */
			
 
				+          table.reload('LAY-app-content-comm');
			
 
				+          layer.msg('已删除');
			
 
				+        });
			
 
				+      }
			
 
				+    }  
			
 
				+
			
 
				+    $('.layui-btn.layuiadmin-btn-comm').on('click', function(){
			
 
				+      var type = $(this).data('type');
			
 
				+      active[type] ? active[type].call(this) : '';
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
 
				+
			
--- a/src/main/webapp/skin/default/views/app/content/contform.html
+++ b/src/main/webapp/skin/default/views/app/content/contform.html
@@ -0,0 +1,44 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 评论管理 iframe 框</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-form" lay-filter="layuiadmin-form-comment" id="layuiadmin-form-comment" style="padding: 20px 30px 0 0;">
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">评论内容</label>
			
 
				+      <div class="layui-input-block">
			
 
				+        <textarea name="content" lay-verify="required" placeholder="" class="layui-textarea"></textarea>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item layui-hide">
			
 
				+      <label class="layui-form-label"></label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <input type="button" lay-submit lay-filter="layuiadmin-app-comm-submit" id="layuiadmin-app-comm-submit" value="确认" class="layui-btn">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'form'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,form = layui.form;
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/content/list.html
+++ b/src/main/webapp/skin/default/views/app/content/list.html
@@ -0,0 +1,147 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 内容系统 - 文章列表</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-card">
			
 
				+      <div class="layui-form layui-card-header layuiadmin-card-header-auto">
			
 
				+        <div class="layui-form-item">
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">文章ID</label>
			
 
				+            <div class="layui-input-inline">
			
 
				+              <input type="text" name="id" placeholder="" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">作者</label>
			
 
				+            <div class="layui-input-inline">
			
 
				+              <input type="text" name="author" placeholder="" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">标题</label>
			
 
				+            <div class="layui-input-inline">
			
 
				+              <input type="text" name="title" placeholder="" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">文章标签</label>
			
 
				+            <div class="layui-input-inline">
			
 
				+              <select name="label">
			
 
				+                <option value="">请选择标签</option>
			
 
				+                <option value="0">美食</option>
			
 
				+                <option value="1">新闻</option>
			
 
				+                <option value="2">八卦</option>
			
 
				+                <option value="3">体育</option>
			
 
				+                <option value="4">音乐</option>
			
 
				+              </select>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <button class="layui-btn layuiadmin-btn-list" lay-submit lay-filter="LAY-app-contlist-search">
			
 
				+              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			
 
				+            </button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="layui-card-body">
			
 
				+        <div style="padding-bottom: 10px;">
			
 
				+          <button class="layui-btn layuiadmin-btn-list" data-type="batchdel">删除</button>
			
 
				+          <button class="layui-btn layuiadmin-btn-list" data-type="add">添加</button>
			
 
				+        </div>
			
 
				+        <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table>
			
 
				+        <script type="text/html" id="buttonTpl">
			
 
				+          {{#  if(d.status){ }}
			
 
				+            <button class="layui-btn layui-btn-xs">已发布</button>
			
 
				+          {{#  } else { }}
			
 
				+            <button class="layui-btn layui-btn-primary layui-btn-xs">待修改</button>
			
 
				+          {{#  } }}
			
 
				+        </script>
			
 
				+        <script type="text/html" id="table-content-list">
			
 
				+          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
			
 
				+          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
			
 
				+        </script>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'contlist', 'table'], function(){
			
 
				+    var table = layui.table
			
 
				+    ,form = layui.form;
			
 
				+
			
 
				+    //监听搜索
			
 
				+    form.on('submit(LAY-app-contlist-search)', function(data){
			
 
				+      var field = data.field;
			
 
				+
			
 
				+      //执行重载
			
 
				+      table.reload('LAY-app-content-list', {
			
 
				+        where: field
			
 
				+      });
			
 
				+    });
			
 
				+
			
 
				+    var $ = layui.$, active = {
			
 
				+      batchdel: function(){
			
 
				+        var checkStatus = table.checkStatus('LAY-app-content-list')
			
 
				+        ,checkData = checkStatus.data; //得到选中的数据
			
 
				+
			
 
				+        if(checkData.length === 0){
			
 
				+          return layer.msg('请选择数据');
			
 
				+        }
			
 
				+
			
 
				+        layer.confirm('确定删除吗？', function(index) {
			
 
				+
			
 
				+          //执行 Ajax 后重载
			
 
				+          /*
			
 
				+          admin.req({
			
 
				+            url: 'xxx'
			
 
				+            //,……
			
 
				+          });
			
 
				+          */
			
 
				+          table.reload('LAY-app-content-list');
			
 
				+          layer.msg('已删除');
			
 
				+        });
			
 
				+      },
			
 
				+      add: function(){
			
 
				+        layer.open({
			
 
				+          type: 2
			
 
				+          ,title: '添加文章'
			
 
				+          ,content: 'listform.html'
			
 
				+          ,maxmin: true
			
 
				+          ,area: ['550px', '550px']
			
 
				+          ,btn: ['确定', '取消']
			
 
				+          ,yes: function(index, layero){
			
 
				+            //点击确认触发 iframe 内容中的按钮提交
			
 
				+            var submit = layero.find('iframe').contents().find("#layuiadmin-app-form-submit");
			
 
				+            submit.click();
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+    };
			
 
				+
			
 
				+    $('.layui-btn.layuiadmin-btn-list').on('click', function(){
			
 
				+      var type = $(this).data('type');
			
 
				+      active[type] ? active[type].call(this) : '';
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/content/listform.html
+++ b/src/main/webapp/skin/default/views/app/content/listform.html
@@ -0,0 +1,82 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 文章管理 iframe 框</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">文章标题</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <input type="text" name="title" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">发布人</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <input type="text" name="author" lay-verify="required" placeholder="请输入号码" autocomplete="off" class="layui-input">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">文章内容</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <textarea name="content" lay-verify="required" style="width: 400px; height: 150px;" autocomplete="off" class="layui-textarea"></textarea>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">标签</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <select name="label" lay-verify="required">
			
 
				+          <option value="">请选择标签</option>
			
 
				+          <option value="美食">美食</option>
			
 
				+          <option value="新闻">新闻</option>
			
 
				+          <option value="八卦">八卦</option>
			
 
				+          <option value="体育">体育</option>
			
 
				+          <option value="音乐">音乐</option>
			
 
				+        </select>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">发布状态</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <input type="checkbox" lay-verify="required" lay-filter="status" name="status" lay-skin="switch" lay-text="已发布|待修改">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item layui-hide">
			
 
				+      <input type="button" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="确认添加">
			
 
				+      <input type="button" lay-submit lay-filter="layuiadmin-app-form-edit" id="layuiadmin-app-form-edit" value="确认编辑">
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'form'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,form = layui.form;
			
 
				+    
			
 
				+    //监听提交
			
 
				+    form.on('submit(layuiadmin-app-form-submit)', function(data){
			
 
				+      var field = data.field; //获取提交的字段
			
 
				+      var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引  
			
 
				+
			
 
				+      //提交 Ajax 成功后，关闭当前弹层并重载表格
			
 
				+      //$.ajax({});
			
 
				+      parent.layui.table.reload('LAY-app-content-list'); //重载表格
			
 
				+      parent.layer.close(index); //再执行关闭 
			
 
				+    });
			
 
				+  })
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/content/tags.html
+++ b/src/main/webapp/skin/default/views/app/content/tags.html
@@ -0,0 +1,66 @@
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 内容系统-分类管理</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-card">
			
 
				+      <div class="layui-card-header layuiadmin-card-header-auto">
			
 
				+        <button class="layui-btn layuiadmin-btn-tags" data-type="add">添加</button>
			
 
				+      </div>
			
 
				+      <div class="layui-card-body">    
			
 
				+        <table id="LAY-app-content-tags" lay-filter="LAY-app-content-tags"></table>  
			
 
				+        <script type="text/html" id="layuiadmin-app-cont-tagsbar">
			
 
				+          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
			
 
				+          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
			
 
				+        </script>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'contlist', 'table'], function(){
			
 
				+
			
 
				+    var table = layui.table;
			
 
				+    var $ = layui.$, active = {
			
 
				+      add: function(){
			
 
				+        layer.open({
			
 
				+          type: 2
			
 
				+          ,title: '添加分类'
			
 
				+          ,content: 'tagsform.html'
			
 
				+          ,area: ['450px', '200px']
			
 
				+          ,btn: ['确定', '取消']
			
 
				+          ,yes: function(index, layero){
			
 
				+            var othis = layero.find('iframe').contents().find("#layuiadmin-app-form-tags")
			
 
				+            ,tags = othis.find('input[name="tags"]').val();
			
 
				+            
			
 
				+            if(!tags.replace(/\s/g, '')) return;
			
 
				+            
			
 
				+            table.reload('LAY-app-content-tags');
			
 
				+            layer.close(index);
			
 
				+          }
			
 
				+        }); 
			
 
				+      }
			
 
				+    }  
			
 
				+    $('.layui-btn.layuiadmin-btn-tags').on('click', function(){
			
 
				+      var type = $(this).data('type');
			
 
				+      active[type] ? active[type].call(this) : '';
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/content/tagsform.html
+++ b/src/main/webapp/skin/default/views/app/content/tagsform.html
@@ -0,0 +1,38 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 分类管理 iframe 框</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-form" lay-filter="layuiadmin-form-tags" id="layuiadmin-app-form-tags" style="padding-top: 30px; text-align: center;">
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">分类名</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <input type="text" name="tags" lay-verify="required" placeholder="请输入..." autocomplete="off" class="layui-input">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'form'], function(){
			
 
				+    var $ = layui.$ 
			
 
				+    ,form = layui.form ;
			
 
				+  })
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/forum/list.html
+++ b/src/main/webapp/skin/default/views/app/forum/list.html
@@ -0,0 +1,132 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 社区系统-帖子列表</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-card">
			
 
				+      <div class="layui-form layui-card-header layuiadmin-card-header-auto">
			
 
				+        <div class="layui-form-item">
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">ID</label>
			
 
				+            <div class="layui-input-block">
			
 
				+              <input type="text" name="id" placeholder="请输入" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">发帖人</label>
			
 
				+            <div class="layui-input-block">
			
 
				+              <input type="text" name="poster" placeholder="请输入" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">发帖内容</label>
			
 
				+            <div class="layui-input-block">
			
 
				+              <input type="text" name="content" placeholder="请输入" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">帖子状态</label>
			
 
				+            <div class="layui-input-block">
			
 
				+              <select name="top">
			
 
				+                <option value="0">正常</option>
			
 
				+                <option value="1">置顶</option>
			
 
				+                <option value="2">封禁</option>
			
 
				+              </select>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <button class="layui-btn layuiadmin-btn-forum-list" lay-submit lay-filter="LAY-app-forumlist-search">
			
 
				+              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			
 
				+            </button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-card-body">
			
 
				+        <div style="padding-bottom: 10px;">
			
 
				+          <button class="layui-btn layuiadmin-btn-forum-list" data-type="batchdel">删除</button>
			
 
				+        </div>
			
 
				+        <table id="LAY-app-forum-list" lay-filter="LAY-app-forum-list"></table> 
			
 
				+        <script type="text/html" id="imgTpl">
			
 
				+          <img style="display: inline-block; width: 50%; height: 100%;" src= {{ d.avatar }}>
			
 
				+        </script> 
			
 
				+        <script type="text/html" id="buttonTpl">
			
 
				+          {{#  if(d.top == true){ }}
			
 
				+            <button class="layui-btn layui-btn-xs">已置顶</button>
			
 
				+          {{#  } else { }}
			
 
				+            <button class="layui-btn layui-btn-primary layui-btn-xs">正常显示</button>
			
 
				+          {{#  } }}
			
 
				+        </script> 
			
 
				+        <script type="text/html" id="table-forum-list">
			
 
				+          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
			
 
				+          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
			
 
				+        </script>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'forum', 'table'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,form = layui.form
			
 
				+    ,table = layui.table;
			
 
				+    
			
 
				+    //监听搜索
			
 
				+    form.on('submit(LAY-app-forumlist-search)', function(data){
			
 
				+      var field = data.field;
			
 
				+      
			
 
				+      //执行重载
			
 
				+      table.reload('LAY-app-forum-list', {
			
 
				+        where: field
			
 
				+      });
			
 
				+    });
			
 
				+    
			
 
				+    //事件
			
 
				+    var active = {
			
 
				+      batchdel: function(){
			
 
				+        var checkStatus = table.checkStatus('LAY-app-forum-list')
			
 
				+        ,checkData = checkStatus.data; //得到选中的数据
			
 
				+
			
 
				+        if(checkData.length === 0){
			
 
				+          return layer.msg('请选择数据');
			
 
				+        }
			
 
				+      
			
 
				+        layer.confirm('确定删除吗？', function(index) {
			
 
				+          
			
 
				+          //执行 Ajax 后重载
			
 
				+          /*
			
 
				+          admin.req({
			
 
				+            url: 'xxx'
			
 
				+            //,……
			
 
				+          });
			
 
				+          */
			
 
				+          table.reload('LAY-app-forum-list');
			
 
				+          layer.msg('已删除');
			
 
				+        });
			
 
				+      }
			
 
				+    }  
			
 
				+    
			
 
				+    $('.layui-btn.layuiadmin-btn-forum-list').on('click', function(){
			
 
				+      var type = $(this).data('type');
			
 
				+      active[type] ? active[type].call(this) : '';
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/forum/listform.html
+++ b/src/main/webapp/skin/default/views/app/forum/listform.html
@@ -0,0 +1,71 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 帖子管理 iframe 框</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-form" lay-filter="layuiadmin-form-list" id="layuiadmin-form-list" style="padding: 20px 30px 0 0;">
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">用户名</label>
			
 
				+      <div class="layui-input-block">
			
 
				+        <input type="text" name="poster" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">发帖内容</label>
			
 
				+      <div class="layui-input-block">
			
 
				+        <textarea name="content" lay-verify="required" autocomplete="off" class="layui-textarea"></textarea>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">置顶</label>
			
 
				+      <div class="layui-input-block">
			
 
				+        <input type="checkbox" lay-filter="switch" lay-verify="required" name="switch" lay-skin="switch" lay-text="ON|OFF">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">头像</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <input type="text" name="avatar" placeholder="请上传图片" autocomplete="off" class="layui-input" >
			
 
				+      </div>
			
 
				+      <button style="float: left;" type="button" class="layui-btn" id="layuiadmin-upload-list">上传图片</button> 
			
 
				+    </div>
			
 
				+    <div class="layui-form-item layui-hide">
			
 
				+      <input type="button" lay-submit lay-filter="LAY-app-forum-submit" id="LAY-app-forum-submit" value="确认">
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'form', 'upload'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,form = layui.form
			
 
				+    ,upload = layui.upload;
			
 
				+
			
 
				+    upload.render({
			
 
				+      elem: '#layuiadmin-upload-list'
			
 
				+      ,url: layui.setter.base + 'json/upload/demo.js'
			
 
				+      ,accept: 'images'
			
 
				+      ,method: 'get'
			
 
				+      ,acceptMime: 'image/*'
			
 
				+      ,done: function(res){
			
 
				+        $(this.item).prev("div").children("input").val(res.data.src)
			
 
				+      }
			
 
				+    });
			
 
				+  })
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/forum/replys.html
+++ b/src/main/webapp/skin/default/views/app/forum/replys.html
@@ -0,0 +1,107 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 社区系统-回帖列表</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-card">
			
 
				+      <div class="layui-form layui-card-header layuiadmin-card-header-auto">
			
 
				+        <div class="layui-form-item">
			
 
				+          <div class="layui-inline layuiadmin-input-useradmin">
			
 
				+            <label class="layui-form-label">回帖人</label>
			
 
				+            <div class="layui-input-block">
			
 
				+              <input type="text" name="replyer" placeholder="请输入" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">回帖内容</label>
			
 
				+            <div class="layui-input-block">
			
 
				+              <input type="text" name="content" placeholder="请输入" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <button class="layui-btn layuiadmin-btn-replys" data-type="reload" lay-submit lay-filter="LAY-app-forumreply-search">
			
 
				+              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			
 
				+            </button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-card-body">
			
 
				+        <div style="padding-bottom: 10px;">
			
 
				+          <button class="layui-btn layuiadmin-btn-replys" data-type="batchdel">删除</button>
			
 
				+        </div>
			
 
				+        <table id="LAY-app-forumreply-list" lay-filter="LAY-app-forumreply-list"></table> 
			
 
				+        <script type="text/html" id="imgTpl">
			
 
				+          <img style="display: inline-block; width: 50%; height: 100%;" src= {{ d.avatar }}>
			
 
				+        </script>  
			
 
				+        <script type="text/html" id="table-forum-replys">
			
 
				+          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
			
 
				+          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
			
 
				+        </script>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'forum', 'table'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,form = layui.form
			
 
				+    ,table = layui.table;
			
 
				+    
			
 
				+    //监听搜索
			
 
				+    form.on('submit(LAY-app-forumreply-search)', function(data){
			
 
				+      var field = data.field;
			
 
				+      
			
 
				+      //执行重载
			
 
				+      table.reload('LAY-app-forumreply-list', {
			
 
				+        where: field
			
 
				+      });
			
 
				+    });
			
 
				+    
			
 
				+    var active = {
			
 
				+      batchdel: function(){
			
 
				+        var checkStatus = table.checkStatus('LAY-app-forumreply-list')
			
 
				+        ,checkData = checkStatus.data; //得到选中的数据
			
 
				+
			
 
				+        if(checkData.length === 0){
			
 
				+          return layer.msg('请选择数据');
			
 
				+        }
			
 
				+      
			
 
				+        layer.confirm('确定删除吗？', function(index) {
			
 
				+          
			
 
				+          //执行 Ajax 后重载
			
 
				+          /*
			
 
				+          admin.req({
			
 
				+            url: 'xxx'
			
 
				+            //,……
			
 
				+          });
			
 
				+          */
			
 
				+          table.reload('LAY-app-forumreply-list');
			
 
				+          layer.msg('已删除');
			
 
				+        });
			
 
				+      }
			
 
				+    }
			
 
				+    
			
 
				+    $('.layui-btn.layuiadmin-btn-replys').on('click', function(){
			
 
				+      var type = $(this).data('type');
			
 
				+      active[type] ? active[type].call(this) : '';
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/forum/replysform.html
+++ b/src/main/webapp/skin/default/views/app/forum/replysform.html
@@ -0,0 +1,49 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 回帖管理 iframe 框</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-form" lay-filter="layuiadmin-form-replys" id="layuiadmin-form-replys" style="padding: 20px 30px 0 0;">
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">回帖内容</label>
			
 
				+      <div class="layui-input-block">
			
 
				+        <textarea name="content" lay-verify="required" autocomplete="off" class="layui-textarea" style="height: 200px;"></textarea>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'form', 'upload'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,form = layui.form
			
 
				+    ,upload = layui.upload;
			
 
				+
			
 
				+    upload.render({
			
 
				+      elem: '#layuiadmin-upload-replys'
			
 
				+      ,url: layui.setter.base + 'json/upload/demo.js'
			
 
				+      ,accept: 'images'
			
 
				+      ,method: 'get'
			
 
				+      ,acceptMime: 'image/*'
			
 
				+      ,done: function(res){
			
 
				+        $(this.item).prev("div").children("input").val(res.data.src)
			
 
				+      }
			
 
				+    });
			
 
				+  })
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/mall/category.html
+++ b/src/main/webapp/skin/default/views/app/mall/category.html
@@ -0,0 +1,30 @@
 
				+
			
 
				+<title>分类管理</title>
			
 
				+
			
 
				+<div class="layui-card layadmin-header">
			
 
				+  <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+    <a lay-href="">主页</a>
			
 
				+    <a><cite>商城系统</cite></a>
			
 
				+    <a><cite>分类管理</cite></a>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<style>
			
 
				+/* 这段样式只是用于演示 */
			
 
				+.layadmin-trailer{position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 15px; display: flex; justify-content: center; flex-direction: column; text-align: center; box-sizing: border-box; font-size: 20px; font-weight: 300; color: #ccc;}
			
 
				+</style>
			
 
				+
			
 
				+<div class="layadmin-trailer">
			
 
				+  即将开放
			
 
				+</div>
			
 
				+
			
 
				+<script>
			
 
				+layui.use(['admin'], function(){
			
 
				+  var $ = layui.$
			
 
				+  ,admin = layui.admin
			
 
				+  ,element = layui.element
			
 
				+  ,router = layui.router();
			
 
				+
			
 
				+  
			
 
				+});
			
 
				+</script>
			
--- a/src/main/webapp/skin/default/views/app/mall/list.html
+++ b/src/main/webapp/skin/default/views/app/mall/list.html
@@ -0,0 +1,32 @@
 
				+
			
 
				+<title>商品列表</title>
			
 
				+
			
 
				+<div class="layui-card layadmin-header">
			
 
				+  <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+    <a lay-href="">主页</a>
			
 
				+    <a><cite>商城系统</cite></a>
			
 
				+    <a><cite>商品列表</cite></a>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<style>
			
 
				+/* 这段样式只是用于演示 */
			
 
				+.layadmin-trailer{position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 15px; display: flex; justify-content: center; flex-direction: column; text-align: center; box-sizing: border-box; font-size: 20px; font-weight: 300; color: #ccc;}
			
 
				+</style>
			
 
				+
			
 
				+<div class="layadmin-trailer">
			
 
				+  即将开放
			
 
				+</div>
			
 
				+
			
 
				+<script>
			
 
				+layui.use(['admin'], function(){
			
 
				+  var $ = layui.$
			
 
				+  ,admin = layui.admin
			
 
				+  ,element = layui.element
			
 
				+  ,router = layui.router();
			
 
				+
			
 
				+  element.render();
			
 
				+  
			
 
				+  
			
 
				+});
			
 
				+</script>
			
--- a/src/main/webapp/skin/default/views/app/mall/specs.html
+++ b/src/main/webapp/skin/default/views/app/mall/specs.html
@@ -0,0 +1,32 @@
 
				+
			
 
				+<title>规格管理</title>
			
 
				+
			
 
				+<div class="layui-card layadmin-header">
			
 
				+  <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+    <a lay-href="">主页</a>
			
 
				+    <a><cite>商城系统</cite></a>
			
 
				+    <a><cite>规格管理</cite></a>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<style>
			
 
				+/* 这段样式只是用于演示 */
			
 
				+.layadmin-trailer{position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 15px; display: flex; justify-content: center; flex-direction: column; text-align: center; box-sizing: border-box; font-size: 20px; font-weight: 300; color: #ccc;}
			
 
				+</style>
			
 
				+
			
 
				+<div class="layadmin-trailer">
			
 
				+  即将开放
			
 
				+</div>
			
 
				+
			
 
				+<script>
			
 
				+layui.use(['admin'], function(){
			
 
				+  var $ = layui.$
			
 
				+  ,admin = layui.admin
			
 
				+  ,element = layui.element
			
 
				+  ,router = layui.router();
			
 
				+
			
 
				+  element.render();
			
 
				+  
			
 
				+  
			
 
				+});
			
 
				+</script>
			
--- a/src/main/webapp/skin/default/views/app/message/detail.html
+++ b/src/main/webapp/skin/default/views/app/message/detail.html
@@ -0,0 +1,54 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-app-message-detail">
			
 
				+    <div class="layui-card layuiAdmin-msg-detail">
			
 
				+      <script type="text/html" template lay-url="{{ layui.setter.base }}json/message/detail.js?id={{ layui.router().search.id }}">
			
 
				+        <div class="layui-card-header">
			
 
				+          <h1>{{ d.data.title }}</h1>
			
 
				+          <p>
			
 
				+            <span>{{ layui.util.timeAgo(d.data.time) }}</span>
			
 
				+          </p>
			
 
				+        </div>
			
 
				+        <div class="layui-card-body layui-text">
			
 
				+          <div class="layadmin-text">
			
 
				+            {{ d.data.content }}
			
 
				+            <blockquote class="layui-elem-quote">
			
 
				+              注：这里读取的是静态的模拟接口，实际应用时，您可以在该页面源代码中，修改成以下任意一种方式
			
 
				+              <ul>
			
 
				+                <li>将 <em>lay-url=""</em> 改成你的真实接口，系统会自动识别该动态模板，直接前端渲染。</li>
			
 
				+                <li>剔除 script 动态模板标签，改成服务端渲染。</li>
			
 
				+              </ul>
			
 
				+            </blockquote>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div style="padding-top: 30px;">
			
 
				+            <a href="javascript:;" layadmin-event="back" class="layui-btn layui-btn-primary layui-btn-sm">返回上级</a>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </script>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+<script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/message/index.html
+++ b/src/main/webapp/skin/default/views/app/message/index.html
@@ -0,0 +1,69 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-app-message">
			
 
				+    <div class="layui-card">
			
 
				+      <div class="layui-tab layui-tab-brief">
			
 
				+        <ul class="layui-tab-title">
			
 
				+          <li class="layui-this">全部消息</li>
			
 
				+          <li>通知<span class="layui-badge">6</span></li>
			
 
				+          <li>私信</li>
			
 
				+        </ul>
			
 
				+        <div class="layui-tab-content">
			
 
				+        
			
 
				+          <div class="layui-tab-item layui-show">
			
 
				+            <div class="LAY-app-message-btns" style="margin-bottom: 10px;">
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="all" data-events="del">删除</button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="all" data-events="ready">标记已读</button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="all" data-events="readyAll">全部已读</button>
			
 
				+            </div>
			
 
				+            
			
 
				+            <table id="LAY-app-message-all" lay-filter="LAY-app-message-all"></table>
			
 
				+          </div>
			
 
				+          <div class="layui-tab-item">
			
 
				+          
			
 
				+            <div class="LAY-app-message-btns" style="margin-bottom: 10px;">
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="notice" data-events="del">删除</button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="notice" data-events="ready">标记已读</button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="notice" data-events="readyAll">全部已读</button>
			
 
				+            </div>
			
 
				+            
			
 
				+            <table id="LAY-app-message-notice" lay-filter="LAY-app-message-notice"></table>
			
 
				+          </div>
			
 
				+          <div class="layui-tab-item">
			
 
				+          
			
 
				+            <div class="LAY-app-message-btns" style="margin-bottom: 10px;">
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="direct" data-events="del">删除</button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="direct" data-events="ready">标记已读</button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="direct" data-events="readyAll">全部已读</button>
			
 
				+            </div>
			
 
				+            
			
 
				+            <table id="LAY-app-message-direct" lay-filter="LAY-app-message-direct"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'message']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/workorder/list.html
+++ b/src/main/webapp/skin/default/views/app/workorder/list.html
@@ -0,0 +1,97 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 工单系统</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-card">
			
 
				+      <div class="layui-form layui-card-header layuiadmin-card-header-auto">
			
 
				+        <div class="layui-form-item">
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">工单号</label>
			
 
				+            <div class="layui-input-block">
			
 
				+              <input type="text" name="orderid" placeholder="" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">工单标题</label>
			
 
				+            <div class="layui-input-block">
			
 
				+              <input type="text" name="title" placeholder="" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">业务性质</label>
			
 
				+            <div class="layui-input-block">
			
 
				+              <input type="text" name="attr" placeholder="" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <label class="layui-form-label">受理人</label>
			
 
				+            <div class="layui-input-block">
			
 
				+              <input type="text" name="accept" placeholder="" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-inline">
			
 
				+            <button class="layui-btn layuiadmin-btn-order" lay-submit lay-filter="LAY-app-order-search">
			
 
				+              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			
 
				+            </button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-card-body">
			
 
				+        <table id="LAY-app-system-order" lay-filter="LAY-app-system-order"></table>
			
 
				+        <script type="text/html" id="progressTpl">
			
 
				+          <div class="layui-progress layuiadmin-order-progress" lay-filter="progress-"+ {{ d.orderid }} +"">
			
 
				+            <div class="layui-progress-bar layui-bg-blue" lay-percent= {{ d.progress }}></div>
			
 
				+          </div>
			
 
				+        </script>
			
 
				+        <script type="text/html" id="buttonTpl">
			
 
				+          {{#  if(d.state == '已处理'){ }}
			
 
				+            <button class="layui-btn layui-btn-normal layui-btn-xs">已处理</button>
			
 
				+          {{#  } else if(d.state == '未分配'){ }}
			
 
				+            <button class="layui-btn layui-btn-primary layui-btn-xs">未分配</button>
			
 
				+          {{#  } else{ }}
			
 
				+            <button class="layui-btn layui-btn-warm layui-btn-xs">处理中</button>
			
 
				+          {{#  } }}
			
 
				+        </script>
			
 
				+        <script type="text/html" id="table-system-order">
			
 
				+          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
			
 
				+        </script>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'workorder', 'table'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,form = layui.form
			
 
				+    ,table = layui.table;
			
 
				+
			
 
				+    //监听搜索
			
 
				+    form.on('submit(LAY-app-order-search)', function(data){
			
 
				+      var field = data.field;
			
 
				+
			
 
				+      //执行重载
			
 
				+      table.reload('LAY-app-system-order', {
			
 
				+        where: field
			
 
				+      });
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/workorder/listform.html
+++ b/src/main/webapp/skin/default/views/app/workorder/listform.html
@@ -0,0 +1,75 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layuiAdmin 工单管理 iframe 框</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-form" lay-filter="layuiadmin-form-order" id="layuiadmin-form-order" style="padding: 20px 30px 0 0;">
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">业务性质</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <input type="text" name="attr" lay-verify="required" placeholder="请输入业务性质" autocomplete="off" class="layui-input">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">工单标题</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <input type="text" name="title" lay-verify="required" placeholder="工单标题..." autocomplete="off" class="layui-input">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">工单进度</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <input type="text" name="progress" lay-verify="required" placeholder="工单进度..." autocomplete="off" class="layui-input">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">工单状态</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <select name="state">
			
 
				+          <option value="未分配">未分配</option>
			
 
				+          <option value="处理中">处理中</option>
			
 
				+          <option value="已处理">已处理</option>
			
 
				+        </select>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item">
			
 
				+      <label class="layui-form-label">受理人员</label>
			
 
				+      <div class="layui-input-inline">
			
 
				+        <select name="accept">
			
 
				+          <option value="">请选择受理人员</option>
			
 
				+          <option value="员工-1">员工-1</option>
			
 
				+          <option value="员工-2">员工-2</option>
			
 
				+          <option value="员工-3">员工-3</option>
			
 
				+          <option value="员工-4">员工-4</option>
			
 
				+          <option value="员工-5">员工-5</option>
			
 
				+        </select>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-form-item layui-hide">
			
 
				+      <input type="button" lay-submit lay-filter="LAY-app-workorder-submit" id="LAY-app-workorder-submit" value="确认">
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'form'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,form = layui.form;
			
 
				+    
			
 
				+  })
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/app/说明.txt
+++ b/src/main/webapp/skin/default/views/app/说明.txt
@@ -0,0 +1,2 @@
 
				+
			
 
				+该目录存放【应用】的视图文件
			
--- a/src/main/webapp/skin/default/views/component/anim/index.html
+++ b/src/main/webapp/skin/default/views/component/anim/index.html
@@ -0,0 +1,127 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>动画</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #component-anim .layui-card-body{padding: 15px;}
			
 
				+
			
 
				+  #component-anim .component-anim-demo{margin-bottom: 50px; font-size: 0;}
			
 
				+  #component-anim .component-anim-demo li{display: inline-block; vertical-align: middle; width: 127px; line-height: 25px; padding: 20px 0; margin-right: -1px; margin-bottom: -1px; border: 1px solid #e2e2e2; font-size: 14px; text-align: center; color: #666; transition: all .3s; -webkit-transition: all .3s;}
			
 
				+  #component-anim .component-anim-demo li .layui-icon{display: inline-block; font-size: 36px;}
			
 
				+
			
 
				+  #component-anim .component-anim-demo li .fontclass{display: none;}
			
 
				+  #component-anim .component-anim-demo li .name{color: #c2c2c2;}
			
 
				+  #component-anim .component-anim-demo li:hover{background-color: #f2f2f2; color: #000;}
			
 
				+
			
 
				+  #component-anim .component-anim-demo li{width: 222px;}
			
 
				+  #component-anim .component-anim-demo .layui-anim{width: 150px; height: 150px; line-height: 150px; margin: 0 auto 10px; text-align: center; background-color: #009688; cursor: pointer; color: #fff; border-radius: 50%;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="component-anim">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">点击演示动画</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <ul class="component-anim-demo">
			
 
				+              <li>
			
 
				+                <div class="layui-anim" data-anim="layui-anim-up">从最底部往上滑入</div>
			
 
				+                <div class="code">layui-anim-up</div>
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                <div class="layui-anim" data-anim="layui-anim-upbit">微微往上滑入</div>
			
 
				+                <div class="code">layui-anim-upbit</div>
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                <div class="layui-anim" data-anim="layui-anim-scale">平滑放大</div>
			
 
				+                <div class="code">layui-anim-scale</div>
			
 
				+              </li>
			
 
				+               <li>
			
 
				+                <div class="layui-anim" data-anim="layui-anim-scaleSpring">弹簧式放大</div>
			
 
				+                <div class="code">layui-anim-scaleSpring</div>
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+            <ul class="component-anim-demo">
			
 
				+              <li>
			
 
				+                <div class="layui-anim" data-anim="layui-anim-fadein">渐现</div>
			
 
				+                <div class="code">layui-anim-fadein</div>
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                <div class="layui-anim" data-anim="layui-anim-fadeout">渐隐</div>
			
 
				+                <div class="code">layui-anim-fadeout</div>
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                <div class="layui-anim" data-anim="layui-anim-rotate">360度旋转</div>
			
 
				+                <div class="code">layui-anim-rotate</div>
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                <div class="layui-anim" data-anim="layui-anim-rotate layui-anim-loop">循环动画</div>
			
 
				+                <div class="code">追加：layui-anim-loop</div>
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,admin = layui.admin
			
 
				+    ,element = layui.element
			
 
				+    ,router = layui.router();
			
 
				+
			
 
				+    /* 演示动画 */
			
 
				+    $('#component-anim .component-anim-demo .layui-anim').on('click', function(){
			
 
				+      var othis = $(this), anim = othis.data('anim');
			
 
				+   
			
 
				+      /* 停止循环 */
			
 
				+      if(othis.hasClass('layui-anim-loop')){
			
 
				+        return othis.removeClass(anim);
			
 
				+      }
			
 
				+      
			
 
				+      othis.removeClass(anim);
			
 
				+      
			
 
				+      setTimeout(function(){
			
 
				+        othis.addClass(anim);
			
 
				+      });
			
 
				+      
			
 
				+      /* 恢复渐隐 */
			
 
				+      if(anim === 'layui-anim-fadeout'){
			
 
				+        setTimeout(function(){
			
 
				+          othis.removeClass(anim);
			
 
				+        }, 1300);
			
 
				+      }
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/auxiliar/index.html
+++ b/src/main/webapp/skin/default/views/component/auxiliar/index.html
@@ -0,0 +1,116 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>辅助</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">引用区块</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <blockquote class="layui-elem-quote">这个貌似不用多介绍，因为你已经在太多的地方都看到</blockquote>
			
 
				+            
			
 
				+            <blockquote class="layui-elem-quote layui-quote-nm">
			
 
				+              猿强，则国强。国强，则猿更强！ 
			
 
				+              <br>——孟子（好囖。。其实这特喵的是我说的）
			
 
				+            </blockquote>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">字段集区块</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <fieldset class="layui-elem-field">
			
 
				+              <legend>爱好</legend>
			
 
				+              <div class="layui-field-box">
			
 
				+                你可以在这里放任何内容，比如表单神马的
			
 
				+              </div>
			
 
				+            </fieldset>
			
 
				+            
			
 
				+            <br>
			
 
				+            
			
 
				+            <fieldset class="layui-elem-field layui-field-title">
			
 
				+              <legend>带标题的横线</legend>
			
 
				+            </fieldset>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">分割线</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            默认分割线
			
 
				+            <hr>
			
 
				+             
			
 
				+            赤色分割线
			
 
				+            <hr class="layui-bg-red">
			
 
				+             
			
 
				+            橙色分割线
			
 
				+            <hr class="layui-bg-orange">
			
 
				+             
			
 
				+            墨绿分割线
			
 
				+            <hr class="layui-bg-green">
			
 
				+             
			
 
				+            青色分割线
			
 
				+            <hr class="layui-bg-cyan">
			
 
				+             
			
 
				+            蓝色分割线
			
 
				+            <hr class="layui-bg-blue">
			
 
				+             
			
 
				+            黑色分割线
			
 
				+            <hr class="layui-bg-black">
			
 
				+             
			
 
				+            灰色分割线
			
 
				+            <hr class="layui-bg-gray">
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">纯圆角</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-inline">
			
 
				+              <img src="http://cdn.layui.com/avatar/168.jpg?t=1490352249902" class="layui-circle">
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/badge/index.html
+++ b/src/main/webapp/skin/default/views/component/badge/index.html
@@ -0,0 +1,103 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">小徽章大家族</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <br>小圆点：
			
 
				+            
			
 
				+            <span class="layui-badge-dot"></span>
			
 
				+            <span class="layui-badge-dot layui-bg-orange"></span>
			
 
				+            <span class="layui-badge-dot layui-bg-green"></span>
			
 
				+            <span class="layui-badge-dot layui-bg-cyan"></span>
			
 
				+            <span class="layui-badge-dot layui-bg-blue"></span>
			
 
				+            <span class="layui-badge-dot layui-bg-black"></span>
			
 
				+            <span class="layui-badge-dot layui-bg-gray"></span>
			
 
				+            
			
 
				+            <br><br>常规弧形徽章：
			
 
				+            
			
 
				+            <span class="layui-badge">6</span>
			
 
				+            <span class="layui-badge">99</span>
			
 
				+            <span class="layui-badge">61728</span>
			
 
				+            <span class="layui-badge">赤</span>
			
 
				+            <span class="layui-badge layui-bg-orange">橙</span>
			
 
				+            <span class="layui-badge layui-bg-green">绿</span>
			
 
				+            <span class="layui-badge layui-bg-cyan">青</span>
			
 
				+            <span class="layui-badge layui-bg-blue">蓝</span>
			
 
				+            <span class="layui-badge layui-bg-black">黑</span>
			
 
				+            <span class="layui-badge layui-bg-gray">灰</span>
			
 
				+            
			
 
				+            <br><br>边框徽章：
			
 
				+            
			
 
				+            <span class="layui-badge-rim">6</span>
			
 
				+            <span class="layui-badge-rim">Hot</span>
			
 
				+            
			
 
				+            <br><br>
			
 
				+          
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">与其它元素的搭配</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <br>
			
 
				+            
			
 
				+            <button class="layui-btn">查看消息<span class="layui-badge layui-bg-gray">1</span></button>
			
 
				+            <button class="layui-btn">动态<span class="layui-badge-dot layui-bg-orange"></span></button>
			
 
				+             
			
 
				+            <br><br>
			
 
				+             
			
 
				+            <ul class="layui-nav style=" text-align:="" right;"=""> &lt;-- 小Tips：这里有没有发现，设置导航靠右对齐（或居中对齐）其实非常简单 --&gt;
			
 
				+              <li class="layui-nav-item">
			
 
				+                <a href="">控制台<span class="layui-badge">9</span></a>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item">
			
 
				+                <a href="">个人中心<span class="layui-badge-dot"></span></a>
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+            <br>
			
 
				+             
			
 
				+            <div class="layui-tab layui-tab-brief">
			
 
				+              <ul class="layui-tab-title">
			
 
				+                <li class="layui-this">网站设置</li>
			
 
				+                <li>用户管理<span class="layui-badge-dot"></span></li>
			
 
				+                <li>最新邮件<span class="layui-badge">99+</span></li>
			
 
				+              </ul>
			
 
				+              <div class="layui-tab-content"></div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/button/index.html
+++ b/src/main/webapp/skin/default/views/component/button/index.html
@@ -0,0 +1,185 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">按钮主题</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-btn-container">
			
 
				+              <button class="layui-btn layui-btn-primary">原始按钮</button>
			
 
				+              <button class="layui-btn">默认按钮</button>
			
 
				+              <button class="layui-btn layui-btn-normal">百搭按钮</button>
			
 
				+              <button class="layui-btn layui-btn-warm">暖色按钮</button>
			
 
				+              <button class="layui-btn layui-btn-danger">警告按钮</button>
			
 
				+              <button class="layui-btn layui-btn-disabled">禁用按钮</button>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">按钮尺寸</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-btn-container">
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-lg">大型按钮</button>
			
 
				+              <button class="layui-btn layui-btn-primary">默认按钮</button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm">小型按钮</button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-xs">迷你按钮</button>
			
 
				+              
			
 
				+              <br>
			
 
				+              
			
 
				+              <button class="layui-btn layui-btn-lg">大型按钮</button>
			
 
				+              <button class="layui-btn">默认按钮</button>
			
 
				+              <button class="layui-btn layui-btn-sm">小型按钮</button>
			
 
				+              <button class="layui-btn layui-btn-xs">迷你按钮</button>
			
 
				+              
			
 
				+              <br>
			
 
				+              
			
 
				+              <button class="layui-btn layui-btn-lg layui-btn-normal">大型按钮</button>
			
 
				+              <button class="layui-btn layui-btn-normal">默认按钮</button>
			
 
				+              <button class="layui-btn layui-btn-sm layui-btn-normal">小型按钮</button>
			
 
				+              <button class="layui-btn layui-btn-xs layui-btn-normal">迷你按钮</button>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">按钮图标</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-btn-container">
			
 
				+              <button class="layui-btn"><i class="layui-icon">&#xe600;</i></button>
			
 
				+              <button class="layui-btn"><i class="layui-icon">&#xe603;</i></button>
			
 
				+              <button class="layui-btn"><i class="layui-icon">&#xe602;</i></button>
			
 
				+              <button class="layui-btn"><i class="layui-icon">&#xe642;</i></button>
			
 
				+              <button class="layui-btn"><i class="layui-icon">&#xe640;</i></button>
			
 
				+              <button class="layui-btn"><i class="layui-icon">&#xe641;</i></button>
			
 
				+              
			
 
				+              <br>
			
 
				+              
			
 
				+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe600;</i></button>
			
 
				+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe603;</i></button>
			
 
				+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe602;</i></button>
			
 
				+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe642;</i></button>
			
 
				+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe640;</i></button>
			
 
				+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe641;</i></button>
			
 
				+              
			
 
				+              <br>
			
 
				+              
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe600;</i></button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe603;</i></button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe602;</i></button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe642;</i></button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe641;</i></button>
			
 
				+              
			
 
				+              <br>
			
 
				+              
			
 
				+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe600;</i></button>
			
 
				+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe603;</i></button>
			
 
				+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe602;</i></button>
			
 
				+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe642;</i></button>
			
 
				+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
			
 
				+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe641;</i></button>
			
 
				+              
			
 
				+              <br>
			
 
				+                
			
 
				+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe600;</i></button>
			
 
				+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe603;</i></button>
			
 
				+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe602;</i></button>
			
 
				+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe642;</i></button>
			
 
				+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
			
 
				+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe641;</i></button>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">按钮圆角</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-btn-container">
			
 
				+              <button class="layui-btn layui-btn-primary layui-btn-radius">原始按钮</button>
			
 
				+              <button class="layui-btn layui-btn-radius">默认按钮</button>
			
 
				+              <button class="layui-btn layui-btn-normal layui-btn-radius">百搭按钮</button>
			
 
				+              <button class="layui-btn layui-btn-warm layui-btn-radius">暖色按钮</button>
			
 
				+              <button class="layui-btn layui-btn-danger layui-btn-radius">警告按钮</button>
			
 
				+              <button class="layui-btn layui-btn-disabled layui-btn-radius">禁用按钮</button>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">按钮混搭</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-btn-container">
			
 
				+              <button class="layui-btn layui-btn-lg layui-btn-primary layui-btn-radius">大型加圆角</button>
			
 
				+              <a href="http://www.layui.com/doc/element/button.html" class="layui-btn" target="_blank">跳转的按钮</a>
			
 
				+              <button class="layui-btn layui-btn-sm layui-btn-normal"><i class="layui-icon">&#xe640;</i> 删除</button>
			
 
				+              <button class="layui-btn layui-btn-xs layui-btn-disabled"><i class="layui-icon">&#xe641;</i> 分享</button>
			
 
				+
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">按钮组合</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-btn-container">
			
 
				+              <div class="layui-btn-group">
			
 
				+                <button class="layui-btn">增加</button>
			
 
				+                <button class="layui-btn ">编辑</button>
			
 
				+                <button class="layui-btn">删除</button>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="layui-btn-container">
			
 
				+              <div class="layui-btn-group">
			
 
				+                <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe654;</i></button>
			
 
				+                <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe642;</i></button>
			
 
				+                <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
			
 
				+                <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe602;</i></button>
			
 
				+              </div>
			
 
				+              <div class="layui-btn-group">
			
 
				+                <button class="layui-btn layui-btn-primary layui-btn-sm">文字</button>
			
 
				+                <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe654;</i></button>
			
 
				+                <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe642;</i></button>
			
 
				+                <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">按钮铺满</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-btn-container">
			
 
				+              <button class="layui-btn layui-btn-fluid">好雨知时节</button>
			
 
				+              <button class="layui-btn layui-btn-fluid">当春乃发生</button>
			
 
				+              <button class="layui-btn layui-btn-fluid">随风潜入夜</button>
			
 
				+              <button class="layui-btn layui-btn-fluid">润物细无声</button>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/carousel/index.html
+++ b/src/main/webapp/skin/default/views/component/carousel/index.html
@@ -0,0 +1,237 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 为了区分效果 */
			
 
				+  #LAY-demo-carousel div[carousel-item]>*{text-align: center; line-height: 280px; color: #666;}
			
 
				+  #LAY-demo-carousel div[carousel-item]>*:nth-child(2n){background-color: #E2E2E2;}
			
 
				+  #LAY-demo-carousel div[carousel-item]>*:nth-child(2n+1){background-color: #eee;}
			
 
				+  #test-carousel-normal-2 div[carousel-item]>*{line-height: 120px;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>轮播</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid" id="LAY-demo-carousel">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">常规轮播</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-carousel" id="test-carousel-normal" lay-filter="test-carousel-normal">
			
 
				+              <div carousel-item="">
			
 
				+                <div>条目1</div>
			
 
				+                <div>条目2</div>
			
 
				+                <div>条目3</div>
			
 
				+                <div>条目4</div>
			
 
				+                <div>条目5</div>
			
 
				+              </div>
			
 
				+            </div> 
			
 
				+            <div class="layui-carousel" id="test-carousel-normal-2" style="margin-top: 15px;">
			
 
				+              <div carousel-item="">
			
 
				+                <div>条目1</div>
			
 
				+                <div>条目2</div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">设定各种参数</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-form">
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">宽高</label>
			
 
				+                  <div class="layui-input-inline" style="width: 98px;">
			
 
				+                    <input type="tel" name="width" value="600" autocomplete="off" placeholder="width" class="layui-input test-carousel-demoSet">
			
 
				+                  </div>
			
 
				+                  <div class="layui-input-inline" style="width: 98px;">
			
 
				+                    <input type="tel" name="height" value="280" autocomplete="off" placeholder="height" class="layui-input test-carousel-demoSet">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">动画类型</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <div class="layui-btn-group test-carousel-demoTest" style="margin-top: 5px;">
			
 
				+                    <button class="layui-btn layui-btn-sm" style="background-color: #5FB878;" data-type="set" data-key="anim" data-value="default">左右切换</button>
			
 
				+                    <button class="layui-btn layui-btn-sm" data-type="set" data-key="anim" data-value="updown">上下切换</button>
			
 
				+                    <button class="layui-btn layui-btn-sm" data-type="set" data-key="anim" data-value="fade">渐隐渐显</button>
			
 
				+                  </div> 
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">箭头状态</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <div class="layui-btn-group test-carousel-demoTest" style="margin-top: 5px;">
			
 
				+                    <button class="layui-btn layui-btn-sm" style="background-color: #5FB878;" data-type="set" data-key="arrow" data-value="hover">悬停显示</button>
			
 
				+                    <button class="layui-btn layui-btn-sm" data-type="set" data-key="arrow" data-value="always">始终显示</button>
			
 
				+                    <button class="layui-btn layui-btn-sm" data-type="set" data-key="arrow" data-value="none">不显示</button>
			
 
				+                  </div> 
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">指示器位置</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <div class="layui-btn-group test-carousel-demoTest" style="margin-top: 5px;">
			
 
				+                    <button class="layui-btn layui-btn-sm" style="background-color: #5FB878;" data-key="indicator" data-type="set" data-value="inside">容器内部</button>
			
 
				+                    <button class="layui-btn layui-btn-sm" data-type="set" data-key="indicator" data-value="outside">容器外部</button>
			
 
				+                    <button class="layui-btn layui-btn-sm" data-type="set" data-key="indicator" data-value="none">不显示</button>
			
 
				+                  </div> 
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">自动切换</label>
			
 
				+                  <div class="layui-input-block">
			
 
				+                    <input type="checkbox" name="switch" lay-skin="switch" checked="" lay-text="ON|OFF" lay-filter="test-carousel-autoplay">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label" style="width: auto;">时间间隔</label>
			
 
				+                  <div class="layui-input-inline" style="width: 120px;">
			
 
				+                    <input type="tel" name="interval" value="3000" autocomplete="off" placeholder="毫秒" class="layui-input test-carousel-demoSet">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+             
			
 
				+            <div class="layui-carousel" id="test-carousel-demo" lay-filter="test-carousel-demo">
			
 
				+              <div carousel-item="">
			
 
				+                <div>条目1</div>
			
 
				+                <div>条目2</div>
			
 
				+                <div>条目3</div>
			
 
				+                <div>条目4</div>
			
 
				+                <div>条目5</div>
			
 
				+              </div>
			
 
				+            </div> 
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">填充轮播元素 - 以图片为例</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-carousel" id="test-carousel-img">
			
 
				+              <div carousel-item="">
			
 
				+                <div><img src="//res.layui.com/images/layui/demo/1.png"></div>
			
 
				+                <div><img src="//res.layui.com/images/layui/demo/2.png"></div>
			
 
				+                <div><img src="//res.layui.com/images/layui/demo/3.png"></div>
			
 
				+                <div><img src="//res.layui.com/images/layui/demo/4.png"></div>
			
 
				+                <div><img src="//res.layui.com/images/layui/demo/5.png"></div>
			
 
				+                <div><img src="//res.layui.com/images/layui/demo/6.png"></div>
			
 
				+                <div><img src="//res.layui.com/images/layui/demo/7.png"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'carousel', 'form'], function(){
			
 
				+    var carousel = layui.carousel
			
 
				+    ,form = layui.form;
			
 
				+  
			
 
				+    //常规轮播
			
 
				+    carousel.render({
			
 
				+      elem: '#test-carousel-normal'
			
 
				+      ,arrow: 'always'
			
 
				+    });
			
 
				+    
			
 
				+    //改变下时间间隔、动画类型、高度
			
 
				+    carousel.render({
			
 
				+      elem: '#test-carousel-normal-2'
			
 
				+      ,interval: 1800
			
 
				+      ,anim: 'fade'
			
 
				+      ,height: '120px'
			
 
				+    });
			
 
				+    
			
 
				+    //设定各种参数
			
 
				+    var ins3 = carousel.render({
			
 
				+      elem: '#test-carousel-demo'
			
 
				+    });
			
 
				+    //图片轮播
			
 
				+    carousel.render({
			
 
				+      elem: '#test-carousel-img'
			
 
				+      ,width: '778px'
			
 
				+      ,height: '440px'
			
 
				+      ,interval: 5000
			
 
				+    });
			
 
				+    
			
 
				+    //事件
			
 
				+    carousel.on('change(test-carousel-demo)', function(res){
			
 
				+      console.log(res)
			
 
				+    });
			
 
				+    
			
 
				+    var $ = layui.$, active = {
			
 
				+      set: function(othis){
			
 
				+        var THIS = 'layui-bg-normal'
			
 
				+        ,key = othis.data('key')
			
 
				+        ,options = {};
			
 
				+        
			
 
				+        othis.css('background-color', '#5FB878').siblings().removeAttr('style'); 
			
 
				+        options[key] = othis.data('value');
			
 
				+        ins3.reload(options);
			
 
				+      }
			
 
				+    };
			
 
				+    
			
 
				+    //监听开关
			
 
				+    form.on('switch(test-carousel-autoplay)', function(){
			
 
				+      ins3.reload({
			
 
				+        autoplay: this.checked
			
 
				+      });
			
 
				+    });
			
 
				+    
			
 
				+    $('.test-carousel-demoSet').on('keyup', function(){
			
 
				+      var value = this.value
			
 
				+      ,options = {};
			
 
				+      if(!/^\d+$/.test(value)) return;
			
 
				+      
			
 
				+      options[this.name] = value;
			
 
				+      ins3.reload(options);
			
 
				+    });
			
 
				+    
			
 
				+    //其它示例
			
 
				+    $('.test-carousel-demoTest .layui-btn').on('click', function(){
			
 
				+      var othis = $(this), type = othis.data('type');
			
 
				+      active[type] ? active[type].call(this, othis) : '';
			
 
				+    });
			
 
				+  
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/code/index.html
+++ b/src/main/webapp/skin/default/views/component/code/index.html
@@ -0,0 +1,159 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>代码修饰</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">默认修饰</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <pre class="layui-code">//在里面存放任意的代码
			
 
				+Lay.fn.event = function(modName, events, params){
			
 
				+  var that = this, result = null, filter = events.match(/\(.*\)$/)||[];
			
 
				+  var set = (events = modName + '.'+ events).replace(filter, ''); 
			
 
				+};
			
 
				+            </pre>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">notepad风格</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <pre class="layui-code" lay-title="JavaScript" lay-skin="notepad">//代码区域
			
 
				+Lay.fn.event = function(modName, events, params){
			
 
				+  var that = this, result = null, filter = events.match(/\(.*\)$/)||[];
			
 
				+  var set = (events = modName + '.'+ events).replace(filter, ''); 
			
 
				+};
			
 
				+            </pre>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">代码中的代码</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <pre class="layui-code">//代码区域
			
 
				+Lay.fn.event = function(modName, events, params){
			
 
				+  var that = this, result = null, filter = events.match(/\(.*\)$/)||[];
			
 
				+  var set = (events = modName + '.'+ events).replace(filter, ''); 
			
 
				+};
			
 
				+      <pre class="layui-code">//代码区域
			
 
				+Lay.fn.event = function(modName, events, params){
			
 
				+  var that = this, result = null, filter = events.match(/\(.*\)$/)||[];
			
 
				+  var set = (events = modName + '.'+ events).replace(filter, ''); 
			
 
				+};
			
 
				+      </pre>
			
 
				+      </pre>
			
 
				+      
			
 
				+      <pre class="layui-code" lay-skin="notepad">//代码区域
			
 
				+Lay.fn.event = function(modName, events, params){
			
 
				+  var that = this, result = null, filter = events.match(/\(.*\)$/)||[];
			
 
				+  var set = (events = modName + '.'+ events).replace(filter, ''); 
			
 
				+};
			
 
				+      <pre class="layui-code" lay-skin="notepad">//代码区域
			
 
				+Lay.fn.event = function(modName, events, params){
			
 
				+  var that = this, result = null, filter = events.match(/\(.*\)$/)||[];
			
 
				+  var set = (events = modName + '.'+ events).replace(filter, ''); 
			
 
				+};
			
 
				+<pre class="layui-code" lay-skin="notepad">//代码区域
			
 
				+Lay.fn.event = function(modName, events, params){
			
 
				+  var that = this, result = null, filter = events.match(/\(.*\)$/)||[];
			
 
				+  var set = (events = modName + '.'+ events).replace(filter, ''); 
			
 
				+};
			
 
				+<pre class="layui-code" lay-skin="notepad">//代码区域
			
 
				+Lay.fn.event = function(modName, events, params){
			
 
				+  var that = this, result = null, filter = events.match(/\(.*\)$/)||[];
			
 
				+  var set = (events = modName + '.'+ events).replace(filter, ''); 
			
 
				+};
			
 
				+<pre class="layui-code" lay-skin="notepad">//代码区域
			
 
				+Lay.fn.event = function(modName, events, params){
			
 
				+  var that = this, result = null, filter = events.match(/\(.*\)$/)||[];
			
 
				+  var set = (events = modName + '.'+ events).replace(filter, ''); 
			
 
				+};
			
 
				+            </pre>
			
 
				+            </pre>
			
 
				+            </pre>
			
 
				+            </pre>
			
 
				+            </pre>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">固定高度</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <pre class="layui-code" lay-height="150px">//代码区域
			
 
				+Lay.fn.event = function(modName, events, params){
			
 
				+  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; //提取事件过滤器
			
 
				+  var set = (events = modName + '.'+ events).replace(filter, ''); //获取事件本体名
			
 
				+  var callback = function(_, item){
			
 
				+    var res = item &amp;&amp; item.call(that, params);
			
 
				+    res === false &amp;&amp; result === null &amp;&amp; (result = false);
			
 
				+  };
			
 
				+  layui.each(config.event[set], callback);
			
 
				+  filter[0] &amp;&amp; layui.each(config.event[events], callback); //执行过滤器中的事件
			
 
				+  return result;
			
 
				+};
			
 
				+            </pre>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">XXX</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">XXX</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">XXX</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'code'], function(){
			
 
				+  
			
 
				+    layui.code({
			
 
				+      elem: 'pre'
			
 
				+    });
			
 
				+  
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/colorpicker/index.html
+++ b/src/main/webapp/skin/default/views/component/colorpicker/index.html
@@ -0,0 +1,208 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>颜色选择器组件</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">常规使用</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-colorpicker-dome1"></div>
			
 
				+            <div id="test-colorpicker-dome2" style="margin-left: 10px;"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">表单赋值</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <form class="layui-form" action="">
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-input-inline" style="width: 120px;">
			
 
				+                  <input type="text" value="" placeholder="请选择颜色" class="layui-input" id="test-colorpicker-form-input">
			
 
				+                </div>
			
 
				+                <div class="layui-inline" style="left: -11px;">
			
 
				+                  <div id="test-colorpicker-dome3"></div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </form>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">RGB / RGBA 色值</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-colorpicker-dome4"></div>
			
 
				+            <div id="test-colorpicker-dome5" style="margin-left: 30px;"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">透明度选择</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-colorpicker-dome6"></div>
			
 
				+            <div id="test-colorpicker-dome7" style="margin-left: 30px;"></div>
			
 
				+            <div id="test-colorpicker-dome8" style="margin-left: 30px;"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">预定义颜色项</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-colorpicker-dome9"></div>
			
 
				+            <div id="test-colorpicker-dome10" style="margin-left: 30px;"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">全功能和回调的使用</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <input type="hidden" name="color" value="" id="test-colorpicker-all-input">
			
 
				+            <div id="test-colorpicker-dome11"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">颜色框尺寸</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-colorpicker-dome12"></div>
			
 
				+            <div id="test-colorpicker-dome13" style="margin-left: 30px;"></div>
			
 
				+            <div id="test-colorpicker-dome14" style="margin-left: 30px;"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'colorpicker'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,colorpicker = layui.colorpicker;
			
 
				+    
			
 
				+    //常规使用
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome1' //绑定元素
			
 
				+      ,change: function(color){ //颜色改变的回调
			
 
				+        layer.tips('选择了：'+ color, this.elem, {
			
 
				+          tips: 1
			
 
				+        });
			
 
				+      }
			
 
				+    });
			
 
				+     
			
 
				+    //初始色值
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome2'
			
 
				+      ,color: '#2ec770' //设置默认色
			
 
				+      ,done: function(color){
			
 
				+        layer.tips('选择了：'+ color, this.elem);
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //表单赋值
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome3'
			
 
				+      ,color: '#1c97f5'
			
 
				+      ,done: function(color){
			
 
				+        $('#test-colorpicker-form-input').val(color);
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //RGB 、RGBA
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome4'
			
 
				+      ,color: 'rgb(68,66,66)'
			
 
				+      ,format: 'rgb' //默认为 hex
			
 
				+    });
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome5'
			
 
				+      ,color: 'rgba(68,66,66,0.5)'
			
 
				+      ,format: 'rgb'
			
 
				+      ,alpha: true //开启透明度滑块
			
 
				+    });
			
 
				+    
			
 
				+    //开启透明度
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome6'
			
 
				+      ,color: '#009688' //hex
			
 
				+      ,alpha: true //开启透明度
			
 
				+      ,format: 'rgb'
			
 
				+    });
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome7'
			
 
				+      ,color: 'rgb(0,150,136,0.6)' //rgba
			
 
				+      ,alpha: true
			
 
				+      ,format: 'rgb'
			
 
				+    });
			
 
				+    colorpicker.render({ //无初始色值时
			
 
				+      elem: '#test-colorpicker-dome8'
			
 
				+      ,alpha: true
			
 
				+      ,format: 'rgb'
			
 
				+    });
			
 
				+    
			
 
				+    //预定义颜色项
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome9'
			
 
				+      ,color: '#c71585'
			
 
				+      ,predefine: true // 开启预定义颜色
			
 
				+    });
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome10'
			
 
				+      ,color: '#9d8a0e'
			
 
				+      ,predefine: true // 开启预定义颜色
			
 
				+      ,colors: ['#ff8c00','#00ced1','#9d8a0e'] //自定义预定义颜色项
			
 
				+    });
			
 
				+    
			
 
				+    //开启全功能
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome11'
			
 
				+      ,color: 'rgba(7, 155, 140, 1)'
			
 
				+      ,format: 'rgb'
			
 
				+      ,predefine: true
			
 
				+      ,alpha: true
			
 
				+      ,done: function(color){
			
 
				+        $('#test-colorpicker-all-input').val(color); //向隐藏域赋值
			
 
				+        layer.tips('给指定隐藏域设置了颜色值：'+ color, this.elem);
			
 
				+        
			
 
				+        color || this.change(color); //清空时执行 change
			
 
				+      }
			
 
				+      ,change: function(color){
			
 
				+        //给当前页面头部和左侧设置主题色
			
 
				+        parent.layui.$('.layui-side-menu,.layui-logo').css('cssText', 'background-color: '+ color + ' !important;');
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //设定颜色框尺寸
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome12'
			
 
				+      ,size: 'lg' //大号下拉框
			
 
				+    });
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome13'
			
 
				+      //,size: 'sm' //默认 sm
			
 
				+    });
			
 
				+    colorpicker.render({
			
 
				+      elem: '#test-colorpicker-dome14'
			
 
				+      ,size: 'xs' //mini下拉框
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/flow/index.html
+++ b/src/main/webapp/skin/default/views/component/flow/index.html
@@ -0,0 +1,142 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+  
			
 
				+  <!-- 以下样式仅供演示 -->
			
 
				+  <style>
			
 
				+    #LAY-flow-demo .flow-default{width: 600px; height: 400px; overflow: auto; font-size: 0;}
			
 
				+    #LAY-flow-demo .flow-default li{display: inline-block; margin: 0 5px; font-size: 14px; width: 48%;  margin-bottom: 10px; height: 100px; line-height: 100px; text-align: center; background-color: #eee;}
			
 
				+    #LAY-flow-demo .flow-default img{width: 100%; height: 100%;}
			
 
				+    #LAY-flow-demo .site-demo-flow{width: 600px; height: 300px; overflow: auto; text-align: center;}
			
 
				+    #LAY-flow-demo .site-demo-flow img{width: 40%; height: 200px; margin: 0 2px 5px 0; border: none;}
			
 
				+    
			
 
				+    @media screen and (max-width: 768px) {
			
 
				+      #LAY-flow-demo .flow-default,
			
 
				+      #LAY-flow-demo .site-demo-flow{width: 100%;}
			
 
				+      #LAY-flow-demo .flow-default li{width: 45%}
			
 
				+      #LAY-flow-demo .site-demo-flow img{height: 150px;}
			
 
				+    }
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>流加载</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid" id="LAY-flow-demo">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">信息流 - 滚动加载</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <ul class="flow-default" id="test-flow-auto"></ul>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">信息流 - 手工加载</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <ul class="flow-default" style="height: 300px;" id="test-flow-manual"></ul>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">图片懒加载</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="site-demo-flow" id="test-flow-lazyimg">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/701696736/TB2PNl5ahQa61Bjy0FhXXaalFXa_!!701696736.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/162734861/TB2V5rsX_gc61BjSZFkXXcTkFXa_!!162734861.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i4/69476562/TB2htq4XTka61BjSszfXXXN8pXa_!!69476562.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i1/180558071/TB2sy6jXMQc61BjSZFGXXa1DFXa_!!180558071.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/701696736/TB2PNl5ahQa61Bjy0FhXXaalFXa_!!701696736.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i3/285892163/TB2qu2HX9Zb61BjSZPfXXaU.pXa_!!285892163.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/704998060/TB2S.gAXTgc61BjSZFkXXcTkFXa_!!704998060.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i3/117202952/TB25lckX_AX61Bjy0FcXXaSlFXa_!!117202952.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/162734861/TB2qijoX9Zb61BjSZPfXXaU.pXa_!!162734861.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i3/96216586/TB2S7EfXHMc61BjSZFFXXaDLFXa_!!96216586.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i8/TB1jSSFNFXXXXcoXFXXYXGcGpXX_M2.SS2_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/162734861/TB2ylbsX37c61BjSZFKXXb6hFXa_!!162734861.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/117202952/TB2FdyZajUd61BjSZPcXXc6hXXa_!!117202952.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i4/777105914/TB2t.qbXZwb61Bjy0FfXXXvlpXa_!!777105914.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+              <img lay-src="https://gw.alicdn.com/bao/uploaded/i4/TB1XzupNFXXXXcpXXXXXXXXXXXX_!!0-item_pic.jpg_400x400q90.jpg?t=1523290753265">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'flow'], function(){
			
 
				+    var flow = layui.flow;
			
 
				+  
			
 
				+    flow.load({
			
 
				+      elem: '#test-flow-auto' //流加载容器
			
 
				+      ,scrollElem: '#test-flow-auto' //滚动条所在元素，一般不用填，此处只是演示需要。
			
 
				+      ,done: function(page, next){ //执行下一页的回调
			
 
				+        
			
 
				+        //模拟数据插入
			
 
				+        setTimeout(function(){
			
 
				+          var lis = [];
			
 
				+          for(var i = 0; i < 8; i++){
			
 
				+            lis.push('<li>'+ ( (page-1)*8 + i + 1 ) +'</li>')
			
 
				+          }
			
 
				+          
			
 
				+          //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
			
 
				+          //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
			
 
				+          next(lis.join(''), page < 10); //假设总页数为 10
			
 
				+        }, 500);
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    flow.load({
			
 
				+      elem: '#test-flow-manual' //流加载容器
			
 
				+      ,scrollElem: '#test-flow-manual' //滚动条所在元素，一般不用填，此处只是演示需要。
			
 
				+      ,isAuto: false
			
 
				+      ,isLazyimg: true
			
 
				+      ,done: function(page, next){ //加载下一页
			
 
				+        //模拟插入
			
 
				+        setTimeout(function(){
			
 
				+          var lis = [];
			
 
				+          for(var i = 0; i < 6; i++){
			
 
				+            lis.push('<li><img lay-src="http://s17.mogucdn.com/p2/161011/upload_279h87jbc9l0hkl54djjjh42dc7i1_800x480.jpg?v='+ ( (page-1)*6 + i + 1 ) +'"></li>')
			
 
				+          }
			
 
				+          next(lis.join(''), page < 6); //假设总页数为 6
			
 
				+        }, 500);
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //按屏加载图片
			
 
				+    flow.lazyimg({
			
 
				+      elem: '#test-flow-lazyimg img'
			
 
				+      ,scrollElem: '#test-flow-lazyimg' //一般不用设置，此处只是演示需要。
			
 
				+    });
			
 
				+  
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/form/element.html
+++ b/src/main/webapp/skin/default/views/component/form/element.html
@@ -0,0 +1,243 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">输入框</div>
			
 
				+          <div class="layui-card-body layui-row layui-col-space10">
			
 
				+            <div class="layui-col-md12">
			
 
				+              <input type="text" name="title" placeholder="请输入标题" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+            <div class="layui-col-md6">
			
 
				+              <input type="text" name="title" placeholder="用户名" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+            <div class="layui-col-md6">
			
 
				+              <input type="password" name="title" placeholder="密码" autocomplete="off" class="layui-input">
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card layui-form" lay-filter="component-form-element">
			
 
				+          <div class="layui-card-header">下拉选择框</div>
			
 
				+          <div class="layui-card-body layui-row layui-col-space10">
			
 
				+            <div class="layui-col-md6">
			
 
				+              <select name="city" lay-verify="">
			
 
				+                <option value="">请选择一个城市</option>
			
 
				+                <option value="010">北京</option>
			
 
				+                <option value="021">上海</option>
			
 
				+                <option value="0571">杭州</option>
			
 
				+              </select>
			
 
				+            </div>
			
 
				+            <div class="layui-col-md6">
			
 
				+              <select name="city" lay-verify="">
			
 
				+                <option value="010">北京</option>
			
 
				+                <option value="021" disabled>上海（禁用效果）</option>
			
 
				+                <option value="0571" selected>杭州</option>
			
 
				+              </select> 
			
 
				+            </div>
			
 
				+            <div class="layui-col-md6">
			
 
				+              <select name="quiz">
			
 
				+                <option value="">请选择</option>
			
 
				+                <optgroup label="城市记忆">
			
 
				+                  <option value="你工作的第一个城市">你工作的第一个城市？</option>
			
 
				+                </optgroup>
			
 
				+                <optgroup label="学生时代">
			
 
				+                  <option value="你的工号">你的工号？</option>
			
 
				+                  <option value="你最喜欢的老师">你最喜欢的老师？</option>
			
 
				+                </optgroup>
			
 
				+              </select>
			
 
				+            </div>
			
 
				+            <div class="layui-col-md6">
			
 
				+              <select name="city" lay-verify="required" lay-search>
			
 
				+                <option value="">带搜索的选择框</option>
			
 
				+                <option value="1">layer</option>
			
 
				+                <option value="2">form</option>
			
 
				+                <option value="3">layim</option>
			
 
				+                <option value="4">element</option>
			
 
				+                <option value="5">laytpl</option>
			
 
				+                <option value="6">upload</option>
			
 
				+                <option value="7">laydate</option>
			
 
				+                <option value="8">laypage</option>
			
 
				+                <option value="9">flow</option>
			
 
				+                <option value="10">util</option>
			
 
				+                <option value="11">code</option>
			
 
				+                <option value="12">tree</option>
			
 
				+                <option value="13">layedit</option>
			
 
				+                <option value="14">nav</option>
			
 
				+                <option value="15">tab</option>
			
 
				+                <option value="16">table</option>
			
 
				+                <option value="17">select</option>
			
 
				+                <option value="18">checkbox</option>
			
 
				+                <option value="19">switch</option>
			
 
				+                <option value="20">radio</option>
			
 
				+              </select>
			
 
				+            </div>
			
 
				+            <div class="layui-col-md12">
			
 
				+              <select name="city" lay-verify="">
			
 
				+                <option value="">请选择一个城市</option>
			
 
				+                <option value="010">北京</option>
			
 
				+                <option value="021">上海</option>
			
 
				+                <option value="0571">杭州</option>
			
 
				+              </select>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card layui-form" lay-filter="component-form-element">
			
 
				+          <div class="layui-card-header">复选框</div>
			
 
				+          <div class="layui-card-body layui-row layui-col-space10">
			
 
				+            <div class="layui-col-md12">
			
 
				+              <input type="checkbox" name="" title="写作" checked>
			
 
				+              <input type="checkbox" name="" title="发呆"> 
			
 
				+              <input type="checkbox" name="" title="禁用" disabled> 
			
 
				+            </div>
			
 
				+            <div class="layui-col-md12">
			
 
				+              <input type="checkbox" name="" title="写作" lay-skin="primary" checked>
			
 
				+              <input type="checkbox" name="" title="发呆" lay-skin="primary"> 
			
 
				+              <input type="checkbox" name="" title="禁用" lay-skin="primary" disabled> 
			
 
				+              <input type="checkbox" name="" lay-skin="primary"> 
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card layui-form" lay-filter="component-form-element">
			
 
				+          <div class="layui-card-header">开关</div>
			
 
				+          <div class="layui-card-body layui-row layui-col-space10">
			
 
				+            <div class="layui-col-md12">
			
 
				+              <input type="checkbox" name="xxx" lay-skin="switch">
			
 
				+              <input type="checkbox" name="yyy" lay-skin="switch" lay-text="ON|OFF" checked>
			
 
				+              <input type="checkbox" name="zzz" lay-skin="switch" lay-text="开启|关闭">
			
 
				+              <input type="checkbox" name="aaa" lay-skin="switch" disabled>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card layui-form" lay-filter="component-form-element">
			
 
				+          <div class="layui-card-header">单选框</div>
			
 
				+          <div class="layui-card-body layui-row layui-col-space10">
			
 
				+            <div class="layui-col-md12">
			
 
				+              <input type="radio" name="sex" value="nan" title="男">
			
 
				+              <input type="radio" name="sex" value="nv" title="女" checked>
			
 
				+              <input type="radio" name="sex" value="" title="中性" disabled>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">文本域</div>
			
 
				+          <div class="layui-card-body layui-row layui-col-space10">
			
 
				+            <div class="layui-col-md12">
			
 
				+              <textarea name="" placeholder="请输入" class="layui-textarea"></textarea>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">响应式组合</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <form class="layui-form" action="" lay-filter="component-form-element">
			
 
				+              <div class="layui-row layui-col-space10 layui-form-item">
			
 
				+                <div class="layui-col-lg6">
			
 
				+                  <label class="layui-form-label">员工姓名：</label>
			
 
				+                  <div class="layui-input-block">
			
 
				+                    <input type="text" name="fullname" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-col-lg6">
			
 
				+                  <label class="layui-form-label">技术工种：</label>
			
 
				+                  <div class="layui-input-block">
			
 
				+                    <select name="type" lay-verify="required" lay-filter="aihao">
			
 
				+                      <option value=""></option>
			
 
				+                      <option value="0">前端工程师</option>
			
 
				+                      <option value="1">Node.js工程师</option>
			
 
				+                      <option value="2">PHP工程师</option>
			
 
				+                      <option value="3">Java工程师</option>
			
 
				+                      <option value="4">运维</option>
			
 
				+                      <option value="4">视觉设计师</option>
			
 
				+                    </select>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">兴趣爱好：</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <input type="checkbox" name="interest[write]" title="写作">
			
 
				+                  <input type="checkbox" name="interest[read]" title="阅读">
			
 
				+                  <input type="checkbox" name="interest[code]" title="代码" checked>
			
 
				+                  <input type="checkbox" name="interest[dreaming]" title="做梦">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">是否婚姻：</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">所属职称：</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <input type="radio" name="role" value="" title="经理">
			
 
				+                  <input type="radio" name="role" value="" title="主管">
			
 
				+                  <input type="radio" name="role" value="" title="码农" checked>
			
 
				+                  <input type="radio" name="role" value="" title="端水">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">其它信息：</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <textarea name="other" placeholder="" class="layui-textarea"></textarea>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label"> </label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <input type="checkbox" name="agreement" title="同意" lay-skin="primary" checked>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-input-block">
			
 
				+                  <button class="layui-btn layui-btn-sm" lay-submit lay-filter="component-form-element">立即提交</button>
			
 
				+                  <button type="reset" class="layui-btn  layui-btn-sm">重置</button>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </form>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'form'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,admin = layui.admin
			
 
				+    ,element = layui.element
			
 
				+    ,form = layui.form;
			
 
				+    
			
 
				+    form.render(null, 'component-form-element');
			
 
				+    element.render('breadcrumb', 'breadcrumb');
			
 
				+    
			
 
				+    form.on('submit(component-form-element)', function(data){
			
 
				+      layer.msg(JSON.stringify(data.field));
			
 
				+      return false;
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/grid/all.html
+++ b/src/main/webapp/skin/default/views/component/grid/all.html
@@ -0,0 +1,84 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #LAY-component-grid-all .layui-card-body{display: flex; justify-content: center; flex-direction: column; text-align: center; height: 200px;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-grid-all">
			
 
				+    <div class="layui-row layui-col-space10">
			
 
				+      <div class="layui-col-xs6 layui-col-sm7 layui-col-md3">
			
 
				+        <!-- 填充内容 -->
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-sm7 layui-col-md3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-sm7 layui-col-md9">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-sm7 layui-col-md9">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/grid/list.html
+++ b/src/main/webapp/skin/default/views/component/grid/list.html
@@ -0,0 +1,127 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #LAY-component-grid-list .demo-list .layui-card{height: 267px;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-grid-list">
			
 
				+    <div class="layui-row layui-col-space10 demo-list">
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <!-- 填充内容 -->
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">  
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
			
 
				+        <div class="layui-card">
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/grid/mobile-pc.html
+++ b/src/main/webapp/skin/default/views/component/grid/mobile-pc.html
@@ -0,0 +1,84 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #LAY-component-grid-mobile-pc .layui-card-body{display: flex; justify-content: center; flex-direction: column; text-align: center; height: 200px;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-grid-mobile-pc">
			
 
				+    <div class="layui-row layui-col-space10">
			
 
				+      <div class="layui-col-xs6 layui-col-md8">
			
 
				+        <!-- 填充内容 -->
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs12 layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6 layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs12 layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/grid/mobile.html
+++ b/src/main/webapp/skin/default/views/component/grid/mobile.html
@@ -0,0 +1,116 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #LAY-component-grid-mobile .layui-card-body{display: flex; justify-content: center; flex-direction: column; text-align: center; height: 200px;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-grid-mobile">
			
 
				+    <div class="layui-row layui-col-space10">
			
 
				+      <div class="layui-col-xs6">
			
 
				+        <!-- 填充内容 -->
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+       <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="layui-row layui-col-space10">
			
 
				+      <div class="layui-col-xs3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs3">
			
 
				+       <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs3">
			
 
				+       <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs3">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/grid/speed-dial.html
+++ b/src/main/webapp/skin/default/views/component/grid/speed-dial.html
@@ -0,0 +1,95 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #LAY-component-grid-speed-dial .layui-card-body{display: flex; justify-content: center; flex-direction: column; text-align: center; font-size: 20px;}
			
 
				+  #LAY-component-grid-speed-dial .layui-card-body:hover{background-color: #FAFAFA;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-grid-speed-dial">
			
 
				+    <div class="layui-row layui-col-space1">
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <!-- 填充内容 -->
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-body">1</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-body">2</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-body">3</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-body">4</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-body">5</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-body">6</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-body">7</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-body">8</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-xs4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-body">9</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,admin = layui.admin
			
 
				+    ,element = layui.element;
			
 
				+    
			
 
				+    element.render('breadcrumb', 'breadcrumb');
			
 
				+    
			
 
				+    //监听窗口尺寸改变事件，控制宽度相同
			
 
				+    admin.resize(function(){
			
 
				+      var cardBody = $('#LAY-component-grid-speed-dial .layui-card-body');
			
 
				+      cardBody.height(cardBody.width())
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/grid/stack.html
+++ b/src/main/webapp/skin/default/views/component/grid/stack.html
@@ -0,0 +1,143 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #LAY-component-grid-stack .layui-card-body{display: flex; justify-content: center; flex-direction: column; text-align: center; height: 200px;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-grid-stack">
			
 
				+    <div class="layui-row layui-col-space10">
			
 
				+      <div class="layui-col-md4">
			
 
				+        <!-- 填充内容 -->
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header"></div>
			
 
				+          <div class="layui-card-body"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
--- a/src/main/webapp/skin/default/views/component/laydate/demo1.html
+++ b/src/main/webapp/skin/default/views/component/laydate/demo1.html
@@ -0,0 +1,343 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layDate 日期组件功能演示一</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>日期时间</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">常规用法</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            
			
 
				+            <div class="layui-form">
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">中文版</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-normal-cn" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">国际版</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-normal-en" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">五大选择器</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            
			
 
				+            <div class="layui-form" wid100>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">年选择器</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-type-year" placeholder="yyyy">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">年月选择器</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-type-month" placeholder="yyyy-MM">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">日期选择器</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-type-date" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">时间选择器</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-type-time" placeholder="HH:mm:ss">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">日期时间选择器</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-type-datetime" placeholder="yyyy-MM-dd HH:mm:ss">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">范围选择</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            
			
 
				+            <div class="layui-form" wid100>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">日期范围</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-range-date" placeholder=" - ">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">年范围</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-range-year" placeholder=" - ">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">年月范围</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-range-month" placeholder=" - ">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">时间范围</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-range-time" placeholder=" - ">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">日期时间范围</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-range-datetime" placeholder=" - ">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义格式</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            
			
 
				+            <div class="layui-form" wid100>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">请选择日期</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-format-date1" placeholder="yyyy年MM月dd日">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">请选择日期</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-format-date2" placeholder="dd/MM/yyyy">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">请选择月份</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-format-month" placeholder="yyyyMM">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">请选择时间</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-format-time" placeholder="H点m分">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">请选择范围</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-format-range1" placeholder=" ~ ">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">请选择范围</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-format-range2" placeholder="开始 到 结束">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">同时绑定多个</div>
			
 
				+          <div class="layui-card-body" pad15>  
			
 
				+            <div class="layui-form" wid100>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <input type="text" class="layui-input test-laydate-item" placeholder="yyyy-MM-dd">
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <input type="text" class="layui-input test-laydate-item" placeholder="yyyy-MM-dd">
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <input type="text" class="layui-input test-laydate-item" placeholder="yyyy-MM-dd">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      
			
 
				+      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'laydate'], function(){
			
 
				+    var laydate = layui.laydate;
			
 
				+    
			
 
				+    //示例代码
			
 
				+    
			
 
				+    //常规用法
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-normal-cn'
			
 
				+    });
			
 
				+    
			
 
				+    //国际版
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-normal-en'
			
 
				+      ,lang: 'en'
			
 
				+    });
			
 
				+    
			
 
				+    //年选择器
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-type-year'
			
 
				+      ,type: 'year'
			
 
				+    });
			
 
				+    
			
 
				+    //年月选择器
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-type-month'
			
 
				+      ,type: 'month'
			
 
				+    });
			
 
				+    
			
 
				+    //日期选择器
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-type-date'
			
 
				+      //,type: 'date' //type 默认为 date，所以可不填
			
 
				+    });
			
 
				+    
			
 
				+    //时间选择器
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-type-time'
			
 
				+      ,type: 'time'
			
 
				+    });
			
 
				+    
			
 
				+    //日期时间选择器
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-type-datetime'
			
 
				+      ,type: 'datetime'
			
 
				+    });
			
 
				+    
			
 
				+    //日期范围
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-range-date'
			
 
				+      ,range: true
			
 
				+    });
			
 
				+    
			
 
				+    //年范围
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-range-year'
			
 
				+      ,type: 'year'
			
 
				+      ,range: true
			
 
				+    });
			
 
				+    
			
 
				+    //年月范围
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-range-month'
			
 
				+      ,type: 'month'
			
 
				+      ,range: true
			
 
				+    });
			
 
				+    
			
 
				+    //时间范围
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-range-time'
			
 
				+      ,type: 'time'
			
 
				+      ,range: true
			
 
				+    });
			
 
				+    
			
 
				+    //日期时间范围
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-range-datetime'
			
 
				+      ,type: 'datetime'
			
 
				+      ,range: true
			
 
				+    });
			
 
				+    
			
 
				+    //自定义格式
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-format-date1'
			
 
				+      ,format: 'yyyy年MM月dd日'
			
 
				+    });
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-format-date2'
			
 
				+      ,format: 'dd/MM/yyyy'
			
 
				+    });
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-format-month'
			
 
				+      ,type: 'month'
			
 
				+      ,format: 'yyyyMM'
			
 
				+    });
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-format-time'
			
 
				+      ,type: 'time'
			
 
				+      ,format: 'H点m分'
			
 
				+    });
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-format-range1'
			
 
				+      ,range: '~'
			
 
				+    });
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-format-range2'
			
 
				+      ,type: 'datetime'
			
 
				+      ,range: '到'
			
 
				+      ,format: 'yyyy年M月d日H时m分s秒'
			
 
				+    });
			
 
				+    
			
 
				+    //同时绑定多个
			
 
				+    lay('.test-laydate-item').each(function(){
			
 
				+      laydate.render({
			
 
				+        elem: this
			
 
				+        ,trigger: 'click'
			
 
				+      });
			
 
				+    });
			
 
				+    
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/laydate/demo2.html
+++ b/src/main/webapp/skin/default/views/component/laydate/demo2.html
@@ -0,0 +1,295 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layDate 日期组件功能演示二</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>日期时间</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">公历节日和自定义重要日子</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            
			
 
				+            <div class="layui-form" wid100>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">开启公历节日</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-mark" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">自定义重要日</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-mark-custom" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">控制可选的日期与时间</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            <div class="layui-form" wid100>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">限定可选日期</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-limit1" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">前后若干天可选</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-limit2" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">限定可选时间</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-limit3" placeholder="HH:mm:ss">
			
 
				+                  </div>
			
 
				+                  <div class="layui-form-mid layui-word-aux">
			
 
				+                    这里以控制在9:30-17:30为例
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">其它功能示例</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            <div class="layui-form" wid100>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">初始赋值</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-init-value" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">选中后的回调</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-call-done" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">日期切换的回调</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-call-change" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">不出现底部栏</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-showBottom" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">只出现确定按钮</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-confirm" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">自定义事件</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-trigger1" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label" id="test-laydate-trigger2-1">点我触发</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-trigger2" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label" id="test-laydate-trigger3-1">双击我触发</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-trigger3" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">日期只读</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-readonly" readonly="" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">非input元素</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <div id="test-laydate-normElem" style="height: 38px; line-height: 38px; cursor: pointer; border-bottom: 1px solid #e2e2e2;"></div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'laydate'], function(){
			
 
				+    var laydate = layui.laydate;
			
 
				+    
			
 
				+    //示例代码
			
 
				+    
			
 
				+    //开启公历节日
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-mark'
			
 
				+      ,calendar: true
			
 
				+    });
			
 
				+    
			
 
				+    //自定义重要日
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-mark-custom'
			
 
				+      ,mark: {
			
 
				+        '0-10-14': '生日'
			
 
				+        ,'0-12-31': '跨年' //每年的日期
			
 
				+        ,'0-0-10': '工资' //每月某天
			
 
				+        ,'0-0-15': '月中'
			
 
				+        ,'2018-8-8': '' //如果为空字符，则默认显示数字+徽章
			
 
				+        ,'2099-10-14': '呵呵'
			
 
				+      }
			
 
				+      ,done: function(value, date){
			
 
				+        if(date.year === 2018 && date.month === 8 && date.date === 8){ //点击2018年8月8日，弹出提示语
			
 
				+          layer.msg('北京奥运会十周年，时间都去哪儿了');
			
 
				+        }
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //限定可选日期
			
 
				+    var ins22 = laydate.render({
			
 
				+      elem: '#test-laydate-limit1'
			
 
				+      ,min: '2016-10-14'
			
 
				+      ,max: '2080-10-14'
			
 
				+      ,ready: function(){
			
 
				+        ins22.hint('日期可选值设定在 <br> 2016-10-14 到 2080-10-14');
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //前后若干天可选，这里以7天为例
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-limit2'
			
 
				+      ,min: -7
			
 
				+      ,max: 7
			
 
				+    });
			
 
				+    
			
 
				+    //限定可选时间
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-limit3'
			
 
				+      ,type: 'time'
			
 
				+      ,min: '09:30:00'
			
 
				+      ,max: '17:30:00'
			
 
				+      ,btns: ['clear', 'confirm']
			
 
				+    });
			
 
				+    
			
 
				+    
			
 
				+    //初始赋值
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-init-value'
			
 
				+      ,value: '1989-10-14'
			
 
				+    });
			
 
				+    
			
 
				+    //选中后的回调
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-call-done'
			
 
				+      ,done: function(value, date){
			
 
				+        layer.alert('你选择的日期是：' + value + '<br>获得的对象是' + JSON.stringify(date));
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //日期切换的回调
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-call-change'
			
 
				+      ,change: function(value, date){
			
 
				+        layer.msg('你选择的日期是：' + value + '<br><br>获得的对象是' + JSON.stringify(date));
			
 
				+      }
			
 
				+    });
			
 
				+    //不出现底部栏
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-showBottom'
			
 
				+      ,showBottom: false
			
 
				+    });
			
 
				+    
			
 
				+    //只出现确定按钮
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-confirm'
			
 
				+      ,btns: ['confirm']
			
 
				+    });
			
 
				+    
			
 
				+    //自定义事件
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-trigger1'
			
 
				+      ,trigger: 'mousedown'
			
 
				+    });
			
 
				+    
			
 
				+    //点我触发
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-trigger2'
			
 
				+      ,eventElem: '#test-laydate-trigger2-1'
			
 
				+      ,trigger: 'click'
			
 
				+    });
			
 
				+    
			
 
				+    //双击我触发
			
 
				+    lay('#test-laydate-trigger3-1').on('dblclick', function(){
			
 
				+      laydate.render({
			
 
				+        elem: '#test-laydate-trigger3'
			
 
				+        ,show: true
			
 
				+        ,closeStop: '#test-laydate-trigger3-1'
			
 
				+      });
			
 
				+    });
			
 
				+    
			
 
				+    //日期只读
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-readonly'
			
 
				+      ,trigger: 'click'
			
 
				+    });
			
 
				+    
			
 
				+    //非input元素
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-normElem'
			
 
				+    });
			
 
				+    
			
 
				+    
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/laydate/index.html
+++ b/src/main/webapp/skin/default/views/component/laydate/index.html
@@ -0,0 +1,47 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+<div class="layui-card layadmin-header">
			
 
				+  <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+    <a lay-href="">主页</a>
			
 
				+    <a><cite>组件</cite></a>
			
 
				+    <a><cite>日期时间</cite></a>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<style>
			
 
				+/* 这段样式只是用于演示 */
			
 
				+.layadmin-trailer{position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 15px; display: flex; justify-content: center; flex-direction: column; text-align: center; box-sizing: border-box; font-size: 20px; font-weight: 300; color: #ccc;}
			
 
				+</style>
			
 
				+
			
 
				+<div class="layadmin-trailer">
			
 
				+  <div style="width: 280px; margin: 0 auto;">
			
 
				+    <a href="http://www.layui.com/demo/laydate.html" target="_blank" class="layui-btn">
			
 
				+      正在整理，你可以先官网查看示例
			
 
				+    </a>
			
 
				+  </a>
			
 
				+</div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/laydate/special-demo.html
+++ b/src/main/webapp/skin/default/views/component/laydate/special-demo.html
@@ -0,0 +1,93 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layDate 日期组件功能演示</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>日期时间</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">联动范围选择</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            <div class="layui-form" wid100>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">活动日期</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-start" placeholder="开始日期">
			
 
				+                  </div>
			
 
				+                  <div class="layui-form-mid">
			
 
				+                    -
			
 
				+                  </div>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-end" placeholder="结束日期">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'laydate'], function(){
			
 
				+    var laydate = layui.laydate;
			
 
				+    
			
 
				+    //示例代码
			
 
				+    
			
 
				+    //开始日期
			
 
				+    var insStart = laydate.render({
			
 
				+      elem: '#test-laydate-start'
			
 
				+      ,min: 0
			
 
				+      ,done: function(value, date){
			
 
				+        //更新结束日期的最小日期
			
 
				+        insEnd.config.min = lay.extend({}, date, {
			
 
				+          month: date.month - 1
			
 
				+        });
			
 
				+        
			
 
				+        //自动弹出结束日期的选择器
			
 
				+       insEnd.config.elem[0].focus();
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //结束日期
			
 
				+    var insEnd = laydate.render({
			
 
				+      elem: '#test-laydate-end'
			
 
				+      ,min: 0
			
 
				+      ,done: function(value, date){
			
 
				+        //更新开始日期的最大日期
			
 
				+        insStart.config.max = lay.extend({}, date, {
			
 
				+          month: date.month - 1
			
 
				+        });
			
 
				+      }
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/laydate/theme.html
+++ b/src/main/webapp/skin/default/views/component/laydate/theme.html
@@ -0,0 +1,191 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layDate 日期组件功能演示</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+  .test-laydate-theme-box .layui-inline{margin: 0 20px 20px 0;}
			
 
				+  
			
 
				+  /* 定制 laydate 皮肤：gbw（由社区提供） */
			
 
				+  .layui-laydate-hint.laydate-theme-gbw,.layui-laydate.laydate-theme-gbw{border:1px solid #FFF;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);-moz-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}
			
 
				+  .layui-laydate.laydate-theme-gbw{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-family:"Helvetica Neue For Number",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:rgba(0,0,0,.65);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;position:absolute;z-index:19850126}
			
 
				+  .laydate-theme-gbw .layui-laydate-header{border-bottom:1px solid #e8e8e8;padding-top:5px}
			
 
				+  .laydate-theme-gbw .layui-laydate-header i{font-size:12px;color:rgba(0,0,0,.45)}
			
 
				+  .laydate-theme-gbw .layui-laydate-header span{color:rgba(0,0,0,.85);font-weight:500}
			
 
				+  .laydate-theme-gbw .layui-laydate-header i:hover,.laydate-theme-gbw .layui-laydate-header span:hover{color:#40a9ff}
			
 
				+  .laydate-theme-gbw .layui-laydate-footer{border-top:0;padding-top:0;height:36px}
			
 
				+  .laydate-theme-gbw .layui-laydate-footer span:hover{color:#40a9ff}
			
 
				+  .laydate-theme-gbw .laydate-footer-btns{top:0}
			
 
				+  .laydate-theme-gbw .layui-laydate-content th{color:rgba(0,0,0,.65)}
			
 
				+  .laydate-theme-gbw .layui-laydate-content td{color:rgba(0,0,0,.65);border-radius:2px;-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}
			
 
				+  .laydate-theme-gbw .layui-laydate-content .laydate-day-next,.laydate-theme-gbw .layui-laydate-content .laydate-day-prev{color:rgba(0,0,0,.25)}
			
 
				+  .layui-laydate.laydate-theme-gbw td.layui-this{background-color:transparent!important;border:1px solid #1890ff;border-radius:3px;font-weight:700;color:#1890ff!important}
			
 
				+  .layui-laydate.laydate-theme-gbw li.layui-this{background-color:#1890ff!important;color:#fff!important;border-radius:0;border:0}
			
 
				+  </style>
			
 
				+  
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>日期时间</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义按钮主题</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            <div class="layui-form" wid100>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">墨绿主题</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-theme-molv" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">格子主题</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-theme-grid" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">蓝色主题</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-theme-blue" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">大红主题</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-theme-red" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">自定义其它颜色</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-theme-other" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="layui-inline">
			
 
				+                  <label class="layui-form-label">定制主题</label>
			
 
				+                  <div class="layui-input-inline">
			
 
				+                    <input type="text" class="layui-input" id="test-laydate-theme-custom" placeholder="yyyy-MM-dd">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">直接嵌套显示</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            <div class="test-laydate-theme-box">
			
 
				+              <div class="layui-inline" id="test-laydate-static-n1"></div>
			
 
				+              <div class="layui-inline" id="test-laydate-static-n2"></div>
			
 
				+              <div class="layui-inline" id="test-laydate-static-n3"></div>
			
 
				+              <div class="layui-inline" id="test-laydate-static-n4"></div>
			
 
				+              <div class="layui-inline" id="test-laydate-static-n5"></div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      
			
 
				+      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'laydate'], function(){
			
 
				+    var laydate = layui.laydate;
			
 
				+    
			
 
				+    //示例代码
			
 
				+    
			
 
				+    //墨绿主题
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-theme-molv'
			
 
				+      ,theme: 'molv'
			
 
				+    });
			
 
				+    
			
 
				+    //格子主题
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-theme-grid'
			
 
				+      ,theme: 'grid'
			
 
				+    });
			
 
				+    
			
 
				+    //蓝色主题
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-theme-blue'
			
 
				+      ,theme: '#1E9FFF'
			
 
				+    });
			
 
				+    
			
 
				+    //大红主题
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-theme-red'
			
 
				+      ,theme: '#c00'
			
 
				+    });
			
 
				+    
			
 
				+    //自定义其它颜色
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-theme-other'
			
 
				+      ,theme: '#393D49'
			
 
				+    });
			
 
				+    
			
 
				+    //定制主题
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-theme-custom'
			
 
				+      ,theme: 'gbw'
			
 
				+    });
			
 
				+    
			
 
				+    //直接嵌套显示
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-static-n1'
			
 
				+      ,position: 'static'
			
 
				+    });
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-static-n2'
			
 
				+      ,position: 'static'
			
 
				+      ,lang: 'en'
			
 
				+    });
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-static-n3'
			
 
				+      ,type: 'year'
			
 
				+      ,position: 'static'
			
 
				+    });
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-static-n4'
			
 
				+      ,type: 'month'
			
 
				+      ,position: 'static'
			
 
				+    });
			
 
				+    laydate.render({
			
 
				+      elem: '#test-laydate-static-n4'
			
 
				+      ,type: 'time'
			
 
				+      ,position: 'static'
			
 
				+    });
			
 
				+    
			
 
				+    
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/layer/list.html
+++ b/src/main/webapp/skin/default/views/component/layer/list.html
@@ -0,0 +1,511 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layer 组件功能演示</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a href="http://layer.layui.com/" target="_blank">layer</a>
			
 
				+      <a><cite>功能演示</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #LAY-component-layer-list .layui-card-body{padding-top: 15px;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-layer-list">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card demo-component-layer">
			
 
				+          <div class="layui-card-header">弹层之美</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <blockquote class="layui-elem-quote">
			
 
				+              layer 是 layui 中最广为人知的组件，它可以轻松应对 Web 应用开发中的各类复杂的弹出交互。有人说使用 layer 是一种情怀，一旦用上了，就离不开了。有多少人是因为 layer 才选择 layui 的呢，有一种信仰，叫：无条件相信
			
 
				+            </blockquote>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">弹层类型</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container layadmin-layer-demo">
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test1">Alert</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test2">Confirm</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test3">Msg</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test4">Tips</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test5">Page</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test6">Iframe</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test7">Prompt</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test8">Tab</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test9">Photos</button>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">常规使用</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container layadmin-layer-demo">
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test10">信息框</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test11">询问层</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test12">提示层</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test13">墨绿深蓝风</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test14">捕获页</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test15">页面层</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test16">自定风格</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test17">tips层1</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test18">tips层2</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test19">iframe层</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test20">iframe窗</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test21">加载层1</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test22">加载层2</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test23">prompt层</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test8">tab层</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test9">相册层</button>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">信息框</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container layadmin-layer-demo">
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test26">例1</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test27">例2</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test28">例3</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test29">例4</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test30">例5</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test31">例6</button>
			
 
				+
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">页面层与iframe层</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container layadmin-layer-demo">
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test33">自定义页面</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test35" id="LAY_layer_iframe_demo">iframe父子通讯</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test36">禁止iframe滚动条</button>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">加载层</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container layadmin-layer-demo">
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test37">风格1</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test38">风格2</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test39">风格3</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test40">风格4</button>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">tips层</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container layadmin-layer-demo">
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test41">显示在上</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test42">显示在右</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test43">显示在下</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test44">显示在左</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test45">不销毁上一个tips</button>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">其它示例</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container layadmin-layer-demo">
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test47">最大化弹出</button>
			
 
				+              <button class="layui-btn layui-btn-primary" data-type="test48">显示在正上方</button>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,admin = layui.admin
			
 
				+    ,element = layui.element
			
 
				+    ,layer = layui.layer;
			
 
				+
			
 
				+    element.render();
			
 
				+    
			
 
				+    /* 触发弹层 */
			
 
				+    var active = {
			
 
				+      test1: function(){
			
 
				+        layer.alert('你好，体验者');
			
 
				+      }
			
 
				+      ,test2: function(){
			
 
				+        layer.confirm('您是如何看待前端开发？', {
			
 
				+          btn: ['重要','奇葩'] //按钮
			
 
				+        }, function(){
			
 
				+          layer.msg('的确很重要', {icon: 1});
			
 
				+        }, function(){
			
 
				+          layer.msg('也可以这样', {
			
 
				+            time: 20000, //20s后自动关闭
			
 
				+            btn: ['明白了', '知道了']
			
 
				+          });
			
 
				+        });
			
 
				+      }
			
 
				+      ,test3: function(){
			
 
				+        layer.msg('玩命提示中');
			
 
				+      }
			
 
				+      ,test4: function(){
			
 
				+        layer.tips('Hi，我是一个提示', this, {tips: 1});
			
 
				+      }
			
 
				+      ,test5: function(){
			
 
				+         layer.open({
			
 
				+          title:'页面层'
			
 
				+          ,type: 1
			
 
				+          //,skin: 'layui-layer-rim'
			
 
				+          ,shadeClose: true
			
 
				+          ,area: admin.screen() < 2 ? ['80%', '300px'] : ['700px', '500px']
			
 
				+          ,content: '<div style="padding: 20px;">放入任意HTML</div>'
			
 
				+        });
			
 
				+      }
			
 
				+      ,test6: function(){
			
 
				+        layer.open({
			
 
				+          type: 2
			
 
				+          ,content: 'http://fly.layui.com/'
			
 
				+          ,shadeClose: true
			
 
				+          ,area: admin.screen() < 2 ? ['100%', '80%'] : ['375px', '500px']
			
 
				+          ,maxmin: true
			
 
				+        });
			
 
				+      }
			
 
				+      ,test7: function(){
			
 
				+        layer.prompt({title: '输入任何口令，并确认', formType: 1}, function(pass, index){
			
 
				+          layer.close(index);
			
 
				+          layer.prompt({title: '随便写点啥，并确认', formType: 2}, function(text, index){
			
 
				+            layer.close(index);
			
 
				+            layer.msg('演示完毕！您的口令：'+ pass +'<br>您最后写下了：'+text);
			
 
				+          });
			
 
				+        });
			
 
				+      }
			
 
				+      ,test8: function(){
			
 
				+        layer.tab({
			
 
				+          area: admin.screen() < 2 ? ['100%', '80%'] : ['600px', '300px'],
			
 
				+          tab: [{
			
 
				+            title: 'TAB1', 
			
 
				+            content: '<div style="padding:20px;">内容1</div>'
			
 
				+          }, {
			
 
				+            title: 'TAB2', 
			
 
				+            content: '<div style="padding:20px;">内容2</div>'
			
 
				+          }]
			
 
				+        });
			
 
				+      }
			
 
				+      ,test9: function(){
			
 
				+        $.getJSON(layui.setter.base + 'json/layer/photos.js', function(json){
			
 
				+          layer.photos({
			
 
				+            photos: json //格式见API文档手册页
			
 
				+          });
			
 
				+        });
			
 
				+      }
			
 
				+      ,test10: function(){
			
 
				+        var icon = -1;
			
 
				+        (function changeIcon(){
			
 
				+          var index = layer.alert('Hi，你好！ 点击确认更换图标', {
			
 
				+            icon: icon,
			
 
				+            shadeClose: true,
			
 
				+            title: icon === -1 ? '初体验 - layer '+layer.v : 'icon：'+icon + ' - layer '+layer.v
			
 
				+          }, changeIcon);
			
 
				+          if(8 === ++icon) layer.close(index);
			
 
				+        }());
			
 
				+      }
			
 
				+      ,test11: function(){
			
 
				+        layer.confirm('真的吗？', function(index){
			
 
				+          layer.msg('哦')
			
 
				+          layer.close(index);
			
 
				+        });
			
 
				+      }
			
 
				+      ,test12: function(){
			
 
				+        layer.msg('玩了命提示中');
			
 
				+      }
			
 
				+      ,test13: function(){
			
 
				+        //墨绿深蓝风
			
 
				+        layer.alert('墨绿风格，点击确认看深蓝', {
			
 
				+          skin: 'layui-layer-molv'
			
 
				+          ,closeBtn: 0
			
 
				+        }, function(){
			
 
				+          layer.alert('偶吧深蓝style', {
			
 
				+            skin: 'layui-layer-lan'
			
 
				+            ,closeBtn: 0
			
 
				+            ,anim: 4
			
 
				+          });
			
 
				+        });
			
 
				+      }
			
 
				+      ,test14: function(){
			
 
				+        layer.open({
			
 
				+          type: 1,
			
 
				+          shade: false,
			
 
				+          title: false,
			
 
				+          content: $('.demo-component-layer'),
			
 
				+          cancel: function(){
			
 
				+            setTimeout(function(){
			
 
				+              layer.tips('捕获就是从页面已经存在的元素上，包裹 layer 的结构，从而弹出显示。是不是比较好玩呢？', '.demo-component-layer', {
			
 
				+                tips: 3, time: 5000
			
 
				+              });
			
 
				+            }, 300);
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+      ,test15: function(){
			
 
				+        layer.open({
			
 
				+          type: 1,
			
 
				+          skin: 'layui-layer-rim',
			
 
				+          area: ['420px', '240px'],
			
 
				+          content: '<div style="padding: 10px;">任意html内容</div>'
			
 
				+        });
			
 
				+      }
			
 
				+      ,test16: function(){
			
 
				+        layer.open({
			
 
				+          type: 1,
			
 
				+          skin: 'layui-layer-admin',
			
 
				+          closeBtn: false,
			
 
				+          area: '350px',
			
 
				+          anim: 5,
			
 
				+          shadeClose: true,
			
 
				+          content: '<div style="padding:20px;">即传入skin:"样式名"，然后你就可以为所欲为了。你怎么样给她整容都行</div>'
			
 
				+        });
			
 
				+      }
			
 
				+      ,test17: function(){
			
 
				+        layer.tips('Hi，我是tips', this, {
			
 
				+          tips: 1
			
 
				+        });
			
 
				+      }
			
 
				+      ,test18: function(){
			
 
				+        layer.tips('我是另外一个tips，只不过我长得跟之前那位稍有些不一样。', this, {
			
 
				+          tips: [3, '#2F9688'],
			
 
				+          time: 4000
			
 
				+        });
			
 
				+      }
			
 
				+      ,test19: function(){
			
 
				+        layer.open({
			
 
				+          type: 2,
			
 
				+          title: '贤心博客',
			
 
				+          shadeClose: true,
			
 
				+          shade: 0.8,
			
 
				+          area: ['375px', '500px'],
			
 
				+          content: 'http://www.layui.com/'
			
 
				+        }); 
			
 
				+      }
			
 
				+      ,test20: function(){
			
 
				+        layer.open({
			
 
				+          type: 2,
			
 
				+          title: '百度一下',
			
 
				+          shade: false,
			
 
				+          maxmin: true,
			
 
				+          area: ['90%', '90%'],
			
 
				+          content: 'http://www.baidu.com/'
			
 
				+        });
			
 
				+      }
			
 
				+      ,test21: function(){
			
 
				+        var ii = layer.load(0, {shade: false});
			
 
				+        setTimeout(function(){
			
 
				+          layer.close(ii)
			
 
				+        }, 3000);
			
 
				+      }
			
 
				+      ,test22: function(){
			
 
				+        var iii = layer.load(1, {
			
 
				+          shade: [0.1,'#fff']
			
 
				+        });
			
 
				+        setTimeout(function(){
			
 
				+          layer.close(iii)
			
 
				+        }, 3000);
			
 
				+      }
			
 
				+      ,test23: function(){
			
 
				+        layer.prompt({title: '写点什么吧'}, function(value, index){
			
 
				+          layer.msg('你写下了：'+ value, {
			
 
				+            icon: 6
			
 
				+            ,shade: 0.9
			
 
				+          }, function(){
			
 
				+            layer.close(index);
			
 
				+          });
			
 
				+        });
			
 
				+      }
			
 
				+      
			
 
				+      ,test26: function(){
			
 
				+        layer.alert('见到你真的很高兴', {icon: 6});
			
 
				+      }
			
 
				+      ,test27: function(){
			
 
				+        layer.msg('你确定你很帅么？', {
			
 
				+          time: 0 //不自动关闭
			
 
				+          ,btn: ['必须啊', '丑到爆']
			
 
				+          ,yes: function(index){
			
 
				+            layer.close(index);
			
 
				+            layer.msg('雅蠛蝶 O.o', {
			
 
				+              icon: 6
			
 
				+              ,time: 0
			
 
				+              ,btn: ['嗷','嗷','嗷']
			
 
				+            });
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+      ,test28: function(){
			
 
				+        layer.msg('这是最常用的吧');
			
 
				+      }
			
 
				+      ,test29: function(){
			
 
				+        layer.msg('并不十分开心。。', {icon: 5});
			
 
				+      }
			
 
				+      ,test30: function(){
			
 
				+        layer.msg('玩命卖萌中', function(){
			
 
				+          layer.msg('卖完了');
			
 
				+        });
			
 
				+      }
			
 
				+      ,test31: function(){
			
 
				+        layer.confirm('真的删除吗？', function(){
			
 
				+          layer.msg('正在删除', {icon: 16}, function(){
			
 
				+            layer.msg('成功删除', {icon: 1})
			
 
				+          });
			
 
				+        });
			
 
				+      }
			
 
				+      
			
 
				+      ,test33: function(){
			
 
				+        layer.open({
			
 
				+          type: 1,
			
 
				+          title: false,
			
 
				+          closeBtn: 0,
			
 
				+          shadeClose: true,
			
 
				+          skin: 'yourClass',
			
 
				+          content: '<div style="padding: 20px; width: 260px; height: 180px;">自定义HTML内容</div>'
			
 
				+        });
			
 
				+      }
			
 
				+     
			
 
				+      ,test35: function(){
			
 
				+        layer.open({
			
 
				+          type: 2,
			
 
				+          area: ['700px', '450px'],
			
 
				+          fixed: false,
			
 
				+          maxmin: true,
			
 
				+          content: '../../iframe/layer/iframe.html'
			
 
				+        });
			
 
				+      }
			
 
				+      ,test36: function(){
			
 
				+        layer.open({
			
 
				+          type: 2,
			
 
				+          area: ['360px', '500px'],
			
 
				+          skin: 'layui-layer-rim',
			
 
				+          content: ['http://www.layui.com/', 'no']
			
 
				+        });
			
 
				+      }
			
 
				+      ,test37: function(){
			
 
				+        layer.load();
			
 
				+        setTimeout(function(){
			
 
				+          layer.closeAll('loading');
			
 
				+        }, 2000);
			
 
				+      }
			
 
				+      ,test38: function(){
			
 
				+        layer.load(1);
			
 
				+        setTimeout(function(){
			
 
				+          layer.closeAll('loading');
			
 
				+        }, 2000);
			
 
				+      }
			
 
				+      ,test39: function(){
			
 
				+        layer.load(2);
			
 
				+        setTimeout(function(){
			
 
				+          layer.closeAll('loading');
			
 
				+        }, 2000);
			
 
				+      }
			
 
				+      ,test40: function(){
			
 
				+        layer.msg('加载中', {
			
 
				+          icon: 16
			
 
				+          ,shade: 0.01
			
 
				+        });
			
 
				+      }
			
 
				+      ,test41: function(){
			
 
				+        layer.tips('上', this, {
			
 
				+          tips: [1, '#000']
			
 
				+        });
			
 
				+      }
			
 
				+      ,test42: function(){
			
 
				+        layer.tips('默认就是向右的，3秒后关闭', this);
			
 
				+      }
			
 
				+      ,test43: function(){
			
 
				+        layer.tips('下', this, {
			
 
				+          tips: 3
			
 
				+        });
			
 
				+      }
			
 
				+      ,test44: function(){
			
 
				+        layer.tips('在很久很久以前，在很久很久以前，在很久很久以前……', this, {
			
 
				+          tips: [4, '#78BA32']
			
 
				+        });
			
 
				+      }
			
 
				+      ,test45: function(){
			
 
				+        layer.tips('不会销毁之前的', this, {tipsMore: true});
			
 
				+      }
			
 
				+
			
 
				+      ,test47: function(){
			
 
				+        var index = layer.open({
			
 
				+          type: 2,
			
 
				+          content: 'http://baidu.com',
			
 
				+          area: ['300px', '300px'],
			
 
				+          maxmin: true
			
 
				+        });
			
 
				+        layer.full(index);
			
 
				+      }
			
 
				+      ,test48: function(){
			
 
				+        layer.msg('灵活运用 offset', {
			
 
				+          offset: 't',
			
 
				+          anim: 6
			
 
				+        });
			
 
				+      }
			
 
				+    };
			
 
				+    
			
 
				+    
			
 
				+    $('#LAY-component-layer-list .layadmin-layer-demo .layui-btn').on('click', function(){
			
 
				+      var type = $(this).data('type');
			
 
				+      active[type] && active[type].call(this);
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/layer/special-demo.html
+++ b/src/main/webapp/skin/default/views/component/layer/special-demo.html
@@ -0,0 +1,167 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layer 组件特殊示例</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a href="http://layer.layui.com/" target="_blank">layer</a>
			
 
				+      <a><cite>特殊示例</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #LAY-component-layer-special-demo .layui-card-body{padding-top: 15px;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-layer-special-demo">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">场景</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container layadmin-layer-demo">
			
 
				+              <button data-method="setTop" class="layui-btn layui-btn-primary">多窗口模式，层叠置顶</button>
			
 
				+              <button data-method="confirmTrans" class="layui-btn layui-btn-primary">配置一个透明的询问框</button>
			
 
				+              <button data-method="notice" class="layui-btn layui-btn-primary">示范一个公告层</button>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">坐标</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container layadmin-layer-demo">
			
 
				+              <button data-method="offset" data-type="t" class="layui-btn layui-btn-primary">上弹出</button>
			
 
				+              <button data-method="offset" data-type="r" class="layui-btn layui-btn-primary">右弹出</button>
			
 
				+              <button data-method="offset" data-type="b" class="layui-btn layui-btn-primary">下弹出</button>
			
 
				+              <button data-method="offset" data-type="l" class="layui-btn layui-btn-primary">左弹出</button>
			
 
				+              <button data-method="offset" data-type="lt" class="layui-btn layui-btn-primary">左上弹出</button>
			
 
				+              <button data-method="offset" data-type="lb" class="layui-btn layui-btn-primary">左下弹出</button>
			
 
				+              <button data-method="offset" data-type="rt" class="layui-btn layui-btn-primary">右上弹出</button>
			
 
				+              <button data-method="offset" data-type="rb" class="layui-btn layui-btn-primary">右下弹出</button>
			
 
				+              <button data-method="offset" data-type="auto" class="layui-btn layui-btn-primary">居中弹出</button>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,admin = layui.admin
			
 
				+    ,element = layui.element
			
 
				+    ,router = layui.router();
			
 
				+
			
 
				+    element.render();
			
 
				+    
			
 
				+    var active = {
			
 
				+      setTop: function(){
			
 
				+        var that = this; 
			
 
				+        layer.open({
			
 
				+          type: 1
			
 
				+          ,title: '当你选择该窗体时，即会在最顶端'
			
 
				+          ,area: ['390px', '260px']
			
 
				+          ,shade: 0
			
 
				+          ,maxmin: true
			
 
				+          ,offset: [
			
 
				+            Math.random()*($(window).height()-300)
			
 
				+            ,Math.random()*($(window).width()-390)
			
 
				+          ] 
			
 
				+          ,content: '<div style="padding: 20px;">当你的页面有很多很多layer窗口，你需要像Window窗体那样，点击某个窗口，该窗体就置顶在上面，那么layer.setTop()可以来轻松实现。它采用巧妙的逻辑，以使这种置顶的性能达到最优。</div>'
			
 
				+          ,btn: ['继续弹出', '全部关闭']
			
 
				+          ,yes: function(){
			
 
				+            $(that).click(); 
			
 
				+          }
			
 
				+          ,btn2: function(){
			
 
				+            layer.closeAll();
			
 
				+          }
			
 
				+          
			
 
				+          ,zIndex: layer.zIndex
			
 
				+          ,success: function(layero){
			
 
				+            layer.setTop(layero);
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+      ,confirmTrans: function(){
			
 
				+        layer.closeAll();
			
 
				+        layer.msg('大部分参数都是可以公用的<br>合理搭配，展示不一样的风格', {
			
 
				+          time: 20*1000, 
			
 
				+          btn: ['明白了', '知道了', '哦']
			
 
				+        });
			
 
				+      }
			
 
				+      ,notice: function(){
			
 
				+        layer.closeAll();
			
 
				+        layer.open({
			
 
				+          type: 1
			
 
				+          ,title: false
			
 
				+          ,closeBtn: false
			
 
				+          ,area: '300px;'
			
 
				+          ,shade: 0.8
			
 
				+          ,id: 'LAY_layuipro'
			
 
				+          ,btn: ['火速围观', '残忍拒绝']
			
 
				+          ,btnAlign: 'c'
			
 
				+          ,moveType: 1 //拖拽模式，0或者1
			
 
				+          ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">你知道吗？亲！<br>layer ≠ layui<br><br>layer只是作为Layui的一个弹层模块，由于其用户基数较大，所以常常会有人以为layui是layerui<br><br>layer虽然已被 Layui 收编为内置的弹层模块，但仍然会作为一个独立组件全力维护、升级。<br><br>我们此后的征途是星辰大海 ^_^</div>'
			
 
				+          ,success: function(layero){
			
 
				+            var btn = layero.find('.layui-layer-btn');
			
 
				+            btn.find('.layui-layer-btn0').attr({
			
 
				+              href: 'http://www.layui.com/'
			
 
				+              ,target: '_blank'
			
 
				+            });
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+      ,offset: function(othis){
			
 
				+        var type = othis.data('type')
			
 
				+        ,text = othis.text();
			
 
				+        
			
 
				+        layer.open({
			
 
				+          type: 1
			
 
				+          ,offset: type
			
 
				+          ,id: 'layerDemo'+type
			
 
				+          ,content: '<div style="padding: 20px 100px;">'+ text +'</div>'
			
 
				+          ,btn: '关闭全部'
			
 
				+          ,btnAlign: 'c'
			
 
				+          ,shade: 0
			
 
				+          ,yes: function(){
			
 
				+            layer.closeAll();
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+    };
			
 
				+    
			
 
				+    $('#LAY-component-layer-special-demo .layadmin-layer-demo .layui-btn').on('click', function(){
			
 
				+      var othis = $(this), method = othis.data('method');
			
 
				+      active[method] ? active[method].call(this, othis) : '';
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/layer/theme.html
+++ b/src/main/webapp/skin/default/views/component/layer/theme.html
@@ -0,0 +1,102 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layer 组件风格定制</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a href="http://layer.layui.com/" target="_blank">layer</a>
			
 
				+      <a><cite>风格定制</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #LAY-component-layer-theme .layui-card-body{padding-top: 15px;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-layer-theme">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">风格定制</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container layadmin-layer-demo">
			
 
				+              <button data-type="test1" class="layui-btn layui-btn-primary">layuiAdmin风格</button>
			
 
				+              <button data-type="test2" class="layui-btn layui-btn-primary">右侧呼出</button>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            持续增加中
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,admin = layui.admin
			
 
				+    ,element = layui.element
			
 
				+    ,router = layui.router();
			
 
				+
			
 
				+    element.render();
			
 
				+    
			
 
				+    var active = {
			
 
				+      test1: function(){
			
 
				+        admin.popup({
			
 
				+          title: 'layuiAdmin'
			
 
				+          ,shade: 0
			
 
				+          ,anim: -1
			
 
				+          ,area: ['280px', '150px']
			
 
				+          ,id: 'layadmin-layer-skin-test'
			
 
				+          ,skin: 'layui-anim layui-anim-upbit'
			
 
				+          ,content: '内容'
			
 
				+        })
			
 
				+      }
			
 
				+      ,test2: function(){
			
 
				+        top.layui.admin.popupRight({
			
 
				+          id: 'LAY_adminPopupLayerTest'
			
 
				+          ,success: function(){
			
 
				+            $('#'+ this.id).html('<div style="padding: 20px;">放入内容</div>');
			
 
				+            //admin.view(this.id).render('system/xxx')
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+    };
			
 
				+    
			
 
				+    $('#LAY-component-layer-theme .layadmin-layer-demo .layui-btn').on('click', function(){
			
 
				+      var type = $(this).data('type');
			
 
				+      active[type] && active[type].call(this);
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/laypage/demo1.html
+++ b/src/main/webapp/skin/default/views/component/laypage/demo1.html
@@ -0,0 +1,176 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>功能演示1 - 通用分页组件</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>分页演示一</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">总页数低于页码总数</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo0"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">总页数大于页码总数</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo1"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义主题 - 颜色随意定义</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo2"></div>
			
 
				+            <div id="test-laypage-demo2-1"></div>
			
 
				+            <div id="test-laypage-demo2-2"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义首页、尾页、上一页、下一页文本</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo3"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">不显示首页尾页</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo4"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">开启HASH</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo5"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">只显示上一页、下一页</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo6"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'laypage'], function(){
			
 
				+    var laypage = layui.laypage;
			
 
				+    
			
 
				+    //总页数低于页码总数
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo0'
			
 
				+      ,count: 50 //数据总数
			
 
				+    });
			
 
				+    
			
 
				+    //总页数大于页码总数
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo1'
			
 
				+      ,count: 70 //数据总数
			
 
				+      ,jump: function(obj){
			
 
				+        console.log(obj)
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //自定义样式
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo2'
			
 
				+      ,count: 100
			
 
				+      ,theme: '#1E9FFF'
			
 
				+    });
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo2-1'
			
 
				+      ,count: 100
			
 
				+      ,theme: '#FF5722'
			
 
				+    });
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo2-2'
			
 
				+      ,count: 100
			
 
				+      ,theme: '#FFB800'
			
 
				+    });
			
 
				+    
			
 
				+    //自定义首页、尾页、上一页、下一页文本
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo3'
			
 
				+      ,count: 100
			
 
				+      ,first: '首页'
			
 
				+      ,last: '尾页'
			
 
				+      ,prev: '<em>←</em>'
			
 
				+      ,next: '<em>→</em>'
			
 
				+    });
			
 
				+    
			
 
				+    //不显示首页尾页
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo4'
			
 
				+      ,count: 100
			
 
				+      ,first: false
			
 
				+      ,last: false
			
 
				+    });
			
 
				+    
			
 
				+    //开启HASH
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo5'
			
 
				+      ,count: 500
			
 
				+      ,curr: location.hash.replace('#!fenye=', '') //获取hash值为fenye的当前页
			
 
				+      ,hash: 'fenye' //自定义hash值
			
 
				+    });
			
 
				+    
			
 
				+    //只显示上一页、下一页
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo6'
			
 
				+      ,count: 50
			
 
				+      ,layout: ['prev', 'next']
			
 
				+      ,jump: function(obj, first){
			
 
				+        if(!first){
			
 
				+          layer.msg('第 '+ obj.curr +' 页');
			
 
				+        }
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
--- a/src/main/webapp/skin/default/views/component/laypage/demo2.html
+++ b/src/main/webapp/skin/default/views/component/laypage/demo2.html
@@ -0,0 +1,177 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>功能演示2 - 通用分页组件</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>分页演示二</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">显示完整功能</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo7"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义排版</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo8"></div>
			
 
				+            <div id="test-laypage-demo9"></div>
			
 
				+            <div id="test-laypage-demo10"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义每页条数的选择项</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo11"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">将一段已知数组分页展示</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-laypage-demo20"></div>
			
 
				+            <ul id="test-laypage-biuuu_city_list"></ul> 
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+ 
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'laypage'], function(){
			
 
				+    var laypage = layui.laypage;
			
 
				+    
			
 
				+    //完整功能
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo7'
			
 
				+      ,count: 100
			
 
				+      ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
			
 
				+      ,jump: function(obj){
			
 
				+        console.log(obj)
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //自定义排版
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo8'
			
 
				+      ,count: 1000
			
 
				+      ,layout: ['limit', 'prev', 'page', 'next']
			
 
				+    });
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo9'
			
 
				+      ,count: 1000
			
 
				+      ,layout: ['prev', 'next', 'page']
			
 
				+    });
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo10'
			
 
				+      ,count: 1000
			
 
				+      ,layout: ['page', 'count']
			
 
				+    });
			
 
				+    
			
 
				+    //自定义每页条数的选择项
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo11'
			
 
				+      ,count: 1000
			
 
				+      ,limit: 100
			
 
				+      ,limits: [100, 300, 500]
			
 
				+    });
			
 
				+    
			
 
				+    
			
 
				+    //将一段数组分页展示
			
 
				+    
			
 
				+    //测试数据
			
 
				+    var testLayPageData = [
			
 
				+      '北京',
			
 
				+      '上海',
			
 
				+      '广州',
			
 
				+      '深圳',
			
 
				+      '杭州',
			
 
				+      '长沙',
			
 
				+      '合肥',
			
 
				+      '宁夏',
			
 
				+      '成都',
			
 
				+      '西安',
			
 
				+      '南昌',
			
 
				+      '上饶',
			
 
				+      '沈阳',
			
 
				+      '济南',
			
 
				+      '厦门',
			
 
				+      '福州',
			
 
				+      '九江',
			
 
				+      '宜春',
			
 
				+      '赣州',
			
 
				+      '宁波',
			
 
				+      '绍兴',
			
 
				+      '无锡',
			
 
				+      '苏州',
			
 
				+      '徐州',
			
 
				+      '东莞',
			
 
				+      '佛山',
			
 
				+      '中山',
			
 
				+      '成都',
			
 
				+      '武汉',
			
 
				+      '青岛',
			
 
				+      '天津',
			
 
				+      '重庆',
			
 
				+      '南京',
			
 
				+      '九江',
			
 
				+      '香港',
			
 
				+      '澳门',
			
 
				+      '台北'
			
 
				+    ];
			
 
				+    
			
 
				+    //调用分页
			
 
				+    laypage.render({
			
 
				+      elem: 'test-laypage-demo20'
			
 
				+      ,count: testLayPageData.length
			
 
				+      ,jump: function(obj){
			
 
				+        //模拟渲染
			
 
				+        document.getElementById('test-laypage-biuuu_city_list').innerHTML = function(){
			
 
				+          var arr = []
			
 
				+          ,thisData = testLayPageData.concat().splice(obj.curr*obj.limit - obj.limit, obj.limit);
			
 
				+          layui.each(thisData, function(index, item){
			
 
				+            arr.push('<li>'+ item +'</li>');
			
 
				+          });
			
 
				+          return arr.join('');
			
 
				+        }();
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
--- a/src/main/webapp/skin/default/views/component/laypage/index.html
+++ b/src/main/webapp/skin/default/views/component/laypage/index.html
@@ -0,0 +1,46 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+<div class="layui-card layadmin-header">
			
 
				+  <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+    <a lay-href="">主页</a>
			
 
				+    <a><cite>组件</cite></a>
			
 
				+    <a><cite>分页</cite></a>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<style>
			
 
				+/* 这段样式只是用于演示 */
			
 
				+.layadmin-trailer{position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 15px; display: flex; justify-content: center; flex-direction: column; text-align: center; box-sizing: border-box; font-size: 20px; font-weight: 300; color: #ccc;}
			
 
				+</style>
			
 
				+
			
 
				+<div class="layadmin-trailer">
			
 
				+  <div style="width: 280px; margin: 0 auto;">
			
 
				+    <a href="http://www.layui.com/demo/laypage.html" target="_blank" class="layui-btn">
			
 
				+      正在整理中，你可以先去官网看示例
			
 
				+    </a>
			
 
				+  </a>
			
 
				+</div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
--- a/src/main/webapp/skin/default/views/component/laytpl/index.html
+++ b/src/main/webapp/skin/default/views/component/laytpl/index.html
@@ -0,0 +1,138 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+    .site-demo-laytpl{text-align: center;}
			
 
				+    .site-demo-laytpl textarea,
			
 
				+    .site-demo-laytpl div span{width: 40%;  padding: 15px; margin: 0 15px;}
			
 
				+    .site-demo-laytpl textarea{height: 300px; border: none; background-color: #3F3F3F; color: #E3CEAB; font-family: Courier New; resize: none;}
			
 
				+    .site-demo-laytpl div span{display: inline-block; text-align: center; background: #101010; color: #fff;}
			
 
				+    .site-demo-tplres{margin: 10px 0; text-align: center}
			
 
				+    .site-demo-tplres .site-demo-tplh2,
			
 
				+    .site-demo-tplres .site-demo-tplview{display: inline-block; width: 50%;}
			
 
				+    .site-demo-tplres h2{padding: 15px; background: #e2e2e2;}
			
 
				+    .site-demo-tplres h3{font-weight: 700;}
			
 
				+    .site-demo-tplres div{padding: 14px; border: 1px solid #e2e2e2; text-align: left;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>模板引擎</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">在线调试</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="site-demo-laytpl">
			
 
				+        
			
 
				+              <div>
			
 
				+                <span>数据</span>
			
 
				+                <span>模版</span>
			
 
				+              </div>
			
 
				+            
			
 
				+              <textarea class="site-demo-text" id="data">
			
 
				+      {
			
 
				+        "title": "Layui常用模块"
			
 
				+        ,"list": [
			
 
				+          {
			
 
				+            "modname": "弹层"
			
 
				+            ,"alias": "layer"
			
 
				+            ,"site": "layer.layui.com"
			
 
				+          }
			
 
				+          ,{
			
 
				+            "modname": "表单"
			
 
				+            ,"alias": "form"
			
 
				+          }
			
 
				+          ,{
			
 
				+            "modname": "分页"
			
 
				+            ,"alias": "laypage"
			
 
				+          }
			
 
				+          ,{
			
 
				+            "modname": "日期"
			
 
				+            ,"alias": "laydate"
			
 
				+          }
			
 
				+          ,{
			
 
				+            "modname": "上传"
			
 
				+            ,"alias": "upload"
			
 
				+          }
			
 
				+        ]
			
 
				+      }
			
 
				+              </textarea>
			
 
				+            
			
 
				+              <textarea class="site-demo-text" id="tpl">
			
 
				+      <h3>{{ d.title }}</h3>
			
 
				+      <ul>
			
 
				+      {{#  layui.each(d.list, function(index, item){ }}
			
 
				+        <li>
			
 
				+          <span>{{ item.modname }}</span>
			
 
				+          <span>{{ item.alias }}：</span>
			
 
				+          <span>{{ item.site || '' }}</span>
			
 
				+        </li>
			
 
				+      {{#  }); }}
			
 
				+       
			
 
				+      {{#  if(d.list.length === 0){ }}
			
 
				+        无数据
			
 
				+      {{#  } }} 
			
 
				+      </ul>
			
 
				+              </textarea>
			
 
				+          </div>
			
 
				+          <div class="site-demo-tplres">
			
 
				+            <h2 class="site-demo-tplh2">视图结果</h2>
			
 
				+            <div class="site-demo-tplview" id="view"></div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'laytpl'], function(){
			
 
				+    var laytpl = layui.laytpl;
			
 
				+  
			
 
				+    var view = document.getElementById('view')
			
 
				+    ,controller = function(){
			
 
				+      try{
			
 
				+        var html = laytpl(tpl.value).render(JSON.parse(data.value));
			
 
				+        view.innerHTML = html;
			
 
				+      } catch(e){
			
 
				+        view.innerHTML = '<span style="color: #c00;">'+ e.toString() + '</span>';
			
 
				+      }
			
 
				+    };
			
 
				+    
			
 
				+    controller();
			
 
				+    
			
 
				+    layui.each(document.getElementsByTagName('textarea'), function(index, item){
			
 
				+      item.onkeyup = function(){
			
 
				+        controller();
			
 
				+      }
			
 
				+    });
			
 
				+  
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/nav/index.html
+++ b/src/main/webapp/skin/default/views/component/nav/index.html
@@ -0,0 +1,218 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  #LAY-component-nav .layui-nav-tree {vertical-align: top;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-nav">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">水平导航菜单</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <ul class="layui-nav" lay-filter="component-nav">
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">最新活动</a></li>
			
 
				+              <li class="layui-nav-item layui-this">
			
 
				+                <a href="javascript:;">产品</a>
			
 
				+                <dl class="layui-nav-child">
			
 
				+                  <dd><a href="javascript:;">选项1</a></dd>
			
 
				+                  <dd><a href="javascript:;">选项2</a></dd>
			
 
				+                  <dd><a href="javascript:;">选项3</a></dd>
			
 
				+                </dl>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">大数据</a></li>
			
 
				+              <li class="layui-nav-item">
			
 
				+                <a href="javascript:;">解决方案</a>
			
 
				+                <dl class="layui-nav-child">
			
 
				+                  <dd><a href="javascript:;">移动模块</a></dd>
			
 
				+                  <dd><a href="javascript:;">后台模版</a></dd>
			
 
				+                  <dd class="layui-this"><a href="javascript:;">选中项</a></dd>
			
 
				+                  <dd><a href="javascript:;">电商平台</a></dd>
			
 
				+                </dl>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">社区</a></li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">导航带徽章和图片</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <ul class="layui-nav" lay-filter="component-nav">
			
 
				+              <li class="layui-nav-item">
			
 
				+                <a href="javascript:;">控制台<span class="layui-badge">9</span></a>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item">
			
 
				+                <a href="javascript:;">个人中心<span class="layui-badge-dot"></span></a>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item" lay-unselect="">
			
 
				+                <a href="javascript:;"><img src="http://t.cn/RCzsdCq" class="layui-nav-img">我</a>
			
 
				+                <dl class="layui-nav-child">
			
 
				+                  <dd><a href="javascript:;">修改信息</a></dd>
			
 
				+                  <dd><a href="javascript:;">安全管理</a></dd>
			
 
				+                  <dd><a href="javascript:;">退了</a></dd>
			
 
				+                </dl>
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">导航主题</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <ul class="layui-nav layui-bg-cyan" lay-filter="component-nav">
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">藏青导航</a></li>
			
 
				+              <li class="layui-nav-item layui-this"><a href="javascript:;">产品</a></li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">大数据</a></li>
			
 
				+              <li class="layui-nav-item">
			
 
				+                <a href="javascript:;">解决方案</a>
			
 
				+                <dl class="layui-nav-child">
			
 
				+                  <dd><a href="javascript:;">移动模块</a></dd>
			
 
				+                  <dd><a href="javascript:;">后台模版</a></dd>
			
 
				+                  <dd><a href="javascript:;">电商平台</a></dd>
			
 
				+                </dl>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">社区</a></li>
			
 
				+            </ul>
			
 
				+            <br>
			
 
				+            <ul class="layui-nav layui-bg-green" lay-filter="component-nav">
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">墨绿导航</a></li>
			
 
				+              <li class="layui-nav-item layui-this"><a href="javascript:;">产品</a></li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">大数据</a></li>
			
 
				+              <li class="layui-nav-item">
			
 
				+                <a href="javascript:;">解决方案</a>
			
 
				+                <dl class="layui-nav-child">
			
 
				+                  <dd><a href="javascript:;">移动模块</a></dd>
			
 
				+                  <dd><a href="javascript:;">后台模版</a></dd>
			
 
				+                  <dd><a href="javascript:;">电商平台</a></dd>
			
 
				+                </dl>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">社区</a></li>
			
 
				+            </ul>
			
 
				+            <br>
			
 
				+            <ul class="layui-nav layui-bg-blue" lay-filter="component-nav">
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">艳蓝导航</a></li>
			
 
				+              <li class="layui-nav-item layui-this"><a href="javascript:;">产品</a></li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">大数据</a></li>
			
 
				+              <li class="layui-nav-item">
			
 
				+                <a href="javascript:;">解决方案</a>
			
 
				+                <dl class="layui-nav-child">
			
 
				+                  <dd><a href="javascript:;">移动模块</a></dd>
			
 
				+                  <dd><a href="javascript:;">后台模版</a></dd>
			
 
				+                  <dd><a href="javascript:;">电商平台</a></dd>
			
 
				+                </dl>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">社区</a></li>
			
 
				+            </ul> 
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">垂直导航菜单</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="component-nav-active" style="margin-right: 10px;">
			
 
				+              <li class="layui-nav-item layui-nav-itemed">
			
 
				+                <a href="javascript:;">默认展开</a>
			
 
				+                <dl class="layui-nav-child">
			
 
				+                  <dd><a href="javascript:;">选项一</a></dd>
			
 
				+                  <dd><a href="javascript:;">选项二</a></dd>
			
 
				+                  <dd><a href="javascript:;">选项三</a></dd>
			
 
				+                  <dd><a href="javascript:;">跳转项</a></dd>
			
 
				+                </dl>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item">
			
 
				+                <a href="javascript:;">解决方案</a>
			
 
				+                <dl class="layui-nav-child">
			
 
				+                  <dd><a href="javascript:;">移动模块</a></dd>
			
 
				+                  <dd><a href="javascript:;">后台模版</a></dd>
			
 
				+                  <dd><a href="javascript:;">电商平台</a></dd>
			
 
				+                </dl>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">云市场</a></li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">社区</a></li>
			
 
				+            </ul>
			
 
				+            <ul class="layui-nav layui-nav-tree layui-bg-cyan layui-inline" lay-filter="component-nav-active">
			
 
				+              <li class="layui-nav-item layui-nav-itemed">
			
 
				+                <a href="javascript:;">默认展开</a>
			
 
				+                <dl class="layui-nav-child">
			
 
				+                  <dd><a href="javascript:;">选项一</a></dd>
			
 
				+                  <dd><a href="javascript:;">选项二</a></dd>
			
 
				+                  <dd><a href="javascript:;">选项三</a></dd>
			
 
				+                  <dd><a href="http://www.layui.com/admin/" target="_blank">跳转项</a></dd>
			
 
				+                </dl>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item">
			
 
				+                <a href="javascript:;">解决方案</a>
			
 
				+                <dl class="layui-nav-child">
			
 
				+                  <dd><a href="javascript:;">移动模块</a></dd>
			
 
				+                  <dd><a href="javascript:;">后台模版</a></dd>
			
 
				+                  <dd><a href="javascript:;">电商平台</a></dd>
			
 
				+                </dl>
			
 
				+              </li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">云市场</a></li>
			
 
				+              <li class="layui-nav-item"><a href="javascript:;">社区</a></li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">面包屑</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <span class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+              <a href="javascript:;">首页</a>
			
 
				+              <a href="javascript:;">演示</a>
			
 
				+              <a><cite>导航元素</cite></a>
			
 
				+            </span>
			
 
				+            <br>
			
 
				+            <span class="layui-breadcrumb" lay-separator="-" lay-filter="breadcrumb">
			
 
				+              <a href="javascript:;">首页</a>
			
 
				+              <a href="javascript:;">演示</a>
			
 
				+              <a><cite>导航元素</cite></a>
			
 
				+            </span>
			
 
				+            <br>
			
 
				+            <span class="layui-breadcrumb" lay-separator="\" lay-filter="breadcrumb">
			
 
				+              <a href="javascript:;">首页</a>
			
 
				+              <a href="javascript:;">演示</a>
			
 
				+              <a><cite>导航元素</cite></a>
			
 
				+            </span>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,admin = layui.admin
			
 
				+    ,element = layui.element;
			
 
				+
			
 
				+    element.render('nav', 'component-nav');
			
 
				+    element.render('nav', 'component-nav-active');
			
 
				+    
			
 
				+    element.on('nav(component-nav-active)', function(elem){
			
 
				+      layer.msg(elem.text());
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/panel/index.html
+++ b/src/main/webapp/skin/default/views/component/panel/index.html
--- a/src/main/webapp/skin/default/views/component/progress/index.html
+++ b/src/main/webapp/skin/default/views/component/progress/index.html
@@ -0,0 +1,170 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+  /* 这段样式只是用于演示 */
			
 
				+  .layui-progress{margin: 20px 0;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid" id="LAY-component-progress">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">默认进度条</div>
			
 
				+          <div class="layui-card-body">
			
 
				+          
			
 
				+            <div class="layui-progress">
			
 
				+              <div class="layui-progress-bar" lay-percent="50%"></div>
			
 
				+            </div>
			
 
				+            <div class="layui-row layui-col-space15">
			
 
				+              <div class="layui-col-xs6">
			
 
				+                <div class="layui-progress">
			
 
				+                  <div class="layui-progress-bar" lay-percent="50%"></div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-col-xs6">
			
 
				+                <div class="layui-progress">
			
 
				+                  <div class="layui-progress-bar" lay-percent="50%"></div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">更多颜色进度条</div>
			
 
				+          <div class="layui-card-body">
			
 
				+          
			
 
				+            <div class="layui-progress">
			
 
				+              <div class="layui-progress-bar layui-bg-red" lay-percent="20%"></div>
			
 
				+            </div>
			
 
				+
			
 
				+            <div class="layui-progress">
			
 
				+              <div class="layui-progress-bar layui-bg-orange" lay-percent="30%"></div>
			
 
				+            </div>
			
 
				+
			
 
				+            <div class="layui-progress">
			
 
				+              <div class="layui-progress-bar layui-bg-green" lay-percent="40%"></div>
			
 
				+            </div>
			
 
				+
			
 
				+            <div class="layui-progress">
			
 
				+              <div class="layui-progress-bar layui-bg-blue" lay-percent="50%"></div>
			
 
				+            </div>
			
 
				+
			
 
				+            <div class="layui-progress">
			
 
				+              <div class="layui-progress-bar layui-bg-cyan" lay-percent="60%"></div>
			
 
				+            </div>
			
 
				+            
			
 
				+            <div class="layui-progress layui-progress-big">
			
 
				+              <div class="layui-progress-bar" lay-percent="20%"></div>
			
 
				+            </div>
			
 
				+            <div class="layui-progress layui-progress-big">
			
 
				+              <div class="layui-progress-bar layui-bg-green" lay-percent="35%"></div>
			
 
				+            </div>
			
 
				+            <div class="layui-progress layui-progress-big">
			
 
				+              <div class="layui-progress-bar layui-bg-cyan" lay-percent="75%"></div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">动态改变进度</div>
			
 
				+          <div class="layui-card-body">
			
 
				+
			
 
				+              <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="component-progress-demo">
			
 
				+                <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
			
 
				+              </div>
			
 
				+               
			
 
				+              <div class="layui-btn-container" style="margin-top: 20px; margin-bottom: 0;">
			
 
				+                <button class="layui-btn site-demo-active" data-type="setPercent">设置50%</button>
			
 
				+                <button class="layui-btn site-demo-active" data-type="loading">模拟loading</button>
			
 
				+              </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">显示进度比文本</div>
			
 
				+          <div class="layui-card-body">
			
 
				+
			
 
				+            <div class="layui-progress" lay-showpercent="true">
			
 
				+              <div class="layui-progress-bar" lay-percent="20%"></div>
			
 
				+            </div>
			
 
				+            <div class="layui-progress" lay-showpercent="true">
			
 
				+              <div class="layui-progress-bar" lay-percent="5 / 10"></div>
			
 
				+            </div>
			
 
				+            <div class="layui-progress layui-progress-big" lay-showpercent="true">
			
 
				+              <div class="layui-progress-bar" lay-percent="70%"></div>
			
 
				+            </div>
			
 
				+          
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,admin = layui.admin
			
 
				+    ,element = layui.element
			
 
				+    ,router = layui.router();
			
 
				+
			
 
				+    element.render('progress');
			
 
				+    
			
 
				+    //触发事件
			
 
				+    var active = {
			
 
				+      setPercent: function(){
			
 
				+        //设置50%进度
			
 
				+        element.progress('component-progress-demo', '50%')
			
 
				+      }
			
 
				+      ,loading: function(othis){
			
 
				+        var DISABLED = 'layui-btn-disabled';
			
 
				+        if(othis.hasClass(DISABLED)) return;
			
 
				+      
			
 
				+        //模拟loading
			
 
				+        var n = 0, timer = setInterval(function(){
			
 
				+          n = n + Math.random()*10|0;  
			
 
				+          if(n>100){
			
 
				+            n = 100;
			
 
				+            clearInterval(timer);
			
 
				+            othis.removeClass(DISABLED);
			
 
				+          }
			
 
				+          element.progress('component-progress-demo', n+'%');
			
 
				+        }, 300+Math.random()*1000);
			
 
				+        
			
 
				+        othis.addClass(DISABLED);
			
 
				+      }
			
 
				+    };
			
 
				+    
			
 
				+    $('#LAY-component-progress .site-demo-active').on('click', function(){
			
 
				+      var othis = $(this), type = $(this).data('type');
			
 
				+      active[type] ? active[type].call(this, othis) : '';
			
 
				+    });
			
 
				+    
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/rate/index.html
+++ b/src/main/webapp/skin/default/views/component/rate/index.html
@@ -0,0 +1,188 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">基础效果</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-rate-dome1"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">显示文字</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-rate-dome2"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">半星效果</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-rate-dome3"></div>
			
 
				+            <div><div id="test-rate-dome4"></div></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义主题色</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <ul>
			
 
				+              <li><div id="test-rate-dome10"></div></li>
			
 
				+              <li><div id="test-rate-dome11"></div></li>
			
 
				+              <li><div id="test-rate-dome12"></div></li>
			
 
				+              <li><div id="test-rate-dome13"></div></li>
			
 
				+              <li><div id="test-rate-dome14"></div></li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">只读</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-rate-dome9"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义内容</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-rate-dome5"></div>
			
 
				+            <div><div id="test-rate-dome6"></div></div> 
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义长度</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-rate-dome7"></div>
			
 
				+            <div><div id="test-rate-dome8"></div></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'rate'], function(){
			
 
				+    var rate = layui.rate;
			
 
				+    //基础效果
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome1'
			
 
				+    })
			
 
				+   
			
 
				+    //显示文字
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome2'
			
 
				+      ,value: 2 //初始值
			
 
				+      ,text: true //开启文本
			
 
				+    });
			
 
				+   
			
 
				+    //半星效果
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome3'
			
 
				+      ,value: 2.5 //初始值
			
 
				+      ,half: true //开启半星
			
 
				+    })
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome4'
			
 
				+      ,value: 3.5
			
 
				+      ,half: true
			
 
				+      ,text: true
			
 
				+    })
			
 
				+   
			
 
				+    //自定义文本
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome5'
			
 
				+      ,value: 3
			
 
				+      ,text: true
			
 
				+      ,setText: function(value){ //自定义文本的回调
			
 
				+        var arrs = {
			
 
				+          '1': '极差'
			
 
				+          ,'2': '差'
			
 
				+          ,'3': '中等'
			
 
				+          ,'4': '好'
			
 
				+          ,'5': '极好'
			
 
				+        };
			
 
				+        this.span.text(arrs[value] || ( value + "星"));
			
 
				+      }
			
 
				+    })
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome6'
			
 
				+      ,value: 1.5
			
 
				+      ,half: true
			
 
				+      ,text: true
			
 
				+      ,setText: function(value){
			
 
				+        this.span.text(value);
			
 
				+      }
			
 
				+    })
			
 
				+   
			
 
				+    //自定义长度
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome7'
			
 
				+      ,length: 3
			
 
				+    });
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome8'
			
 
				+      ,length: 10
			
 
				+      ,value: 8 //初始值
			
 
				+    });
			
 
				+   
			
 
				+    //只读
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome9'
			
 
				+      ,value: 4
			
 
				+      ,readonly: true
			
 
				+    });
			
 
				+ 
			
 
				+    //主题色
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome10'
			
 
				+      ,value: 3
			
 
				+      ,theme: '#FF8000' //自定义主题色
			
 
				+    });
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome11'
			
 
				+      ,value: 3
			
 
				+      ,theme: '#009688'
			
 
				+    });
			
 
				+   
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome12'
			
 
				+      ,value: 2.5
			
 
				+      ,half: true
			
 
				+      ,theme: '#1E9FFF'
			
 
				+    })
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome13'
			
 
				+      ,value: 2.5
			
 
				+      ,half: true
			
 
				+      ,theme: '#2F4056'
			
 
				+    });
			
 
				+    rate.render({
			
 
				+      elem: '#test-rate-dome14'
			
 
				+      ,value: 2.5
			
 
				+      ,half: true
			
 
				+      ,theme: '#FE0000'
			
 
				+    })
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/slider/index.html
+++ b/src/main/webapp/skin/default/views/component/slider/index.html
@@ -0,0 +1,234 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>滑块组件</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <style>
			
 
				+  .test-slider-demo{margin: 45px 30px;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">基础效果</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-slider-dome1" class="test-slider-demo"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">定义初始值</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-slider-dome1" class="test-slider-demo"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">设置最大最小值</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-slider-dome3" class="test-slider-demo"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">设置步长</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-slider-dome4" class="test-slider-demo"></div>
			
 
				+            <div id="test-slider-dome5" class="test-slider-demo"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">设置提示文本</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-slider-dome6" class="test-slider-demo"></div>
			
 
				+            <div id="test-slider-dome7" class="test-slider-demo"></div>
			
 
				+            <div id="test-slider-tips1" style="position:relative; left: 30px; top: -20px;"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">开启输入框</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-slider-dome8" class="test-slider-demo"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">开启范围选择</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-slider-dome9" class="test-slider-demo"></div>
			
 
				+            <div id="test-slider-tips2" style="position:relative; left: 30px; margin-top: -10px;"></div>
			
 
				+            <div id="test-slider-dome10" class="test-slider-demo"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">垂直滑块</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-slider-dome11" style="margin: 45px 30px; display: inline-block;"></div>
			
 
				+            <div id="test-slider-dome12" style="margin: 45px 30px; display: inline-block;"></div>
			
 
				+            <div id="test-slider-dome13" style="margin: 45px 30px; display: inline-block;"></div>
			
 
				+            <div id="test-slider-dome14" style="margin: 45px 30px; display: inline-block;"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义颜色</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-slider-dome15" class="test-slider-demo"></div>
			
 
				+            <div id="test-slider-dome16" class="test-slider-demo"></div>
			
 
				+            <div id="test-slider-dome17" class="test-slider-demo"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">禁用滑块</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div id="test-slider-dome18" class="test-slider-demo"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'slider'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,slider = layui.slider;
			
 
				+  
			
 
				+    //默认滑块
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome1'
			
 
				+    });
			
 
				+    
			
 
				+    //定义初始值
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome2'
			
 
				+      ,value: 20 //初始值
			
 
				+    });
			
 
				+    
			
 
				+    //设置最大最小值
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome3'
			
 
				+      ,min: 20 //最小值
			
 
				+      ,max: 50 //最大值
			
 
				+    });
			
 
				+    
			
 
				+    //设置步长
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome4'
			
 
				+      ,step: 10 //步长
			
 
				+    });
			
 
				+    
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome5'
			
 
				+      ,step: 10 //步长
			
 
				+      ,showstep: true //开启间隔点
			
 
				+    });
			
 
				+    
			
 
				+    //设置提示文本
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome6'
			
 
				+      ,min: 20
			
 
				+      ,max: 1000
			
 
				+      ,setTips: function(value){ //自定义提示文本
			
 
				+       return value + 'GB';
			
 
				+      }
			
 
				+    });
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome7'
			
 
				+      ,tips: false //关闭默认提示层
			
 
				+      ,change: function(value){
			
 
				+        $('#test-slider-tips1').html('当前数值：'+ value);
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //开启输入框
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome8'
			
 
				+      ,input: true //输入框
			
 
				+    });
			
 
				+    
			
 
				+    //开启范围选择
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome9'
			
 
				+      ,value: 40 //初始值
			
 
				+      ,range: true //范围选择
			
 
				+      ,change: function(vals){
			
 
				+        $('#test-slider-tips2').html('开始值：'+ vals[0] + '、结尾值：'+ vals[1]);
			
 
				+      }
			
 
				+    });
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome10'
			
 
				+      ,value: [30, 60] //初始值
			
 
				+      ,range: true //范围选择
			
 
				+    });
			
 
				+    
			
 
				+    //垂直滑块
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome11'
			
 
				+      ,type: 'vertical' //垂直滑块
			
 
				+    });
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome12'
			
 
				+      ,value: 30
			
 
				+      ,type: 'vertical' //垂直滑块
			
 
				+    });
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome13'
			
 
				+      ,value: 50
			
 
				+      ,range: true //范围选择
			
 
				+      ,type: 'vertical' //垂直滑块
			
 
				+    });
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome14'
			
 
				+      ,value: 80
			
 
				+      ,input: true //输入框
			
 
				+      ,type: 'vertical' //垂直滑块
			
 
				+    });
			
 
				+    
			
 
				+    //自定义颜色
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome15'
			
 
				+      ,theme: '#1E9FFF' //主题色
			
 
				+    });
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome16'
			
 
				+      ,value: 50
			
 
				+      ,theme: '#5FB878' //主题色
			
 
				+    });
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome17'
			
 
				+      ,value: [30, 70]
			
 
				+      ,range: true
			
 
				+      ,theme: '#FF5722' //主题色
			
 
				+    });
			
 
				+    
			
 
				+    //禁用滑块
			
 
				+    slider.render({
			
 
				+      elem: '#test-slider-dome18'
			
 
				+      ,value: 35
			
 
				+      ,disabled: true //禁用滑块
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/auto.html
+++ b/src/main/webapp/skin/default/views/component/table/auto.html
@@ -0,0 +1,68 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>列宽自动分配</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">列宽自动分配</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-autowidth"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-autowidth'
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
			
 
				+      ,cols: [[
			
 
				+        {type: 'numbers', title: '序号'},
			
 
				+        {field:'id', title: 'ID', sort: true}
			
 
				+        ,{field:'username', title: '用户名'} //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
			
 
				+        ,{field:'sex', title: '性别', sort: true}
			
 
				+        ,{field:'city', title: '城市'}
			
 
				+        ,{field:'sign', title: '签名'}
			
 
				+        ,{field:'classify', title: '职业', align: 'center'} //单元格内容水平居中
			
 
				+        ,{field:'experience', title: '积分', sort: true, align: 'right'} //单元格内容水平居中
			
 
				+        ,{field:'score', title: '评分', sort: true, align: 'right'}
			
 
				+        ,{field:'wealth', title: '财富', sort: true, align: 'right'}
			
 
				+      ]]
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/cellEdit.html
+++ b/src/main/webapp/skin/default/views/component/table/cellEdit.html
@@ -0,0 +1,75 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>开启单元格编辑</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">开启单元格编辑</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-cellEdit" lay-filter="test-table-cellEdit"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-cellEdit'
			
 
				+      ,url: layui.setter.base + 'json/table/demo.js'
			
 
				+      ,cols: [[
			
 
				+        {type:'checkbox'},
			
 
				+        {type: 'numbers', title: '序号'}
			
 
				+        ,{field:'id', title:'ID', width:80, sort: true}
			
 
				+        ,{field:'username', title:'用户名', width:120, sort: true, edit: 'text'}
			
 
				+        ,{field:'email', title:'邮箱', edit: 'text', minWidth: 150}
			
 
				+        ,{field:'sex', title:'性别', width:80, edit: 'text'}
			
 
				+        ,{field:'city', title:'城市', edit: 'text', minWidth: 100}
			
 
				+        ,{field:'experience', title:'积分', sort: true, edit: 'text'}
			
 
				+      ]]
			
 
				+    })
			
 
				+
			
 
				+    //监听单元格编辑
			
 
				+    table.on('edit(test-table-cellEdit)', function(obj){
			
 
				+      var value = obj.value //得到修改后的值
			
 
				+      ,data = obj.data //得到所在行所有键值
			
 
				+      ,field = obj.field; //得到字段
			
 
				+      layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value, {
			
 
				+        offset: '15px'
			
 
				+      });
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/cellEvent.html
+++ b/src/main/webapp/skin/default/views/component/table/cellEvent.html
@@ -0,0 +1,86 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>监听单元格事件</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">监听单元格事件</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <blockquote class="layui-elem-quote">点击下面表格中的【签名列】，以演示单元格事件</blockquote>
			
 
				+            <table class="layui-hide" id="test-table-demoEvent" lay-filter="test-table-demoEvent"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-demoEvent'
			
 
				+      ,height: 313
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,cols: [[
			
 
				+        {type: 'numbers', title: '序号'},
			
 
				+        {field:'id', title: 'ID', width:80}
			
 
				+        ,{field:'username', title: '用户名', width:80}
			
 
				+        ,{field:'sign', title: '签名', width:'50%', event: 'setSign', style:'cursor: pointer;'}
			
 
				+        ,{field:'experience', title: '积分'}
			
 
				+        ,{field:'score', title: '评分'}
			
 
				+      ]]
			
 
				+    });
			
 
				+
			
 
				+    //监听单元格事件
			
 
				+    table.on('tool(test-table-demoEvent)', function(obj){
			
 
				+      var data = obj.data;
			
 
				+      if(obj.event === 'setSign'){
			
 
				+        layer.prompt({
			
 
				+          formType: 2
			
 
				+          ,title: '修改 ID 为 ['+ data.id +'] 的用户签名'
			
 
				+          ,value: data.sign
			
 
				+        }, function(value, index){
			
 
				+          layer.close(index);
			
 
				+
			
 
				+          //这里一般是发送修改的Ajax请求
			
 
				+
			
 
				+          //同步更新表格和缓存对应的值
			
 
				+          obj.update({
			
 
				+            sign: value
			
 
				+          });
			
 
				+        });
			
 
				+      }
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/checkbox.html
+++ b/src/main/webapp/skin/default/views/component/table/checkbox.html
@@ -0,0 +1,69 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>开启复选框</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">开启复选框</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-checkbox"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-checkbox'
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,cols: [[
			
 
				+        {type:'checkbox'},
			
 
				+        {type: 'numbers', title: '序号'}
			
 
				+        ,{field:'id', width:80, title: 'ID', sort: true}
			
 
				+        ,{field:'username', width:80, title: '用户名'}
			
 
				+        ,{field:'sex', width:80, title: '性别', sort: true}
			
 
				+        ,{field:'city', width:80, title: '城市'}
			
 
				+        ,{field:'sign', title: '签名', minWidth: 100}
			
 
				+        ,{field:'experience', width:80, title: '积分', sort: true}
			
 
				+        ,{field:'score', width:80, title: '评分', sort: true}
			
 
				+        ,{field:'classify', width:80, title: '职业'}
			
 
				+        ,{field:'wealth', width:135, title: '财富', sort: true}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/data.html
+++ b/src/main/webapp/skin/default/views/component/table/data.html
@@ -0,0 +1,160 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>简单用法</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">赋值已知数据</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-data"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+
			
 
				+    //展示已知数据
			
 
				+    table.render({
			
 
				+      elem: '#test-table-data'
			
 
				+      ,cols: [[ //标题栏
			
 
				+        {type: 'numbers', title: '序号'},
			
 
				+        {field: 'id', title: 'ID', width: 80, sort: true}
			
 
				+        ,{field: 'username', title: '用户名', width: 120}
			
 
				+        ,{field: 'email', title: '邮箱', minWidth: 150}
			
 
				+        ,{field: 'sign', title: '签名', minWidth: 160}
			
 
				+        ,{field: 'sex', title: '性别', width: 80}
			
 
				+        ,{field: 'city', title: '城市', width: 100}
			
 
				+        ,{field: 'experience', title: '积分', width: 80, sort: true}
			
 
				+      ]]
			
 
				+      ,data: [{
			
 
				+        "id": "10001"
			
 
				+        ,"username": "杜甫"
			
 
				+        ,"email": "xianxin@layui.com"
			
 
				+        ,"sex": "男"
			
 
				+        ,"city": "浙江杭州"
			
 
				+        ,"sign": "人生恰似一场修行"
			
 
				+        ,"experience": "116"
			
 
				+        ,"ip": "192.168.0.8"
			
 
				+        ,"logins": "108"
			
 
				+        ,"joinTime": "2016-10-14"
			
 
				+      }, {
			
 
				+        "id": "10002"
			
 
				+        ,"username": "李白"
			
 
				+        ,"email": "xianxin@layui.com"
			
 
				+        ,"sex": "男"
			
 
				+        ,"city": "浙江杭州"
			
 
				+        ,"sign": "人生恰似一场修行"
			
 
				+        ,"experience": "12"
			
 
				+        ,"ip": "192.168.0.8"
			
 
				+        ,"logins": "106"
			
 
				+        ,"joinTime": "2016-10-14"
			
 
				+        ,"LAY_CHECKED": true
			
 
				+      }, {
			
 
				+        "id": "10003"
			
 
				+        ,"username": "王勃"
			
 
				+        ,"email": "xianxin@layui.com"
			
 
				+        ,"sex": "男"
			
 
				+        ,"city": "浙江杭州"
			
 
				+        ,"sign": "人生恰似一场修行"
			
 
				+        ,"experience": "65"
			
 
				+        ,"ip": "192.168.0.8"
			
 
				+        ,"logins": "106"
			
 
				+        ,"joinTime": "2016-10-14"
			
 
				+      }, {
			
 
				+        "id": "10004"
			
 
				+        ,"username": "贤心"
			
 
				+        ,"email": "xianxin@layui.com"
			
 
				+        ,"sex": "男"
			
 
				+        ,"city": "浙江杭州"
			
 
				+        ,"sign": "人生恰似一场修行"
			
 
				+        ,"experience": "666"
			
 
				+        ,"ip": "192.168.0.8"
			
 
				+        ,"logins": "106"
			
 
				+        ,"joinTime": "2016-10-14"
			
 
				+      }, {
			
 
				+        "id": "10005"
			
 
				+        ,"username": "贤心"
			
 
				+        ,"email": "xianxin@layui.com"
			
 
				+        ,"sex": "男"
			
 
				+        ,"city": "浙江杭州"
			
 
				+        ,"sign": "人生恰似一场修行"
			
 
				+        ,"experience": "86"
			
 
				+        ,"ip": "192.168.0.8"
			
 
				+        ,"logins": "106"
			
 
				+        ,"joinTime": "2016-10-14"
			
 
				+      }, {
			
 
				+        "id": "10006"
			
 
				+        ,"username": "贤心"
			
 
				+        ,"email": "xianxin@layui.com"
			
 
				+        ,"sex": "男"
			
 
				+        ,"city": "浙江杭州"
			
 
				+        ,"sign": "人生恰似一场修行"
			
 
				+        ,"experience": "12"
			
 
				+        ,"ip": "192.168.0.8"
			
 
				+        ,"logins": "106"
			
 
				+        ,"joinTime": "2016-10-14"
			
 
				+      }, {
			
 
				+        "id": "10007"
			
 
				+        ,"username": "贤心"
			
 
				+        ,"email": "xianxin@layui.com"
			
 
				+        ,"sex": "男"
			
 
				+        ,"city": "浙江杭州"
			
 
				+        ,"sign": "人生恰似一场修行"
			
 
				+        ,"experience": "16"
			
 
				+        ,"ip": "192.168.0.8"
			
 
				+        ,"logins": "106"
			
 
				+        ,"joinTime": "2016-10-14"
			
 
				+      }, {
			
 
				+        "id": "10008"
			
 
				+        ,"username": "贤心"
			
 
				+        ,"email": "xianxin@layui.com"
			
 
				+        ,"sex": "男"
			
 
				+        ,"city": "浙江杭州"
			
 
				+        ,"sign": "人生恰似一场修行"
			
 
				+        ,"experience": "106"
			
 
				+        ,"ip": "192.168.0.8"
			
 
				+        ,"logins": "106"
			
 
				+        ,"joinTime": "2016-10-14"
			
 
				+      }]
			
 
				+      //,skin: 'line' //表格风格
			
 
				+      ,even: true
			
 
				+      //,page: true //是否显示分页
			
 
				+      //,limits: [5, 7, 10]
			
 
				+      //,limit: 5 //每页默认显示的数量
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/fixed.html
+++ b/src/main/webapp/skin/default/views/component/table/fixed.html
@@ -0,0 +1,72 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>固定列</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">固定列</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-fixed"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table
			
 
				+    ,admin = layui.admin;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-fixed'
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,width: admin.screen() > 1 ? 892 : ''
			
 
				+      ,height: 332
			
 
				+      ,cols: [[
			
 
				+        {type:'checkbox', fixed: 'left'},
			
 
				+        {type: 'numbers', title: '序号'}
			
 
				+        ,{field:'id', width:80, title: 'ID', sort: true, fixed: 'left'}
			
 
				+        ,{field:'username', width:80, title: '用户名'}
			
 
				+        ,{field:'sex', width:80, title: '性别', sort: true}
			
 
				+        ,{field:'city', width:80, title: '城市'}
			
 
				+        ,{field:'sign', width: 219, title: '签名'}
			
 
				+        ,{field:'experience', width:80, title: '积分', sort: true}
			
 
				+        ,{field:'score', width:80, title: '评分', sort: true}
			
 
				+        ,{field:'classify', width:80, title: '职业'}
			
 
				+        ,{field:'wealth', width:120, title: '财富', sort: true, fixed: 'right'}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/form.html
+++ b/src/main/webapp/skin/default/views/component/table/form.html
@@ -0,0 +1,100 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>加入表单元素</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">加入表单元素</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-form"></table>
			
 
				+ 
			
 
				+            <script type="text/html" id="test-table-switchTpl">
			
 
				+              <!-- 这里的 checked 的状态只是演示 -->
			
 
				+              <input type="checkbox" name="sex" lay-skin="switch" lay-text="女|男" lay-filter="test-table-sexDemo"
			
 
				+               value="{{ d.id }}" data-json="{{ encodeURIComponent(JSON.stringify(d)) }}" {{ d.id == 10003 ? 'checked' : '' }}>
			
 
				+            </script>
			
 
				+             
			
 
				+            <script type="text/html" id="test-table-checkboxTpl">
			
 
				+              <!-- 这里的 checked 的状态只是演示 -->
			
 
				+              <input type="checkbox" name="lock" title="锁定" lay-filter="test-table-lockDemo" 
			
 
				+               value="{{d.id}}" data-json="{{ encodeURIComponent(JSON.stringify(d)) }}" {{ d.id == 10006 ? 'checked' : '' }}>
			
 
				+            </script>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table', 'form'], function(){
			
 
				+    var table = layui.table
			
 
				+    ,form = layui.form
			
 
				+    ,$ = layui.$;
			
 
				+  
			
 
				+    table.render({
			
 
				+      elem: '#test-table-form'
			
 
				+      ,url:'/demo/table/user/'
			
 
				+      ,cellMinWidth: 80
			
 
				+      ,cols: [[
			
 
				+        {type:'numbers'}
			
 
				+        ,{type: 'checkbox'}
			
 
				+        ,{field:'id', title:'ID', width:100, unresize: true, sort: true}
			
 
				+        ,{field:'username', title:'用户名'}
			
 
				+        ,{field:'city', title:'城市'}
			
 
				+        ,{field:'wealth', title: '财富', minWidth:120, sort: true}
			
 
				+        ,{field:'sex', title:'性别', width:85, templet: '#test-table-switchTpl', unresize: true}
			
 
				+        ,{field:'lock', title:'是否锁定', width:110, templet: '#test-table-checkboxTpl', unresize: true}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+    });
			
 
				+    
			
 
				+    //监听性别操作
			
 
				+    form.on('switch(test-table-sexDemo)', function(obj){
			
 
				+      var json = JSON.parse(decodeURIComponent($(this).data('json')));
			
 
				+      layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);
			
 
				+      
			
 
				+      json = table.clearCacheKey(json);
			
 
				+      console.log(json); //当前行数据
			
 
				+    });
			
 
				+    
			
 
				+    //监听锁定操作
			
 
				+    form.on('checkbox(test-table-lockDemo)', function(obj){
			
 
				+    var json = JSON.parse(decodeURIComponent($(this).data('json')));
			
 
				+      layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);
			
 
				+      
			
 
				+      json = table.clearCacheKey(json);
			
 
				+      console.log(json); //当前行数据
			
 
				+    });
			
 
				+  
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/height.html
+++ b/src/main/webapp/skin/default/views/component/table/height.html
@@ -0,0 +1,70 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>高度最大适应</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">高度最大适应</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-height"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var admin = layui.admin
			
 
				+    ,table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-height'
			
 
				+      ,url: layui.setter.base + 'json/table/user30.js'
			
 
				+      ,height: 'full-100'
			
 
				+      ,cellMinWidth: 80
			
 
				+      ,page: true
			
 
				+      ,limit: 30
			
 
				+      ,cols: [[
			
 
				+        {type:'checkbox'},
			
 
				+        {type: 'numbers', title: '序号'}
			
 
				+        ,{field:'id', title: 'ID', width:100, sort: true}
			
 
				+        ,{field:'username', title: '用户名', width:100}
			
 
				+        ,{field:'sex', title: '性别', width:100, sort: true}
			
 
				+        ,{field:'sign', title: '签名', minWidth: 150}
			
 
				+        ,{field:'experience', title: '积分', sort: true, align: 'right'}
			
 
				+        ,{field:'score', title: '评分', sort: true, minWidth: 100, align: 'right'}
			
 
				+      ]]
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/index.html
+++ b/src/main/webapp/skin/default/views/component/table/index.html
@@ -0,0 +1,46 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+<div class="layui-card layadmin-header">
			
 
				+  <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+    <a lay-href="">主页</a>
			
 
				+    <a><cite>组件</cite></a>
			
 
				+    <a><cite>表格</cite></a>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<style>
			
 
				+/* 这段样式只是用于演示 */
			
 
				+.layadmin-trailer{position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 15px; display: flex; justify-content: center; flex-direction: column; text-align: center; box-sizing: border-box; font-size: 20px; font-weight: 300; color: #ccc;}
			
 
				+</style>
			
 
				+
			
 
				+<div class="layadmin-trailer">
			
 
				+  <div style="width: 280px; margin: 0 auto;">
			
 
				+    <a href="http://www.layui.com/demo/table.html" target="_blank" class="layui-btn">
			
 
				+      正在整理，你可以先去官网查看示例
			
 
				+    </a>
			
 
				+  </a>
			
 
				+</div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/initSort.html
+++ b/src/main/webapp/skin/default/views/component/table/initSort.html
@@ -0,0 +1,67 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>设置初始排序</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">设置初始排序</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-initSort"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-initSort'
			
 
				+      ,height: 313
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,initSort: {
			
 
				+        field: 'wealth'
			
 
				+        ,type: 'desc'
			
 
				+      }
			
 
				+      ,cols: [[
			
 
				+        {type: 'numbers', title: '序号'},
			
 
				+        {field:'id', title: 'ID', width:80}
			
 
				+        ,{field:'username', title: '用户名', width:80}
			
 
				+        ,{field:'score', title: '评分', width:80, sort: true}
			
 
				+        ,{field:'wealth', title: '财富', sort: true, minWidth: 150}
			
 
				+      ]]
			
 
				+    })
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/onrow.html
+++ b/src/main/webapp/skin/default/views/component/table/onrow.html
@@ -0,0 +1,86 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>监听行事件</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">监听行事件</div>
			
 
				+          <div class="layui-card-body">
			
 
				+
			
 
				+            <table class="layui-hide" id="test-table-onrow" lay-filter="test-table-onrow"></table>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var admin = layui.admin
			
 
				+    ,table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-onrow'
			
 
				+      ,url:'/test/table/demo1.json'
			
 
				+      ,cols: [[
			
 
				+        {type: 'numbers', title: '序号'},
			
 
				+        {field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true}
			
 
				+        ,{field:'username', title:'用户名', width:120}
			
 
				+        ,{field:'email', title:'邮箱', width:150, templet: function(res){
			
 
				+          return '<em>'+ res.email +'</em>'
			
 
				+        }}
			
 
				+        ,{field:'sex', title:'性别', width:80, sort: true}
			
 
				+        ,{field:'city', title:'城市', width:100}
			
 
				+        ,{field:'sign', title:'签名'}
			
 
				+        ,{field:'experience', title:'积分', width:80, sort: true}
			
 
				+        ,{field:'ip', title:'IP', width:120}
			
 
				+        ,{field:'logins', title:'登入次数', width:100, sort: true}
			
 
				+        ,{field:'joinTime', title:'加入时间', width:120}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+    });
			
 
				+
			
 
				+    //监听行单击事件（单击事件为：rowDouble）
			
 
				+    table.on('row(test-table-onrow)', function(obj){
			
 
				+      var data = obj.data;
			
 
				+
			
 
				+      layer.alert(JSON.stringify(data), {
			
 
				+        title: '当前行数据：'
			
 
				+      });
			
 
				+
			
 
				+      //标注选中样式
			
 
				+      obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/operate.html
+++ b/src/main/webapp/skin/default/views/component/table/operate.html
@@ -0,0 +1,126 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>数据操作</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">数据操作</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-btn-group test-table-operate-btn" style="margin-bottom: 10px;">
			
 
				+              <button class="layui-btn" data-type="getCheckData">获取选中行数据</button>
			
 
				+              <button class="layui-btn" data-type="getCheckLength">获取选中数目</button>
			
 
				+              <button class="layui-btn" data-type="isAll">验证是否全选</button>
			
 
				+            </div>
			
 
				+
			
 
				+            <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
			
 
				+
			
 
				+            <script type="text/html" id="test-table-operate-barDemo">
			
 
				+              <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
			
 
				+              <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
			
 
				+              <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
			
 
				+            </script>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table
			
 
				+    ,admin = layui.admin;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-operate'
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,width: admin.screen() > 1 ? 892 : ''
			
 
				+      ,height: 332
			
 
				+      ,cols: [[
			
 
				+        {type:'checkbox', fixed: 'left'},
			
 
				+        {type: 'numbers', title: '序号'}
			
 
				+        ,{field:'id', width:80, title: 'ID', sort: true, fixed: 'left'}
			
 
				+        ,{field:'username', width:80, title: '用户名'}
			
 
				+        ,{field:'sex', width:80, title: '性别', sort: true}
			
 
				+        ,{field:'city', width:80, title: '城市'}
			
 
				+        ,{field:'sign', width: 160, title: '签名'}
			
 
				+        ,{field:'experience', width:80, title: '积分', sort: true}
			
 
				+        ,{field:'wealth', width:135, title: '财富', sort: true}
			
 
				+        ,{field:'classify', width:80, title: '职业'}
			
 
				+        ,{field:'score', width:80, title: '评分', sort: true, fixed: 'right'}
			
 
				+        ,{width:178, align:'center', fixed: 'right', toolbar: '#test-table-operate-barDemo'}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+    });
			
 
				+
			
 
				+    //监听表格复选框选择
			
 
				+    table.on('checkbox(test-table-operate)', function(obj){
			
 
				+      console.log(obj)
			
 
				+    });
			
 
				+    //监听工具条
			
 
				+    table.on('tool(test-table-operate)', function(obj){
			
 
				+      var data = obj.data;
			
 
				+      if(obj.event === 'detail'){
			
 
				+        layer.msg('ID：'+ data.id + ' 的查看操作');
			
 
				+      } else if(obj.event === 'del'){
			
 
				+        layer.confirm('是否确定删除？', function(index){
			
 
				+          obj.del();
			
 
				+          layer.close(index);
			
 
				+        });
			
 
				+      } else if(obj.event === 'edit'){
			
 
				+        layer.alert('编辑行：<br>'+ JSON.stringify(data))
			
 
				+      }
			
 
				+    });
			
 
				+
			
 
				+    var $ = layui.$, active = {
			
 
				+      getCheckData: function(){ //获取选中数据
			
 
				+        var checkStatus = table.checkStatus('test-table-operate')
			
 
				+        ,data = checkStatus.data;
			
 
				+        layer.alert(JSON.stringify(data));
			
 
				+      }
			
 
				+      ,getCheckLength: function(){ //获取选中数目
			
 
				+        var checkStatus = table.checkStatus('test-table-operate')
			
 
				+        ,data = checkStatus.data;
			
 
				+        layer.msg('选中了：'+ data.length + ' 个');
			
 
				+      }
			
 
				+      ,isAll: function(){ //验证是否全选
			
 
				+        var checkStatus = table.checkStatus('test-table-operate');
			
 
				+        layer.msg(checkStatus.isAll ? '全选': '未全选')
			
 
				+      }
			
 
				+    };
			
 
				+
			
 
				+    $('.test-table-operate-btn .layui-btn').on('click', function(){
			
 
				+      var type = $(this).data('type');
			
 
				+      active[type] ? active[type].call(this) : '';
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/page.html
+++ b/src/main/webapp/skin/default/views/component/table/page.html
@@ -0,0 +1,76 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>开启分页</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">开启分页</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-page"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var admin = layui.admin
			
 
				+    ,table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-page'
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,cols: [[
			
 
				+        {type: 'numbers', title: '序号'},
			
 
				+        {field:'id', width:80, title: 'ID', sort: true}
			
 
				+        ,{field:'username', width:80, title: '用户名'}
			
 
				+        ,{field:'sex', width:80, title: '性别', sort: true}
			
 
				+        ,{field:'city', width:80, title: '城市'}
			
 
				+        ,{field:'sign', title: '签名', minWidth: 150}
			
 
				+        ,{field:'experience', width:80, title: '积分', sort: true}
			
 
				+        ,{field:'score', width:80, title: '评分', sort: true}
			
 
				+        ,{field:'classify', width:80, title: '职业'}
			
 
				+        ,{field:'wealth', width:135, title: '财富', sort: true}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+    });
			
 
				+
			
 
				+    admin.popup({
			
 
				+      content: '演示数据均为静态模拟数据，因此【切换分页和条数时】发现数据未变并非 BUG。实际使用时改成真实接口即可。'
			
 
				+      ,area: '300px'
			
 
				+      ,offset: '15px'
			
 
				+      ,shade: false
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/parseData.html
+++ b/src/main/webapp/skin/default/views/component/table/parseData.html
@@ -0,0 +1,84 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>解析任意数据格式</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">解析任意数据格式</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <blockquote class="layui-elem-quote layui-text">
			
 
				+              尽管本示例中的原始数据：<a href="../../../layuiadmin/json/table/demo3.js" target="_blank">demo3.js</a>，并不符合 table 组件默认规定的数据格式，但从 layui 2.4.0 开始，新增的 parseData 回调可以将原始的任意格式的数据重新解析成 table 组件规定的数据格式。具体可以点击上方查看代码。
			
 
				+            </blockquote>
			
 
				+
			
 
				+            <table class="layui-hide" id="test-table-parseData" lay-filter="test-table-parseData"></table>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var admin = layui.admin
			
 
				+    ,table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-parseData'
			
 
				+      ,url: layui.setter.base + '/json/table/demo3.js'
			
 
				+      ,toolbar: true
			
 
				+      ,title: '用户数据表'
			
 
				+      ,totalRow: true
			
 
				+      ,cellMinWidth: 120
			
 
				+      ,cols: [[
			
 
				+        {type: 'numbers', title: '序号'},
			
 
				+        {field:'id', title:'ID', width:80, sort: true, totalRowText: '合计行'}
			
 
				+        ,{field:'username', title:'用户名', edit: 'text'}
			
 
				+        ,{field:'experience', title:'积分', sort: true, totalRow: true}
			
 
				+        ,{field:'logins', title:'登入次数', sort: true, totalRow: true}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+      ,response: {
			
 
				+        statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
			
 
				+      }
			
 
				+      ,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
			
 
				+        return {
			
 
				+          "code": res.status, //解析接口状态
			
 
				+          "msg": res.message, //解析提示文本
			
 
				+          "count": res.total, //解析数据长度
			
 
				+          "data": res.rows.item //解析数据列表
			
 
				+        };
			
 
				+      }
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/radio.html
+++ b/src/main/webapp/skin/default/views/component/table/radio.html
@@ -0,0 +1,90 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>开启单选框</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">开启单选框</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-radio" lay-filter="test-table-radio"></table>
			
 
				+
			
 
				+            <script type="text/html" id="test-table-radio-toolbarDemo">
			
 
				+              <div class="layui-btn-container">
			
 
				+                <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
			
 
				+              </div>
			
 
				+            </script>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var admin = layui.admin
			
 
				+    ,table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-radio'
			
 
				+      ,url: layui.setter.base + '/json/table/user.js'
			
 
				+      ,toolbar: '#test-table-radio-toolbarDemo'
			
 
				+      ,cols: [[
			
 
				+        {type:'radio'},
			
 
				+        {type: 'numbers', title: '序号'}
			
 
				+        ,{field:'id', width:80, title: 'ID', sort: true}
			
 
				+        ,{field:'username', width:80, title: '用户名'}
			
 
				+        ,{field:'sex', width:80, title: '性别', sort: true}
			
 
				+        ,{field:'city', width:80, title: '城市'}
			
 
				+        ,{field:'sign', title: '签名', minWidth: 100}
			
 
				+        ,{field:'experience', width:80, title: '积分', sort: true}
			
 
				+        ,{field:'score', width:80, title: '评分', sort: true}
			
 
				+        ,{field:'classify', width:80, title: '职业'}
			
 
				+        ,{field:'wealth', width:135, title: '财富', sort: true}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+    });
			
 
				+
			
 
				+    //头工具栏事件
			
 
				+    table.on('toolbar(test-table-radio)', function(obj){
			
 
				+      var checkStatus = table.checkStatus(obj.config.id); //获取选中行状态
			
 
				+      switch(obj.event){
			
 
				+        case 'getCheckData':
			
 
				+          var data = checkStatus.data;  //获取选中行数据
			
 
				+          layer.alert(JSON.stringify(data));
			
 
				+        break;
			
 
				+      };
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/reload.html
+++ b/src/main/webapp/skin/default/views/component/table/reload.html
@@ -0,0 +1,106 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>数据表格的重载</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">数据表格的重载</div>
			
 
				+          <div class="layui-card-body">
			
 
				+
			
 
				+            <div class="test-table-reload-btn" style="margin-bottom: 10px;">
			
 
				+              搜索ID：
			
 
				+              <div class="layui-inline">
			
 
				+                <input class="layui-input" name="id" id="test-table-demoReload" autocomplete="off">
			
 
				+              </div>
			
 
				+              <button class="layui-btn" data-type="reload">搜索</button>
			
 
				+            </div>
			
 
				+
			
 
				+            <table class="layui-hide" id="test-table-reload" lay-filter="user"></table>
			
 
				+
			
 
				+            <blockquote class="layui-elem-quote">此处由于是静态模拟数据，所以搜索后重载的结果没变，这并非是 BUG。实际使用时改成真实接口并根据搜索的字段筛选出对应的数据即可。</blockquote>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+
			
 
				+    //方法级渲染
			
 
				+    table.render({
			
 
				+      elem: '#test-table-reload'
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,cols: [[
			
 
				+        {checkbox: true, fixed: true},
			
 
				+          {type: 'numbers', title: '序号'}
			
 
				+        ,{field:'id', title: 'ID', width:80, sort: true, fixed: true}
			
 
				+        ,{field:'username', title: '用户名', width:80}
			
 
				+        ,{field:'sex', title: '性别', width:80, sort: true}
			
 
				+        ,{field:'city', title: '城市', width:80}
			
 
				+        ,{field:'sign', title: '签名'}
			
 
				+        ,{field:'experience', title: '积分', sort: true, width:80}
			
 
				+        ,{field:'score', title: '评分', sort: true, width:80}
			
 
				+        ,{field:'classify', title: '职业', width:80}
			
 
				+        ,{field:'wealth', title: '财富', sort: true, width:135}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+      ,height: 315
			
 
				+    });
			
 
				+
			
 
				+    var $ = layui.$, active = {
			
 
				+      reload: function(){
			
 
				+        var demoReload = $('#test-table-demoReload');
			
 
				+
			
 
				+        //执行重载
			
 
				+        table.reload('test-table-reload', {
			
 
				+          page: {
			
 
				+            curr: 1 //重新从第 1 页开始
			
 
				+          }
			
 
				+          ,where: {
			
 
				+            key: {
			
 
				+              id: demoReload.val()
			
 
				+            }
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+    };
			
 
				+
			
 
				+    $('.test-table-reload-btn .layui-btn').on('click', function(){
			
 
				+      var type = $(this).data('type');
			
 
				+      active[type] ? active[type].call(this) : '';
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/resetPage.html
+++ b/src/main/webapp/skin/default/views/component/table/resetPage.html
@@ -0,0 +1,77 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>自定义分页</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">自定义分页</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-resetPage"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var admin = layui.admin
			
 
				+    ,table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-resetPage'
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
			
 
				+        layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
			
 
				+        //,curr: 5 //设定初始在第 5 页
			
 
				+        ,groups: 1 //只显示 1 个连续页码
			
 
				+        ,first: false //不显示首页
			
 
				+        ,last: false //不显示尾页
			
 
				+
			
 
				+      }
			
 
				+      ,cols: [[
			
 
				+        {type: 'numbers', title: '序号'},
			
 
				+        {field:'id', width:80, title: 'ID', sort: true}
			
 
				+        ,{field:'username', width:100, title: '用户名'}
			
 
				+        ,{field:'sex', width:80, title: '性别', sort: true}
			
 
				+        ,{field:'city', width:80, title: '城市'}
			
 
				+        ,{field:'sign', title: '签名', minWidth: 150}
			
 
				+        ,{field:'experience', width:80, title: '积分', sort: true}
			
 
				+        ,{field:'score', width:80, title: '评分', sort: true}
			
 
				+        ,{field:'classify', width:80, title: '职业'}
			
 
				+        ,{field:'wealth', width:135, title: '财富', sort: true}
			
 
				+      ]]
			
 
				+
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/simple.html
+++ b/src/main/webapp/skin/default/views/component/table/simple.html
@@ -0,0 +1,67 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>简单用法</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">简单用法</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-simple"></table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-simple'
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
			
 
				+      ,cols: [[
			
 
				+        {type: 'numbers', title: '序号'},
			
 
				+        {field:'id', width:80, title: 'ID', sort: true}
			
 
				+        ,{field:'username', width:80, title: '用户名'}
			
 
				+        ,{field:'sex', width:80, title: '性别', sort: true}
			
 
				+        ,{field:'city', width:80, title: '城市'}
			
 
				+        ,{field:'sign', title: '签名', width: '30%', minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
			
 
				+        ,{field:'experience', title: '积分', sort: true}
			
 
				+        ,{field:'score', title: '评分', sort: true}
			
 
				+        ,{field:'classify', title: '职业'}
			
 
				+        ,{field:'wealth', width:137, title: '财富', sort: true}
			
 
				+      ]]
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/static.html
+++ b/src/main/webapp/skin/default/views/component/table/static.html
@@ -0,0 +1,327 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>静态表格</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">默认风格</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-table">
			
 
				+              <colgroup>
			
 
				+                <col width="150">
			
 
				+                <col width="150">
			
 
				+                <col width="200">
			
 
				+                <col>
			
 
				+              </colgroup>
			
 
				+              <thead>
			
 
				+                <tr>
			
 
				+                  <th>人物</th>
			
 
				+                  <th>民族</th>
			
 
				+                  <th>出场时间</th>
			
 
				+                  <th>格言</th>
			
 
				+                </tr> 
			
 
				+              </thead>
			
 
				+              <tbody>
			
 
				+                <tr>
			
 
				+                  <td>贤心</td>
			
 
				+                  <td>汉族</td>
			
 
				+                  <td>1989-10-14</td>
			
 
				+                  <td>人生似修行</td>
			
 
				+                </tr>
			
 
				+                <tr>
			
 
				+                  <td>张爱玲</td>
			
 
				+                  <td>汉族</td>
			
 
				+                  <td>1920-09-30</td>
			
 
				+                  <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
			
 
				+                </tr>
			
 
				+                <tr>
			
 
				+                  <td>Helen Keller</td>
			
 
				+                  <td>拉丁美裔</td>
			
 
				+                  <td>1880-06-27</td>
			
 
				+                  <td> Life is either a daring adventure or nothing.</td>
			
 
				+                </tr>
			
 
				+                <tr>
			
 
				+                  <td>岳飞</td>
			
 
				+                  <td>汉族</td>
			
 
				+                  <td>1103-北宋崇宁二年</td>
			
 
				+                  <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
			
 
				+                </tr>
			
 
				+                <tr>
			
 
				+                  <td>孟子</td>
			
 
				+                  <td>华夏族（汉族）</td>
			
 
				+                  <td>公元前-372年</td>
			
 
				+                  <td>猿强，则国强。国强，则猿更强！ </td>
			
 
				+                </tr>
			
 
				+              </tbody>
			
 
				+            </table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">行边框风格</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-table" lay-skin="line">
			
 
				+            <colgroup>
			
 
				+              <col width="150">
			
 
				+              <col width="150">
			
 
				+              <col width="200">
			
 
				+              <col>
			
 
				+            </colgroup>
			
 
				+            <thead>
			
 
				+              <tr>
			
 
				+                <th>人物</th>
			
 
				+                <th>民族</th>
			
 
				+                <th>出场时间</th>
			
 
				+                <th>格言</th>
			
 
				+              </tr> 
			
 
				+            </thead>
			
 
				+            <tbody>
			
 
				+              <tr>
			
 
				+                <td>贤心</td>
			
 
				+                <td>汉族</td>
			
 
				+                <td>1989-10-14</td>
			
 
				+                <td>人生似修行</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>张爱玲</td>
			
 
				+                <td>汉族</td>
			
 
				+                <td>1920-09-30</td>
			
 
				+                <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>Helen Keller</td>
			
 
				+                <td>拉丁美裔</td>
			
 
				+                <td>1880-06-27</td>
			
 
				+                <td> Life is either a daring adventure or nothing.</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>岳飞</td>
			
 
				+                <td>汉族</td>
			
 
				+                <td>1103-北宋崇宁二年</td>
			
 
				+                <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>孟子</td>
			
 
				+                <td>华夏族（汉族）</td>
			
 
				+                <td>公元前-372年</td>
			
 
				+                <td>猿强，则国强。国强，则猿更强！ </td>
			
 
				+              </tr>
			
 
				+            </tbody>
			
 
				+          </table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">列边框风格</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-table" lay-even="" lay-skin="row">
			
 
				+            <colgroup>
			
 
				+              <col width="150">
			
 
				+              <col width="150">
			
 
				+              <col width="200">
			
 
				+              <col>
			
 
				+            </colgroup>
			
 
				+            <thead>
			
 
				+              <tr>
			
 
				+                <th>人物</th>
			
 
				+                <th>民族</th>
			
 
				+                <th>出场时间</th>
			
 
				+                <th>格言</th>
			
 
				+              </tr> 
			
 
				+            </thead>
			
 
				+            <tbody>
			
 
				+              <tr>
			
 
				+                <td>贤心</td>
			
 
				+                <td>汉族</td>
			
 
				+                <td>1989-10-14</td>
			
 
				+                <td>人生似修行</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>张爱玲</td>
			
 
				+                <td>汉族</td>
			
 
				+                <td>1920-09-30</td>
			
 
				+                <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>Helen Keller</td>
			
 
				+                <td>拉丁美裔</td>
			
 
				+                <td>1880-06-27</td>
			
 
				+                <td> Life is either a daring adventure or nothing.</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>岳飞</td>
			
 
				+                <td>汉族</td>
			
 
				+                <td>1103-北宋崇宁二年</td>
			
 
				+                <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>孟子</td>
			
 
				+                <td>华夏族（汉族）</td>
			
 
				+                <td>公元前-372年</td>
			
 
				+                <td>猿强，则国强。国强，则猿更强！ </td>
			
 
				+              </tr>
			
 
				+            </tbody>
			
 
				+          </table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">无边框风格</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-table" lay-even="" lay-skin="nob">
			
 
				+            <colgroup>
			
 
				+              <col width="150">
			
 
				+              <col width="150">
			
 
				+              <col width="200">
			
 
				+              <col>
			
 
				+            </colgroup>
			
 
				+            <thead>
			
 
				+              <tr>
			
 
				+                <th>人物</th>
			
 
				+                <th>民族</th>
			
 
				+                <th>出场时间</th>
			
 
				+                <th>格言</th>
			
 
				+              </tr> 
			
 
				+            </thead>
			
 
				+            <tbody>
			
 
				+              <tr>
			
 
				+                <td>贤心</td>
			
 
				+                <td>汉族</td>
			
 
				+                <td>1989-10-14</td>
			
 
				+                <td>人生似修行</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>张爱玲</td>
			
 
				+                <td>汉族</td>
			
 
				+                <td>1920-09-30</td>
			
 
				+                <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>Helen Keller</td>
			
 
				+                <td>拉丁美裔</td>
			
 
				+                <td>1880-06-27</td>
			
 
				+                <td> Life is either a daring adventure or nothing.</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>岳飞</td>
			
 
				+                <td>汉族</td>
			
 
				+                <td>1103-北宋崇宁二年</td>
			
 
				+                <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>孟子</td>
			
 
				+                <td>华夏族（汉族）</td>
			
 
				+                <td>公元前-372年</td>
			
 
				+                <td>猿强，则国强。国强，则猿更强！ </td>
			
 
				+              </tr>
			
 
				+            </tbody>
			
 
				+          </table> 
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">其它尺寸</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-table" lay-size="lg">
			
 
				+            <colgroup>
			
 
				+              <col width="150">
			
 
				+              <col width="200">
			
 
				+              <col>
			
 
				+            </colgroup>
			
 
				+            <thead>
			
 
				+              <tr>
			
 
				+                <th>昵称</th>
			
 
				+                <th>加入时间</th>
			
 
				+                <th>签名</th>
			
 
				+              </tr> 
			
 
				+            </thead>
			
 
				+            <tbody>
			
 
				+              <tr>
			
 
				+                <td>贤心</td>
			
 
				+                <td>2016-11-29</td>
			
 
				+                <td>人生就像是一场修行</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>许闲心</td>
			
 
				+                <td>2016-11-28</td>
			
 
				+                <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>sentsin</td>
			
 
				+                <td>2016-11-27</td>
			
 
				+                <td> Life is either a daring adventure or nothing.</td>
			
 
				+              </tr>
			
 
				+            </tbody>
			
 
				+          </table>
			
 
				+          <table class="layui-table" lay-size="sm">
			
 
				+            <colgroup>
			
 
				+              <col width="150">
			
 
				+              <col width="200">
			
 
				+              <col>
			
 
				+            </colgroup>
			
 
				+            <thead>
			
 
				+              <tr>
			
 
				+                <th>昵称</th>
			
 
				+                <th>加入时间</th>
			
 
				+                <th>签名</th>
			
 
				+              </tr> 
			
 
				+            </thead>
			
 
				+            <tbody>
			
 
				+              <tr>
			
 
				+                <td>贤心</td>
			
 
				+                <td>2016-11-29</td>
			
 
				+                <td>人生就像是一场修行</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>许闲心</td>
			
 
				+                <td>2016-11-28</td>
			
 
				+                <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
			
 
				+              </tr>
			
 
				+              <tr>
			
 
				+                <td>sentsin</td>
			
 
				+                <td>2016-11-27</td>
			
 
				+                <td> Life is either a daring adventure or nothing.</td>
			
 
				+              </tr>
			
 
				+            </tbody>
			
 
				+          </table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/style.html
+++ b/src/main/webapp/skin/default/views/component/table/style.html
@@ -0,0 +1,82 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>设置单元格样式</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">设置单元格样式</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-style"></table>
			
 
				+
			
 
				+            <script type="text/html" id="test-table-usernameTpl">
			
 
				+              <a href="/?table-demo-id={{d.id}}" class="layui-table-link" target="_blank">{{ d.username }}</a>
			
 
				+            </script>
			
 
				+            <script type="text/html" id="test-table-sexTpl">
			
 
				+              {{#  if(d.sex === '女'){ }}
			
 
				+                <span style="color: #F581B1;">{{ d.sex }}</span>
			
 
				+              {{#  } else { }}
			
 
				+                {{ d.sex }}
			
 
				+              {{#  } }}
			
 
				+            </script>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-style'
			
 
				+      ,url: layui.setter.base + 'json/table/user.js'
			
 
				+      ,height: 310
			
 
				+      ,cols: [[
			
 
				+        {type: 'numbers', title: '序号'},
			
 
				+        {field:'id', title:'ID', width:80, sort: true}
			
 
				+        ,{field:'username', title:'用户名', width:80, templet: '#usernameTpl'}
			
 
				+        ,{field:'sex', title:'性别', width:80, sort: true, templet: '#sexTpl'}
			
 
				+        ,{field:'city', title:'城市', width:80}
			
 
				+        ,{field:'sign', title:'签名'}
			
 
				+        ,{field:'experience', title:'积分', width:80, sort: true, style:'background-color: #eee;'}
			
 
				+        ,{field:'score', title:'评分', width:80, sort: true}
			
 
				+        ,{field:'classify', title:'职业', width:80, style:'background-color: #009688; color: #fff;'}
			
 
				+        ,{field:'wealth', title:'财富', width:135, sort: true}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+      ,skin: 'row'
			
 
				+      ,even: true
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/thead.html
+++ b/src/main/webapp/skin/default/views/component/table/thead.html
@@ -0,0 +1,114 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>复杂表头</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">复杂表头</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <fieldset class="layui-elem-field layui-field-title">
			
 
				+              <legend>常用两级表头</legend>
			
 
				+            </fieldset>
			
 
				+ 
			
 
				+            <table class="layui-table" lay-data="{width:800, page: true, limit: 6, limits:[6]}" lay-filter="test-table-thead1">
			
 
				+              <thead>
			
 
				+                <tr>
			
 
				+                  <th lay-data="{checkbox:true, fixed:'left'}" rowspan="2"></th>
			
 
				+                  <th lay-data="{field:'username', width:150}" rowspan="2">联系人</th>
			
 
				+                  <th lay-data="{align:'center'}" colspan="3">地址</th>
			
 
				+                  <th lay-data="{field:'amount', width:120}" rowspan="2">金额</th>
			
 
				+                  <th lay-data="{field: 'right', width: 160, align: 'center', toolbar: '#test-table-thead-barDemo'}" rowspan="2">操作</th>
			
 
				+                </tr>
			
 
				+                <tr>
			
 
				+                  <th lay-data="{field:'province', width:120}">省</th>
			
 
				+                  <th lay-data="{field:'city', width:120}">市</th>
			
 
				+                  <th lay-data="{field:'zone', width:200}">区</th>
			
 
				+                </tr>
			
 
				+              </thead>
			
 
				+            </table>
			
 
				+            
			
 
				+            <br>
			
 
				+            
			
 
				+            <fieldset class="layui-elem-field layui-field-title">
			
 
				+              <legend>更多级表头（可以无限极）</legend>
			
 
				+            </fieldset>
			
 
				+            <table class="layui-table" lay-data="{cellMinWidth: 80, page: true}" lay-filter="test-table-thead1">
			
 
				+              <thead>
			
 
				+                <tr>
			
 
				+                  <th lay-data="{field:'username', width:80}" rowspan="3">联系人</th>
			
 
				+                  <th lay-data="{field:'amount', width:120}" rowspan="3">金额</th>
			
 
				+                  <th lay-data="{align:'center'}" colspan="5">地址1</th>
			
 
				+                  <th lay-data="{align:'center'}" colspan="2">地址2</th>
			
 
				+                  <th lay-data="{field: 'right', width: 160, align: 'center', toolbar: '#test-table-thead-barDemo'}" rowspan="3">操作</th>
			
 
				+                </tr>
			
 
				+                <tr>
			
 
				+                  <th lay-data="{field:'province'}" rowspan="2">省</th>
			
 
				+                  <th lay-data="{field:'city'}" rowspan="2">市</th>
			
 
				+                  <th lay-data="{align:'center'}" colspan="3">详细</th>
			
 
				+                  <th lay-data="{field:'province'}" rowspan="2">省</th>
			
 
				+                  <th lay-data="{field:'city'}" rowspan="2">市</th>
			
 
				+                </tr>
			
 
				+                <tr>
			
 
				+                  <th lay-data="{field:'street'}" rowspan="2">街道</th>
			
 
				+                  <th lay-data="{field:'address'}">小区</th>
			
 
				+                  <th lay-data="{field:'house'}">单元</th>
			
 
				+                </tr>
			
 
				+              </thead>
			
 
				+            </table>
			
 
				+             
			
 
				+            <script type="text/html" id="test-table-thead-barDemo">
			
 
				+              <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">按钮1</a>
			
 
				+              <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">按钮2</a>
			
 
				+            </script>
			
 
				+            
			
 
				+            <br>
			
 
				+            <blockquote class="layui-elem-quote">注：上述例子读取的均是静态模拟数据</blockquote>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+  
			
 
				+    table.init('test-table-thead1', {
			
 
				+      url: layui.setter.base + 'json/table/demo2.js'
			
 
				+    });
			
 
				+    
			
 
				+    table.init('test-table-thead2', {
			
 
				+      url: layui.setter.base + 'json/table/demo2.js'
			
 
				+    });
			
 
				+  
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/toolbar.html
+++ b/src/main/webapp/skin/default/views/component/table/toolbar.html
@@ -0,0 +1,128 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>开启头部工具栏</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">开启头部工具栏</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-toolbar" lay-filter="test-table-toolbar"></table>
			
 
				+
			
 
				+            <script type="text/html" id="test-table-toolbar-toolbarDemo">
			
 
				+              <div class="layui-btn-container">
			
 
				+                <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
			
 
				+                <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
			
 
				+                <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
			
 
				+              </div>
			
 
				+            </script>
			
 
				+
			
 
				+            <script type="text/html" id="test-table-toolbar-barDemo">
			
 
				+              <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
			
 
				+              <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
			
 
				+            </script>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var admin = layui.admin
			
 
				+    ,table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-toolbar'
			
 
				+      ,url: layui.setter.base + 'json/table/demo.js'
			
 
				+      ,toolbar: '#test-table-toolbar-toolbarDemo'
			
 
				+      ,title: '用户数据表'
			
 
				+      ,cols: [[
			
 
				+        {type: 'checkbox', fixed: 'left'},
			
 
				+        {type: 'numbers', title: '序号'}
			
 
				+        ,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true}
			
 
				+        ,{field:'username', title:'用户名', width:120, edit: 'text'}
			
 
				+        ,{field:'email', title:'邮箱', width:150, edit: 'text', templet: function(res){
			
 
				+          return '<em>'+ res.email +'</em>'
			
 
				+        }}
			
 
				+        ,{field:'sex', title:'性别', width:80, edit: 'text', sort: true}
			
 
				+        ,{field:'city', title:'城市', width:100}
			
 
				+        ,{field:'sign', title:'签名'}
			
 
				+        ,{field:'experience', title:'积分', width:80, sort: true}
			
 
				+        ,{field:'ip', title:'IP', width:120}
			
 
				+        ,{field:'logins', title:'登入次数', width:100, sort: true}
			
 
				+        ,{field:'joinTime', title:'加入时间', width:120}
			
 
				+        ,{field: 'right', title:'操作', toolbar: '#test-table-toolbar-barDemo', width:150}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+    });
			
 
				+
			
 
				+    //头工具栏事件
			
 
				+    table.on('toolbar(test-table-toolbar)', function(obj){
			
 
				+      var checkStatus = table.checkStatus(obj.config.id);
			
 
				+      switch(obj.event){
			
 
				+        case 'getCheckData':
			
 
				+          var data = checkStatus.data;
			
 
				+          layer.alert(JSON.stringify(data));
			
 
				+        break;
			
 
				+        case 'getCheckLength':
			
 
				+          var data = checkStatus.data;
			
 
				+          layer.msg('选中了：'+ data.length + ' 个');
			
 
				+        break;
			
 
				+        case 'isAll':
			
 
				+          layer.msg(checkStatus.isAll ? '全选': '未全选');
			
 
				+        break;
			
 
				+      };
			
 
				+    });
			
 
				+
			
 
				+    //监听行工具事件
			
 
				+    table.on('tool(test-table-toolbar)', function(obj){
			
 
				+      var data = obj.data;
			
 
				+      if(obj.event === 'del'){
			
 
				+        layer.confirm('是否确定删除？', function(index){
			
 
				+          obj.del();
			
 
				+          layer.close(index);
			
 
				+        });
			
 
				+      } else if(obj.event === 'edit'){
			
 
				+        layer.prompt({
			
 
				+          formType: 2
			
 
				+          ,value: data.email
			
 
				+        }, function(value, index){
			
 
				+          obj.update({
			
 
				+            email: value
			
 
				+          });
			
 
				+          layer.close(index);
			
 
				+        });
			
 
				+      }
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/tostatic.html
+++ b/src/main/webapp/skin/default/views/component/table/tostatic.html
@@ -0,0 +1,93 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>转化静态表格</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">转化静态表格</div>
			
 
				+          <div class="layui-card-body">
			
 
				+              
			
 
				+            <div class="layui-btn-group test-table-btn" style="margin-bottom: 10px;">
			
 
				+              <button class="layui-btn" data-type="parseTable">立即转化为数据表格</button>
			
 
				+            </div>
			
 
				+             
			
 
				+            <table lay-filter="parse-table-demo">
			
 
				+              <thead>
			
 
				+                <tr>
			
 
				+                  <th lay-data="{field:'username', width:200}">昵称</th>
			
 
				+                  <th lay-data="{field:'joinTime', width:150}">加入时间</th>
			
 
				+                  <th lay-data="{field:'sign', minWidth: 180}">签名</th>
			
 
				+                </tr> 
			
 
				+              </thead>
			
 
				+              <tbody>
			
 
				+                <tr>
			
 
				+                  <td>贤心1</td>
			
 
				+                  <td>2016-11-28</td>
			
 
				+                  <td>人生就像是一场修行 A</td>
			
 
				+                </tr>
			
 
				+                <tr>
			
 
				+                  <td>贤心2</td>
			
 
				+                  <td>2016-11-29</td>
			
 
				+                  <td>人生就像是一场修行 B</td>
			
 
				+                </tr>
			
 
				+                <tr>
			
 
				+                  <td>贤心3</td>
			
 
				+                  <td>2016-11-30</td>
			
 
				+                  <td>人生就像是一场修行 C</td>
			
 
				+                </tr>
			
 
				+              </tbody>
			
 
				+            </table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+  
			
 
				+    var $ = layui.$, active = {
			
 
				+    parseTable: function(){
			
 
				+      table.init('parse-table-demo', { //转化静态表格
			
 
				+        //height: 'full-500'
			
 
				+      }); 
			
 
				+    }
			
 
				+  };
			
 
				+  
			
 
				+  $('.test-table-btn .layui-btn').on('click', function(){
			
 
				+    var type = $(this).data('type');
			
 
				+    active[type] ? active[type].call(this) : '';
			
 
				+  });
			
 
				+  
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/table/totalRow.html
+++ b/src/main/webapp/skin/default/views/component/table/totalRow.html
@@ -0,0 +1,98 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>开启合计行</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">开启合计行</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <table class="layui-hide" id="test-table-totalRow" lay-filter="test-table-totalRow"></table>
			
 
				+
			
 
				+            <script type="text/html" id="test-table-totalRow-toolbarDemo">
			
 
				+              <div class="layui-btn-container">
			
 
				+                <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
			
 
				+                <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
			
 
				+                <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
			
 
				+              </div>
			
 
				+            </script>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var admin = layui.admin
			
 
				+    ,table = layui.table;
			
 
				+
			
 
				+    table.render({
			
 
				+      elem: '#test-table-totalRow'
			
 
				+      ,url: layui.setter.base + '/json/table/demo.js'
			
 
				+      ,toolbar: '#test-table-totalRow-toolbarDemo'
			
 
				+      ,title: '用户数据表'
			
 
				+      ,totalRow: true
			
 
				+      ,cols: [[
			
 
				+        {type: 'checkbox', fixed: 'left'},
			
 
				+        {type: 'numbers', title: '序号'}
			
 
				+        ,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true, totalRowText: '合计'}
			
 
				+        ,{field:'username', title:'用户名', width:120, edit: 'text'}
			
 
				+        ,{field:'experience', title:'积分', width:120, sort: true, totalRow: true}
			
 
				+        ,{field:'sex', title:'性别', width:80, edit: 'text', sort: true}
			
 
				+        ,{field:'logins', title:'登入次数', width:100, sort: true, totalRow: true}
			
 
				+        ,{field:'sign', title:'签名'}
			
 
				+      ]]
			
 
				+      ,page: true
			
 
				+    });
			
 
				+
			
 
				+    //头工具栏事件
			
 
				+    table.on('toolbar(test-table-totalRow)', function(obj){
			
 
				+      var checkStatus = table.checkStatus(obj.config.id);
			
 
				+      switch(obj.event){
			
 
				+        case 'getCheckData':
			
 
				+          var data = checkStatus.data;
			
 
				+          layer.alert(JSON.stringify(data));
			
 
				+        break;
			
 
				+        case 'getCheckLength':
			
 
				+          var data = checkStatus.data;
			
 
				+          layer.msg('选中了：'+ data.length + ' 个');
			
 
				+        break;
			
 
				+        case 'isAll':
			
 
				+          layer.msg(checkStatus.isAll ? '全选': '未全选');
			
 
				+        break;
			
 
				+      };
			
 
				+    });
			
 
				+
			
 
				+  });
			
 
				+  </script>
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/tabs/index.html
+++ b/src/main/webapp/skin/default/views/component/tabs/index.html
@@ -0,0 +1,196 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-fluid" id="component-tabs">
			
 
				+    <div class="layui-row">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">默认风格</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-tab">
			
 
				+              <ul class="layui-tab-title">
			
 
				+                <li class="layui-this">网站设置</li>
			
 
				+                <li>用户管理</li>
			
 
				+                <li>权限分配</li>
			
 
				+                <li>商品管理</li>
			
 
				+                <li>订单管理</li>
			
 
				+              </ul>
			
 
				+              <div class="layui-tab-content">
			
 
				+                <div class="layui-tab-item layui-show">
			
 
				+                  1. 高度默认自适应，也可以随意固宽。
			
 
				+                  <br>2. Tab进行了响应式处理，所以无需担心数量多少。
			
 
				+                </div>
			
 
				+                <div class="layui-tab-item">内容2</div>
			
 
				+                <div class="layui-tab-item">内容3</div>
			
 
				+                <div class="layui-tab-item">内容4</div>
			
 
				+                <div class="layui-tab-item">内容5</div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">简洁风格</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-brief">
			
 
				+              <ul class="layui-tab-title">
			
 
				+                <li class="layui-this">网站设置</li>
			
 
				+                <li>用户管理</li>
			
 
				+                <li>权限分配</li>
			
 
				+                <li>商品管理</li>
			
 
				+                <li>订单管理</li>
			
 
				+              </ul>
			
 
				+              <div class="layui-tab-content">
			
 
				+                <div class="layui-tab-item layui-show">
			
 
				+                  你也可以监听 tab 事件
			
 
				+                </div>
			
 
				+                <div class="layui-tab-item">内容2</div>
			
 
				+                <div class="layui-tab-item">内容3</div>
			
 
				+                <div class="layui-tab-item">内容4</div>
			
 
				+                <div class="layui-tab-item">内容5</div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">卡片风格</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-tab layui-tab-card">
			
 
				+            <ul class="layui-tab-title">
			
 
				+              <li class="layui-this">网站设置</li>
			
 
				+              <li>用户管理</li>
			
 
				+              <li>权限分配</li>
			
 
				+              <li>商品管理</li>
			
 
				+              <li>订单管理</li>
			
 
				+            </ul>
			
 
				+            <div class="layui-tab-content">
			
 
				+              <div class="layui-tab-item layui-show">默认宽度是相对于父元素100%适应的，你也可以固定宽度。</div>
			
 
				+              <div class="layui-tab-item">2</div>
			
 
				+              <div class="layui-tab-item">3</div>
			
 
				+              <div class="layui-tab-item">4</div>
			
 
				+              <div class="layui-tab-item">5</div>
			
 
				+              <div class="layui-tab-item">6</div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+     </div>
			
 
				+    <div class="layui-col-md12">
			
 
				+      <div class="layui-card">
			
 
				+        <div class="layui-card-header">动态操作</div>
			
 
				+        <div class="layui-card-body">
			
 
				+          <div class="layui-tab" lay-filter="demo" lay-allowclose="true">
			
 
				+            <ul class="layui-tab-title">
			
 
				+              <li class="layui-this" lay-id="11">网站设置</li>
			
 
				+              <li lay-id="22">用户管理</li>
			
 
				+              <li lay-id="33">权限分配</li>
			
 
				+              <li lay-id="44">商品管理</li>
			
 
				+              <li lay-id="55">订单管理</li>
			
 
				+            </ul>
			
 
				+            <div class="layui-tab-content">
			
 
				+              <div class="layui-tab-item layui-show">内容1</div>
			
 
				+              <div class="layui-tab-item">内容2</div>
			
 
				+              <div class="layui-tab-item">内容3</div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-btn-container">
			
 
				+            <button class="layui-btn site-demo-active" data-type="tabAdd">新增一个项</button>
			
 
				+            <button class="layui-btn site-demo-active" data-type="tabDelete">删除：用户管理</button>
			
 
				+            <button class="layui-btn site-demo-active" data-type="tabChange">切换到：权限分配</button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-card">
			
 
				+        <div class="layui-card-header">记录状态</div>
			
 
				+        <div class="layui-card-body">
			
 
				+          <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-hash">
			
 
				+            <ul class="layui-tab-title">
			
 
				+              <li class="layui-this" lay-id="11">网站设置</li>
			
 
				+              <li lay-id="22">用户管理</li>
			
 
				+              <li lay-id="33">权限分配</li>
			
 
				+              <li lay-id="44">商品管理</li>
			
 
				+              <li lay-id="55">订单管理</li>
			
 
				+            </ul>
			
 
				+            <div class="layui-tab-content" style="height: 165px;">
			
 
				+              <div class="layui-tab-item layui-show">
			
 
				+                点击该Tab的任一标题，观察地址栏变化，再刷新页面。选项卡将会自动定位到上一次切换的项
			
 
				+              </div>
			
 
				+              <div class="layui-tab-item">内容2</div>
			
 
				+              <div class="layui-tab-item">内容3</div>
			
 
				+              <div class="layui-tab-item">内容4</div>
			
 
				+              <div class="layui-tab-item">内容5</div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,admin = layui.admin
			
 
				+    ,element = layui.element
			
 
				+    ,router = layui.router();
			
 
				+
			
 
				+    element.render();
			
 
				+    
			
 
				+    element.on('tab(component-tabs-brief)', function(obj){
			
 
				+      layer.msg(obj.index + '：' + this.innerHTML);
			
 
				+    });
			
 
				+    
			
 
				+    /* 触发事件 */
			
 
				+    var active = {
			
 
				+      tabAdd: function(){
			
 
				+        /* 新增一个Tab项 */
			
 
				+        element.tabAdd('demo', {
			
 
				+          title: '新选项'+ (Math.random()*1000|0) /* 用于演示 */
			
 
				+          ,content: '内容'+ (Math.random()*1000|0)
			
 
				+          ,id: new Date().getTime() /* 实际使用一般是规定好的id，这里以时间戳模拟下 */
			
 
				+        })
			
 
				+      }
			
 
				+      ,tabDelete: function(othis){
			
 
				+        /* 删除指定Tab项 */
			
 
				+        element.tabDelete('demo', '22');
			
 
				+        othis.addClass('layui-btn-disabled');
			
 
				+      }
			
 
				+      ,tabChange: function(){
			
 
				+        /* 切换到指定Tab项 */
			
 
				+        element.tabChange('demo', '33');
			
 
				+      }
			
 
				+    };
			
 
				+    
			
 
				+    $('#component-tabs .site-demo-active').on('click', function(){
			
 
				+      var othis = $(this), type = othis.data('type');
			
 
				+      active[type] ? active[type].call(this, othis) : '';
			
 
				+    });
			
 
				+    
			
 
				+    /* Hash地址的定位 */
			
 
				+    var layid = router.hash.replace(/^#layid=/, '');
			
 
				+    layid && element.tabChange('component-tabs-hash', layid);
			
 
				+    
			
 
				+    element.on('tab(component-tabs-hash)', function(elem){
			
 
				+      location.hash = '/'+ layui.router().path.join('/') + '#layid=' + $(this).attr('lay-id');
			
 
				+    });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/temp.html
+++ b/src/main/webapp/skin/default/views/component/temp.html
@@ -0,0 +1,52 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>数据表格</cite></a>
			
 
				+      <a><cite>简单用法</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">XXX</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'table'], function(){
			
 
				+    var table = layui.table;
			
 
				+  
			
 
				+    
			
 
				+  
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/timeline/index.html
+++ b/src/main/webapp/skin/default/views/component/timeline/index.html
--- a/src/main/webapp/skin/default/views/component/upload/demo1.html
+++ b/src/main/webapp/skin/default/views/component/upload/demo1.html
@@ -0,0 +1,217 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <style>
			
 
				+  .layui-upload-img{width: 92px; height: 92px; margin: 0 10px 10px 0;}
			
 
				+  </style>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>上传组件</cite></a>
			
 
				+      <a><cite>功能演示一</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">普通图片上传</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-upload">
			
 
				+              <button type="button" class="layui-btn" id="test-upload-normal">上传图片</button>
			
 
				+              <div class="layui-upload-list">
			
 
				+                <img class="layui-upload-img" id="test-upload-normal-img">
			
 
				+                <p id="test-upload-demoText"></p>
			
 
				+              </div>
			
 
				+            </div> 
			
 
				+            <blockquote class="layui-elem-quote">
			
 
				+            为节省服务器开销，以下示例均未配置真实上传接口，所以每次上传都会报提示：请求上传接口出现异常，这属于正常现象。 
			
 
				+            </blockquote>   
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">上传多张图片</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-upload">
			
 
				+              <button type="button" class="layui-btn" id="test-upload-more">多图片上传</button> 
			
 
				+              <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
			
 
				+                预览图：
			
 
				+                <div class="layui-upload-list" id="test-upload-more-list"></div>
			
 
				+             </blockquote>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">指定允许上传的文件类型</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <button type="button" class="layui-btn" id="test-upload-type1"><i class="layui-icon"></i>上传文件</button>
			
 
				+            <button type="button" class="layui-btn layui-btn-primary" id="test-upload-type2"><i class="layui-icon"></i>只允许压缩文件</button>
			
 
				+            <button type="button" class="layui-btn" id="test-upload-type3"><i class="layui-icon"></i>上传视频</button>
			
 
				+            <button type="button" class="layui-btn" id="test-upload-type4"><i class="layui-icon"></i>上传音频</button> 
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">设定文件大小限制</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <button type="button" class="layui-btn layui-btn-danger" id="test-upload-size">
			
 
				+              <i class="layui-icon"></i>上传图片
			
 
				+            </button>
			
 
				+            <div class="layui-inline layui-word-aux">
			
 
				+              这里以限制 60KB 为例
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">同时绑定多个元素，并将属性设定在元素上</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <button class="layui-btn test-upload-demoMore" lay-data="{url: '/a/'}">上传A</button>
			
 
				+            <button class="layui-btn test-upload-demoMore" lay-data="{url: '/b/', size:5}">上传B</button>
			
 
				+            <button class="layui-btn test-upload-demoMore" lay-data="{url: '/c/', accept: 'file',size:10}">上传C</button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'upload'], function(){
			
 
				+    var $ = layui.jquery
			
 
				+    ,upload = layui.upload;
			
 
				+  
			
 
				+    //普通图片上传
			
 
				+    var uploadInst = upload.render({
			
 
				+      elem: '#test-upload-normal'
			
 
				+      ,url: '/upload/'
			
 
				+      ,before: function(obj){
			
 
				+        //预读本地文件示例，不支持ie8
			
 
				+        obj.preview(function(index, file, result){
			
 
				+          $('#test-upload-normal-img').attr('src', result); //图片链接（base64）
			
 
				+        });
			
 
				+      }
			
 
				+      ,done: function(res){
			
 
				+        //如果上传失败
			
 
				+        if(res.code > 0){
			
 
				+          return layer.msg('上传失败');
			
 
				+        }
			
 
				+        //上传成功
			
 
				+      }
			
 
				+      ,error: function(){
			
 
				+        //演示失败状态，并实现重传
			
 
				+        var demoText = $('#test-upload-demoText');
			
 
				+        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
			
 
				+        demoText.find('.demo-reload').on('click', function(){
			
 
				+          uploadInst.upload();
			
 
				+        });
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //多图片上传
			
 
				+    upload.render({
			
 
				+      elem: '#test-upload-more'
			
 
				+      ,url: '/upload/'
			
 
				+      ,multiple: true
			
 
				+      ,before: function(obj){
			
 
				+        //预读本地文件示例，不支持ie8
			
 
				+        obj.preview(function(index, file, result){
			
 
				+          $('#test-upload-more-list').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')
			
 
				+        });
			
 
				+      }
			
 
				+      ,done: function(res){
			
 
				+        //上传完毕
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //指定允许上传的文件类型
			
 
				+    upload.render({
			
 
				+      elem: '#test-upload-type1'
			
 
				+      ,url: '/upload/'
			
 
				+      ,accept: 'file' //普通文件
			
 
				+      ,done: function(res){
			
 
				+        console.log(res)
			
 
				+      }
			
 
				+    });
			
 
				+    upload.render({ //允许上传的文件后缀
			
 
				+      elem: '#test-upload-type2'
			
 
				+      ,url: '/upload/'
			
 
				+      ,accept: 'file' //普通文件
			
 
				+      ,exts: 'zip|rar|7z' //只允许上传压缩文件
			
 
				+      ,done: function(res){
			
 
				+        console.log(res)
			
 
				+      }
			
 
				+    });
			
 
				+    upload.render({
			
 
				+      elem: '#test-upload-type3'
			
 
				+      ,url: '/upload/'
			
 
				+      ,accept: 'video' //视频
			
 
				+      ,done: function(res){
			
 
				+        console.log(res)
			
 
				+      }
			
 
				+    });
			
 
				+    upload.render({
			
 
				+      elem: '#test-upload-type4'
			
 
				+      ,url: '/upload/'
			
 
				+      ,accept: 'audio' //音频
			
 
				+      ,done: function(res){
			
 
				+        console.log(res)
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //设定文件大小限制
			
 
				+    upload.render({
			
 
				+      elem: '#test-upload-size'
			
 
				+      ,url: '/upload/'
			
 
				+      ,size: 60 //限制文件大小，单位 KB
			
 
				+      ,done: function(res){
			
 
				+        console.log(res)
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //同时绑定多个元素，并将属性设定在元素上
			
 
				+    upload.render({
			
 
				+      elem: '.test-upload-demoMore'
			
 
				+      ,before: function(){
			
 
				+        layer.tips('接口地址：'+ this.url, this.item, {tips: 1});
			
 
				+      }
			
 
				+      ,done: function(res, index, upload){
			
 
				+        var item = this.item;
			
 
				+        console.log(item); //获取当前触发上传的元素，layui 2.1.0 新增
			
 
				+      }
			
 
				+    })
			
 
				+  
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/upload/demo2.html
+++ b/src/main/webapp/skin/default/views/component/upload/demo2.html
@@ -0,0 +1,185 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>上传组件</cite></a>
			
 
				+      <a><cite>功能演示二</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">选完文件后不自动上传</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-upload">
			
 
				+              <button type="button" class="layui-btn layui-btn-normal" id="test-upload-change">选择文件</button>
			
 
				+              <button type="button" class="layui-btn" id="test-upload-change-action">开始上传</button>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">拖拽上传</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-upload-drag" id="test-upload-drag">
			
 
				+              <i class="layui-icon"></i>
			
 
				+              <p>点击上传，或将文件拖拽到此处</p>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">高级应用：制作一个多文件列表</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <div class="layui-upload">
			
 
				+              <button type="button" class="layui-btn layui-btn-normal" id="test-upload-testList">选择多文件</button> 
			
 
				+              <div class="layui-upload-list">
			
 
				+                <table class="layui-table">
			
 
				+                  <thead>
			
 
				+                    <tr><th>文件名</th>
			
 
				+                    <th>大小</th>
			
 
				+                    <th>状态</th>
			
 
				+                    <th>操作</th>
			
 
				+                  </tr></thead>
			
 
				+                  <tbody id="test-upload-demoList"></tbody>
			
 
				+                </table>
			
 
				+              </div>
			
 
				+              <button type="button" class="layui-btn" id="test-upload-testListAction">开始上传</button>
			
 
				+            </div> 
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">绑定原始文件域</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            <input type="file" name="file" id="test-upload-primary">
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'upload'], function(){
			
 
				+    var $ = layui.jquery
			
 
				+    ,upload = layui.upload;
			
 
				+  
			
 
				+    //选完文件后不自动上传
			
 
				+    upload.render({
			
 
				+      elem: '#test-upload-change'
			
 
				+      ,url: '/upload/'
			
 
				+      ,auto: false
			
 
				+      //,multiple: true
			
 
				+      ,bindAction: '#test-upload-change-action'
			
 
				+      ,done: function(res){
			
 
				+        console.log(res)
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //拖拽上传
			
 
				+    upload.render({
			
 
				+      elem: '#test-upload-drag'
			
 
				+      ,url: '/upload/'
			
 
				+      ,done: function(res){
			
 
				+        console.log(res)
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //多文件列表示例
			
 
				+    var demoListView = $('#test-upload-demoList')
			
 
				+    ,uploadListIns = upload.render({
			
 
				+      elem: '#test-upload-testList'
			
 
				+      ,url: '/upload/'
			
 
				+      ,accept: 'file'
			
 
				+      ,multiple: true
			
 
				+      ,auto: false
			
 
				+      ,bindAction: '#test-upload-testListAction'
			
 
				+      ,choose: function(obj){   
			
 
				+        var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
			
 
				+        //读取本地文件
			
 
				+        obj.preview(function(index, file, result){
			
 
				+          var tr = $(['<tr id="upload-'+ index +'">'
			
 
				+            ,'<td>'+ file.name +'</td>'
			
 
				+            ,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'
			
 
				+            ,'<td>等待上传</td>'
			
 
				+            ,'<td>'
			
 
				+              ,'<button class="layui-btn layui-btn-mini test-upload-demo-reload layui-hide">重传</button>'
			
 
				+              ,'<button class="layui-btn layui-btn-mini layui-btn-danger test-upload-demo-delete">删除</button>'
			
 
				+            ,'</td>'
			
 
				+          ,'</tr>'].join(''));
			
 
				+          
			
 
				+          //单个重传
			
 
				+          tr.find('.test-upload-demo-reload').on('click', function(){
			
 
				+            obj.upload(index, file);
			
 
				+          });
			
 
				+          
			
 
				+          //删除
			
 
				+          tr.find('.test-upload-demo-delete').on('click', function(){
			
 
				+            delete files[index]; //删除对应的文件
			
 
				+            tr.remove();
			
 
				+            uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
			
 
				+          });
			
 
				+          
			
 
				+          demoListView.append(tr);
			
 
				+        });
			
 
				+      }
			
 
				+      ,done: function(res, index, upload){
			
 
				+        if(res.code == 0){ //上传成功
			
 
				+          var tr = demoListView.find('tr#upload-'+ index)
			
 
				+          ,tds = tr.children();
			
 
				+          tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
			
 
				+          tds.eq(3).html(''); //清空操作
			
 
				+          return delete this.files[index]; //删除文件队列已经上传成功的文件
			
 
				+        }
			
 
				+        this.error(index, upload);
			
 
				+      }
			
 
				+      ,error: function(index, upload){
			
 
				+        var tr = demoListView.find('tr#upload-'+ index)
			
 
				+        ,tds = tr.children();
			
 
				+        tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
			
 
				+        tds.eq(3).find('.test-upload-demo-reload').removeClass('layui-hide'); //显示重传
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    //绑定原始文件域
			
 
				+    upload.render({
			
 
				+      elem: '#test-upload-primary'
			
 
				+      ,url: '/upload/'
			
 
				+      ,done: function(res){
			
 
				+        console.log(res)
			
 
				+      }
			
 
				+    });
			
 
				+  
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/upload/index.html
+++ b/src/main/webapp/skin/default/views/component/upload/index.html
@@ -0,0 +1,46 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+<div class="layui-card layadmin-header">
			
 
				+  <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+    <a lay-href="">主页</a>
			
 
				+    <a><cite>组件</cite></a>
			
 
				+    <a><cite>上传</cite></a>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<style>
			
 
				+/* 这段样式只是用于演示 */
			
 
				+.layadmin-trailer{position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 15px; display: flex; justify-content: center; flex-direction: column; text-align: center; box-sizing: border-box; font-size: 20px; font-weight: 300; color: #ccc;}
			
 
				+</style>
			
 
				+
			
 
				+<div class="layadmin-trailer">
			
 
				+  <div style="width: 280px; margin: 0 auto;">
			
 
				+    <a href="http://www.layui.com/demo/upload.html" target="_blank" class="layui-btn">
			
 
				+      正在整理中，你可以先去官网看示例
			
 
				+    </a>
			
 
				+  </a>
			
 
				+</div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
--- a/src/main/webapp/skin/default/views/component/util/index.html
+++ b/src/main/webapp/skin/default/views/component/util/index.html
@@ -0,0 +1,108 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-card layadmin-header">
			
 
				+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
			
 
				+      <a lay-href="">主页</a>
			
 
				+      <a><cite>组件</cite></a>
			
 
				+      <a><cite>工具模块</cite></a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">倒计时</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            请选择要计算的日期：
			
 
				+            <div class="layui-inline">
			
 
				+              <input type="text" class="layui-input" id="test-util-countdown" value="2099-01-01 00:00:00">
			
 
				+            </div>
			
 
				+            <blockquote class="layui-elem-quote" style="margin-top: 10px;">
			
 
				+              <div id="test-util-countdown-ret"></div>
			
 
				+            </blockquote>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">某个时间在当前时间的多久前</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            请选择要计算的日期：
			
 
				+            <div class="layui-inline">
			
 
				+              <input type="text" class="layui-input" id="test-util-timeago">
			
 
				+            </div>
			
 
				+            <span class="layui-word-aux" id="test-util-timeago-ret"></span>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'util', 'laydate', 'layer'], function(){
			
 
				+    var util = layui.util
			
 
				+    ,laydate = layui.laydate
			
 
				+    ,layer = layui.layer;
			
 
				+    
			
 
				+    //倒计时
			
 
				+    var thisTimer, setCountdown = function(y, M, d, H, m, s){
			
 
				+      var endTime = new Date(y, M||0, d||1, H||0, m||0, s||0) //结束日期
			
 
				+      ,serverTime = new Date(); //假设为当前服务器时间，这里采用的是本地时间，实际使用一般是取服务端的
			
 
				+       
			
 
				+      clearTimeout(thisTimer);
			
 
				+      util.countdown(endTime, serverTime, function(date, serverTime, timer){
			
 
				+        var str = date[0] + '天' + date[1] + '时' +  date[2] + '分' + date[3] + '秒';
			
 
				+        lay('#test-util-countdown-ret').html(str);
			
 
				+        thisTimer = timer;
			
 
				+      });
			
 
				+    };
			
 
				+    setCountdown(2099,1,1);
			
 
				+    
			
 
				+    laydate.render({
			
 
				+      elem: '#test-util-countdown'
			
 
				+      ,type: 'datetime'
			
 
				+      ,done: function(value, date){
			
 
				+        setCountdown(date.year, date.month - 1, date.date, date.hours, date.minutes, date.seconds);
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    
			
 
				+    //某个时间在当前时间的多久前
			
 
				+    var setTimeAgo = function(y, M, d, H, m, s){
			
 
				+      var str = util.timeAgo(new Date(y, M||0, d||1, H||0, m||0, s||0));
			
 
				+      lay('#test-util-timeago-ret').html(str);
			
 
				+    };
			
 
				+    
			
 
				+    laydate.render({
			
 
				+      elem: '#test-util-timeago'
			
 
				+      ,type: 'datetime'
			
 
				+      ,done: function(value, date){
			
 
				+        setTimeAgo(date.year, date.month - 1, date.date, date.hours, date.minutes, date.seconds);
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/component/说明.txt
+++ b/src/main/webapp/skin/default/views/component/说明.txt
@@ -0,0 +1,2 @@
 
				+
			
 
				+该目录存放【组件】的视图文件
			
--- a/src/main/webapp/skin/default/views/home/schoolHomePage.html
+++ b/src/main/webapp/skin/default/views/home/schoolHomePage.html
@@ -0,0 +1,242 @@
 
				+
			
 
				+
			
 
				+<!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="../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
			
 
				+  <link href="/css/main.css" rel="stylesheet">
			
 
				+  <script src="../../../../lib/extend/echarts.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md8">
			
 
				+        <div class="layui-row layui-col-space15">
			
 
				+          <div class="layui-col-md6">
			
 
				+            <div class="layui-card">
			
 
				+              <div class="layui-card-header">快捷方式</div>
			
 
				+              <div class="layui-card-body">
			
 
				+
			
 
				+                <div class="layui-carousel layadmin-carousel layadmin-shortcut">
			
 
				+                  <div carousel-item>
			
 
				+                    <ul class="layui-row layui-col-space10">
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a  name="queckmenu" lay-text="日常借还" val="/list-manage/dailyBorrowing" >
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-01.png" alt=""></i>
			
 
				+                          <cite>日常借还</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="图书编目" val="/list-manage/bookList">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-02.png" alt=""></i>
			
 
				+                          <cite>图书编目</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="馆藏查询" val="/book/librarybook">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-03.png" alt=""></i>
			
 
				+                          <cite>馆藏查询</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="借阅查询" val="/list-manage/jieYueRecord">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-04.png" alt=""></i>
			
 
				+                          <cite>借阅查询</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="个别登记" val="/print/tushugebiedengjibu">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-05.png" alt=""></i>
			
 
				+                          <cite>个别登记</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="总括登记" val="/print/tushuzongkuodengjibu">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-06.png" alt=""></i>
			
 
				+                          <cite>总括登记</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="注销报表" val="/print/tushuzhuxiaobaobiao">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-07.png" alt=""></i>
			
 
				+                          <cite>注销报表</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="排行榜" val="/list-manage/bookLendingRanking">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-08.png" alt=""></i>
			
 
				+                          <cite>排行榜</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="分类统计" val="/list-manage/bookClassificationStatistics">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-09.png" alt=""></i>
			
 
				+                          <cite>分类统计</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="馆藏调拨" val="/list-manage/libraryBookChange">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-10.png" alt=""></i>
			
 
				+                          <cite>馆藏调拨</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="馆藏注销" val="/list-manage/cancelBook">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-11.png" alt=""></i>
			
 
				+                          <cite>馆藏注销</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="预约预借" val="/list-manage/destineBook">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-12.png" alt=""></i>
			
 
				+                          <cite>预约预借</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="书标打印" val="/list-manage/bookMarkPrint">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-13.png" alt=""></i>
			
 
				+                          <cite>书标打印</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="读者查询" val="/reader">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-14.png" alt=""></i>
			
 
				+                          <cite>读者查询</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a name="queckmenu" lay-text="用户管理" val="/user">
			
 
				+                          <i class="layui-icon"><img src="/img/school-index-16.png" alt=""></i>
			
 
				+                          <cite>用户管理</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+
			
 
				+                    </ul>
			
 
				+
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+
			
 
				+
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">今日简报</div>
			
 
				+          <div class="layui-card-body">
			
 
				+
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-backlog">
			
 
				+              <div carousel-item>
			
 
				+                <ul class="layui-row layui-col-space10">
			
 
				+                  <li class="layui-col-xs6">
			
 
				+                    <a name="queckmenu" lay-text="借书数量" val="/list-manage/jieYueRecord" class="layadmin-backlog-body">
			
 
				+                      <h3>借书数量</h3>
			
 
				+                      <p><cite id="jssl">0</cite></p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="layui-col-xs6">
			
 
				+                    <a name="queckmenu" lay-text="还书数量" val="/list-manage/jieYueRecord" class="layadmin-backlog-body">
			
 
				+                      <h3>还书数量</h3>
			
 
				+                      <p><cite id="hssl">0</cite></p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="layui-col-xs6">
			
 
				+                    <a name="queckmenu" lay-text="新增图书" val="/print/tushugebiedengjibu" class="layadmin-backlog-body">
			
 
				+                      <h3>新增图书</h3>
			
 
				+                      <p><cite id="xzsl">0</cite></p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="layui-col-xs6">
			
 
				+                    <a name="queckmenu" lay-text="注销图书" val="/print/tushuzhuxiaobaobiao" class="layadmin-backlog-body">
			
 
				+                      <h3>注销图书</h3>
			
 
				+                      <p><cite id="zxsl">0</cite></p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../layuiadmin/layui/layui.js?t=1"></script>
			
 
				+  <script type="text/javascript" src="/lib/extend/echarts.js"></script>
			
 
				+  <script>
			
 
				+  var $;
			
 
				+  layui.config({
			
 
				+    base: '../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'console']);
			
 
				+  layui.use(['jquery', 'layer'], function(){
			
 
				+      $ = layui.$;
			
 
				+
			
 
				+      $("a[name='queckmenu']").click(function () {
			
 
				+          var url = $(this).attr("val");
			
 
				+          var text = $(this).attr("lay-text");
			
 
				+          $.ajax("/menu/hasAuth",{
			
 
				+              // async:false,
			
 
				+              data:{token:JSON.parse(sessionStorage.loginData).token,url:url},
			
 
				+              success:function (data) {
			
 
				+                  console.log(data);
			
 
				+                  if (data.code==4){
			
 
				+                      layer.msg('抱歉，您无权限操作！若需开通此权限，请联系超级管理员', { icon: 2 });
			
 
				+                  }else {
			
 
				+                      //执行跳转
			
 
				+                      var topLayui = parent === self ? layui : top.layui;
			
 
				+                      topLayui.index.openTabsPage(url, text);
			
 
				+                  }
			
 
				+              }
			
 
				+          });
			
 
				+      })
			
 
				+
			
 
				+
			
 
				+
			
 
				+      $.ajax({
			
 
				+          url: "/comprehensiveStatistics/briefingToday",
			
 
				+          type: "POST",
			
 
				+          data:{orgid:JSON.parse(sessionStorage.loginData).orgid,token:JSON.parse(sessionStorage.loginData).token},
			
 
				+          success: function(result) {
			
 
				+              if(result.data.jssl.jssl){$("#jssl").text(result.data.jssl.jssl);}
			
 
				+              if(result.data.hssl.hssl){$("#hssl").text(result.data.hssl.hssl);}
			
 
				+              if(result.data.xzsl.xzsl){$("#xzsl").text(result.data.xzsl.xzsl);}
			
 
				+              if(result.data.zxsl.zxsl){$("#zxsl").text(result.data.zxsl.zxsl);}
			
 
				+          }
			
 
				+      });
			
 
				+  });
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
 
				+
			
--- a/src/main/webapp/skin/default/views/home/teachHomePage.html
+++ b/src/main/webapp/skin/default/views/home/teachHomePage.html
@@ -0,0 +1,563 @@
 
				+
			
 
				+
			
 
				+<!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="../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
			
 
				+  <script type="text/javascript" src="/lib/layui/layui.all.js"></script>
			
 
				+  <script type="text/javascript" src="/js/common.js"></script>
			
 
				+  <link href="/css/main.css" rel="stylesheet">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md8">
			
 
				+        <div class="layui-row layui-col-space15">
			
 
				+          <div class="layui-col-md6">
			
 
				+            <div class="layui-card">
			
 
				+              <div class="layui-card-header">快捷方式</div>
			
 
				+              <div class="layui-card-body">
			
 
				+
			
 
				+                <div class="layui-carousel layadmin-carousel layadmin-shortcut">
			
 
				+                  <div carousel-item>
			
 
				+                    <ul class="layui-row layui-col-space10">
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a lay-href="/page/libQuery">
			
 
				+                          <i class="layui-icon layui-icon-console"></i>
			
 
				+                          <cite>馆藏查询</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a lay-href="/page/readerQueryState">
			
 
				+                          <i class="layui-icon layui-icon-chart"></i>
			
 
				+                          <cite>读者查询</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a lay-href="/page/libNumberStats">
			
 
				+                          <i class="layui-icon layui-icon-template-1"></i>
			
 
				+                          <cite>藏书分布</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a lay-href="/page/libSortSortState" layadmin-event="im">
			
 
				+                          <i class="layui-icon layui-icon-chat"></i>
			
 
				+                          <cite>藏书分类</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a lay-href="/page/addStatsState">
			
 
				+                          <i class="layui-icon layui-icon-find-fill"></i>
			
 
				+                          <cite>生均及增量</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a lay-href="/page/standardreport">
			
 
				+                          <i class="layui-icon layui-icon-survey"></i>
			
 
				+                          <cite>达标测算</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a lay-href="/page/schoolRegister">
			
 
				+                          <i class="layui-icon layui-icon-user"></i>
			
 
				+                          <cite>单位注册</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs3">
			
 
				+                        <a lay-href="/page/thisUnit">
			
 
				+                          <i class="layui-icon layui-icon-set"></i>
			
 
				+                          <cite>基本信息</cite>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                    </ul>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="layui-col-md6">
			
 
				+            <div class="layui-card">
			
 
				+              <div class="layui-card-header">汇总统计</div>
			
 
				+              <div class="layui-card-body">
			
 
				+
			
 
				+                <div class="layui-carousel layadmin-carousel layadmin-backlog">
			
 
				+                  <div carousel-item>
			
 
				+                    <ul class="layui-row layui-col-space10">
			
 
				+                      <li class="layui-col-xs6">
			
 
				+                        <a lay-href="/page/schoolRegister" class="layadmin-backlog-body">
			
 
				+                          <h3>学校数</h3>
			
 
				+                          <p><cite id="xxs">0</cite></p>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs6">
			
 
				+                        <a lay-href="/page/schoolRegister" class="layadmin-backlog-body">
			
 
				+                          <h3>学生数</h3>
			
 
				+                          <p><cite id="xss">0</cite></p>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs6">
			
 
				+                        <a lay-href="/page/readerQueryState" class="layadmin-backlog-body">
			
 
				+                          <h3>读者数</h3>
			
 
				+                          <p><cite id="dzs">0</cite></p>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs6">
			
 
				+                        <a class="layadmin-backlog-body" style="text-decoration:none;">
			
 
				+                          <h3>图书管理员数</h3>
			
 
				+                          <p><cite id="tsglys">0</cite></p>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                    </ul>
			
 
				+
			
 
				+                    <ul class="layui-row layui-col-space10">
			
 
				+                      <li class="layui-col-xs6">
			
 
				+                        <a class="layadmin-backlog-body" style="text-decoration:none;">
			
 
				+                          <h3>图书种数</h3>
			
 
				+                          <p><cite id="tszs">0</cite></p>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs6">
			
 
				+                        <a lay-href="/page/libNumberStats" class="layadmin-backlog-body">
			
 
				+                          <h3>图书总册数</h3>
			
 
				+                          <p><cite id="tszcs">0</cite></p>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs6">
			
 
				+                        <a class="layadmin-backlog-body" style="text-decoration:none;">
			
 
				+                          <h3>图书生均册数</h3>
			
 
				+                          <p><cite id="tssjcs">0</cite></p>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs6">
			
 
				+                        <a lay-href="/page/standardreport" class="layadmin-backlog-body">
			
 
				+                          <h3>缺书册数</h3>
			
 
				+                          <p><cite id="qscs">0</cite></p>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                    </ul>
			
 
				+                    <ul class="layui-row layui-col-space10">
			
 
				+                      <li class="layui-col-xs6">
			
 
				+                        <a class="layadmin-backlog-body" style="text-decoration:none;">
			
 
				+                          <h3>平均复本</h3>
			
 
				+                          <p><cite id="pjfb">0</cite></p>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                      <li class="layui-col-xs6">
			
 
				+                        <a class="layadmin-backlog-body" style="text-decoration:none;">
			
 
				+                          <h3>期刊种数</h3>
			
 
				+                          <p><cite id="qkzs">0</cite></p>
			
 
				+                        </a>
			
 
				+                      </li>
			
 
				+                    </ul>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+
			
 
				+
			
 
				+          <div class="layui-col-md12">
			
 
				+            <div class="layui-card">
			
 
				+              <div class="layui-card-header">数据概览</div>
			
 
				+              <div class="layui-card-body">
			
 
				+                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
			
 
				+                  <div carousel-item id="LAY-index-dataview">
			
 
				+                    <div id="chart1"><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+                    <div>
			
 
				+                      <form class="layui-form" id="jieyuefrom"  lay-filter="jieyuefrom" >
			
 
				+                        机构&nbsp;&nbsp;<div  style="display: inline-block;" id="linkDiv"></div>
			
 
				+                        <div class="layui-input-inline">
			
 
				+                          <label class="layui-input-inline" >时间</label>
			
 
				+                          <div class="layui-input-inline">
			
 
				+                            <input type="text" name="begindate"  id="begindate" lay-verify="required|date"  placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
			
 
				+                          </div>
			
 
				+                          <label class="layui-input-inline" >至</label>
			
 
				+                          <div class="layui-input-inline">
			
 
				+                            <input type="text" name="enddate"  id="enddate" lay-verify="required|date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
			
 
				+                          </div>
			
 
				+                          <button class="layui-btn layui-btn-sm" lay-submit lay-filter="searchBtn">查询</button>
			
 
				+                        </div>
			
 
				+                      </form>
			
 
				+                      <div id="chart2" style="width: 100%;height: 95%"></div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="layui-card">
			
 
				+              <div class="layui-tab layui-tab-brief layadmin-latestData">
			
 
				+                <ul class="layui-tab-title">
			
 
				+                  <li class="layui-this">通知公告</li>
			
 
				+                </ul>
			
 
				+                <div class="layui-tab-content">
			
 
				+                  <div class="layui-tab-item layui-show">
			
 
				+                    <table id="dataTable"></table>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="layui-col-md4">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">今日简报</div>
			
 
				+          <div class="layui-card-body">
			
 
				+
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-backlog">
			
 
				+              <div carousel-item>
			
 
				+                <ul class="layui-row layui-col-space10">
			
 
				+                  <li class="layui-col-xs6">
			
 
				+                    <a lay-href="/page/libFlowStats" class="layadmin-backlog-body">
			
 
				+                      <h3>借书数量</h3>
			
 
				+                      <p><cite id="jssl">0</cite></p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="layui-col-xs6">
			
 
				+                    <a lay-href="/page/libFlowStats" class="layadmin-backlog-body">
			
 
				+                      <h3>还书数量</h3>
			
 
				+                      <p><cite id="hssl">0</cite></p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="layui-col-xs6">
			
 
				+                    <a lay-href="/page/libChange" class="layadmin-backlog-body">
			
 
				+                      <h3>新增图书</h3>
			
 
				+                      <p><cite id="xzsl">0</cite></p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="layui-col-xs6">
			
 
				+                    <a lay-href="/page/libChange" class="layadmin-backlog-body">
			
 
				+                      <h3>注销图书</h3>
			
 
				+                      <p><cite id="zxsl">0</cite></p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+                <ul class="layui-row layui-col-space10">
			
 
				+                  <li class="layui-col-xs6">
			
 
				+                    <a class="layadmin-backlog-body" style="text-decoration:none;">
			
 
				+                      <h3>读者到馆率</h3>
			
 
				+                      <p><cite id="dgl">0</cite></p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="layui-col-xs6">
			
 
				+                    <a class="layadmin-backlog-body" style="text-decoration:none;">
			
 
				+                      <h3>图书借阅率</h3>
			
 
				+                      <p><cite id="jyl">0</cite></p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <div class="layui-card" style="height: 394px;">
			
 
				+          <div class="layui-card-header">馆藏分类占比情况(前10)</div>
			
 
				+          <div id="container" style="height: 100%"></div>
			
 
				+        </div>
			
 
				+
			
 
				+
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-tab layui-tab-brief layadmin-latestData">
			
 
				+            <ul class="layui-tab-title">
			
 
				+              <li class="layui-this">图书荐购</li>
			
 
				+            </ul>
			
 
				+            <div class="layui-tab-content">
			
 
				+              <div class="layui-tab-item layui-show">
			
 
				+                <table class="layui-table layui-form">
			
 
				+                  <thead>
			
 
				+                  <tr>
			
 
				+                    <td>书名</td>
			
 
				+                    <td>著者</td>
			
 
				+                    <td>荐购次数</td>
			
 
				+                    <td>推荐学校</td>
			
 
				+                  </tr>
			
 
				+                  </thead>
			
 
				+                  <tr>
			
 
				+                    <td>平凡的世界</td>
			
 
				+                    <td>路遥</td>
			
 
				+                    <td>8</td>
			
 
				+                    <td>席关小学</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>打开心灵之门</td>
			
 
				+                    <td>冯志远主编</td>
			
 
				+                    <td>6</td>
			
 
				+                    <td>麦巷小学</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>春暖花开时</td>
			
 
				+                    <td>刘吾福</td>
			
 
				+                    <td>5</td>
			
 
				+                    <td>青龙小学</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>谁叫你不见义勇为</td>
			
 
				+                    <td>吴志强</td>
			
 
				+                    <td>3</td>
			
 
				+                    <td>十字小学</td>
			
 
				+                  </tr>
			
 
				+                </table>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <!--<div class="layui-card">-->
			
 
				+          <!--<div class="layui-card-header">产品动态</div>-->
			
 
				+          <!--<div class="layui-card-body">-->
			
 
				+            <!--<div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">-->
			
 
				+              <!--<div carousel-item>-->
			
 
				+                <!--<div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>-->
			
 
				+                <!--<div><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div> -->
			
 
				+                <!--<div><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>-->
			
 
				+              <!--</div>-->
			
 
				+            <!--</div>-->
			
 
				+          <!--</div>-->
			
 
				+        <!--</div>-->
			
 
				+
			
 
				+        <!--<div class="layui-card">-->
			
 
				+          <!--<div class="layui-card-header">-->
			
 
				+            <!--作者心语-->
			
 
				+            <!--<i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>-->
			
 
				+          <!--</div>-->
			
 
				+          <!--<div class="layui-card-body layui-text layadmin-text">-->
			
 
				+            <!--<p>一直以来，layui 秉承无偿开源的初心，虔诚致力于服务各层次前后端 Web 开发者，在商业横飞的当今时代，这一信念从未动摇。即便身单力薄，仍然重拾决心，埋头造轮，以尽可能地填补产品本身的缺口。</p>-->
			
 
				+            <!--<p>在过去的一段的时间，我一直在寻求持久之道，已维持你眼前所见的一切。而 layuiAdmin 是我们尝试解决的手段之一。我相信真正有爱于 layui 生态的你，定然不会错过这一拥抱吧。</p>-->
			
 
				+            <!--<p>子曰：君子不用防，小人防不住。请务必通过官网正规渠道，获得 <a href="http://www.layui.com/admin/" target="_blank">layuiAdmin</a>！</p>-->
			
 
				+            <!--<p>—— 贤心（<a href="http://www.layui.com/" target="_blank">layui.com</a>）</p>-->
			
 
				+          <!--</div>-->
			
 
				+        <!--</div>-->
			
 
				+      <!--</div>-->
			
 
				+
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../layuiadmin/layui/layui.js?t=1"></script>
			
 
				+    <script type="text/javascript" src="/lib/extend/echarts.js"></script>
			
 
				+  <script>
			
 
				+      var $;
			
 
				+      layui.config({
			
 
				+          base: '../../layuiadmin/' //静态资源所在路径
			
 
				+      }).extend({
			
 
				+          index: 'lib/index' //主入口模块
			
 
				+      }).use(['index', 'console']);
			
 
				+      layui.use(['jquery', 'layer'], function(){
			
 
				+          $ = layui.$;
			
 
				+          $.ajax({
			
 
				+              url: "/region/summaryList",
			
 
				+              type: "POST",
			
 
				+              data:{orgid:JSON.parse(sessionStorage.loginData).orgid,token:JSON.parse(sessionStorage.loginData).token},
			
 
				+              success: function(result) {
			
 
				+                  if(result.code==200){
			
 
				+                      if(result.data){
			
 
				+                          if(result.data.xxs){$("#xxs").text(result.data.xxs);}
			
 
				+                          if(result.data.xss){$("#xss").text(result.data.xss);}
			
 
				+                          if(result.data.pjfb){
			
 
				+                              $("#pjfb").text(result.data.pjfb?parseFloat(result.data.pjfb).toFixed(2):0);
			
 
				+                          }
			
 
				+                          if(result.data.qkzs){$("#qkzs").text(result.data.qkzs);}
			
 
				+
			
 
				+                          if(result.data.tssjcs){$("#tssjcs").text(result.data.tssjcs?parseFloat(result.data.tssjcs).toFixed(2):0)};
			
 
				+
			
 
				+                          if(result.data.tsglys){$("#tsglys").text(result.data.tsglys);}
			
 
				+                          if(result.data.tszcs){$("#tszcs").text(result.data.tszcs);}
			
 
				+                          if(result.data.dzs){$("#dzs").text(result.data.dzs);}
			
 
				+                          if(result.data.tszs){$("#tszs").text(result.data.tszs);}
			
 
				+                          //if(result.data.qscs){$("#qscs").text(result.data.qscs);}
			
 
				+                      }
			
 
				+                  }
			
 
				+              }
			
 
				+          });
			
 
				+
			
 
				+          $.ajax({
			
 
				+              url: "/selectcount/standardBoookNumTotal",
			
 
				+              type: "POST",
			
 
				+              data:{orgid:JSON.parse(sessionStorage.loginData).orgid,toporgid:JSON.parse(sessionStorage.loginData).orgid,token:JSON.parse(sessionStorage.loginData).token},
			
 
				+              success: function(result) {
			
 
				+                  if(result.code==200){
			
 
				+                      if(result.data){
			
 
				+                          if(result.data.quekouBooknum){$("#qscs").text(result.data.quekouBooknum);}
			
 
				+                      }
			
 
				+                  }
			
 
				+              }
			
 
				+          });
			
 
				+          $.ajax({
			
 
				+              url: "/region/dayBriefingList",
			
 
				+              type: "POST",
			
 
				+              data:{orgid:JSON.parse(sessionStorage.loginData).orgid,token:JSON.parse(sessionStorage.loginData).token},
			
 
				+              success: function(result) {
			
 
				+
			
 
				+                  if(result.code==200) {
			
 
				+                      if(result.data.jssl){$("#jssl").html(result.data.jssl);}
			
 
				+                      if(result.data.hssl){$("#hssl").html(result.data.hssl);}
			
 
				+                      if(result.data.xzsl){$("#xzsl").html(result.data.xzsl);}
			
 
				+                      if(result.data.zxsl){$("#zxsl").html(result.data.zxsl);}
			
 
				+                      if(result.data.dgl){$("#dgl").html(parseFloat(result.data.dgl*100).toFixed(2)+"%");}
			
 
				+                      if(result.data.jyl){$("#jyl").html(parseFloat(result.data.jyl*100).toFixed(2)+"%");}
			
 
				+                  }
			
 
				+              }
			
 
				+          });
			
 
				+
			
 
				+          var dom = document.getElementById("container");
			
 
				+          var myChart = echarts.init(dom);
			
 
				+          var app = {};
			
 
				+          option = null;
			
 
				+          app.title = '嵌套环形图';
			
 
				+
			
 
				+          var fiveNum = [];
			
 
				+          var topTen = [];
			
 
				+
			
 
				+          $.ajax("/schoolhome/typeNumberTeach",{
			
 
				+              data:{orgid:JSON.parse(sessionStorage.loginData).orgid,token:JSON.parse(sessionStorage.loginData).token},
			
 
				+              success:function(result){
			
 
				+                  if(result.code==200){
			
 
				+                      fiveNum = result.data.fiveNum;
			
 
				+                      topTen = result.data.topTen;
			
 
				+                      option = {
			
 
				+                          tooltip: {
			
 
				+                              trigger: 'item',
			
 
				+                              formatter: "{a} <br/>{b}: {c} ({d}%)"
			
 
				+                          },
			
 
				+                          series: [
			
 
				+                              {
			
 
				+                                  name:'分类占比',
			
 
				+                                  type:'pie',
			
 
				+                                  selectedMode: 'single',
			
 
				+                                  radius: [0, '30%'],
			
 
				+
			
 
				+                                  label: {
			
 
				+                                      normal: {
			
 
				+                                          position: 'inner'
			
 
				+                                      }
			
 
				+                                  },
			
 
				+                                  labelLine: {
			
 
				+                                      normal: {
			
 
				+                                          show: false
			
 
				+                                      }
			
 
				+                                  },
			
 
				+                                  data:fiveNum
			
 
				+                              },
			
 
				+                              {
			
 
				+                                  name:'分类占比',
			
 
				+                                  type:'pie',
			
 
				+                                  radius: ['40%', '55%'],
			
 
				+                                  data:topTen
			
 
				+                              }
			
 
				+                          ]
			
 
				+                      };
			
 
				+                      if (option && typeof option === "object") {
			
 
				+                          myChart.setOption(option, true);
			
 
				+                      }
			
 
				+                  }
			
 
				+              }
			
 
				+          });
			
 
				+
			
 
				+      });
			
 
				+
			
 
				+      var laytpl;
			
 
				+      layui.use(['jquery', 'layer','table'], function() {
			
 
				+          var table = layui.table;
			
 
				+          laytpl = layui.laytpl;
			
 
				+          table.render({
			
 
				+              elem: '#dataTable'
			
 
				+              ,url: '/notice/receiveListToHomePage?orgid='+JSON.parse(sessionStorage.loginData).orgid
			
 
				+              ,page: true
			
 
				+              ,cellMinWidth: 120
			
 
				+              ,cols: [[
			
 
				+                  {type: 'numbers', title: '序号'}
			
 
				+                  ,{field: 'flag', title: '类型',align:'center',templet:function (d) {
			
 
				+                          if(d.flag == 0){
			
 
				+                              return "公告";
			
 
				+                          }else {
			
 
				+                              return "通知";
			
 
				+                          }
			
 
				+                      }}
			
 
				+                  ,{field: 'title', title: '发布主题',align:'center',style:'text-decoration-line: underline;color: #199ED8; cursor: pointer;',templet:function (d) {
			
 
				+                          return '<div><a onclick="shownotice('+d.noticeId+','+d.id+')" target="_blank" class="layui-table-link">'+d.title+'</div>'
			
 
				+                      }}
			
 
				+                  ,{field: 'createtime', title: '发布时间', align:'center',templet:function(d){
			
 
				+                          if(d.createtime){
			
 
				+                              return d.createtime.split(" ")[0];
			
 
				+                          }else {
			
 
				+                              return d.createtime;
			
 
				+                          }
			
 
				+                      }}
			
 
				+                  ,{field: 'orgname', title: '发布单位', align:'center'}
			
 
				+                  ,{field: 'readstatus', title: '是否已读',align:'center',templet:function (d) {
			
 
				+                          if(d.readstatus == 0){
			
 
				+                              return "未读";
			
 
				+                          }else {
			
 
				+                              return "已读";
			
 
				+                          }
			
 
				+                      }}
			
 
				+              ]]
			
 
				+              ,skin: 'line'
			
 
				+          });
			
 
				+      });
			
 
				+
			
 
				+      var downloadUrl = "";
			
 
				+      function shownotice(noticeId,id) {
			
 
				+          $.ajax({
			
 
				+              url: "/notice/noticeLists",
			
 
				+              type: "POST",
			
 
				+              data:{id:noticeId},
			
 
				+              success: function(result) {
			
 
				+                  if(result.data.filsurl == null){
			
 
				+                      result.data.filsurl = "";
			
 
				+                  }
			
 
				+                  downloadUrl = result.data.filsurl;
			
 
				+                  var filsurl = result.data.filsurl;
			
 
				+                  var index = filsurl .lastIndexOf("\/");
			
 
				+                  filsurl  = filsurl .substring(index + 1, filsurl.length);
			
 
				+                  result.data.filsurl = filsurl.slice(13);
			
 
				+                  var noticeStr = '<div id="noticeContent">\n' +
			
 
				+                      '    <h5>'+result.data.title+'</h5>\n' +
			
 
				+                      '    <div class="noticeContentText">'+result.data.content+'</div>\n' +
			
 
				+                      '    <footer style="margin-bottom: 0;">附件：<a onclick="downloadFile()">'+result.data.filsurl+'</a>' +
			
 
				+                      '<div>'+result.data.orgname+'</div>' +
			
 
				+                      '<div>'+result.data.createtime.split(" ")[0]+'</div></footer>\n' +
			
 
				+                      '</div>';
			
 
				+                  laytpl(noticeStr).render(result.data, function(string){
			
 
				+                      noticeStr = string;
			
 
				+                  });
			
 
				+
			
 
				+                  layer.open({
			
 
				+                      title: "查看",
			
 
				+                      type: 1,
			
 
				+                      area: ['1000px', '500px'],
			
 
				+                      skin: 'noticeStr',
			
 
				+                      content: noticeStr,
			
 
				+
			
 
				+                  });
			
 
				+                  $.ajax("/notice/setRead",{
			
 
				+                      data:{id:id},
			
 
				+                      success:function(result){
			
 
				+                          if(result.code==200){
			
 
				+
			
 
				+                          }
			
 
				+                      }
			
 
				+                  });
			
 
				+              }
			
 
				+          });
			
 
				+      }
			
 
				+
			
 
				+      function downloadFile(){
			
 
				+          window.open('/file/downloadFile?filename='+downloadUrl);
			
 
				+      }
			
 
				+
			
 
				+      searchForm.linkage(JSON.parse(sessionStorage.loginData).orgid);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
 
				+
			
--- a/src/main/webapp/skin/default/views/iframe/layer/iframe.html
+++ b/src/main/webapp/skin/default/views/iframe/layer/iframe.html
@@ -0,0 +1,83 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>layer iframe 示例</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <style>
			
 
				+    body{padding:10px; font-size:14px; background:#fff; width:95%; margin:0 auto; font-size:14px; line-height:20px; overflow:hidden;}
			
 
				+    p{margin-bottom:10px;}
			
 
				+    input{border:1px solid #999; padding:5px 10px; margin:0 10px 10px 0;}
			
 
				+  </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+<input class="layui-input" placeholder="标记" id="LAY_mark">
			
 
				+
			
 
				+<div class="layui-btn-container">
			
 
				+  <button class="layui-btn layui-btn-primary" data-type="auto">让层自适应iframe</button>
			
 
				+  <button class="layui-btn layui-btn-primary" data-type="parentPopup">在父层弹出一个层</button>
			
 
				+  <button class="layui-btn layui-btn-primary" data-type="setParent">给父页面传值</button>
			
 
				+  <button class="layui-btn layui-btn-primary" data-type="close">在内部关闭iframe</button>
			
 
				+</div>
			
 
				+
			
 
				+<script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+<script>
			
 
				+layui.use('layer', function(){
			
 
				+  var $ = layui.$
			
 
				+  ,layer = layui.layer
			
 
				+  ,index = parent.layer.getFrameIndex(window.name); //获取窗口索引
			
 
				+  
			
 
				+  var active = {
			
 
				+    //让层自适应iframe
			
 
				+    auto: function(){
			
 
				+      $('body').append('插入很多酱油。插入很多酱油。插入很多酱油。插入很多酱油。插入很多酱油。插入很多酱油。插入很多酱油。');
			
 
				+      parent.layer.iframeAuto(index);
			
 
				+    }
			
 
				+    
			
 
				+    //在父层弹出一个层
			
 
				+    ,parentPopup: function(){
			
 
				+      top.layer.msg('Hi, man', {shade: 0.3})
			
 
				+    }
			
 
				+    
			
 
				+    //给父页面传值
			
 
				+    ,setParent: function(){
			
 
				+      var id = '#LAY_layer_iframe_demo'
			
 
				+      ,mark = $('#LAY_mark')
			
 
				+      ,val = mark.val();
			
 
				+      
			
 
				+      if(val === ''){
			
 
				+        mark.focus();
			
 
				+        parent.layer.msg('请填写标记');
			
 
				+        return true;
			
 
				+      }
			
 
				+      
			
 
				+      parent.layer.msg('您将标记 [ ' +val + ' ] 成功传送给了父窗口');
			
 
				+      parent.layui.$(id).text('我被改变了');
			
 
				+      parent.layer.tips('Look here', id, {
			
 
				+        time: 5000
			
 
				+      });
			
 
				+      parent.layer.close(index);
			
 
				+    }
			
 
				+    
			
 
				+    
			
 
				+    //在内部关闭iframe
			
 
				+    ,close: function(set){
			
 
				+      parent.layer.close(index);
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  $('.layui-btn-container .layui-btn').on('click', function(){
			
 
				+    var othis = $(this)
			
 
				+    ,type = othis.data('type');
			
 
				+    active[type] && active[type].call(this);
			
 
				+  });
			
 
				+});
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/index.html
+++ b/src/main/webapp/skin/default/views/index.html
@@ -0,0 +1,259 @@
 
				+
			
 
				+<!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="/skin/default/layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="/skin/default/layuiadmin/style/admin.css" media="all">
			
 
				+  <script src="/js/xss.js"></script>
			
 
				+  <script>
			
 
				+      /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
			
 
				+  </script>
			
 
				+  <style>
			
 
				+    .noticeListBox {
			
 
				+      width: 500px;
			
 
				+      box-sizing: border-box;
			
 
				+      overflow: scroll;
			
 
				+      white-space: nowrap;
			
 
				+    }
			
 
				+
			
 
				+    .noticeListBox::-webkit-scrollbar {
			
 
				+      display: none;
			
 
				+    }
			
 
				+
			
 
				+    .noticeList{
			
 
				+      display: inline-block;
			
 
				+    }
			
 
				+  </style>
			
 
				+</head>
			
 
				+<body class="layui-layout-body">
			
 
				+
			
 
				+<div id="LAY_app">
			
 
				+  <div class="layui-layout layui-layout-admin">
			
 
				+    <div class="layui-header">
			
 
				+      <!-- 头部区域 -->
			
 
				+      <ul class="layui-nav layui-layout-left">
			
 
				+        <li class="layui-nav-item layadmin-flexible" lay-unselect>
			
 
				+          <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
			
 
				+            <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
			
 
				+          </a>
			
 
				+        </li>
			
 
				+        <li class="layui-nav-item layui-hide-xs" lay-unselect>
			
 
				+          <a href="javascript:;" layadmin-event="fullscreen">
			
 
				+            <i class="layui-icon layui-icon-screen-full"></i>
			
 
				+          </a>
			
 
				+        </li>
			
 
				+        <li class="layui-nav-item" lay-unselect>
			
 
				+          <a href="javascript:;" layadmin-event="refresh" title="刷新">
			
 
				+            <i class="layui-icon layui-icon-refresh-3"></i>
			
 
				+          </a>
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+      <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
			
 
				+        <li class="layui-nav-item" style="width:400px;color:red;margin-left:100px;" >
			
 
				+          <marquee width="400"  behavior="" direction="">
			
 
				+            <span  id="warning"></span>
			
 
				+          </marquee>
			
 
				+
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="layui-nav-item" style="width:50px;" lay-unselect>
			
 
				+          <a lay-href="/notice/receiveNoticeList" layadmin-event="message" lay-text="消息中心" id="msgpic">
			
 
				+            <i class="layui-icon layui-icon-notice"></i>
			
 
				+          </a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="layui-nav-item layui-hide-xs lxwm_header" lay-lxwm>
			
 
				+          <a href="javascript:;">
			
 
				+            <cite>联系客服</cite>
			
 
				+          </a>
			
 
				+          <dl class="layui-nav-child">
			
 
				+            <!--<dd><a lay-href="set/user/info.html">基本资料</a></dd>-->
			
 
				+            <dd> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2212730512&site=qq&menu=yes"><img border="0" src="https://pub.idqqimg.com/wpa/images/counseling_style_51.png" alt="点击这里给我发消息" title="点击这里给我发消息"/>金思维 小刘</a>
			
 
				+            </dd>
			
 
				+            <dd><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=237136016&site=qq&menu=yes"><img border="0" src="https://pub.idqqimg.com/wpa/images/counseling_style_51.png" alt="点击这里给我发消息" title="点击这里给我发消息"/>金思维 小万</a></dd>
			
 
				+            <dd><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3170877300&site=qq&menu=yes"><img border="0" src="https://pub.idqqimg.com/wpa/images/counseling_style_51.png" alt="点击这里给我发消息" title="点击这里给我发消息"/>金思维 装备</a></dd>
			
 
				+            <dd><a href="#">客服电话：073185157311</a></dd>
			
 
				+
			
 
				+          </dl>
			
 
				+        </li>
			
 
				+
			
 
				+
			
 
				+
			
 
				+        <li class="layui-nav-item" lay-unselect>
			
 
				+          <a href="javascript:;">
			
 
				+            <cite id="username"></cite>
			
 
				+          </a>
			
 
				+          <dl class="layui-nav-child">
			
 
				+            <!--<dd><a lay-href="set/user/info.html">基本资料</a></dd>-->
			
 
				+            <dd><a lay-href="/user/password">修改密码</a></dd>
			
 
				+            <hr>
			
 
				+            <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
			
 
				+          </dl>
			
 
				+        </li>
			
 
				+
			
 
				+        <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>-->
			
 
				+          <!--<a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>-->
			
 
				+        <!--</li>-->
			
 
				+        <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
			
 
				+          <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 侧边菜单 -->
			
 
				+    <div class="layui-side layui-side-menu">
			
 
				+      <div class="layui-side-scroll">
			
 
				+        <div class="layui-logo" style="height:90px;">
			
 
				+          <!--<img src="../../../img/index-logo.png" height="50" width="50" id="orglogo" onerror="this.src='../../../img/index-logo.png'" >-->
			
 
				+          <div style="height:35px;color:white;" id="biaoti"></div>
			
 
				+          <div style="height:35px;color:white;">图书馆管理系统</div>
			
 
				+        </div>
			
 
				+
			
 
				+        <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu" >
			
 
				+
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 页面标签 -->
			
 
				+    <div class="layadmin-pagetabs" id="LAY_app_tabs">
			
 
				+      <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
			
 
				+      <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
			
 
				+      <div class="layui-icon layadmin-tabs-control layui-icon-down">
			
 
				+        <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
			
 
				+          <li class="layui-nav-item" lay-unselect>
			
 
				+            <a href="javascript:;"></a>
			
 
				+            <dl class="layui-nav-child layui-anim-fadein">
			
 
				+              <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
			
 
				+              <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
			
 
				+              <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
			
 
				+            </dl>
			
 
				+          </li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+      <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
			
 
				+        <ul class="layui-tab-title" id="LAY_app_tabsheader">
			
 
				+          <li id="lipageid" lay-id="" lay-attr="" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+
			
 
				+    <!-- 主体内容 -->
			
 
				+    <div class="layui-body" id="LAY_app_body">
			
 
				+      <div class="layadmin-tabsbody-item layui-show">
			
 
				+        <iframe id="iframepageid" src="" frameborder="0" class="layadmin-iframe"></iframe>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 辅助元素，一般用于移动设备下遮罩 -->
			
 
				+    <div class="layadmin-body-shade" layadmin-event="shade"></div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script src="/skin/default/layuiadmin/layui/layui.js"></script>
			
 
				+<script>
			
 
				+    layui.config({
			
 
				+        base: '/skin/default/layuiadmin/' //静态资源所在路径
			
 
				+    }).extend({
			
 
				+        index: 'lib/index' //主入口模块
			
 
				+    }).use('index');
			
 
				+    layui.use(['jquery', 'layer'], function(){
			
 
				+        var $ = layui.$ //重点处
			
 
				+            ,layer = layui.layer;
			
 
				+        $.ajax({
			
 
				+            url:"/schoolindex/getbiaoti",
			
 
				+            data:{token:''},
			
 
				+            type:"GET",
			
 
				+            success:function (result) {
			
 
				+                if(result.data){
			
 
				+                    $("#biaoti").html(result.data);
			
 
				+                }
			
 
				+
			
 
				+            }
			
 
				+        });
			
 
				+
			
 
				+
			
 
				+        $("#lipageid").attr("lay-id","/skin/default/views/home/schoolHomePage.html");
			
 
				+        $("#lipageid").attr("lay-attr","/skin/default/views/home/schoolHomePage.html");
			
 
				+        $("#iframepageid").attr("src","/skin/default/views/home/schoolHomePage.html");
			
 
				+
			
 
				+        var realname = filterXSS(JSON.parse(sessionStorage.loginData).realname);
			
 
				+        $("#username").append(realname);
			
 
				+        $.post("/menu/findMenuByUser",{userid:JSON.parse(sessionStorage.loginData).id},function (result) {
			
 
				+            var menuhtml = "";
			
 
				+            for(var i=0;i<result.data.length;i++) {
			
 
				+                var item = result.data[i];
			
 
				+                if (item.pid == 0) {
			
 
				+                    menuhtml += '<li data-name="home" class="layui-nav-item nav-menu" >' +
			
 
				+                        '              <a href="javascript:;" lay-tips="' + filterXSS(item.menuname) + '" lay-direction="2">' +
			
 
				+                        '                <i class="layui-icon"><img src="/img/lf-icon-'+i+'.png" alt=""></i>' +
			
 
				+                        '                <cite>' + filterXSS(item.menuname) + '</cite>' +
			
 
				+                        '              </a>';
			
 
				+                    for(var j=0;j<item.submenu.length;j++){
			
 
				+                        var subitem = item.submenu[j];
			
 
				+                        menuhtml += '              <dl class="layui-nav-child">' +
			
 
				+                            '                <dd data-name="console">' +
			
 
				+                            '                  <a lay-href="' + filterXSS(subitem.url) + '">' + filterXSS(subitem.menuname) + '</a>' +
			
 
				+                            '                </dd>' +
			
 
				+                            '              </dl>';
			
 
				+                    };
			
 
				+                    menuhtml += '            </li>';
			
 
				+                }
			
 
				+
			
 
				+            };
			
 
				+
			
 
				+            $("#LAY-system-side-menu").append(menuhtml);
			
 
				+            layui.use(['element','layer'], function(){
			
 
				+                var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
			
 
				+                element.init();
			
 
				+            });
			
 
				+        });
			
 
				+        $.get("/notice/unreadNum",{orgid:JSON.parse(sessionStorage.loginData).orgid}, function (result) {
			
 
				+            if(result.data > 0) {
			
 
				+                $("#msgpic").append("<span class=\"layui-badge-dot\"></span>");
			
 
				+            }
			
 
				+        });
			
 
				+        $.ajax({
			
 
				+            url:"/auth/orgLogo",
			
 
				+            data:{orgid:JSON.parse(sessionStorage.loginData).orgid},
			
 
				+            type:"GET",
			
 
				+            success:function (result) {
			
 
				+                if(result.data){
			
 
				+                    document.getElementById("orglogo").src = result.data;
			
 
				+                    //$("#orglogo").src("../../../img/index-logo.png");
			
 
				+                }
			
 
				+
			
 
				+            }
			
 
				+        });
			
 
				+        $.ajax({
			
 
				+          url:"/org/validateOrgDate",
			
 
				+          data:{orgid:JSON.parse(sessionStorage.loginData).orgid},
			
 
				+          type:"GET",
			
 
				+          success:function (result) {
			
 
				+            if(result.data){
			
 
				+              $("#warning").html(result.data);
			
 
				+            }
			
 
				+
			
 
				+          }
			
 
				+        });
			
 
				+
			
 
				+
			
 
				+
			
 
				+    });
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
 
				+
			
 
				+
			
--- a/src/main/webapp/skin/default/views/report/zonghezhibiaotongji.html
+++ b/src/main/webapp/skin/default/views/report/zonghezhibiaotongji.html
@@ -0,0 +1,328 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <title>layuiAdmin 控制台主页一</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="/school/default/layuiadmin/layui/css/layui.css" media="all">
			
 
				+    <link rel="stylesheet" href="/school/default/layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+<div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+        <div class="layui-col-md8">
			
 
				+            <div class="layui-row layui-col-space15">
			
 
				+                <div class="layui-col-md6">
			
 
				+                    <div class="layui-card">
			
 
				+                        <div class="layui-card-header">快捷方式</div>
			
 
				+                        <div class="layui-card-body">
			
 
				+
			
 
				+                            <div class="layui-carousel layadmin-carousel layadmin-shortcut">
			
 
				+                                <div carousel-item>
			
 
				+                                    <ul class="layui-row layui-col-space10">
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="home/homepage1.html">
			
 
				+                                                <i class="layui-icon layui-icon-console"></i>
			
 
				+                                                <cite>主页一</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="home/homepage2.html">
			
 
				+                                                <i class="layui-icon layui-icon-chart"></i>
			
 
				+                                                <cite>主页二</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="component/layer/list.html">
			
 
				+                                                <i class="layui-icon layui-icon-template-1"></i>
			
 
				+                                                <cite>弹层</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a layadmin-event="im">
			
 
				+                                                <i class="layui-icon layui-icon-chat"></i>
			
 
				+                                                <cite>聊天</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="component/progress/index.html">
			
 
				+                                                <i class="layui-icon layui-icon-find-fill"></i>
			
 
				+                                                <cite>进度条</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="app/workorder/list.html">
			
 
				+                                                <i class="layui-icon layui-icon-survey"></i>
			
 
				+                                                <cite>工单</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="user/user/list.html">
			
 
				+                                                <i class="layui-icon layui-icon-user"></i>
			
 
				+                                                <cite>用户</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="set/system/website.html">
			
 
				+                                                <i class="layui-icon layui-icon-set"></i>
			
 
				+                                                <cite>设置</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                    </ul>
			
 
				+                                    <ul class="layui-row layui-col-space10">
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="set/user/info.html">
			
 
				+                                                <i class="layui-icon layui-icon-set"></i>
			
 
				+                                                <cite>我的资料</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="set/user/info.html">
			
 
				+                                                <i class="layui-icon layui-icon-set"></i>
			
 
				+                                                <cite>我的资料</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="set/user/info.html">
			
 
				+                                                <i class="layui-icon layui-icon-set"></i>
			
 
				+                                                <cite>我的资料</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="set/user/info.html">
			
 
				+                                                <i class="layui-icon layui-icon-set"></i>
			
 
				+                                                <cite>我的资料</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="set/user/info.html">
			
 
				+                                                <i class="layui-icon layui-icon-set"></i>
			
 
				+                                                <cite>我的资料</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="set/user/info.html">
			
 
				+                                                <i class="layui-icon layui-icon-set"></i>
			
 
				+                                                <cite>我的资料</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="set/user/info.html">
			
 
				+                                                <i class="layui-icon layui-icon-set"></i>
			
 
				+                                                <cite>我的资料</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs3">
			
 
				+                                            <a lay-href="set/user/info.html">
			
 
				+                                                <i class="layui-icon layui-icon-set"></i>
			
 
				+                                                <cite>我的资料</cite>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                    </ul>
			
 
				+
			
 
				+                                </div>
			
 
				+                            </div>
			
 
				+
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="layui-col-md6">
			
 
				+                    <div class="layui-card">
			
 
				+                        <div class="layui-card-header">待办事项</div>
			
 
				+                        <div class="layui-card-body">
			
 
				+
			
 
				+                            <div class="layui-carousel layadmin-carousel layadmin-backlog">
			
 
				+                                <div carousel-item>
			
 
				+                                    <ul class="layui-row layui-col-space10">
			
 
				+                                        <li class="layui-col-xs6">
			
 
				+                                            <a lay-href="app/content/comment.html" class="layadmin-backlog-body">
			
 
				+                                                <h3>待审评论</h3>
			
 
				+                                                <p><cite>66</cite></p>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs6">
			
 
				+                                            <a lay-href="app/forum/list.html" class="layadmin-backlog-body">
			
 
				+                                                <h3>待审帖子</h3>
			
 
				+                                                <p><cite>12</cite></p>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs6">
			
 
				+                                            <a lay-href="template/goodslist.html" class="layadmin-backlog-body">
			
 
				+                                                <h3>待审商品</h3>
			
 
				+                                                <p><cite>99</cite></p>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                        <li class="layui-col-xs6">
			
 
				+                                            <a href="javascript:;" onclick="layer.tips('不跳转', this, {tips: 3});" class="layadmin-backlog-body">
			
 
				+                                                <h3>待发货</h3>
			
 
				+                                                <p><cite>20</cite></p>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                    </ul>
			
 
				+                                    <ul class="layui-row layui-col-space10">
			
 
				+                                        <li class="layui-col-xs6">
			
 
				+                                            <a href="javascript:;" class="layadmin-backlog-body">
			
 
				+                                                <h3>待审友情链接</h3>
			
 
				+                                                <p><cite style="color: #FF5722;">5</cite></p>
			
 
				+                                            </a>
			
 
				+                                        </li>
			
 
				+                                    </ul>
			
 
				+                                </div>
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="layui-col-md12">
			
 
				+                    <div class="layui-card">
			
 
				+                        <div class="layui-card-header">数据概览</div>
			
 
				+                        <div class="layui-card-body">
			
 
				+
			
 
				+                            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
			
 
				+                                <div carousel-item id="LAY-index-dataview">
			
 
				+                                    <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+                                    <div></div>
			
 
				+                                    <div></div>
			
 
				+                                </div>
			
 
				+                            </div>
			
 
				+
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                    <div class="layui-card">
			
 
				+                        <div class="layui-tab layui-tab-brief layadmin-latestData">
			
 
				+                            <ul class="layui-tab-title">
			
 
				+                                <li class="layui-this">今日热搜</li>
			
 
				+                                <li>今日热帖</li>
			
 
				+                            </ul>
			
 
				+                            <div class="layui-tab-content">
			
 
				+                                <div class="layui-tab-item layui-show">
			
 
				+                                    <table id="LAY-index-topSearch"></table>
			
 
				+                                </div>
			
 
				+                                <div class="layui-tab-item">
			
 
				+                                    <table id="LAY-index-topCard"></table>
			
 
				+                                </div>
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <div class="layui-col-md4">
			
 
				+            <div class="layui-card">
			
 
				+                <div class="layui-card-header">版本信息</div>
			
 
				+                <div class="layui-card-body layui-text">
			
 
				+                    <table class="layui-table">
			
 
				+                        <colgroup>
			
 
				+                            <col width="100">
			
 
				+                            <col>
			
 
				+                        </colgroup>
			
 
				+                        <tbody>
			
 
				+                        <tr>
			
 
				+                            <td>当前版本</td>
			
 
				+                            <td>
			
 
				+                                <script type="text/html" template>
			
 
				+                                    v{{ layui.admin.v }}
			
 
				+                                    <a href="http://fly.layui.com/docs/3/" target="_blank" style="padding-left: 15px;">更新日志</a>
			
 
				+                                </script>
			
 
				+                            </td>
			
 
				+                        </tr>
			
 
				+                        <tr>
			
 
				+                            <td>基于框架</td>
			
 
				+                            <td>
			
 
				+                                <script type="text/html" template>
			
 
				+                                    layui-v{{ layui.v }}
			
 
				+                                </script>
			
 
				+                            </td>
			
 
				+                        </tr>
			
 
				+                        <tr>
			
 
				+                            <td>主要特色</td>
			
 
				+                            <td>零门槛 / 响应式 / 清爽 / 极简</td>
			
 
				+                        </tr>
			
 
				+                        <tr>
			
 
				+                            <td>获取渠道</td>
			
 
				+                            <td style="padding-bottom: 0;">
			
 
				+                                <div class="layui-btn-container">
			
 
				+                                    <a href="http://www.layui.com/admin/" target="_blank" class="layui-btn layui-btn-danger">获取授权</a>
			
 
				+                                    <a href="http://fly.layui.com/download/layuiAdmin/" target="_blank" class="layui-btn">立即下载</a>
			
 
				+                                </div>
			
 
				+                            </td>
			
 
				+                        </tr>
			
 
				+                        </tbody>
			
 
				+                    </table>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+
			
 
				+            <div class="layui-card">
			
 
				+                <div class="layui-card-header">效果报告</div>
			
 
				+                <div class="layui-card-body layadmin-takerates">
			
 
				+                    <div class="layui-progress" lay-showPercent="yes">
			
 
				+                        <h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>
			
 
				+                        <div class="layui-progress-bar" lay-percent="65%"></div>
			
 
				+                    </div>
			
 
				+                    <div class="layui-progress" lay-showPercent="yes">
			
 
				+                        <h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>
			
 
				+                        <div class="layui-progress-bar" lay-percent="32%"></div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+
			
 
				+            <div class="layui-card">
			
 
				+                <div class="layui-card-header">实时监控</div>
			
 
				+                <div class="layui-card-body layadmin-takerates">
			
 
				+                    <div class="layui-progress" lay-showPercent="yes">
			
 
				+                        <h3>CPU使用率</h3>
			
 
				+                        <div class="layui-progress-bar" lay-percent="58%"></div>
			
 
				+                    </div>
			
 
				+                    <div class="layui-progress" lay-showPercent="yes">
			
 
				+                        <h3>内存占用率</h3>
			
 
				+                        <div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+
			
 
				+            <div class="layui-card">
			
 
				+                <div class="layui-card-header">产品动态</div>
			
 
				+                <div class="layui-card-body">
			
 
				+                    <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">
			
 
				+                        <div carousel-item>
			
 
				+                            <div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>
			
 
				+                            <div><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div>
			
 
				+                            <div><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+
			
 
				+            <div class="layui-card">
			
 
				+                <div class="layui-card-header">
			
 
				+                    作者心语
			
 
				+                    <i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
			
 
				+                </div>
			
 
				+                <div class="layui-card-body layui-text layadmin-text">
			
 
				+                    <p>一直以来，layui 秉承无偿开源的初心，虔诚致力于服务各层次前后端 Web 开发者，在商业横飞的当今时代，这一信念从未动摇。即便身单力薄，仍然重拾决心，埋头造轮，以尽可能地填补产品本身的缺口。</p>
			
 
				+                    <p>在过去的一段的时间，我一直在寻求持久之道，已维持你眼前所见的一切。而 layuiAdmin 是我们尝试解决的手段之一。我相信真正有爱于 layui 生态的你，定然不会错过这一拥抱吧。</p>
			
 
				+                    <p>子曰：君子不用防，小人防不住。请务必通过官网正规渠道，获得 <a href="http://www.layui.com/admin/" target="_blank">layuiAdmin</a>！</p>
			
 
				+                    <p>—— 贤心（<a href="http://www.layui.com/" target="_blank">layui.com</a>）</p>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+
			
 
				+    </div>
			
 
				+</div>
			
 
				+
			
 
				+<script src="/school/default/layuiadmin/layui/layui.js?t=1"></script>
			
 
				+<script>
			
 
				+    layui.config({
			
 
				+        base: '/school/default/layuiadmin/' //静态资源所在路径
			
 
				+    }).extend({
			
 
				+        index: 'lib/index' //主入口模块
			
 
				+    }).use(['index', 'console']);
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
 
				+
			
--- a/src/main/webapp/skin/default/views/senior/echarts/bar.html
+++ b/src/main/webapp/skin/default/views/senior/echarts/bar.html
@@ -0,0 +1,121 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>Echarts集成 - 柱状图</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">标准柱状图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-normcol">
			
 
				+              <div carousel-item id="LAY-index-normcol">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">堆积柱状图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-heapcol">
			
 
				+              <div carousel-item id="LAY-index-heapcol">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">不等距柱形图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-diffcol">
			
 
				+              <div carousel-item id="LAY-index-diffcol">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">彩虹柱形图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-colorline">
			
 
				+              <div carousel-item id="LAY-index-colorline">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">标准条形图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-normbar">
			
 
				+              <div carousel-item id="LAY-index-normbar">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">堆积条形图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+           
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-heapbar">
			
 
				+              <div carousel-item id="LAY-index-heapbar">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">旋风条形图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+           
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-windline">
			
 
				+              <div carousel-item id="LAY-index-windline">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div> 
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'senior']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
 
				+
			
 
				+
			
--- a/src/main/webapp/skin/default/views/senior/echarts/line.html
+++ b/src/main/webapp/skin/default/views/senior/echarts/line.html
@@ -0,0 +1,111 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>Echarts集成 - 折线图</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">标准折线图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-normline">
			
 
				+              <div carousel-item id="LAY-index-normline">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">堆积折线图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-heapline">
			
 
				+              <div carousel-item id="LAY-index-heapline">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">不等距折线图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-diffline">
			
 
				+              <div carousel-item id="LAY-index-diffline">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="layui-col-md6">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">堆积面积图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-heaparea">
			
 
				+              <div carousel-item id="LAY-index-heaparea">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">面积图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+           
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-area">
			
 
				+              <div carousel-item id="LAY-index-area">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">对数轴</div>
			
 
				+          <div class="layui-card-body">
			
 
				+           
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-logline">
			
 
				+              <div carousel-item id="LAY-index-logline">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'senior']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
 
				+
			
 
				+
			
 
				+
			
--- a/src/main/webapp/skin/default/views/senior/echarts/map.html
+++ b/src/main/webapp/skin/default/views/senior/echarts/map.html
@@ -0,0 +1,45 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>Echarts集成 - 地图</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-sm12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">地图</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-plat">
			
 
				+              <div carousel-item id="LAY-index-plat">
			
 
				+                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'senior']);
			
 
				+  </script>
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/senior/im/index.html
+++ b/src/main/webapp/skin/default/views/senior/im/index.html
@@ -0,0 +1,476 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+ <title>LayIM 社交聊天</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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+
			
 
				+  <ul class="layui-nav" lay-filter="">
			
 
				+    <li class="layui-nav-item"><a href="http://www.layui.com/admin/">layuiAdmin</a></li>
			
 
				+    <li class="layui-nav-item layui-this"><a href="">LayIM</a></li>
			
 
				+    <li class="layui-nav-item"><a href="http://layim.layui.com/" target="_blank">授权</a></li>
			
 
				+  </ul>
			
 
				+
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">面板外的操作示例</div>
			
 
				+          <div class="layui-card-body">
			
 
				+            
			
 
				+            <div class="layui-btn-container LAY-senior-im-chat-demo">
			
 
				+              <button class="layui-btn" data-type="chat">自定义会话</button>
			
 
				+              <button class="layui-btn" data-type="message">接受好友的消息</button>
			
 
				+              <button class="layui-btn" data-type="messageAudio">接受音频消息</button>
			
 
				+              <button class="layui-btn" data-type="messageVideo">接受视频消息</button>
			
 
				+              <button class="layui-btn" data-type="messageTemp">接受临时会话消息</button>
			
 
				+              
			
 
				+              <br>
			
 
				+              
			
 
				+              <button class="layui-btn" data-type="add">申请好友</button>
			
 
				+              <button class="layui-btn" data-type="addqun">申请加群</button>
			
 
				+              <button class="layui-btn" data-type="addFriend">同意好友</button>
			
 
				+              <button class="layui-btn" data-type="addGroup">增加群组到主面板</button>
			
 
				+              <button class="layui-btn" data-type="removeFriend">删除主面板好友</button>
			
 
				+              <button class="layui-btn" data-type="removeGroup">删除主面板群组</button>
			
 
				+              
			
 
				+              <br>
			
 
				+              <button class="layui-btn" data-type="setGray">置灰离线好友</button>
			
 
				+              <button class="layui-btn" data-type="unGray">取消好友置灰</button>
			
 
				+              
			
 
				+              <button class="layui-btn" data-type="kefu1">在线客服一</button>
			
 
				+              <button class="layui-btn" data-type="kefu2">在线客服二</button>
			
 
				+              
			
 
				+              <button class="layui-btn" data-type="mobile">移动端版本</button>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'layim'], function(){
			
 
				+    var $ = layui.$
			
 
				+    ,admin = layui.admin
			
 
				+    ,element = layui.element
			
 
				+    ,router = layui.router();
			
 
				+
			
 
				+    
			
 
				+    var layim = layui.layim;
			
 
				+    
			
 
				+    //演示自动回复
			
 
				+    var autoReplay = [
			
 
				+      '您好，我现在有事不在，一会再和您联系。', 
			
 
				+      '你没发错吧？face[微笑] ',
			
 
				+      '洗澡中，请勿打扰，偷窥请购票，个体四十，团体八折，订票电话：一般人我不告诉他！face[哈哈] ',
			
 
				+      '你好，我是主人的美女秘书，有什么事就跟我说吧，等他回来我会转告他的。face[心] face[心] face[心] ',
			
 
				+      'face[威武] face[威武] face[威武] face[威武] ',
			
 
				+      '<（@￣︶￣@）>',
			
 
				+      '你要和我说话？你真的要和我说话？你确定自己想说吗？你一定非说不可吗？那你说吧，这是自动回复。',
			
 
				+      'face[黑线]  你慢慢说，别急……',
			
 
				+      '(*^__^*) face[嘻嘻] ，是贤心吗？'
			
 
				+    ];
			
 
				+    
			
 
				+    //基础配置
			
 
				+    layim.config({
			
 
				+      //初始化接口
			
 
				+      init: {
			
 
				+        url: layui.setter.base + 'json/layim/getList.json'
			
 
				+        ,data: {}
			
 
				+      }
			
 
				+      //查看群员接口
			
 
				+      ,members: {
			
 
				+        url: layui.setter.base + 'json/layim/getMembers.json'
			
 
				+        ,data: {}
			
 
				+      }
			
 
				+      
			
 
				+      ,uploadImage: {
			
 
				+        url: '' //（返回的数据格式见下文）
			
 
				+        ,type: '' //默认post
			
 
				+      }
			
 
				+      ,uploadFile: {
			
 
				+        url: '' //（返回的数据格式见下文）
			
 
				+        ,type: '' //默认post
			
 
				+      }
			
 
				+      
			
 
				+      ,isAudio: true //开启聊天工具栏音频
			
 
				+      ,isVideo: true //开启聊天工具栏视频
			
 
				+      
			
 
				+      //扩展工具栏
			
 
				+      ,tool: [{
			
 
				+        alias: 'code'
			
 
				+        ,title: '代码'
			
 
				+        ,icon: '&#xe64e;'
			
 
				+      }]
			
 
				+      
			
 
				+      //,brief: true //是否简约模式（若开启则不显示主面板）
			
 
				+      
			
 
				+      //,title: 'WebIM' //自定义主面板最小化时的标题
			
 
				+      //,right: '100px' //主面板相对浏览器右侧距离
			
 
				+      //,minRight: '90px' //聊天面板最小化时相对浏览器右侧距离
			
 
				+      ,initSkin: '3.jpg' //1-5 设置初始背景
			
 
				+      //,skin: ['aaa.jpg'] //新增皮肤
			
 
				+      //,isfriend: false //是否开启好友
			
 
				+      //,isgroup: false //是否开启群组
			
 
				+      //,min: true //是否始终最小化主面板，默认false
			
 
				+      //,notice: true //是否开启桌面消息提醒，默认false
			
 
				+      //,voice: false //声音提醒，默认开启，声音文件为：default.mp3
			
 
				+      
			
 
				+      ,msgbox: '/layim/demo/msgbox.html' //消息盒子页面地址，若不开启，剔除该项即可
			
 
				+      ,find: '/layim/demo/find.html' //发现页面地址，若不开启，剔除该项即可
			
 
				+      ,chatLog: '/layim/demo/chatlog.html' //聊天记录页面地址，若不开启，剔除该项即可
			
 
				+      
			
 
				+    });
			
 
				+    //监听在线状态的切换事件
			
 
				+    layim.on('online', function(status){
			
 
				+      layer.msg(status);
			
 
				+    });
			
 
				+    
			
 
				+    //监听签名修改
			
 
				+    layim.on('sign', function(value){
			
 
				+      layer.msg(value);
			
 
				+    });
			
 
				+    //监听自定义工具栏点击，以添加代码为例
			
 
				+    layim.on('tool(code)', function(insert){
			
 
				+      layer.prompt({
			
 
				+        title: '插入代码 - 工具栏扩展示例'
			
 
				+        ,formType: 2
			
 
				+        ,shade: 0
			
 
				+      }, function(text, index){
			
 
				+        layer.close(index);
			
 
				+        insert('[pre class=layui-code]' + text + '[/pre]'); //将内容插入到编辑器
			
 
				+      });
			
 
				+    });
			
 
				+    
			
 
				+    //监听layim建立就绪
			
 
				+    layim.on('ready', function(res){
			
 
				+      //console.log(res.mine);
			
 
				+      layim.msgbox(5); //模拟消息盒子有新消息，实际使用时，一般是动态获得
			
 
				+    });
			
 
				+    //监听发送消息
			
 
				+    layim.on('sendMessage', function(data){
			
 
				+      var To = data.to;
			
 
				+      //console.log(data);
			
 
				+      
			
 
				+      if(To.type === 'friend'){
			
 
				+        layim.setChatStatus('<span style="color:#FF5722;">对方正在输入。。。</span>');
			
 
				+      }
			
 
				+      
			
 
				+      //演示自动回复
			
 
				+      setTimeout(function(){
			
 
				+        var obj = {};
			
 
				+        if(To.type === 'group'){
			
 
				+          obj = {
			
 
				+            username: '模拟群员'+(Math.random()*100|0)
			
 
				+            ,avatar: layui.cache.dir + 'images/face/'+ (Math.random()*72|0) + '.gif'
			
 
				+            ,id: To.id
			
 
				+            ,type: To.type
			
 
				+            ,content: autoReplay[Math.random()*9|0]
			
 
				+          }
			
 
				+        } else {
			
 
				+          obj = {
			
 
				+            username: To.name
			
 
				+            ,avatar: To.avatar
			
 
				+            ,id: To.id
			
 
				+            ,type: To.type
			
 
				+            ,content: autoReplay[Math.random()*9|0]
			
 
				+          }
			
 
				+          layim.setChatStatus('<span style="color:#FF5722;">在线</span>');
			
 
				+        }
			
 
				+        layim.getMessage(obj);
			
 
				+      }, 1000);
			
 
				+    });
			
 
				+    //监听查看群员
			
 
				+    layim.on('members', function(data){
			
 
				+      //console.log(data);
			
 
				+    });
			
 
				+    
			
 
				+    //监听聊天窗口的切换
			
 
				+    layim.on('chatChange', function(res){
			
 
				+      var type = res.data.type;
			
 
				+      console.log(res.data.id)
			
 
				+      if(type === 'friend'){
			
 
				+        //模拟标注好友状态
			
 
				+        //layim.setChatStatus('<span style="color:#FF5722;">在线</span>');
			
 
				+      } else if(type === 'group'){
			
 
				+        //模拟系统消息
			
 
				+        layim.getMessage({
			
 
				+          system: true
			
 
				+          ,id: res.data.id
			
 
				+          ,type: "group"
			
 
				+          ,content: '模拟群员'+(Math.random()*100|0) + '加入群聊'
			
 
				+        });
			
 
				+      }
			
 
				+    });
			
 
				+    
			
 
				+    
			
 
				+    //面板外的操作
			
 
				+    var $ = layui.jquery, active = {
			
 
				+      chat: function(){
			
 
				+        //自定义会话
			
 
				+        layim.chat({
			
 
				+          name: '小闲'
			
 
				+          ,type: 'friend'
			
 
				+          ,avatar: '//tva3.sinaimg.cn/crop.0.0.180.180.180/7f5f6861jw1e8qgp5bmzyj2050050aa8.jpg'
			
 
				+          ,id: 1008612
			
 
				+        });
			
 
				+        layer.msg('也就是说，此人可以不在好友面板里');
			
 
				+      }
			
 
				+      ,message: function(){
			
 
				+        //制造好友消息
			
 
				+        layim.getMessage({
			
 
				+          username: "贤心"
			
 
				+          ,avatar: "//tp1.sinaimg.cn/1571889140/180/40030060651/1"
			
 
				+          ,id: "100001"
			
 
				+          ,type: "friend"
			
 
				+          ,content: "嗨，你好！欢迎体验LayIM。演示标记："+ new Date().getTime()
			
 
				+          ,timestamp: new Date().getTime()
			
 
				+        });
			
 
				+      }
			
 
				+      ,messageAudio: function(){
			
 
				+        //接受音频消息
			
 
				+        layim.getMessage({
			
 
				+          username: "林心如"
			
 
				+          ,avatar: "//tp3.sinaimg.cn/1223762662/180/5741707953/0"
			
 
				+          ,id: "76543"
			
 
				+          ,type: "friend"
			
 
				+          ,content: "audio[http://gddx.sc.chinaz.com/Files/DownLoad/sound1/201510/6473.mp3]"
			
 
				+          ,timestamp: new Date().getTime()
			
 
				+        });
			
 
				+      }
			
 
				+      ,messageVideo: function(){
			
 
				+        //接受视频消息
			
 
				+        layim.getMessage({
			
 
				+          username: "林心如"
			
 
				+          ,avatar: "//tp3.sinaimg.cn/1223762662/180/5741707953/0"
			
 
				+          ,id: "76543"
			
 
				+          ,type: "friend"
			
 
				+          ,content: "video[http://www.w3school.com.cn//i/movie.ogg]"
			
 
				+          ,timestamp: new Date().getTime()
			
 
				+        });
			
 
				+      }
			
 
				+      ,messageTemp: function(){
			
 
				+        //接受临时会话消息
			
 
				+        layim.getMessage({
			
 
				+          username: "小酱"
			
 
				+          ,avatar: "//tva1.sinaimg.cn/crop.7.0.736.736.50/bd986d61jw8f5x8bqtp00j20ku0kgabx.jpg"
			
 
				+          ,id: "198909151014"
			
 
				+          ,type: "friend"
			
 
				+          ,content: "临时："+ new Date().getTime()
			
 
				+        });
			
 
				+      }
			
 
				+      ,add: function(){
			
 
				+        //实际使用时数据由动态获得
			
 
				+        layim.add({
			
 
				+          type: 'friend'
			
 
				+          ,username: '麻花疼'
			
 
				+          ,avatar: '//tva1.sinaimg.cn/crop.0.0.720.720.180/005JKVuPjw8ers4osyzhaj30k00k075e.jpg'
			
 
				+          ,submit: function(group, remark, index){
			
 
				+            layer.msg('好友申请已发送，请等待对方确认', {
			
 
				+              icon: 1
			
 
				+              ,shade: 0.5
			
 
				+            }, function(){
			
 
				+              layer.close(index);
			
 
				+            });
			
 
				+            
			
 
				+            //通知对方
			
 
				+            /*
			
 
				+            $.post('/im-applyFriend/', {
			
 
				+              uid: info.uid
			
 
				+              ,from_group: group
			
 
				+              ,remark: remark
			
 
				+            }, function(res){
			
 
				+              if(res.status != 0){
			
 
				+                return layer.msg(res.msg);
			
 
				+              }
			
 
				+              layer.msg('好友申请已发送，请等待对方确认', {
			
 
				+                icon: 1
			
 
				+                ,shade: 0.5
			
 
				+              }, function(){
			
 
				+                layer.close(index);
			
 
				+              });
			
 
				+            });
			
 
				+            */
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+      ,addqun: function(){
			
 
				+        layim.add({
			
 
				+          type: 'group'
			
 
				+          ,username: 'LayIM会员群'
			
 
				+          ,avatar: '//tva2.sinaimg.cn/crop.0.0.180.180.50/6ddfa27bjw1e8qgp5bmzyj2050050aa8.jpg'
			
 
				+          ,submit: function(group, remark, index){
			
 
				+            layer.msg('申请已发送，请等待管理员确认', {
			
 
				+              icon: 1
			
 
				+              ,shade: 0.5
			
 
				+            }, function(){
			
 
				+              layer.close(index);
			
 
				+            });
			
 
				+            
			
 
				+            //通知对方
			
 
				+            /*
			
 
				+            $.post('/im-applyGroup/', {
			
 
				+              uid: info.uid
			
 
				+              ,from_group: group
			
 
				+              ,remark: remark
			
 
				+            }, function(res){
			
 
				+            
			
 
				+            });
			
 
				+            */
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+      ,addFriend: function(){
			
 
				+        var user = {
			
 
				+          type: 'friend'
			
 
				+          ,id: 1234560
			
 
				+          ,username: '李彦宏' //好友昵称，若申请加群，参数为：groupname
			
 
				+          ,avatar: '//tva4.sinaimg.cn/crop.0.0.996.996.180/8b2b4e23jw8f14vkwwrmjj20ro0rpjsq.jpg' //头像
			
 
				+          ,sign: '全球最大的中文搜索引擎'
			
 
				+        }
			
 
				+        layim.setFriendGroup({
			
 
				+          type: user.type
			
 
				+          ,username: user.username
			
 
				+          ,avatar: user.avatar
			
 
				+          ,group: layim.cache().friend //获取好友列表数据
			
 
				+          ,submit: function(group, index){
			
 
				+            //一般在此执行Ajax和WS，以通知对方已经同意申请
			
 
				+            //……
			
 
				+            
			
 
				+            //同意后，将好友追加到主面板
			
 
				+            layim.addList({
			
 
				+              type: user.type
			
 
				+              ,username: user.username
			
 
				+              ,avatar: user.avatar
			
 
				+              ,groupid: group //所在的分组id
			
 
				+              ,id: user.id //好友ID
			
 
				+              ,sign: user.sign //好友签名
			
 
				+            });
			
 
				+            
			
 
				+            layer.close(index);
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+      ,addGroup: function(){
			
 
				+        layer.msg('已成功把[Angular开发]添加到群组里', {
			
 
				+          icon: 1
			
 
				+        });
			
 
				+        //增加一个群组
			
 
				+        layim.addList({
			
 
				+          type: 'group'
			
 
				+          ,avatar: "//tva3.sinaimg.cn/crop.64.106.361.361.50/7181dbb3jw8evfbtem8edj20ci0dpq3a.jpg"
			
 
				+          ,groupname: 'Angular开发'
			
 
				+          ,id: "12333333"
			
 
				+          ,members: 0
			
 
				+        });
			
 
				+      }
			
 
				+      ,removeFriend: function(){
			
 
				+        layer.msg('已成功删除[凤姐]', {
			
 
				+          icon: 1
			
 
				+        });
			
 
				+        //删除一个好友
			
 
				+        layim.removeList({
			
 
				+          id: 121286
			
 
				+          ,type: 'friend'
			
 
				+        });
			
 
				+      }
			
 
				+      ,removeGroup: function(){
			
 
				+        layer.msg('已成功删除[前端群]', {
			
 
				+          icon: 1
			
 
				+        });
			
 
				+        //删除一个群组
			
 
				+        layim.removeList({
			
 
				+          id: 101
			
 
				+          ,type: 'group'
			
 
				+        });
			
 
				+      }
			
 
				+      //置灰离线好友
			
 
				+      ,setGray: function(){
			
 
				+        layim.setFriendStatus(168168, 'offline');
			
 
				+        
			
 
				+        layer.msg('已成功将好友[马小云]置灰', {
			
 
				+          icon: 1
			
 
				+        });
			
 
				+      }
			
 
				+      //取消好友置灰
			
 
				+      ,unGray: function(){
			
 
				+        layim.setFriendStatus(168168, 'online');
			
 
				+        
			
 
				+        layer.msg('成功取消好友[马小云]置灰状态', {
			
 
				+          icon: 1
			
 
				+        });
			
 
				+      }
			
 
				+      
			
 
				+      ,kefu1: function(){
			
 
				+        layim.chat({
			
 
				+          name: '在线客服一' //名称
			
 
				+          ,type: 'kefu' //聊天类型
			
 
				+          ,avatar: '//tp1.sinaimg.cn/5619439268/180/40030060651/1' //头像
			
 
				+          ,id: 1111111 //定义唯一的id方便你处理信息
			
 
				+        })
			
 
				+      }
			
 
				+      ,kefu2: function(){
			
 
				+        layim.chat({
			
 
				+          name: '在线客服二' //名称
			
 
				+          ,type: 'kefu' //聊天类型
			
 
				+          ,avatar: '//tp1.sinaimg.cn/5619439268/180/40030060651/1' //头像
			
 
				+          ,id: 2222222 //定义唯一的id方便你处理信息
			
 
				+        });
			
 
				+      }
			
 
				+      
			
 
				+      //移动端版本
			
 
				+      ,mobile: function(){
			
 
				+        var device = layui.device();
			
 
				+        var mobileHome = '/layim/demo/mobile.html';
			
 
				+        if(device.android || device.ios){
			
 
				+          return location.href = mobileHome;
			
 
				+        }
			
 
				+        var index = layer.open({
			
 
				+          type: 2
			
 
				+          ,title: '移动版演示 （或手机扫右侧二维码预览）'
			
 
				+          ,content: mobileHome
			
 
				+          ,area: ['375px', '667px']
			
 
				+          ,shadeClose: true
			
 
				+          ,shade: 0.8
			
 
				+          ,end: function(){
			
 
				+            layer.close(index + 2);
			
 
				+          }
			
 
				+        });
			
 
				+        layer.photos({
			
 
				+          photos: {
			
 
				+            "data": [{
			
 
				+              "src": "http://cdn.layui.com/upload/2016_12/168_1481056358469_50288.png",
			
 
				+            }]
			
 
				+          }
			
 
				+          ,anim: 0
			
 
				+          ,shade: false
			
 
				+          ,success: function(layero){
			
 
				+            layero.css('margin-left', '350px');
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+    };
			
 
				+    $('.LAY-senior-im-chat-demo .layui-btn').on('click', function(){
			
 
				+      var type = $(this).data('type');
			
 
				+      active[type] ? active[type].call(this) : '';
			
 
				+    });
			
 
				+    
			
 
				+  });
			
 
				+  </script>
			
--- a/src/main/webapp/skin/default/views/senior/说明.txt
+++ b/src/main/webapp/skin/default/views/senior/说明.txt
@@ -0,0 +1,2 @@
 
				+
			
 
				+该目录存放【高级】的视图文件
			
--- a/src/main/webapp/skin/default/views/set/system/website.html
+++ b/src/main/webapp/skin/default/views/set/system/website.html
@@ -0,0 +1,105 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">网站设置</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            
			
 
				+            <div class="layui-form" wid100 lay-filter="">
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">网站名称</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <input type="text" name="sitename" value="layuiAdmin" class="layui-input">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">网站域名</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <input type="text" name="domain" lay-verify="url" value="http://www.layui.com" class="layui-input">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">缓存时间</label>
			
 
				+                <div class="layui-input-inline" style="width: 80px;">
			
 
				+                  <input type="text" name="cache" lay-verify="number" value="0" class="layui-input">
			
 
				+                </div>
			
 
				+                <div class="layui-input-inline layui-input-company">分钟</div>
			
 
				+                <div class="layui-form-mid layui-word-aux">本地开发一般推荐设置为 0，线上环境建议设置为 10。</div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">最大文件上传</label>
			
 
				+                <div class="layui-input-inline" style="width: 80px;">
			
 
				+                  <input type="text" name="cache" lay-verify="number" value="2048" class="layui-input">
			
 
				+                </div>
			
 
				+                <div class="layui-input-inline layui-input-company">KB</div>
			
 
				+                <div class="layui-form-mid layui-word-aux">提示：1 M = 1024 KB</div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">上传文件类型</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <input type="text" name="cache" value="png|gif|jpg|jpeg|zip|rar" class="layui-input">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              
			
 
				+              <div class="layui-form-item layui-form-text">
			
 
				+                <label class="layui-form-label">首页标题</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <textarea name="title" class="layui-textarea">layuiAdmin 通用后台管理模板系统</textarea>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item layui-form-text">
			
 
				+                <label class="layui-form-label">META关键词</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <textarea name="keywords" class="layui-textarea" placeholder="多个关键词用英文状态 , 号分割"></textarea>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item layui-form-text">
			
 
				+                <label class="layui-form-label">META描述</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <textarea name="descript" class="layui-textarea">layuiAdmin 是 layui 官方出品的通用型后台模板解决方案，提供了单页版和 iframe 版两种开发模式。layuiAdmin 是目前非常流行的后台模板框架，广泛用于各类管理平台。</textarea>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item layui-form-text">
			
 
				+                <label class="layui-form-label">版权信息</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <textarea name="copyright" class="layui-textarea">© 2018 layui.com MIT license</textarea>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-input-block">
			
 
				+                  <button class="layui-btn" lay-submit lay-filter="set_website">确认保存</button>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'set']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/set/user/info.html
+++ b/src/main/webapp/skin/default/views/set/user/info.html
@@ -0,0 +1,109 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">设置我的资料</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+
			
 
				+            <div class="layui-form" lay-filter="">
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">我的角色</label>
			
 
				+                <div class="layui-input-inline">
			
 
				+                  <select name="role" lay-verify="">
			
 
				+                    <option value="1" selected>超级管理员</option>
			
 
				+                    <option value="2" disabled>普通管理员</option>
			
 
				+                    <option value="3" disabled>审核员</option>
			
 
				+                    <option value="4" disabled>编辑人员</option>
			
 
				+                  </select>
			
 
				+                </div>
			
 
				+                <div class="layui-form-mid layui-word-aux">当前角色不可更改为其它角色</div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">用户名</label>
			
 
				+                <div class="layui-input-inline">
			
 
				+                  <input type="text" name="username" value="xianxin" readonly class="layui-input">
			
 
				+                </div>
			
 
				+                <div class="layui-form-mid layui-word-aux">不可修改。一般用于后台登入名</div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">昵称</label>
			
 
				+                <div class="layui-input-inline">
			
 
				+                  <input type="text" name="nickname" value="贤心" lay-verify="nickname" autocomplete="off" placeholder="" class="layui-input">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">性别</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <input type="radio" name="sex" value="男" title="男">
			
 
				+                  <input type="radio" name="sex" value="女" title="女" checked>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">头像</label>
			
 
				+                <div class="layui-input-inline">
			
 
				+                  <input name="avatar" lay-verify="required" id="LAY_avatarSrc" placeholder="图片地址" value="http://cdn.layui.com/avatar/168.jpg" class="layui-input">
			
 
				+                </div>
			
 
				+                <div class="layui-input-inline layui-btn-container" style="width: auto;">
			
 
				+                  <button type="button" class="layui-btn layui-btn-primary" id="LAY_avatarUpload">
			
 
				+                    <i class="layui-icon">&#xe67c;</i>上传图片
			
 
				+                  </button>
			
 
				+                  <button class="layui-btn layui-btn-primary" layadmin-event="avartatPreview">查看图片</button >
			
 
				+                </div>
			
 
				+             </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">手机</label>
			
 
				+                <div class="layui-input-inline">
			
 
				+                  <input type="text" name="cellphone" value="" lay-verify="phone" autocomplete="off" class="layui-input">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">邮箱</label>
			
 
				+                <div class="layui-input-inline">
			
 
				+                  <input type="text" name="email" value="" lay-verify="email" autocomplete="off" class="layui-input">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item layui-form-text">
			
 
				+                <label class="layui-form-label">备注</label>
			
 
				+                <div class="layui-input-block">
			
 
				+                  <textarea name="remarks" placeholder="请输入内容" class="layui-textarea"></textarea>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-input-block">
			
 
				+                  <button class="layui-btn" lay-submit lay-filter="setmyinfo">确认修改</button>
			
 
				+                  <button type="reset" class="layui-btn layui-btn-primary">重新填写</button>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'set']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/set/user/password.html
+++ b/src/main/webapp/skin/default/views/set/user/password.html
@@ -0,0 +1,65 @@
 
				+
			
 
				+
			
 
				+<!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="../../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid">
			
 
				+    <div class="layui-row layui-col-space15">
			
 
				+      <div class="layui-col-md12">
			
 
				+        <div class="layui-card">
			
 
				+          <div class="layui-card-header">修改密码</div>
			
 
				+          <div class="layui-card-body" pad15>
			
 
				+            
			
 
				+            <div class="layui-form" lay-filter="">
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label ">当前密码</label>
			
 
				+                <div class="layui-input-inline">
			
 
				+                  <input type="password" name="oldPassword" lay-verify="required" lay-verType="tips" class="layui-input">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">新密码</label>
			
 
				+                <div class="layui-input-inline">
			
 
				+                  <input type="password" name="password" lay-verify="pass" lay-verType="tips" autocomplete="off" id="LAY_password" class="layui-input">
			
 
				+                </div>
			
 
				+                <div class="layui-form-mid layui-word-aux">6到16个字符</div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <label class="layui-form-label">确认新密码</label>
			
 
				+                <div class="layui-input-inline">
			
 
				+                  <input type="password" name="repassword" lay-verify="repass" lay-verType="tips" autocomplete="off" class="layui-input">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="layui-form-item">
			
 
				+                <div class="layui-input-block">
			
 
				+                  <button class="layui-btn" lay-submit lay-filter="setmypass">确认修改</button>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <script src="../../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index', 'set']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/set/说明.txt
+++ b/src/main/webapp/skin/default/views/set/说明.txt
@@ -0,0 +1,2 @@
 
				+
			
 
				+该目录存放【设置】的视图文件
			
--- a/src/main/webapp/skin/default/views/system/about.html
+++ b/src/main/webapp/skin/default/views/system/about.html
@@ -0,0 +1,21 @@
 
				+
			
 
				+<div class="layui-card-header">版本信息</div>
			
 
				+<div class="layui-card-body layui-text layadmin-about">
			
 
				+  <script type="text/html" template>
			
 
				+    <p>当前版本：layuiAdmin-v{{ layui.admin.v }}</p>
			
 
				+    <p>基于框架：layui-v{{ layui.v }}</p>
			
 
				+  </script>
			
 
				+  <div class="layui-btn-container">
			
 
				+    <a href="http://www.layui.com/admin/" target="_blank" class="layui-btn layui-btn-danger">获取授权</a>
			
 
				+    <a href="http://fly.layui.com/download/layuiAdmin/" target="_blank" class="layui-btn">下载新版</a>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="layui-card-header">关于版权</div>
			
 
				+<div class="layui-card-body layui-text layadmin-about">
			
 
				+  
			
 
				+  <blockquote class="layui-elem-quote" style="border: none;">
			
 
				+    layuiAdmin 受国家计算机软件著作权保护，未经官网正规渠道授权擅自公开产品源文件、以及直接对产品二次出售的，我们将保留追究法律责任的权利。
			
 
				+  </blockquote>
			
 
				+  <p>© 2018 <a href="http://www.layui.com/">layui.com</a> 版权所有</p>
			
 
				+</div>
			
--- a/src/main/webapp/skin/default/views/system/get.html
+++ b/src/main/webapp/skin/default/views/system/get.html
@@ -0,0 +1,107 @@
 
				+
			
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <title>授权获得 layuiAdmin</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="../../layuiadmin/layui/css/layui.css" media="all">
			
 
				+  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+  <div class="layui-fluid"> 
			
 
				+    <div class="layui-row layui-col-space15 layadmin-panel-selection">
			
 
				+      <div class="layui-col-sm6">
			
 
				+        <div class="layui-panel-window layui-text">
			
 
				+          <h2>单页版</h2>
			
 
				+          <ul>
			
 
				+            <li style="color: #FF5722;">单页面应用，所有操作无需跳转</li>
			
 
				+            <li style="color: #FF5722;">采用前后端分离开发模式</li>
			
 
				+            <li style="color: #FF5722;">更友好的交互体验，减轻浏览器负载</li>
			
 
				+            <li>始终基于全新的 layui 版本</li>
			
 
				+            <li>面向全屏幕尺寸的响应式适配能力</li>
			
 
				+            <li>灵活的主题色配置</li>
			
 
				+            <li>专属的开发者文档，助你快速掌握</li>
			
 
				+            <li>版本的持续更新，集大众之所需</li>
			
 
				+            <li>专属的会员群，与同道中人隔空交流</li>
			
 
				+            <li>layui 社区 VIP 标识</li>
			
 
				+            <li>不限制域名、不限制应用的项目数量</li>
			
 
				+          </ul>
			
 
				+          <div class="layui-row layui-col-space10 layui-btn-container">
			
 
				+            <div class="layui-col-sm6">
			
 
				+              <a href="http://fly.layui.com/order/bill?itemid=3" target="_blank" class="layui-btn">一年授权</a>
			
 
				+            </div>
			
 
				+            <div class="layui-col-sm6">
			
 
				+              <a href="http://fly.layui.com/order/bill?itemid=4" target="_blank" class="layui-btn">
			
 
				+                永久授权
			
 
				+              </a>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-sm6">
			
 
				+        <div class="layui-panel-window layui-text">
			
 
				+          <h2>iframe版</h2>
			
 
				+          <ul>
			
 
				+            <li style="color: #FF5722;">基于 iframe 标签页实现，方便实用</li>
			
 
				+            <li style="color: #FF5722;">传统开发模式，撸起袖子直接开干</li>
			
 
				+            <li style="color: #FF5722;">交互体验相比“专业版”有所欠缺</li>
			
 
				+            <li>始终基于全新的 layui 版本</li>
			
 
				+            <li>面向全屏幕尺寸的响应式适配能力</li>
			
 
				+            <li>灵活的主题色配置</li>
			
 
				+            <li>专属的开发者文档，助你快速掌握</li>
			
 
				+            <li>版本的持续更新，集大众之所需</li>
			
 
				+            <li>专属的会员群，与同道中人隔空交流</li>
			
 
				+            <li>layui 社区 VIP 标识</li>
			
 
				+            <li>不限制域名、不限制应用的项目数量</li>
			
 
				+          </ul>
			
 
				+          <div class="layui-row layui-col-space10 layui-btn-container">
			
 
				+            <div class="layui-col-sm6">
			
 
				+              <a href="http://fly.layui.com/order/bill?itemid=5" target="_blank" class="layui-btn">一年授权</a>
			
 
				+            </div>
			
 
				+            <div class="layui-col-sm6">
			
 
				+              <a href="http://fly.layui.com/order/bill?itemid=6" target="_blank" class="layui-btn">
			
 
				+                永久授权 
			
 
				+                <span class="layui-badge">hot</span>
			
 
				+              </a>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="layui-col-sm12">
			
 
				+        <div class="layui-panel-window layui-text">
			
 
				+          <h2>套餐版</h2>
			
 
				+          <ul>
			
 
				+            <li>同时拥有 layuiAdmin “单页版”和“iframe版”永久授权</li>
			
 
				+            <li>面对不同项目可自由选择，效率进阶两不误</li>
			
 
				+          </ul>
			
 
				+          <div class="layui-btn-container">
			
 
				+            <a href="http://fly.layui.com/order/bill?itemid=10" target="_blank" class="layui-btn" style="width: auto;">
			
 
				+              永久授权 
			
 
				+              <span class="layui-badge">hot</span>
			
 
				+            </a>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <blockquote class="layui-col-sm12 layui-elem-quote" style="margin-top: 15px;">
			
 
				+        你所获得的不仅仅是一款高精品的后台管理模板系统，更是一项关于时间与效率的高收益回报
			
 
				+      </blockquote>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+  <script src="../../layuiadmin/layui/layui.js"></script>  
			
 
				+  <script>
			
 
				+  layui.config({
			
 
				+    base: '../../layuiadmin/' //静态资源所在路径
			
 
				+  }).extend({
			
 
				+    index: 'lib/index' //主入口模块
			
 
				+  }).use(['index']);
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/skin/default/views/system/more.html
+++ b/src/main/webapp/skin/default/views/system/more.html
@@ -0,0 +1,22 @@
 
				+
			
 
				+<!-- 更多面板的模板 -->
			
 
				+<div class="layadmin-menu-list">
			
 
				+  <div class="layui-card-header" layadmin-event="about">
			
 
				+    <a href="javascript:;">
			
 
				+      <i class="layui-icon layui-icon-about" style="font-size: 20px;"></i>
			
 
				+      获得产品
			
 
				+    </a>
			
 
				+  </div>
			
 
				+  <div class="layui-card-header" layadmin-event="theme">
			
 
				+    <a href="javascript:;">
			
 
				+      <i class="layui-icon layui-icon-theme"></i>
			
 
				+      设置主题
			
 
				+    </a>
			
 
				+  </div>
			
 
				+  <div class="layui-card-header" layadmin-event="note">
			
 
				+    <a href="javascript:;">
			
 
				+      <i class="layui-icon layui-icon-note"></i>
			
 
				+      本地便签
			
 
				+    </a>
			
 
				+  </div>
			
 
				+</div>
			
--- a/src/main/webapp/skin/default/views/system/theme.html
+++ b/src/main/webapp/skin/default/views/system/theme.html