edit

assets/lib/layui - 副本/admin/config.js

@@ -0,0 +1,129 @@
+/**
+
+ @Name：layuiAdmin iframe版全局配置
+ @Author：贤心
+ @Site：http://www.layui.com/admin/
+ @License：LPPL（layui付费产品协议）
+    
+ */
+ 
+layui.define(['laytpl', 'layer', 'element', 'util'], function(exports){
+  exports('setter', {
+    container: 'LAY_app' //容器ID
+    ,base: layui.cache.base //记录静态资源所在路径
+    ,views: layui.cache.base + 'tpl/' //动态模板所在目录
+    ,entry: 'index' //默认视图文件名
+    ,engine: '.html' //视图文件后缀名
+    ,pageTabs: true //是否开启页面选项卡功能。iframe版推荐开启
+    
+    ,name: 'layuiAdmin'
+    ,tableName: 'layuiAdmin' //本地存储表名
+    ,MOD_NAME: 'admin' //模块事件名
+    
+    ,debug: true //是否开启调试模式。如开启，接口异常时会抛出异常 URL 等信息
+
+    //自定义请求字段
+    ,request: {
+      tokenName: false //自动携带 token 的字段名（如：access_token）。可设置 false 不携带。
+    }
+    
+    //自定义响应字段
+    ,response: {
+      statusName: 'code' //数据状态的字段名称
+      ,statusCode: {
+        ok: 0 //数据状态一切正常的状态码
+        ,logout: 1001 //登录状态失效的状态码
+      }
+      ,msgName: 'msg' //状态信息的字段名称
+      ,dataName: 'data' //数据详情的字段名称
+    }
+    
+    //扩展的第三方模块
+    ,extend: [
+      'echarts', //echarts 核心包
+      'echartsTheme' //echarts 主题
+    ]
+    
+    //主题配置
+    ,theme: {
+      //内置主题配色方案
+      color: [{
+        main: '#20222A' //主题色
+        ,selected: '#009688' //选中色
+        ,alias: 'default' //默认别名
+      },{
+        main: '#03152A'
+        ,selected: '#3B91FF'
+        ,alias: 'dark-blue' //藏蓝
+      },{
+        main: '#2E241B'
+        ,selected: '#A48566'
+        ,alias: 'coffee' //咖啡
+      },{
+        main: '#50314F'
+        ,selected: '#7A4D7B'
+        ,alias: 'purple-red' //紫红
+      },{
+        main: '#344058'
+        ,logo: '#1E9FFF'
+        ,selected: '#1E9FFF'
+        ,alias: 'ocean' //海洋
+      },{
+        main: '#3A3D49'
+        ,logo: '#2F9688'
+        ,selected: '#5FB878'
+        ,alias: 'green' //墨绿
+      },{
+        main: '#20222A'
+        ,logo: '#F78400'
+        ,selected: '#F78400'
+        ,alias: 'red' //橙色
+      },{
+        main: '#28333E'
+        ,logo: '#AA3130'
+        ,selected: '#AA3130'
+        ,alias: 'fashion-red' //时尚红
+      },{
+        main: '#24262F'
+        ,logo: '#3A3D49'
+        ,selected: '#009688'
+        ,alias: 'classic-black' //经典黑
+      },{
+        logo: '#226A62'
+        ,header: '#2F9688'
+        ,alias: 'green-header' //墨绿头
+      },{
+        main: '#344058'
+        ,logo: '#0085E8'
+        ,selected: '#1E9FFF'
+        ,header: '#1E9FFF'
+        ,alias: 'ocean-header' //海洋头
+      },{
+        header: '#393D49'
+        ,alias: 'classic-black-header' //经典黑头
+      },{
+        main: '#50314F'
+        ,logo: '#50314F'
+        ,selected: '#7A4D7B'
+        ,header: '#50314F'
+        ,alias: 'purple-red-header' //紫红头
+      },{
+        main: '#28333E'
+        ,logo: '#28333E'
+        ,selected: '#AA3130'
+        ,header: '#AA3130'
+        ,alias: 'fashion-red-header' //时尚红头
+      },{
+        main: '#28333E'
+        ,logo: '#009688'
+        ,selected: '#009688'
+        ,header: '#009688'
+        ,alias: 'green-header' //墨绿头
+      }]
+      
+      //初始的颜色索引，对应上面的配色方案数组索引
+      //如果本地已经有主题色记录，则以本地记录为优先，除非请求本地数据（localStorage）
+      ,initColorIndex: 0
+    }
+  });
+});

assets/lib/layui - 副本/admin/json/console/prograss.js

@@ -0,0 +1,36 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "prograss": "开会"
+    ,"time": "一小时"
+    ,"complete": "已完成"
+    ,"LAY_CHECKED": true
+  },{
+    "prograss": "项目开发"
+    ,"time": "两小时"
+    ,"complete": "进行中"
+    ,"LAY_CHECKED": true
+  },{
+    "prograss": "陪吃饭"
+    ,"time": "一小时"
+    ,"complete": "未完成"
+  },{
+    "prograss": "修改小bug"
+    ,"time": "半小时"
+    ,"complete": "未完成"
+  },{
+    "prograss": "修改大bug"
+    ,"time": "两小时"
+    ,"complete": "未完成"
+  },{
+    "prograss": "修改小bug"
+    ,"time": "半小时"
+    ,"complete": "未完成"
+  },{
+    "prograss": "修改大bug"
+    ,"time": "两小时"
+    ,"complete": "未完成"
+  }]
+}

assets/lib/layui - 副本/admin/json/console/top-card.js

@@ -0,0 +1,76 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "id": 111
+    ,"title": "社区开始接受 “赞助商广告” 投放"
+    ,"username": "贤心"
+    ,"channel": "公告"
+    ,"href": "http://fly.layui.com/jie/15697/"
+    ,"crt": 61632
+  },{
+    "id": 222
+    ,"title": "layui 一周年"
+    ,"username": "猫吃"
+    ,"channel": "讨论"
+    ,"href": "http://fly.layui.com/jie/16622/"
+    ,"crt": 61632
+  },{
+    "id": 333
+    ,"title": "四个月的前端"
+    ,"username": "fd"
+    ,"channel": "分享"
+    ,"href": "http://fly.layui.com/jie/16651/"
+    ,"crt": 61632
+  },{
+    "id": 333
+    ,"title": "如何评价LayUI和他的作者闲心"
+    ,"username": "纸飞机"
+    ,"channel": "提问"
+    ,"href": "http://fly.layui.com/jie/9352/"
+    ,"crt": 61632
+  },{
+    "id": 333
+    ,"title": "如何评价LayUI和他的作者闲心"
+    ,"username": "纸飞机"
+    ,"channel": "提问"
+    ,"href": "http://fly.layui.com/jie/9352/"
+    ,"crt": 61632
+  },{
+    "id": 333
+    ,"title": "如何评价LayUI和他的作者闲心"
+    ,"username": "纸飞机"
+    ,"channel": "提问"
+    ,"href": "http://fly.layui.com/jie/9352/"
+    ,"crt": 61632
+  },{
+    "id": 333
+    ,"title": "如何评价LayUI和他的作者闲心"
+    ,"username": "纸飞机"
+    ,"channel": "提问"
+    ,"href": "http://fly.layui.com/jie/9352/"
+    ,"crt": 61632
+  },{
+    "id": 333
+    ,"title": "如何评价LayUI和他的作者闲心"
+    ,"username": "纸飞机"
+    ,"channel": "提问"
+    ,"href": "http://fly.layui.com/jie/9352/"
+    ,"crt": 61632
+  },{
+    "id": 333
+    ,"title": "如何评价LayUI和他的作者闲心"
+    ,"username": "纸飞机"
+    ,"channel": "提问"
+    ,"href": "http://fly.layui.com/jie/9352/"
+    ,"crt": 61632
+  },{
+    "id": 333
+    ,"title": "如何评价LayUI和他的作者闲心"
+    ,"username": "纸飞机"
+    ,"channel": "提问"
+    ,"href": "http://fly.layui.com/jie/9352/"
+    ,"crt": 61632
+  }]
+}

assets/lib/layui - 副本/admin/json/console/top-search.js

@@ -0,0 +1,46 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "keywords": "贤心是男是女"
+    ,"frequency": 8520
+    ,"userNums": 2216
+  },{
+    "keywords": "Java程序员能找到女朋友吗"
+    ,"frequency": 666
+    ,"userNums": 333
+  },{
+    "keywords": "此表格是静态模拟数据"
+    ,"frequency": 666
+    ,"userNums": 333
+  },{
+    "keywords": "layui官方教程"
+    ,"frequency": 666
+    ,"userNums": 333
+  },{
+    "keywords": "layui官方教程"
+    ,"frequency": 666
+    ,"userNums": 333
+  },{
+    "keywords": "layui官方教程"
+    ,"frequency": 666
+    ,"userNums": 333
+  },{
+    "keywords": "layui官方教程"
+    ,"frequency": 666
+    ,"userNums": 333
+  },{
+    "keywords": "layui官方教程"
+    ,"frequency": 666
+    ,"userNums": 333
+  },{
+    "keywords": "layui官方教程"
+    ,"frequency": 666
+    ,"userNums": 333
+  },{
+    "keywords": "layui官方教程"
+    ,"frequency": 666
+    ,"userNums": 333
+  }]
+}

assets/lib/layui - 副本/admin/json/content/comment.js

@@ -0,0 +1,56 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "id": "001"
+    ,"reviewers": "赵"
+    ,"content": "我又爱上编程了"
+    ,"commtime": 20160312
+  },{
+    "id": "002"
+    ,"reviewers": "钱"
+    ,"content": "女生出门要小心"
+    ,"commtime": 20160821
+  },{
+    "id": "003"
+    ,"reviewers": "孙"
+    ,"content": "框架就用layui"
+    ,"commtime": 20161212
+  },{
+    "id": "004"
+    ,"reviewers": "李"
+    ,"content": "心姐么么哒" 
+    ,"commtime": 20170311
+  },{
+    "id": "005"
+    ,"reviewers": "周"
+    ,"content": "希望明天是个好天气"
+    ,"commtime": 20170612
+  },{
+    "id": "006"
+    ,"reviewers": "吴"
+    ,"content": "我又爱上编程了"
+    ,"commtime": 20171112
+  },{
+    "id": "007"
+    ,"reviewers": "郑"
+    ,"content": "女生出门要小心"
+    ,"commtime": 20171230
+  },{
+    "id": "008"
+    ,"reviewers": "王"
+    ,"content": "框架就用layui"
+    ,"commtime": 20180112
+  },{
+    "id": "009"
+    ,"reviewers": "冯"
+    ,"content": "心姐么么哒"
+    ,"commtime": 20180221
+  },{
+    "id": "010"
+    ,"reviewers": "陈"
+    ,"content": "希望明天是个好天气"
+    ,"commtime": 20180312
+  }]
+}

assets/lib/layui - 副本/admin/json/content/list.js

@@ -0,0 +1,62 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "id": "001"
+    ,"label": "美食"
+    ,"title": "舌尖上的中国第一季"
+    ,"author": "作者-1"
+    ,"content": "通过中华美食的多个侧面，来展现食物给中国人生活带来的仪式、伦理等方面的文化；见识中国特色食材以及与食物相关、构成中国美食特有气质的一系列元素；了解中华饮食文化的精致和源远流长"
+    ,"uploadtime": 20121204
+    ,"status": true
+  },{
+    "id": "002"
+    ,"label": "美食"
+    ,"title": "舌尖上的中国第二季"
+    ,"author": "作者-2"
+    ,"content": "以食物为窗口，读懂中国——通过美食，使人们可以有滋有味地认知这个古老的东方国度。“一方水土一方人”，本片将通过展示人们日常生活中与美食相关的多重侧面，描绘与感知中国人的文化传统、家族观念、生活态度与故土难离。人们收获、保存、烹饪、生产美食，并在其过程中留存和传承食物所承载的味觉记忆、饮食习俗、文化样态与家常情感。"
+    ,"uploadtime": 20141204
+    ,"status": false
+  },{
+    "id": "003"
+    ,"label": "美食"
+    ,"title": "舌尖上的中国第三季"
+    ,"author": "作者-3"
+    ,"content": "以食物为窗口，读懂中国——通过美食，使人们可以有滋有味地认知这个古老的东方国度。“一方水土一方人”，本片将通过展示人们日常生活中与美食相关的多重侧面，描绘与感知中国人的文化传统、家族观念、生活态度与故土难离。人们收获、保存、烹饪、生产美食，并在其过程中留存和传承食物所承载的味觉记忆、饮食习俗、文化样态与家常情感将世界美食和中国美食进行比照。春耕、夏耘、秋收、冬藏，天人合一的东方哲学让中国饮食依时而变，智慧灵动，中医营养摄生学说创造了食材运用的新天地，儒家人伦道德则把心意和家的味道端上我们的餐桌。淘洗历史，糅合时光，一代又一代的中国人在天地间升起烟火，用至精至诚的心意烹制食物，一餐一食之间，中国人展示个性，确认归属，构建文明，理解和把握着世界的奥妙。"
+    ,"uploadtime": 20161204
+    ,"status": false
+  },{
+    "id": "004"
+    ,"label": "历史"
+    ,"title": "诸葛亮骂王朗"
+    ,"author": "作者-1"
+    ,"content": "皓首匹夫！苍髯老贼！你即将命归于九泉之下，届时，有何面目见汉朝二十四代先帝？二臣贼子！你枉活七十有六，一生未立寸功，只会摇唇舞舌，助曹为虐！一条断脊之犬，还敢在我军阵前狺狺狂吠！我从未见过如此厚颜无耻之人！！！"
+    ,"uploadtime": 20180201
+    ,"status": false
+  },{
+    "id": "005"
+    ,"label": "新闻"
+    ,"title": "新时代特色中国梦"
+    ,"author": "作者-1"
+    ,"content": "今天，我们比历史上任何时期都更接近、更有信心和能力实现中华民族伟大复兴的目标。新时代已经到来，蓝图已经绘就，中国梦离我们越来越近了。"
+    ,"uploadtime": 20180512
+    ,"status": false
+  },{
+    "id": "006"
+    ,"label": "新闻"
+    ,"title": "新时代特色中国梦"
+    ,"author": "作者-2"
+    ,"content": "梦想不会主动走向我们，只有我们去主动实现梦想。行百里者半九十。虽然中国梦离我们越来越近了，但是要实现中国梦，还要靠我们以永不懈怠的精神状态、功在不舍的坚强意志，不忘初心，继续前进。"
+    ,"uploadtime": 20180514
+    ,"status": false
+  },{
+    "id": "007"
+    ,"label": "体育"
+    ,"title": "皇马大战利物浦"
+    ,"author": "作者-3"
+    ,"content": "对欧足联而言，更想要产生个新冠军。连续三年都是同一个冠军队，这会毁掉欧冠……”格里姆表态，“皇马有梦幻般的阵容，但从促进竞争的角度而言，另一支球队获胜会更好。"
+    ,"uploadtime": 20180515
+    ,"status": false
+  }]
+}

assets/lib/layui - 副本/admin/json/content/tags.js

@@ -0,0 +1,21 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "id": "001"
+    ,"tags": "美食"
+  },{
+    "id": "002"
+    ,"tags": "新闻"  
+  },{
+    "id": "003"
+    ,"tags": "八卦"
+  },{
+    "id": "004"
+    ,"tags": "体育"  
+  },{
+    "id": "005"
+    ,"tags": "音乐"
+  }]
+}

assets/lib/layui - 副本/admin/json/forum/list.js

@@ -0,0 +1,62 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "id": "1001"
+    ,"poster": "赵"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"content": "为什么花儿这么么红"
+    ,"posttime": 20160805
+    ,"top": false
+  },{
+    "id": "1002"
+    ,"poster": "钱"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"content": "喜欢胡歌，赞赞赞"
+    ,"posttime": 20161205
+    ,"top": true
+  },{
+    "id": "1003"
+    ,"poster": "孙"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"content": "明天就要考试了，好紧张，求保佑"
+    ,"posttime": 20170405
+    ,"top": false
+  },{
+    "id": "1004"
+    ,"poster": "李"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"content": "希望明天是个好天气" 
+    ,"posttime": 20171005
+    ,"top": false
+  },{
+    "id": "1005"
+    ,"poster": "周"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"content": "女追男隔层纱，是不是真的"
+    ,"posttime": 20180205
+    ,"top": false
+  },{
+    "id": "1006"
+    ,"poster": "吴"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"content": "竟然有人跳楼，年轻人想不开啊！" 
+    ,"posttime": 20180512
+    ,"top": false
+  },{
+    "id": "1007"
+    ,"poster": "郑"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"content": "大家一定不能学那个年轻人，珍爱生命啊"
+    ,"posttime": 20180512
+    ,"top": false
+  },{
+    "id": "1008"
+    ,"poster": "王"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"content": "想知道南昌哪里有好吃的西安肉夹馍"
+    ,"posttime": 20180514
+    ,"top": false
+  }]
+}

assets/lib/layui - 副本/admin/json/forum/replys.js

@@ -0,0 +1,69 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "id": "001"
+    ,"replyer": "吴"
+    ,"cardid": "1002"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"content": "有眼光，我也喜欢胡歌！"
+    ,"replytime": 20161205
+  },{
+    "id": "002"
+    ,"replyer": "郑"
+    ,"cardid": "1002"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"content": "同上同上。"
+    ,"replytime": 20161205
+  },{
+    "id": "003"
+    ,"replyer": "王"
+    ,"cardid": "1003"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"content": "能过一定过，不能过紧张也没用"
+    ,"replytime": 20170405
+  },{
+    "id": "004"
+    ,"replyer": "冯"
+    ,"cardid": "1001"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"content": "可能因为你流鼻血了。" 
+    ,"replytime": 20170405
+  },{
+    "id": "005"
+    ,"replyer": "陈"
+    ,"cardid": "1003"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"content": "加油加油，看好你"
+    ,"replytime": 20170405
+  },{
+    "id": "006"
+    ,"replyer": "褚"
+    ,"cardid": "1005"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"content": "纯属放屁" 
+    ,"replytime": 20180207
+  },{
+    "id": "007"
+    ,"replyer": "卫"
+    ,"cardid": "1005"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"content": "可以试试"
+    ,"replytime": 20180207
+  },{
+    "id": "006"
+    ,"replyer": "蒋"
+    ,"cardid": "1006"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"content": "是啊是啊，太恐怖了。" 
+    ,"replytime": 20180512
+  },{
+    "id": "007"
+    ,"replyer": "沈"
+    ,"cardid": "1008"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"content": "魏家凉皮的凉皮就很不错奥。"
+    ,"replytime": 20180515
+  }]
+}

assets/lib/layui - 副本/admin/json/layer/photos.js

@@ -0,0 +1,39 @@
+{
+  "code": 0,
+  "msg": "",
+  "title": "JSON请求的相册",
+  "id": 8,
+  "start": 0,
+  "data": [
+    {
+      "alt": "layer",
+      "pid": 109,
+      "src": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg",
+      "thumb": ""
+    },
+    {
+      "alt": "说好的，一起Fly",
+      "pid": 110,
+      "src": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4kebemcj20ga09saa1.jpg",
+      "thumb": ""
+    },
+    {
+      "alt": "佟丽娅女神",
+      "pid": 111,
+      "src": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg",
+      "thumb": ""
+    },
+    {
+      "alt": "凤姐是个好人",
+      "pid": 112,
+      "src": "https://wx3.sinaimg.cn/mw690/5db11ff4gy1fmx4kec9vuj20b20dwmyk.jpg",
+      "thumb": ""
+    },
+    {
+      "alt": "星空如此深邃",
+      "pid": 113,
+      "src": "https://wx3.sinaimg.cn/mw690/5db11ff4gy1fmx4keca8ag208g06iglw.gif",
+      "thumb": ""
+    }
+  ]
+}

assets/lib/layui - 副本/admin/json/layim/getList.js

@@ -0,0 +1,96 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"data": {
+    "mine": {
+      "username": "纸飞机"
+      ,"id": "100000"
+      ,"status": "online"
+      ,"sign": "在深邃的编码世界，做一枚轻盈的纸飞机"
+      ,"avatar": "//res.layui.com/images/fly/avatar/00.jpg"
+    }
+    ,"friend": [{
+      "groupname": "知名人物"
+      ,"id": 0
+      ,"list": [{
+        "username": "贤心"
+        ,"id": "100001"
+        ,"avatar": "//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
+        ,"sign": "这些都是测试数据，实际使用请严格按照该格式返回"
+        ,"status": "online"
+      },{
+        "username": "刘涛tamia"
+        ,"id": "100001222"
+        ,"sign": "如约而至，不负姊妹欢乐颂"
+        ,"avatar": "//tva4.sinaimg.cn/crop.0.1.1125.1125.180/475bb144jw8f9nwebnuhkj20v90vbwh9.jpg"
+      },{
+        "username": "谢楠"
+        ,"id": "10034001"
+        ,"avatar": "//tva2.sinaimg.cn/crop.1.0.747.747.180/633f068fjw8f9h040n951j20ku0kr74t.jpg"
+        ,"sign": ""
+      },{
+        "username": "马小云"
+        ,"id": "168168"
+        ,"avatar": "//tva1.sinaimg.cn/crop.0.0.180.180.180/7fde8b93jw1e8qgp5bmzyj2050050aa8.jpg"
+        ,"sign": "让天下没有难写的代码"
+      },{
+        "username": "徐小峥"
+        ,"id": "666666"
+        ,"avatar": "//tva1.sinaimg.cn/crop.0.0.512.512.180/6a4acad5jw8eqi6yaholjj20e80e8t9f.jpg"
+        ,"sign": "代码在囧途，也要写到底"
+      }]
+    },{
+      "groupname": "网红声优"
+      ,"id": 1
+      ,"list": [{
+        "username": "罗玉凤"
+        ,"id": "121286"
+        ,"avatar": "//tva4.sinaimg.cn/crop.0.0.640.640.180/4a02849cjw8fc8vn18vktj20hs0hs75v.jpg"
+        ,"sign": "在自己实力不济的时候，不要去相信什么媒体和记者。他们不是善良的人，有时候候他们的采访对当事人而言就是陷阱"
+      },{
+        "username": "Z_子晴"
+        ,"id": "108101"
+        ,"avatar": "//tva1.sinaimg.cn/crop.0.23.1242.1242.180/8693225ajw8fbimjimpjwj20yi0zs77l.jpg"
+        ,"sign": "微电商达人"
+      },{
+        "username": "大鱼_MsYuyu"
+        ,"id": "12123454"
+        ,"avatar": "//tva2.sinaimg.cn/crop.0.0.512.512.180/005LMAegjw8f2bp9qg4mrj30e80e8dg5.jpg"
+        ,"sign": "我瘋了！這也太準了吧  超級笑點低"
+      },{
+        "username": "醋醋cucu"
+        ,"id": "102101"
+        ,"avatar": "//tva2.sinaimg.cn/crop.0.0.640.640.180/648fbe5ejw8ethmg0u9egj20hs0ht0tn.jpg"
+        ,"sign": ""
+      },{
+        "username": "柏雪近在它香"
+        ,"id": "3435343"
+        ,"avatar": "//tva2.sinaimg.cn/crop.0.8.751.751.180/961a9be5jw8fczq7q98i7j20kv0lcwfn.jpg"
+        ,"sign": ""
+      }]
+    },{
+      "groupname": "女神艺人"
+      ,"id": 2
+      ,"list": [{
+        "username": "王祖贤"
+        ,"id": "76543"
+        ,"avatar": "//wx2.sinaimg.cn/mw690/5db11ff4gy1flxmew7edlj203d03wt8n.jpg"
+        ,"sign": "我爱贤心"
+      },{
+        "username": "佟丽娅"
+        ,"id": "4803920"
+        ,"avatar": "//tva3.sinaimg.cn/crop.0.0.750.750.180/5033b6dbjw8etqysyifpkj20ku0kuwfw.jpg"
+        ,"sign": "我也爱贤心吖吖啊"
+      }]
+    }]
+    ,"group": [{
+      "groupname": "前端群"
+      ,"id": "101"
+      ,"avatar": "//tva1.sinaimg.cn/crop.0.0.200.200.50/006q8Q6bjw8f20zsdem2mj305k05kdfw.jpg"
+    },{
+      "groupname": "Fly社区官方群"
+      ,"id": "102"
+      ,"avatar": "//tva2.sinaimg.cn/crop.0.0.199.199.180/005Zseqhjw1eplix1brxxj305k05kjrf.jpg"
+    }]
+  }
+}

assets/lib/layui - 副本/admin/json/layim/getMembers.js

@@ -0,0 +1,67 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"data": {
+    "list": [{
+      "username": "贤心"
+      ,"id": "100001"
+      ,"avatar": "//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
+      ,"sign": "这些都是测试数据，实际使用请严格按照该格式返回"
+    },{
+      "username": "Z_子晴"
+      ,"id": "108101"
+      ,"avatar": "//tva1.sinaimg.cn/crop.0.23.1242.1242.180/8693225ajw8fbimjimpjwj20yi0zs77l.jpg"
+      ,"sign": "微电商达人"
+    },{
+      "username": "Lemon_CC"
+      ,"id": "102101"
+      ,"avatar": "//tva4.sinaimg.cn/crop.0.0.180.180.180/6d424ea5jw1e8qgp5bmzyj2050050aa8.jpg"
+      ,"sign": ""
+    },{
+      "username": "马小云"
+      ,"id": "168168"
+      ,"avatar": "//tva1.sinaimg.cn/crop.0.0.180.180.180/7fde8b93jw1e8qgp5bmzyj2050050aa8.jpg"
+      ,"sign": "让天下没有难写的代码"
+    },{
+      "username": "徐小峥"
+      ,"id": "666666"
+      ,"avatar": "//tva1.sinaimg.cn/crop.0.0.512.512.180/6a4acad5jw8eqi6yaholjj20e80e8t9f.jpg"
+      ,"sign": "代码在囧途，也要写到底"
+    },{
+      "username": "罗玉凤"
+      ,"id": "121286"
+      ,"avatar": "//tva4.sinaimg.cn/crop.0.0.640.640.180/4a02849cjw8fc8vn18vktj20hs0hs75v.jpg"
+      ,"sign": "在自己实力不济的时候，不要去相信什么媒体和记者。他们不是善良的人，有时候候他们的采访对当事人而言就是陷阱"
+    },{
+      "username": "刘涛tamia"
+      ,"id": "100001222"
+      ,"avatar": "//tva4.sinaimg.cn/crop.0.1.1125.1125.180/475bb144jw8f9nwebnuhkj20v90vbwh9.jpg"
+      ,"sign": "如约而至，不负姊妹欢乐颂"
+    },{
+        "username": "大鱼_MsYuyu"
+        ,"id": "12123454"
+        ,"avatar": "//tva2.sinaimg.cn/crop.0.0.512.512.180/005LMAegjw8f2bp9qg4mrj30e80e8dg5.jpg"
+        ,"sign": "我瘋了！這也太準了吧  超級笑點低"
+      },{
+        "username": "谢楠"
+        ,"id": "10034001"
+        ,"avatar": "//tva2.sinaimg.cn/crop.1.0.747.747.180/633f068fjw8f9h040n951j20ku0kr74t.jpg"
+        ,"sign": ""
+      },{
+        "username": "柏雪近在它香"
+        ,"id": "3435343"
+        ,"avatar": "//tva2.sinaimg.cn/crop.0.8.751.751.180/961a9be5jw8fczq7q98i7j20kv0lcwfn.jpg"
+        ,"sign": ""
+      },{
+        "username": "林心如"
+        ,"id": "76543"
+        ,"avatar": "//tva3.sinaimg.cn/crop.0.0.512.512.180/48f122e6jw8fcmi072lkyj20e80e8t9i.jpg"
+        ,"sign": "我爱贤心"
+      },{
+        "username": "佟丽娅"
+        ,"id": "4803920"
+        ,"avatar": "//tva3.sinaimg.cn/crop.0.0.750.750.180/5033b6dbjw8etqysyifpkj20ku0kuwfw.jpg"
+        ,"sign": "我也爱贤心吖吖啊"
+      }]
+  }
+}

assets/lib/layui - 副本/admin/json/mall/order.js

@@ -0,0 +1,42 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "invoice": "X123565541"
+    ,"username": "张小三"
+    ,"orderDate": "2017-11-10"
+    ,"amount": 800
+    ,"status": 1
+  },{
+    "invoice": "X123565542"
+    ,"username": "李小四"
+    ,"orderDate": "2017-11-10"
+    ,"amount": 800
+    ,"status": 0
+  },{
+    "invoice": "X123565543"
+    ,"username": "王老五"
+    ,"orderDate": "2017-11-10"
+    ,"amount": 800
+    ,"status": 1
+  },{
+    "invoice": "X123565544"
+    ,"username": "赵小六"
+    ,"orderDate": "2017-11-09"
+    ,"amount": 1600
+    ,"status": 1
+  },{
+    "invoice": "X123565545"
+    ,"username": "孙小七"
+    ,"orderDate": "2017-11-09"
+    ,"amount": 1600
+    ,"status": -1
+  },{
+    "invoice": "X123565546"
+    ,"username": "周小八"
+    ,"orderDate": "2017-11-08"
+    ,"amount": 2600
+    ,"status": 1
+  }]
+}

assets/lib/layui - 副本/admin/json/menu.js

@@ -0,0 +1,227 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"data": [{
+    "name": "component"
+    ,"title": "组件"
+    ,"icon": "layui-icon-component"
+    ,"list": [{
+      "name": "grid"
+      ,"title": "栅格"
+      ,"list": [{
+        "name": "list"
+        ,"title": "等比例列表排列"
+      },{
+        "name": "mobile"
+        ,"title": "按移动端排列"
+      },{
+        "name": "mobile-pc"
+        ,"title": "移动桌面端组合"
+      },{
+        "name": "all"
+        ,"title": "全端复杂组合"
+      },{
+        "name": "stack"
+        ,"title": "低于桌面堆叠排列"
+      },{
+        "name": "speed-dial"
+        ,"title": "九宫格"
+      }]
+    }, {
+      "name": "button"
+      ,"title": "按钮"
+    }, {
+      "name": "form"
+      ,"title": "表单"
+      ,"list": [{
+        "name": "element"
+        ,"title": "表单元素"
+      },{
+        "name": "group"
+        ,"title": "表单组合"
+      }]
+    }, {
+      "name": "nav"
+      ,"title": "导航"
+    }, {
+      "name": "tabs"
+      ,"title": "选项卡"
+    }, {
+      "name": "progress"
+      ,"title": "进度条"
+    }, {
+      "name": "panel"
+      ,"title": "面板"
+    }, {
+      "name": "badge"
+      ,"title": "徽章"
+    }, {
+      "name": "timeline"
+      ,"title": "时间线"
+    }, {
+      "name": "anim"
+      ,"title": "动画"
+    }, {
+      "name": "auxiliar"
+      ,"title": "辅助"
+    }, {
+      "name": "layer"
+      ,"title": "通用弹层"
+      ,"list": [{
+        "name": "list"
+        ,"title": "功能演示"
+      },{
+        "name": "special-demo"
+        ,"title": "特殊示例"
+      },{
+        "name": "theme"
+        ,"title": "风格定制"
+      }]
+    }, {
+      "name": "laydate"
+      ,"title": "日期时间"
+    }, {
+      "name": "table"
+      ,"title": "表格"
+    }, {
+      "name": "laypage"
+      ,"title": "分页"
+    }, {
+      "name": "upload"
+      ,"title": "上传"
+    }, {
+      "name": "carousel"
+      ,"title": "轮播"
+    }, {
+      "name": "laytpl"
+      ,"title": "模板引擎"
+    }, {
+      "name": "flow"
+      ,"title": "流加载"
+    }, {
+      "name": "util"
+      ,"title": "工具"
+    }, {
+      "name": "code"
+      ,"title": "代码修饰"
+    }, {
+      "name": "layim"
+      ,"title": "即时聊天"
+      ,"jump": "senior/im/"
+    }]
+  }, {
+    "name": "template"
+    ,"title": "模板"
+    ,"icon": "layui-icon-template"
+    ,"list": [{
+      "name": "user"
+      ,"title": "用户相关"
+      ,"spread": true
+      ,"list": [{
+        "name": "reg"
+        ,"title": "注册"
+        ,"jump": "user/reg"
+      },{
+        "name": "login"
+        ,"title": "登入"
+        ,"jump": "user/login"
+      },{
+        "name": "forget"
+        ,"title": "忘记密码"
+        ,"jump": "user/forget"
+      }]
+    }, {
+      "name": "tips"
+      ,"title": "提示页面"
+      ,"spread": true
+      ,"list": [{
+        "name": "404"
+        ,"title": "404"
+      },{
+        "name": "error"
+        ,"title": "错误提示"
+      }]
+    }, {
+      "name": ""
+      ,"title": "内嵌页面"
+      ,"spread": true
+      ,"list": [{
+        "name": ""
+        ,"title": "百度一下"
+        ,"jump": "/iframe/link/baidu"
+      }, {
+        "name": ""
+        ,"title": "layui官网"
+        ,"jump": "/iframe/link/layui"
+      }, {
+        "name": ""
+        ,"title": "layuiAdmin官网"
+        ,"jump": "/iframe/link/layuiAdmin"
+      }]
+    }]
+  }, {
+    "name": "app"
+    ,"title": "应用"
+    ,"icon": "layui-icon-app"
+    ,"list": [{
+      "name": "message"
+      ,"title": "消息中心"
+    }]
+  }, {
+    "name": "senior"
+    ,"title": "高级"
+    ,"icon": "layui-icon-senior"
+    ,"list": [{
+      "name": "im"
+      ,"title": "通讯系统"
+    }]
+  }, {
+    "name": "user"
+    ,"title": "用户"
+    ,"icon": "layui-icon-user"
+    ,"list": [{
+      "name": "user"
+      ,"title": "用户"
+      ,"spread": true
+      ,"list": [{
+        "name": "list"
+        ,"title": "用户列表"
+      }]
+    },{
+      "name": "administrators"
+      ,"title": "后台管理组"
+      ,"spread": true
+      ,"list": [{
+        "name": "list"
+        ,"title": "管理员列表"
+      },{
+        "name": "role"
+        ,"title": "角色管理"
+      }]
+    }]
+  }, {
+    "name": "set"
+    ,"title": "设置"
+    ,"icon": "layui-icon-set"
+    ,"list": [{
+      "name": "base"
+      ,"title": "基本设置"
+      ,"spread": true
+      ,"list": [{
+        "name": "website"
+        ,"title": "系统设置"
+      },{
+        "name": "email"
+        ,"title": "邮件服务"
+      }]
+    },{
+      "name": "security"
+      ,"title": "安全设置"
+    }]
+  }, {
+    "name": "get"
+    ,"title": "授权"
+    ,"icon": "layui-icon-auz"
+    ,"jump": "system/get"
+  }]
+}

assets/lib/layui - 副本/admin/json/menu1.js

@@ -0,0 +1,271 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"data": [{
+    "name": "component"
+    ,"title": "组件"
+    ,"icon": "layui-icon-component"
+    ,"list": [{
+      "name": "grid"
+      ,"title": "栅格"
+      ,"list": [{
+        "name": "list"
+        ,"title": "等比例列表排列"
+      },{
+        "name": "mobile"
+        ,"title": "按移动端排列"
+      },{
+        "name": "mobile-pc"
+        ,"title": "移动桌面端组合"
+      },{
+        "name": "all"
+        ,"title": "全端复杂组合"
+      },{
+        "name": "stack"
+        ,"title": "低于桌面堆叠排列"
+      },{
+        "name": "speed-dial"
+        ,"title": "九宫格"
+      }]
+    }, {
+      "name": "button"
+      ,"title": "按钮"
+    }, {
+      "name": "form"
+      ,"title": "表单"
+      ,"list": [{
+        "name": "element"
+        ,"title": "表单元素"
+      },{
+        "name": "group"
+        ,"title": "表单组合"
+      }]
+    }, {
+      "name": "nav"
+      ,"title": "导航"
+    }, {
+      "name": "tabs"
+      ,"title": "选项卡"
+    }, {
+      "name": "progress"
+      ,"title": "进度条"
+    }, {
+      "name": "panel"
+      ,"title": "面板"
+    }, {
+      "name": "badge"
+      ,"title": "徽章"
+    }, {
+      "name": "timeline"
+      ,"title": "时间线"
+    }, {
+      "name": "anim"
+      ,"title": "动画"
+    }, {
+      "name": "auxiliar"
+      ,"title": "辅助"
+    }, {
+      "name": "layer"
+      ,"title": "通用弹层"
+      ,"list": [{
+        "name": "list"
+        ,"title": "功能演示"
+      },{
+        "name": "special-demo"
+        ,"title": "特殊示例"
+      },{
+        "name": "theme"
+        ,"title": "风格定制"
+      }]
+    }, {
+      "name": "laydate"
+      ,"title": "日期时间"
+    }, {
+      "name": "table"
+      ,"title": "表格"
+    }, {
+      "name": "laypage"
+      ,"title": "分页"
+    }, {
+      "name": "upload"
+      ,"title": "上传"
+    }, {
+      "name": "carousel"
+      ,"title": "轮播"
+    }, {
+      "name": "laytpl"
+      ,"title": "模板引擎"
+    }, {
+      "name": "flow"
+      ,"title": "流加载"
+    }, {
+      "name": "util"
+      ,"title": "工具"
+    }, {
+      "name": "code"
+      ,"title": "代码修饰"
+    }, {
+      "name": "layim"
+      ,"title": "即时聊天"
+      ,"jump": "senior/im/chat"
+    }]
+  }, {
+    "name": "template"
+    ,"title": "模板"
+    ,"icon": "layui-icon-template"
+    ,"list": [{
+      "name": "user"
+      ,"title": "用户相关"
+      ,"spread": true
+      ,"list": [{
+        "name": "reg"
+        ,"title": "注册"
+        ,"jump": "user/reg"
+      },{
+        "name": "login"
+        ,"title": "登入"
+        ,"jump": "user/login"
+      },{
+        "name": "forget"
+        ,"title": "忘记密码"
+        ,"jump": "user/forget"
+      }]
+    }, {
+      "name": "tips"
+      ,"title": "提示页面"
+      ,"spread": true
+      ,"list": [{
+        "name": "404"
+        ,"title": "404"
+      },{
+        "name": "error"
+        ,"title": "错误提示"
+      }]
+    }]
+  }, {
+    "name": "app"
+    ,"title": "应用"
+    ,"icon": "layui-icon-app"
+    ,"list": [{
+      "name": "message"
+      ,"title": "消息中心"
+    },{
+      "name": "content"
+      ,"title": "内容系统"
+      ,"spread": true
+      ,"list": [{
+        "name": "list"
+        ,"title": "所有文章"
+      },{
+        "name": "comment"
+        ,"title": "评论管理"
+      },{
+        "name": "tags"
+        ,"title": "标签管理"
+      }]
+    },{
+      "name": "forum"
+      ,"title": "社区系统"
+      ,"spread": true
+      ,"list": [{
+        "name": "list"
+        ,"title": "全部帖子"
+      },{
+        "name": "replys"
+        ,"title": "所有回帖"
+      }]
+    },{
+      "name": "mall"
+      ,"title": "商城管理"
+      ,"spread": true
+      ,"list": [{
+        "name": "list"
+        ,"title": "商品列表"
+      },{
+        "name": "category"
+        ,"title": "分类管理"
+      },{
+        "name": "specs"
+        ,"title": "规格管理"
+      }]
+    }]
+  }, {
+    "name": "senior"
+    ,"title": "高级"
+    ,"icon": "layui-icon-senior"
+    ,"list": [{
+      "name": "im"
+      ,"title": "通讯系统"
+      ,"spread": true
+      ,"list": [{
+        "name": "chat"
+        ,"title": "社交聊天"
+      },{
+        "name": "kefu"
+        ,"title": "客服系统"
+      }]
+    },{
+      "name": "echarts"
+      ,"title": "Echarts 集成"
+      ,"spread": true
+      ,"list": [{
+        "name": "line"
+        ,"title": "折线图"
+      },{
+        "name": "bar"
+        ,"title": "柱状图"
+      },{
+        "name": "map"
+        ,"title": "地图"
+      }]
+    }]
+  }, {
+    "name": "user"
+    ,"title": "用户"
+    ,"icon": "layui-icon-user"
+    ,"list": [{
+      "name": "user"
+      ,"title": "用户"
+      ,"spread": true
+      ,"list": [{
+        "name": "list"
+        ,"title": "用户列表"
+      }]
+    },{
+      "name": "administrators"
+      ,"title": "后台管理组"
+      ,"spread": true
+      ,"list": [{
+        "name": "list"
+        ,"title": "管理员列表"
+      },{
+        "name": "role"
+        ,"title": "角色管理"
+      }]
+    }]
+  }, {
+    "name": "set"
+    ,"title": "设置"
+    ,"icon": "layui-icon-set"
+    ,"list": [{
+      "name": "base"
+      ,"title": "基本设置"
+      ,"spread": true
+      ,"list": [{
+        "name": "website"
+        ,"title": "系统设置"
+      },{
+        "name": "email"
+        ,"title": "邮件服务"
+      }]
+    },{
+      "name": "security"
+      ,"title": "安全设置"
+    }]
+  }, {
+    "name": "get"
+    ,"title": "授权"
+    ,"icon": "layui-icon-auz"
+    ,"jump": "system/get"
+  }]
+}

assets/lib/layui - 副本/admin/json/message/all.js

@@ -0,0 +1,46 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": 60
+  ,"data": [{
+    "id": 123
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1510363800000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1507447570000
+  }]
+}

assets/lib/layui - 副本/admin/json/message/detail.js

@@ -0,0 +1,10 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"data": {
+    "id": 111
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"content": "<p>一直以来，layui 秉承无偿开源的初心，虔诚致力于服务各层次前后端 Web 开发者，在商业横飞的当今时代，这一信念从未动摇。即便身单力薄，仍然重拾决心，埋头造轮，以尽可能地填补产品本身的缺口。在过去的一段的时间，我一直在寻求持久之道，已维持你眼前所见的一切。而 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>"
+    ,"time": 1510363800000
+  }
+}

assets/lib/layui - 副本/admin/json/message/direct.js

@@ -0,0 +1,46 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": 60
+  ,"data": [{
+    "id": 123
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510363800000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "贤心发来了一段私信"
+    ,"time": 1507447570000
+  }]
+}

assets/lib/layui - 副本/admin/json/message/new.js

@@ -0,0 +1,7 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"data": {
+    "newmsg": 3
+  }
+}

assets/lib/layui - 副本/admin/json/message/notice.js

@@ -0,0 +1,46 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": 60
+  ,"data": [{
+    "id": 123
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1510363800000
+  }, {
+    "id": 111
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1510212370000
+  }, {
+    "id": 111
+    ,"title": "你好新朋友，感谢使用 layuiAdmin"
+    ,"time": 1507447570000
+  }]
+}

assets/lib/layui - 副本/admin/json/table/demo.js

@@ -0,0 +1,96 @@
+
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": 3000000
+  ,"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"
+  }]
+}  

assets/lib/layui - 副本/admin/json/table/demo2.js

@@ -0,0 +1,61 @@
+
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": 66
+  ,"data": [{
+    "username": "张小三"
+    ,"amount": 18
+    ,"province": "浙江"
+    ,"city": "杭州"
+    ,"zone": "西湖区"
+    ,"street": "西溪街道"
+    ,"address": "西溪花园"
+    ,"house": "30栋1单元"
+  }, {
+    "username": "李小四"
+    ,"amount": 39
+    ,"province": "江苏"
+    ,"city": "苏州"
+    ,"zone": "姑苏区"
+    ,"street": "丝绸路"
+    ,"address": "天墅之城"
+    ,"house": "9幢2单元"
+  }, {
+    "username": "王小五"
+    ,"amount": 8
+    ,"province": "江西"
+    ,"city": "南昌"
+    ,"zone": "青山湖区"
+    ,"street": "艾溪湖办事处"
+    ,"address": "中兴和园"
+    ,"house": "1幢3单元"
+  }, {
+    "username": "赵小六"
+    ,"amount": 16
+    ,"province": "福建"
+    ,"city": "泉州"
+    ,"zone": "丰泽区"
+    ,"street": "南洋街道"
+    ,"address": "南洋村"
+    ,"house": "6幢1单元"
+  }, {
+    "username": "孙小七"
+    ,"amount": 12
+    ,"province": "湖北"
+    ,"city": "武汉"
+    ,"zone": "武昌区"
+    ,"street": "武昌大道"
+    ,"address": "两湖花园"
+    ,"house": "16幢2单元"
+  }, {
+    "username": "周小八"
+    ,"amount": 11
+    ,"province": "安徽"
+    ,"city": "黄山"
+    ,"zone": "黄山区"
+    ,"street": "汤口镇"
+    ,"address": "温泉村"
+    ,"house": "21号"
+  }]
+}  

assets/lib/layui - 副本/admin/json/table/demo3.js

@@ -0,0 +1,96 @@
+{
+  "status": 200
+  ,"message": ""
+  ,"total": 8
+  ,"rows": {
+    "item": [{
+      "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"
+    }, {
+      "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"
+    }]
+  }
+}  

assets/lib/layui - 副本/admin/json/table/user.js

@@ -0,0 +1,2 @@
+
+{"code":0,"msg":"","count":1000,"data":[{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0","experience":255,"logins":24,"wealth":82830700,"classify":"作家","score":57},{"id":10001,"username":"user-1","sex":"男","city":"城市-1","sign":"签名-1","experience":884,"logins":58,"wealth":64928690,"classify":"词人","score":27},{"id":10002,"username":"user-2","sex":"女","city":"城市-2","sign":"签名-2","experience":650,"logins":77,"wealth":6298078,"classify":"酱油","score":31},{"id":10003,"username":"user-3","sex":"女","city":"城市-3","sign":"签名-3","experience":362,"logins":157,"wealth":37117017,"classify":"诗人","score":68},{"id":10004,"username":"user-4","sex":"男","city":"城市-4","sign":"签名-4","experience":807,"logins":51,"wealth":76263262,"classify":"作家","score":6},{"id":10005,"username":"user-5","sex":"女","city":"城市-5","sign":"签名-5","experience":173,"logins":68,"wealth":60344147,"classify":"作家","score":87},{"id":10006,"username":"user-6","sex":"女","city":"城市-6","sign":"签名-6","experience":982,"logins":37,"wealth":57768166,"classify":"作家","score":34},{"id":10007,"username":"user-7","sex":"男","city":"城市-7","sign":"签名-7","experience":727,"logins":150,"wealth":82030578,"classify":"作家","score":28},{"id":10008,"username":"user-8","sex":"男","city":"城市-8","sign":"签名-8","experience":951,"logins":133,"wealth":16503371,"classify":"词人","score":14},{"id":10009,"username":"user-9","sex":"女","city":"城市-9","sign":"签名-9","experience":484,"logins":25,"wealth":86801934,"classify":"词人","score":75}]}

assets/lib/layui - 副本/admin/json/upload/demo.js

@@ -0,0 +1,7 @@
+{
+  "code": 0,
+  "msg": "",
+  "data": {
+    "src": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+  }
+}

assets/lib/layui - 副本/admin/json/user/forget.js

@@ -0,0 +1,7 @@
+{
+  "code": 0
+  ,"msg": "注册成功"
+  ,"data": {
+    
+  }
+}

assets/lib/layui - 副本/admin/json/user/login.js

@@ -0,0 +1,7 @@
+{
+  "code": 0
+  ,"msg": "登入成功"
+  ,"data": {
+    "access_token": "c262e61cd13ad99fc650e6908c7e5e65b63d2f32185ecfed6b801ee3fbdd5c0a"
+  }
+}

assets/lib/layui - 副本/admin/json/user/logout.js

@@ -0,0 +1,5 @@
+{
+  "code": 0
+  ,"msg": "退出成功"
+  ,"data": null
+}

assets/lib/layui - 副本/admin/json/user/reg.js

@@ -0,0 +1,7 @@
+{
+  "code": 0
+  ,"msg": "注册成功"
+  ,"data": {
+    
+  }
+}

assets/lib/layui - 副本/admin/json/user/resetpass.js

@@ -0,0 +1,7 @@
+{
+  "code": 0
+  ,"msg": "注册成功"
+  ,"data": {
+    
+  }
+}

assets/lib/layui - 副本/admin/json/user/session.js

@@ -0,0 +1,9 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"data": {
+    "username": "贤心"
+    ,"sex": "男"
+    ,"role": 1
+  }
+}

assets/lib/layui - 副本/admin/json/user/sms.js

@@ -0,0 +1,7 @@
+{
+  "code": 0
+  ,"msg": "注册成功"
+  ,"data": {
+    
+  }
+}

assets/lib/layui - 副本/admin/json/useradmin/mangadmin.js

@@ -0,0 +1,78 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "id": "1001"
+    ,"loginname": "admin"
+    ,"telphone": "11111111111"
+    ,"email": "111@qq.com"
+    ,"role": "超级管理员"
+    ,"jointime": "20150217"
+    ,"check": true
+  },{
+    "id": "1002"
+    ,"loginname": "common-1"
+    ,"telphone": "22222222222"
+    ,"email": "222@qq.com"
+    ,"role": "管理员"
+    ,"jointime": "20160217"
+    ,"check": false
+  },{
+    "id": "1003"
+    ,"loginname": "common-2"
+    ,"telphone": "33333333333"
+    ,"email": "333@qq.com"
+    ,"role": "管理员"
+    ,"jointime": "20161012"
+    ,"check": false
+  },{
+    "id": "1004"
+    ,"loginname": "common-3"
+    ,"telphone": "44444444444"
+    ,"email": "444@qq.com"
+    ,"role": "管理员"
+    ,"jointime": "20170518"
+    ,"check": true
+  },{
+    "id": "1005"
+    ,"loginname": "common-4"
+    ,"telphone": "55555555555"
+    ,"email": "555@qq.com"
+    ,"role": "管理员"
+    ,"jointime": "20180101"
+    ,"check": false
+  },{
+    "id": "1006"
+    ,"loginname": "common-5"
+    ,"telphone": "66666666666"
+    ,"email": "666@qq.com"
+    ,"role": "管理员"
+    ,"jointime": "20160217"
+    ,"check": false
+  },{
+    "id": "1007"
+    ,"loginname": "common-6"
+    ,"telphone": "77777777777"
+    ,"email": "777@qq.com"
+    ,"role": "管理员"
+    ,"jointime": "20161012"
+    ,"check": false
+  },{
+    "id": "1008"
+    ,"loginname": "common-7"
+    ,"telphone": "88888888888"
+    ,"email": "888@qq.com"
+    ,"role": "管理员"
+    ,"jointime": "20170518"
+    ,"check": true
+  },{
+    "id": "1009"
+    ,"loginname": "common-8"
+    ,"telphone": "99999999999"
+    ,"email": "999@qq.com"
+    ,"role": "管理员"
+    ,"jointime": "20180101"
+    ,"check": false
+  }]
+}

assets/lib/layui - 副本/admin/json/useradmin/role.js

@@ -0,0 +1,54 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "id": "1"
+    ,"rolename": "超级管理员"
+    ,"limits": "管理所有的管理员"
+    ,"descr": "拥有至高无上的权利"
+    ,"check": true
+  },{
+    "id": "2"
+    ,"rolename": "管理员"
+    ,"limits": "所有列表的管理"
+    ,"descr": "事情很多，权力很大"
+    ,"check": true
+  },{
+    "id": "3"
+    ,"rolename": "文章撰写员"
+    ,"limits": "负责文章的编写"
+    ,"descr": "文采第一的人才集合"
+    ,"check": false
+  },{
+    "id": "4"
+    ,"rolename": "纠错员"
+    ,"limits": "负责文章内容的修改"
+    ,"descr": "暂无"
+    ,"check": false
+  },{
+    "id": "5"
+    ,"rolename": "统计人员"
+    ,"limits": "对数据进行统计"
+    ,"descr": "暂无"
+    ,"check": false
+  },{
+    "id": "6"
+    ,"rolename": "评估员"
+    ,"limits": "对统计数据进行评估"
+    ,"descr": "及时捕捉市场发展动态"
+    ,"check": false
+  },{
+    "id": "7"
+    ,"rolename": "采购员"
+    ,"limits": "负责员工的伙食"
+    ,"descr": "暂无"
+    ,"check": false
+  },{
+    "id": "8"
+    ,"rolename": "推销员"
+    ,"limits": "介绍销售公司产品"
+    ,"descr": "暂无"
+    ,"check": false
+  }]
+}

assets/lib/layui - 副本/admin/json/useradmin/webuser.js

@@ -0,0 +1,143 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "id": "001"
+    ,"username": "用户-1"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "男"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+  },{
+    "id": "002"
+    ,"username": "用户-2"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "男"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+  },{
+    "id": "003"
+    ,"username": "用户-3"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "女"
+    ,"ip": "1111111"
+    ,"jointime": 20171011
+    ,"LAY_CHECKED": true
+  },{
+    "id": "004"
+    ,"username": "用户-4"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "男"
+    ,"ip": "1111111"
+    ,"jointime": 20160505
+  },{
+    "id": "005"
+    ,"username": "用户-5"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "男"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+  },{
+   "id": "006"
+    ,"username": "用户-6"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "男"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+  },{
+    "id": "007"
+    ,"username": "用户-7"
+    ,"avatar": "https://wx3.sinaimg.cn/mw690/5db11ff4gy1fmx4keca8ag208g06iglw.gif"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "男"
+    ,"ip": "1111111"
+    ,"jointime": 20180210
+  },{
+    "id": "008"
+    ,"username": "用户-8"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "女"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+  },{
+   "id": "009"
+    ,"username": "用户-9"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "女"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+  },{
+    "id": "010"
+    ,"username": "用户-10"
+    ,"avatar": "https://wx4.sinaimg.cn/mw1024/5db11ff4gy1fmx4keaw9pj20dw08caa4.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "男"
+    ,"ip": "1111111"
+    ,"jointime": 20170719
+  },{
+    "id": "011"
+    ,"username": "用户-11"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "男"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+  },{
+    "id": "012"
+    ,"username": "用户-12"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "女"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+  },{
+    "id": "013"
+    ,"username": "用户-13"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "女"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+    ,"LAY_CHECKED": true
+  },{
+    "id": "014"
+    ,"username": "用户-14"
+    ,"avatar": "https://wx3.sinaimg.cn/mw690/5db11ff4gy1fmx4keca8ag208g06iglw.gif"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "男"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+  },{
+    "id": "015"
+    ,"username": "用户-15"
+    ,"avatar": "https://wx2.sinaimg.cn/mw690/5db11ff4gy1fmx4kec5bvj20eb0h3mxh.jpg"
+    ,"phone": 12345678901
+    ,"email": "11111@qq.com"
+    ,"sex": "男"
+    ,"ip": "1111111"
+    ,"jointime": 20171204
+  }]
+}

assets/lib/layui - 副本/admin/json/workorder/demo.js

@@ -0,0 +1,78 @@
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": "100"
+  ,"data": [{
+    "orderid": 111
+    ,"title": "移动支付踏入马来西亚，聚合支付紧随其后"
+    ,"attr": "公告"
+    ,"progress": "25%"
+    ,"submit": "贤心"
+    ,"accept": "员工-1"
+    ,"state": "处理中"
+  },{
+    "orderid": 222
+    ,"title": "凡科拖拽式免费建站神器，享双重优惠！"
+    ,"attr": "讨论"
+    ,"progress": "100%"
+    ,"submit": "猫吃"
+    ,"accept": "员工-1"
+    ,"state": "已处理"
+  },{
+    "orderid": 333
+    ,"title": "看着别人的老板给员工送汽车有感"
+    ,"attr": "分享"
+    ,"progress": "0%"
+    ,"submit": "纸飞机"
+    ,"accept": ""
+    ,"state": "未分配"
+  },{
+    "orderid": 444
+    ,"title": "DISCUZ的云平台应该彻底完了"
+    ,"attr": "提问"
+    ,"progress": "0%"
+    ,"submit": "纸飞机"
+    ,"accept": ""
+    ,"state": "未分配"
+  },{
+    "orderid": 555
+    ,"title": "现在个人网站还有必要长期坚持下去吗？"
+    ,"attr": "提问"
+    ,"progress": "50%"
+    ,"submit": "纸飞机"
+    ,"accept": "员工-2"
+    ,"state": "处理中"
+  },{
+    "orderid": 666
+    ,"title": "向北京公安局投诉了京东商城"
+    ,"attr": "公告"
+    ,"progress": "25%"
+    ,"submit": "纸飞机"
+    ,"accept": "员工-3"
+    ,"state": "处理中"
+  },{
+    "orderid": 777
+    ,"title": "游戏 网页美工，一个月多少工资才正常？"
+    ,"attr": "提问"
+    ,"progress": "100%"
+    ,"submit": "纸飞机"
+    ,"accept": "员工-1"
+    ,"state": "已处理"
+  },{
+    "orderid": 888
+    ,"title": "几年没来了，蓝色理想帖子这么少了啊"
+    ,"attr": "提问"
+    ,"progress": "0%"
+    ,"submit": "纸飞机"
+    ,"accept": ""
+    ,"state": "未分配"
+  },{
+    "orderid": 999
+    ,"title": "我的天，求推荐靠谱的学习网站"
+    ,"attr": "提问"
+    ,"progress": "50%"
+    ,"submit": "纸飞机"
+    ,"accept": "员工-2"
+    ,"state": "处理中"
+  }]
+}

assets/lib/layui - 副本/admin/json/说明.txt

@@ -0,0 +1,3 @@
+
+注意：这里是模拟的数据。
+实际应用时，请在模板文件（.html）中的 lay-url="" 和其它相关接口的 url 设置成你真实的接口地址

assets/lib/layui - 副本/admin/lib/admin.js

@@ -0,0 +1,853 @@
+/**
+
+ @Name：layuiAdmin iframe版核心模块
+ @Author：贤心
+ @Site：http://www.layui.com/admin/
+ @License：LPPL
+    
+ */
+config.history_link = '';
+config.history_text = '';
+layui.define('view', function(exports){
+  var $ = layui.jquery
+  ,laytpl = layui.laytpl
+  ,element = layui.element
+  ,setter = layui.setter
+  ,view = layui.view
+  ,device = layui.device()
+  
+  ,$win = $(window), $body = $('body')
+  ,container = $('#'+ setter.container)
+  
+  ,SHOW = 'layui-show', HIDE = 'layui-hide', THIS = 'layui-this', DISABLED = 'layui-disabled', TEMP = 'template'
+  ,APP_BODY = '#LAY_app_body', APP_FLEXIBLE = 'LAY_app_flexible'
+  ,FILTER_TAB_TBAS = 'layadmin-layout-tabs'
+  ,APP_SPREAD_SM = 'layadmin-side-spread-sm', TABS_BODY = 'layadmin-tabsbody-item'
+  ,ICON_SHRINK = 'layui-icon-shrink-right', ICON_SPREAD = 'layui-icon-spread-left'
+  ,SIDE_SHRINK = 'layadmin-side-shrink', SIDE_MENU = 'LAY-system-side-menu'
+
+  //通用方法
+  ,admin = {
+    v: '1.1.0 std'
+    
+    //数据的异步请求
+    ,req: view.req
+    
+    //发送验证码
+    ,sendAuthCode: function(options){
+      options = $.extend({
+        seconds: 60
+        ,elemPhone: '#LAY_phone'
+        ,elemVercode: '#LAY_vercode'
+      }, options);
+
+      var seconds = options.seconds
+      ,btn = $(options.elem)
+      ,token = null
+      ,timer, countDown = function(loop){
+        seconds--;
+        if(seconds < 0){
+          btn.removeClass(DISABLED).html('获取验证码');
+          seconds = options.seconds;
+          clearInterval(timer);
+        } else {
+          btn.addClass(DISABLED).html(seconds + '秒后重获');
+        }
+
+        if(!loop){
+          timer = setInterval(function(){
+            countDown(true);
+          }, 1000);
+        }
+      };
+      
+      options.elemPhone = $(options.elemPhone);
+      options.elemVercode = $(options.elemVercode);
+
+      btn.on('click', function(){
+        var elemPhone = options.elemPhone
+        ,value = elemPhone.val();
+
+        if(seconds !== options.seconds || $(this).hasClass(DISABLED)) return;
+
+        if(!/^1\d{10}$/.test(value)){
+          elemPhone.focus();
+          return layer.msg('请输入正确的手机号')
+        };
+        
+        if(typeof options.ajax === 'object'){
+          var success = options.ajax.success;
+          delete options.ajax.success;
+        }
+        
+        admin.req($.extend(true, {
+          url: '/auth/code'
+          ,type: 'get'
+          ,data: {
+            phone: value
+          }
+          ,success: function(res){
+            layer.msg('验证码已发送至你的手机，请注意查收', {
+              icon: 1
+              ,shade: 0
+            });
+            options.elemVercode.focus();
+            countDown();
+            success && success(res);
+          }
+        }, options.ajax));
+      });
+    }
+    
+    //屏幕类型
+    ,screen: function(){
+      var width = $win.width()
+      if(width >= 1200){
+        return 3; //大屏幕
+      } else if(width >= 992){
+        return 2; //中屏幕
+      } else if(width >= 768){
+        return 1; //小屏幕
+      } else {
+        return 0; //超小屏幕
+      }
+    }
+    
+    //清除本地 token，并跳转到登入页
+    ,exit: view.exit
+    
+    //侧边伸缩
+    ,sideFlexible: function(status){
+      var app = container
+      ,iconElem =  $('#'+ APP_FLEXIBLE)
+      ,screen = admin.screen();
+
+      //设置状态，PC：默认展开、移动：默认收缩
+      if(status === 'spread'){
+        //切换到展开状态的 icon，箭头：←
+        iconElem.removeClass(ICON_SPREAD).addClass(ICON_SHRINK);
+        
+        //移动：从左到右位移；PC：清除多余选择器恢复默认
+        if(screen < 2){
+          app.addClass(APP_SPREAD_SM);
+        } else {
+          app.removeClass(APP_SPREAD_SM);
+        }
+        
+        app.removeClass(SIDE_SHRINK)
+      } else {
+        //切换到搜索状态的 icon，箭头：→
+        iconElem.removeClass(ICON_SHRINK).addClass(ICON_SPREAD);
+        
+        //移动：清除多余选择器恢复默认；PC：从右往左收缩
+        if(screen < 2){
+          app.removeClass(SIDE_SHRINK);
+        } else {
+          app.addClass(SIDE_SHRINK);
+        }
+        
+        app.removeClass(APP_SPREAD_SM)
+      }
+      
+      layui.event.call(this, setter.MOD_NAME, 'side({*})', {
+        status: status
+      });
+    }
+    
+    //xss 转义
+    ,escape: function(html){
+      return String(html || '').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&amp;')
+      .replace(/</g, '&lt;').replace(/>/g, '&gt;')
+      .replace(/'/g, '&#39;').replace(/"/g, '&quot;');
+    }
+    
+    //事件监听
+    ,on: function(events, callback){
+      return layui.onevent.call(this, setter.MOD_NAME, events, callback);
+    }
+    
+    //弹出面板
+    ,popup: view.popup
+    
+    //右侧面板
+    ,popupRight: function(options){
+      //layer.close(admin.popup.index);
+      return admin.popup.index = layer.open($.extend({
+        type: 1
+        ,id: 'LAY_adminPopupR'
+        ,anim: -1
+        ,title: false
+        ,closeBtn: false
+        ,offset: 'r'
+        ,shade: 0.1
+        ,shadeClose: true
+        ,skin: 'layui-anim layui-anim-rl layui-layer-adminRight'
+        ,area: '300px'
+      }, options));
+    }
+    
+    //主题设置
+    ,theme: function(options){
+      var theme = setter.theme
+      ,local = layui.data(setter.tableName)
+      ,id = 'LAY_layadmin_theme'
+      ,style = document.createElement('style')
+      ,styleText = laytpl([
+        //主题色
+        '.layui-side-menu,'
+        ,'.layadmin-pagetabs .layui-tab-title li:after,'
+        ,'.layadmin-pagetabs .layui-tab-title li.layui-this:after,'
+        ,'.layui-layer-admin .layui-layer-title,'
+        ,'.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child'
+        ,'{background-color:{{d.color.main}} !important;}'
+ 
+        //选中色
+        ,'.layui-nav-tree .layui-this,'
+        ,'.layui-nav-tree .layui-this>a,'
+        ,'.layui-nav-tree .layui-nav-child dd.layui-this,'
+        ,'.layui-nav-tree .layui-nav-child dd.layui-this a'
+        ,'{background-color:{{d.color.selected}} !important;}'
+        
+        //logo
+        ,'.layui-layout-admin .layui-logo{background-color:{{d.color.logo || d.color.main}} !important;}'
+        
+        //头部色
+        ,'{{# if(d.color.header){ }}'
+          ,'.layui-layout-admin .layui-header{background-color:{{ d.color.header }};}'
+          ,'.layui-layout-admin .layui-header a,'
+          ,'.layui-layout-admin .layui-header a cite{color: #f8f8f8;}'
+          ,'.layui-layout-admin .layui-header a:hover{color: #fff;}'
+          ,'.layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;}'
+          ,'.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;}'
+          ,'.layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);}'
+          ,'.layadmin-pagetabs .layui-tab-title li:after{display: none;}'
+        ,'{{# } }}'
+      ].join('')).render(options = $.extend({}, local.theme, options))
+      ,styleElem = document.getElementById(id);
+      
+      //添加主题样式
+      if('styleSheet' in style){
+        style.setAttribute('type', 'text/css');
+        style.styleSheet.cssText = styleText;
+      } else {
+        style.innerHTML = styleText;
+      }
+      style.id = id;
+      
+      styleElem && $body[0].removeChild(styleElem);
+      $body[0].appendChild(style);
+      $body.attr('layadmin-themealias', options.color.alias);
+      
+      //本地存储记录
+      local.theme = local.theme || {};
+      layui.each(options, function(key, value){
+        local.theme[key] = value;
+      });
+      layui.data(setter.tableName, {
+        key: 'theme'
+        ,value: local.theme
+      }); 
+    }
+    
+    //初始化主题
+    ,initTheme: function(index){
+      var theme = setter.theme;
+      index = index || 0;
+      if(theme.color[index]){
+        theme.color[index].index = index;
+        admin.theme({
+          color: theme.color[index]
+        });
+      }
+    }
+    
+    //记录最近一次点击的页面标签数据
+    ,tabsPage: {}
+    
+    //获取页面标签主体元素
+    ,tabsBody: function(index){
+      return $(APP_BODY).find('.'+ TABS_BODY).eq(index || 0);
+    }
+    
+    //切换页面标签主体
+    ,tabsBodyChange: function(index, options){
+      options = options || {};
+      
+      admin.tabsBody(index).addClass(SHOW).siblings().removeClass(SHOW);
+      events.rollPage('auto', index);
+      
+      //执行 {setter.MOD_NAME}.tabsPage 下的事件
+      layui.event.call(this, setter.MOD_NAME, 'tabsPage({*})', {
+        url: options.url
+        ,text: options.text
+      });
+    }
+    
+    //resize事件管理
+    ,resize: function(fn){
+      var router = layui.router()
+      ,key = router.path.join('-');
+      $win.off('resize', admin.resizeFn[key]);
+      fn(), admin.resizeFn[key] = fn;
+      $win.on('resize', admin.resizeFn[key]);
+    }
+    ,resizeFn: {}
+    ,runResize: function(){
+      var router = layui.router()
+      ,key = router.path.join('-');
+      admin.resizeFn[key] && admin.resizeFn[key]();
+    }
+    ,delResize: function(){
+      var router = layui.router()
+      ,key = router.path.join('-');
+      $win.off('resize', admin.resizeFn[key])
+      delete admin.resizeFn[key];
+    }
+    
+    //关闭当前 pageTabs
+    ,closeThisTabs: function(){
+      if(!admin.tabsPage.index) return;
+      $(TABS_HEADER).eq(admin.tabsPage.index).find('.layui-tab-close').trigger('click');
+    }
+    
+    //全屏
+    ,fullScreen: function(){
+      var ele = document.documentElement
+      ,reqFullScreen = ele.requestFullScreen || ele.webkitRequestFullScreen 
+      || ele.mozRequestFullScreen || ele.msRequestFullscreen;      
+      if(typeof reqFullScreen !== 'undefined' && reqFullScreen) {
+        reqFullScreen.call(ele);
+      };
+    }
+    
+    
+    //退出全屏
+    ,exitScreen: function(){
+      var ele = document.documentElement
+      if (document.exitFullscreen) {  
+        document.exitFullscreen();  
+      } else if (document.mozCancelFullScreen) {  
+        document.mozCancelFullScreen();  
+      } else if (document.webkitCancelFullScreen) {  
+        document.webkitCancelFullScreen();  
+      } else if (document.msExitFullscreen) {  
+        document.msExitFullscreen();  
+      }
+    }
+    
+    //……
+  };
+  
+  //事件
+  var events = admin.events = {
+    //伸缩
+    flexible: function(othis){
+      var iconElem = othis.find('#'+ APP_FLEXIBLE)
+      ,isSpread = iconElem.hasClass(ICON_SPREAD);
+      admin.sideFlexible(isSpread ? 'spread' : null);
+    }
+    
+    //刷新
+    ,refresh: function(){
+      var ELEM_IFRAME = '.layadmin-iframe'
+      ,length = $('.'+ TABS_BODY).length;
+      
+      if(admin.tabsPage.index >= length){
+        admin.tabsPage.index = length - 1;
+      }
+      
+      var iframe = admin.tabsBody(admin.tabsPage.index).find(ELEM_IFRAME);
+      iframe[0].contentWindow.location.reload(true);
+    }
+
+    //输入框搜索
+    ,serach: function(othis){
+      othis.off('keypress').on('keypress',function(e){
+        if(!this.value.replace(/\s/g, '')) return;
+        //回车跳转
+        if(e.keyCode === 13){
+          var href = othis.attr('lay-action')
+          ,text = othis.attr('lay-text') || '搜索';
+          
+          href = href + this.value;
+          text = text + ' <span style="color: #FF5722;">'+ admin.escape(this.value) +'</span>';
+          
+          //打开标签页
+          layui.index.openTabsPage(href, text);
+          
+          //如果搜索关键词已经打开，则刷新页面即可
+          events.serach.keys || (events.serach.keys = {});
+          events.serach.keys[admin.tabsPage.index] = this.value;
+          if(this.value === events.serach.keys[admin.tabsPage.index]){
+            events.refresh(othis);
+          }
+          
+          //清空输入框
+          this.value = '';
+        }       
+      });
+    }
+    
+    //点击消息
+    ,message: function(othis){
+      othis.find('.layui-badge-dot').remove();
+    }
+    
+    //弹出主题面板
+    ,theme: function(){
+      admin.popupRight({
+        id: 'LAY_adminPopupTheme'
+        ,success: function(){
+          view(this.id).render('system/theme')
+        }
+      });
+    }
+    
+    //便签
+    ,note: function(othis){
+      var mobile = admin.screen() < 2
+      ,note = layui.data(setter.tableName).note;
+      
+      events.note.index = admin.popup({
+        title: '便签'
+        ,shade: 0
+        ,offset: [
+          '41px'
+          ,(mobile ? null : (othis.offset().left - 250) + 'px')
+        ]
+        ,anim: -1
+        ,id: 'LAY_adminNote'
+        ,skin: 'layadmin-note layui-anim layui-anim-upbit'
+        ,content: '<textarea placeholder="内容"></textarea>'
+        ,resize: false
+        ,success: function(layero, index){
+          var textarea = layero.find('textarea')
+          ,value = note === undefined ? '便签中的内容会存储在本地，这样即便你关掉了浏览器，在下次打开时，依然会读取到上一次的记录。是个非常小巧实用的本地备忘录' : note;
+          
+          textarea.val(value).focus().on('keyup', function(){
+            layui.data(setter.tableName, {
+              key: 'note'
+              ,value: this.value
+            });
+          });
+        }
+      })
+    }
+
+    //全屏
+    ,fullscreen: function(othis){
+      var SCREEN_FULL = 'layui-icon-screen-full'
+      ,SCREEN_REST = 'layui-icon-screen-restore'
+      ,iconElem = othis.children("i");
+      
+      if(iconElem.hasClass(SCREEN_FULL)){
+        admin.fullScreen();
+        iconElem.addClass(SCREEN_REST).removeClass(SCREEN_FULL);
+      } else {
+        admin.exitScreen();
+        iconElem.addClass(SCREEN_FULL).removeClass(SCREEN_REST);
+      }
+    }
+
+    //弹出关于面板
+    ,about: function(){
+      admin.popupRight({
+        id: 'LAY_adminPopupAbout'
+        ,success: function(){
+          view(this.id).render('system/about');
+        }
+      });
+    }
+    
+    //弹出更多面板
+    ,more: function(){
+      admin.popupRight({
+        id: 'LAY_adminPopupMore'
+        ,success: function(){
+          view(this.id).render('system/more');
+        }
+      });
+    }
+    
+    //返回上一页
+    ,back: function(){
+      history.back();
+      //history.go(-1);
+      return;
+      if (config.history_link) {
+        var btn = $(".layadmin-iframe").contents().find(".btn-danger");
+        if (btn.length) {
+          var link = btn.attr('href');
+          //$('.layadmin-iframe').attr('src', btn.attr('href'));
+        } else {
+          //$('.layadmin-iframe').attr('src', config.history_link);
+          var link = config.history_link;
+        }
+
+        var text = config.history_text;
+        var topLayui = parent === self ? layui : top.layui;
+        topLayui.index.openTabsPage(link, text);
+      } else {
+        history.go(-1);
+      }
+    }
+    
+    //主题设置
+    ,setTheme: function(othis){
+      var index = othis.data('index')
+      ,nextIndex = othis.siblings('.layui-this').data('index');
+      
+      if(othis.hasClass(THIS)) return;
+      
+      othis.addClass(THIS).siblings('.layui-this').removeClass(THIS);
+      admin.initTheme(index);
+    }
+    
+    //左右滚动页面标签
+    ,rollPage: function(type, index){
+      var tabsHeader = $('#LAY_app_tabsheader')
+      ,liItem = tabsHeader.children('li')
+      ,scrollWidth = tabsHeader.prop('scrollWidth')
+      ,outerWidth = tabsHeader.outerWidth()
+      ,tabsLeft = parseFloat(tabsHeader.css('left'));
+      
+      //右左往右
+      if(type === 'left'){
+        if(!tabsLeft && tabsLeft <=0) return;
+        
+        //当前的left减去可视宽度，用于与上一轮的页标比较
+        var  prefLeft = -tabsLeft - outerWidth; 
+
+        liItem.each(function(index, item){
+          var li = $(item)
+          ,left = li.position().left;
+          
+          if(left >= prefLeft){
+            tabsHeader.css('left', -left);
+            return false;
+          }
+        });
+      } else if(type === 'auto'){ //自动滚动
+        (function(){
+          var thisLi = liItem.eq(index), thisLeft;
+          
+          if(!thisLi[0]) return;
+          thisLeft = thisLi.position().left;
+          
+          //当目标标签在可视区域左侧时
+          if(thisLeft < -tabsLeft){
+            return tabsHeader.css('left', -thisLeft);
+          }
+          
+          //当目标标签在可视区域右侧时
+          if(thisLeft + thisLi.outerWidth() >= outerWidth - tabsLeft){
+            var subLeft = thisLeft + thisLi.outerWidth() - (outerWidth - tabsLeft);
+            liItem.each(function(i, item){
+              var li = $(item)
+              ,left = li.position().left;
+              
+              //从当前可视区域的最左第二个节点遍历，如果减去最左节点的差 > 目标在右侧不可见的宽度，则将该节点放置可视区域最左
+              if(left + tabsLeft > 0){
+                if(left - tabsLeft > subLeft){
+                  tabsHeader.css('left', -left);
+                  return false;
+                }
+              }
+            });
+          }
+        }());
+      } else {
+        //默认向左滚动
+        liItem.each(function(i, item){
+          var li = $(item)
+          ,left = li.position().left;
+
+          if(left + li.outerWidth() >= outerWidth - tabsLeft){
+            tabsHeader.css('left', -left);
+            return false;
+          }
+        });
+      }      
+    }
+    
+    //向右滚动页面标签
+    ,leftPage: function(){
+      events.rollPage('left');
+    }
+    
+    //向左滚动页面标签
+    ,rightPage: function(){
+      events.rollPage();
+    }
+    
+    //关闭当前标签页
+    ,closeThisTabs: function(){
+      var topAdmin = parent === self ? admin : parent.layui.admin;
+      topAdmin.closeThisTabs();
+    }
+    
+    //关闭其它标签页
+    ,closeOtherTabs: function(type){
+      var TABS_REMOVE = 'LAY-system-pagetabs-remove';
+      if(type === 'all'){
+        $(TABS_HEADER+ ':gt(0)').remove();
+        $(APP_BODY).find('.'+ TABS_BODY+ ':gt(0)').remove();
+
+        $(TABS_HEADER).eq(0).trigger('click');
+      } else {
+        $(TABS_HEADER).each(function(index, item){
+          if(index && index != admin.tabsPage.index){
+            $(item).addClass(TABS_REMOVE);
+            admin.tabsBody(index).addClass(TABS_REMOVE);
+          }
+        });
+        $('.'+ TABS_REMOVE).remove();
+      }
+    }
+    
+    //关闭全部标签页
+    ,closeAllTabs: function(){
+      events.closeOtherTabs('all');
+      //location.hash = '';
+    }
+    
+    //遮罩
+    ,shade: function(){
+      admin.sideFlexible();
+    }
+    
+    //呼出IM 示例
+    ,im: function(){
+      admin.popup({
+        id: 'LAY-popup-layim-demo' //定义唯一ID，防止重复弹出
+        ,shade: 0
+        ,area: ['800px', '300px']
+        ,title: '面板外的操作示例'
+        ,offset: 'lb'
+        ,success: function(){
+          //将 views 目录下的某视图文件内容渲染给该面板
+          layui.view(this.id).render('layim/demo').then(function(){
+            layui.use('im');
+          });
+        }
+      })
+    }
+  };
+  
+  //初始
+  !function(){
+    //主题初始化，本地主题记录优先，其次为 initColorIndex
+    var local = layui.data(setter.tableName);
+    if(local.theme){
+      admin.theme(local.theme);
+    } else if(setter.theme){
+      admin.initTheme(setter.theme.initColorIndex);
+    }
+    
+    //常规版默认开启多标签页
+    if(!('pageTabs' in layui.setter)) layui.setter.pageTabs = true;
+    
+    //不开启页面标签时
+    if(!setter.pageTabs){
+      $('#LAY_app_tabs').addClass(HIDE);
+      container.addClass('layadmin-tabspage-none');
+    }
+
+    //低版本IE提示
+    if(device.ie && device.ie < 10){
+      view.error('IE'+ device.ie + '下访问可能不佳，推荐使用：Chrome / Firefox / Edge 等高级浏览器', {
+        offset: 'auto'
+        ,id: 'LAY_errorIE'
+      });
+    }
+    
+  }();
+  
+  //admin.prevRouter = {}; //上一个路由
+  
+  //监听 tab 组件切换，同步 index
+  element.on('tab('+ FILTER_TAB_TBAS +')', function(data){
+    admin.tabsPage.index = data.index;
+  });
+  
+  //监听选项卡切换，改变菜单状态
+  admin.on('tabsPage(setMenustatus)', function(router){
+    var pathURL = router.url, getData = function(item){
+      return {
+        list: item.children('.layui-nav-child')
+        ,a: item.children('*[lay-href]')
+      }
+    }
+    ,sideMenu = $('#'+ SIDE_MENU)
+    ,SIDE_NAV_ITEMD = 'layui-nav-itemed'
+    
+    //捕获对应菜单
+    ,matchMenu = function(list){
+      list.each(function(index1, item1){
+        var othis1 = $(item1)
+        ,data1 = getData(othis1)
+        ,listChildren1 = data1.list.children('dd')
+        ,matched1 = pathURL === data1.a.attr('lay-href');
+        
+        listChildren1.each(function(index2, item2){
+          var othis2 = $(item2)
+          ,data2 = getData(othis2)
+          ,listChildren2 = data2.list.children('dd')
+          ,matched2 = pathURL === data2.a.attr('lay-href');
+          
+          listChildren2.each(function(index3, item3){
+            var othis3 = $(item3)
+            ,data3 = getData(othis3)
+            ,matched3 = pathURL === data3.a.attr('lay-href');
+            
+            if(matched3){
+              var selected = data3.list[0] ? SIDE_NAV_ITEMD : THIS;
+              othis3.addClass(selected).siblings().removeClass(selected); //标记选择器
+              return false;
+            }
+            
+          });
+
+          if(matched2){
+            var selected = data2.list[0] ? SIDE_NAV_ITEMD : THIS;
+            othis2.addClass(selected).siblings().removeClass(selected); //标记选择器
+            return false
+          }
+          
+        });
+        
+        if(matched1){
+          var selected = data1.list[0] ? SIDE_NAV_ITEMD : THIS;
+          othis1.addClass(selected).siblings().removeClass(selected); //标记选择器
+          return false;
+        }
+        
+      });
+    }
+    
+    //重置状态
+    sideMenu.find('.'+ THIS).removeClass(THIS);
+    
+    //移动端点击菜单时自动收缩
+    if(admin.screen() < 2) admin.sideFlexible();
+    
+    //开始捕获
+    matchMenu(sideMenu.children('li'));
+  });
+  
+  //监听侧边导航点击事件
+  element.on('nav(layadmin-system-side-menu)', function(elem){
+    if(elem.siblings('.layui-nav-child')[0] && container.hasClass(SIDE_SHRINK)){
+      admin.sideFlexible('spread');
+      layer.close(elem.data('index'));
+    };
+    admin.tabsPage.type = 'nav';
+  });
+  
+  //监听选项卡的更多操作
+  element.on('nav(layadmin-pagetabs-nav)', function(elem){
+    var dd = elem.parent();
+    dd.removeClass(THIS);
+    dd.parent().removeClass(SHOW);
+  });
+  
+  //同步路由
+  var setThisRouter = function(othis){
+    var layid = othis.attr('lay-id')
+    ,attr = othis.attr('lay-attr')
+    ,index = othis.index();
+    
+    admin.tabsBodyChange(index, {
+      url: attr
+    });
+    //location.hash = layid === setter.entry ? '/' : attr;
+  }
+  ,TABS_HEADER = '#LAY_app_tabsheader>li';
+  
+  //标签页标题点击
+  $body.on('click', TABS_HEADER, function(){
+    var othis = $(this)
+    ,index = othis.index();
+    
+    admin.tabsPage.type = 'tab';
+    admin.tabsPage.index = index;
+
+    setThisRouter(othis);
+  });
+  
+  //监听 tabspage 删除
+  element.on('tabDelete('+ FILTER_TAB_TBAS +')', function(obj){
+    var othis = $(TABS_HEADER+ '.layui-this');
+    
+    obj.index && admin.tabsBody(obj.index).remove();
+    setThisRouter(othis);
+    
+    //移除resize事件
+    admin.delResize();
+  });
+  
+  //页面跳转
+  $body.on('click', '*[lay-href]', function(){
+    var othis = $(this)
+    ,href = othis.attr('lay-href')
+    ,text = othis.attr('lay-text')
+    ,router = layui.router();
+    
+    admin.tabsPage.elem = othis;
+    //admin.prevRouter[router.path[0]] = router.href; //记录上一次各菜单的路由信息
+    config.history_link = href;
+    config.history_text = text || othis.text();
+    //执行跳转
+    var topLayui = parent === self ? layui : top.layui;
+    topLayui.index.openTabsPage(href, config.history_text);
+  });
+  
+  //点击事件
+  $body.on('click', '*[layadmin-event]', function(){
+    var othis = $(this)
+    ,attrEvent = othis.attr('layadmin-event');
+    events[attrEvent] && events[attrEvent].call(this, othis);
+  });
+  
+  //tips
+  $body.on('mouseenter', '*[lay-tips]', function(){
+    var othis = $(this);
+    
+    if(othis.parent().hasClass('layui-nav-item') && !container.hasClass(SIDE_SHRINK)) return;
+    
+    var tips = othis.attr('lay-tips')
+    ,offset = othis.attr('lay-offset') 
+    ,direction = othis.attr('lay-direction')
+    ,index = layer.tips(tips, this, {
+      tips: direction || 1
+      ,time: -1
+      ,success: function(layero, index){
+        if(offset){
+          layero.css('margin-left', offset + 'px');
+        }
+      }
+    });
+    othis.data('index', index);
+  }).on('mouseleave', '*[lay-tips]', function(){
+    layer.close($(this).data('index'));
+  });
+  
+  //窗口resize事件
+  var resizeSystem = layui.data.resizeSystem = function(){
+    //layer.close(events.note.index);
+    layer.closeAll('tips');
+    
+    if(!resizeSystem.lock){
+      setTimeout(function(){
+        admin.sideFlexible(admin.screen() < 2 ? '' : 'spread');
+        delete resizeSystem.lock;
+      }, 100);
+    }
+    
+    resizeSystem.lock = true;
+  }
+  $win.on('resize', layui.data.resizeSystem);
+  
+  //接口输出
+  exports('admin', admin);
+});

assets/lib/layui - 副本/admin/lib/index.js

@@ -0,0 +1,2 @@
+/** layuiAdmin.std-v1.1.0 LPPL License By http://www.layui.com/admin/ */
+ ;layui.extend({setter:"config",admin:"lib/admin",view:"lib/view"}).define(["setter","admin"],function(a){var e=layui.setter,i=layui.element,n=layui.admin,t=n.tabsPage,d=layui.view,l=function(a,d){var l,b=r("#LAY_app_tabsheader>li"),y=a.replace(/(^http(s*):)|(\?[\s\S]*$)/g,"");if(b.each(function(e){var i=r(this),n=i.attr("lay-id");n===a&&(l=!0,t.index=e)}),d=d||"新标签页",e.pageTabs)l||(r(s).append(['<div class="layadmin-tabsbody-item layui-show">','<iframe src="'+a+'" frameborder="0" class="layadmin-iframe"></iframe>',"</div>"].join("")),t.index=b.length,i.tabAdd(o,{title:"<span>"+d+"</span>",id:a,attr:y}));else{var u=n.tabsBody(n.tabsPage.index).find(".layadmin-iframe");u[0].contentWindow.location.href=a}i.tabChange(o,a),n.tabsBodyChange(t.index,{url:a,text:d})},s="#LAY_app_body",o="layadmin-layout-tabs",r=layui.$;r(window);n.screen()<2&&n.sideFlexible(),layui.config({base:e.base+"modules/"}),layui.each(e.extend,function(a,i){var n={};n[i]="{/}"+e.base+"lib/extend/"+i,layui.extend(n)}),d().autoRender(),layui.use("common"),a("index",{openTabsPage:l})});

assets/lib/layui - 副本/admin/modules/common.js

@@ -0,0 +1,2 @@
+/** layuiAdmin.std-v1.1.0 LPPL License By http://www.layui.com/admin/ */
+ ;layui.define(function(e){var i=(layui.$,layui.layer,layui.laytpl,layui.setter,layui.view,layui.admin);i.events.logout=function(){i.req({url:layui.setter.base+"json/user/logout.js",type:"get",data:{},done:function(e){i.exit(function(){location.href="user/login.html"})}})},e("common",{})});

assets/lib/layui - 副本/admin/modules/message.js

@@ -0,0 +1,2 @@
+/** layuiAdmin.std-v1.1.0 LPPL License By http://www.layui.com/admin/ */
+ ;layui.define(["admin","table","util"],function(e){var t=layui.$,i=(layui.admin,layui.table),l=(layui.element,{all:{text:"全部消息",id:"LAY-app-message-all"},notice:{text:"通知",id:"LAY-app-message-notice"},direct:{text:"私信",id:"LAY-app-message-direct"}}),a=function(e){return'<a href="detail.html?id='+e.id+'">'+e.title};i.render({elem:"#LAY-app-message-all",url:layui.setter.base+"json/message/all.js",page:!0,cols:[[{type:"checkbox",fixed:"left"},{field:"title",title:"标题内容",minWidth:300,templet:a},{field:"time",title:"时间",width:170,templet:"<div>{{ layui.util.timeAgo(d.time) }}</div>"}]],skin:"line"}),i.render({elem:"#LAY-app-message-notice",url:layui.setter.base+"json/message/notice.js",page:!0,cols:[[{type:"checkbox",fixed:"left"},{field:"title",title:"标题内容",minWidth:300,templet:a},{field:"time",title:"时间",width:170,templet:"<div>{{ layui.util.timeAgo(d.time) }}</div>"}]],skin:"line"}),i.render({elem:"#LAY-app-message-direct",url:layui.setter.base+"json/message/direct.js",page:!0,cols:[[{type:"checkbox",fixed:"left"},{field:"title",title:"标题内容",minWidth:300,templet:a},{field:"time",title:"时间",width:170,templet:"<div>{{ layui.util.timeAgo(d.time) }}</div>"}]],skin:"line"});var d={del:function(e,t){var a=l[t],d=i.checkStatus(a.id),s=d.data;return 0===s.length?layer.msg("未选中行"):void layer.confirm("确定删除选中的数据吗？",function(){layer.msg("删除成功",{icon:1}),i.reload(a.id)})},ready:function(e,t){var a=l[t],d=i.checkStatus(a.id),s=d.data;return 0===s.length?layer.msg("未选中行"):(layer.msg("标记已读成功",{icon:1}),void i.reload(a.id))},readyAll:function(e,t){var i=l[t];layer.msg(i.text+"：全部已读",{icon:1})}};t(".LAY-app-message-btns .layui-btn").on("click",function(){var e=t(this),i=e.data("events"),l=e.data("type");d[i]&&d[i].call(this,e,l)}),e("message",{})});

assets/lib/layui - 副本/admin/modules/plugin/cropper/cropper.js

@@ -0,0 +1,3087 @@
+/*!
+ * Cropper v3.0.0
+ */
+
+layui.define(['jquery'], function (exports) {
+    var $ = layui.jquery;
+    $ = $ && $.hasOwnProperty('default') ? $['default'] : $;
+
+    var DEFAULTS = {
+        // Define the view mode of the cropper
+        viewMode: 0, // 0, 1, 2, 3
+
+        // Define the dragging mode of the cropper
+        dragMode: 'crop', // 'crop', 'move' or 'none'
+
+        // Define the aspect ratio of the crop box
+        aspectRatio: NaN,
+
+        // An object with the previous cropping result data
+        data: null,
+
+        // A selector for adding extra containers to preview
+        preview: '',
+
+        // Re-render the cropper when resize the window
+        responsive: true,
+
+        // Restore the cropped area after resize the window
+        restore: true,
+
+        // Check if the current image is a cross-origin image
+        checkCrossOrigin: true,
+
+        // Check the current image's Exif Orientation information
+        checkOrientation: true,
+
+        // Show the black modal
+        modal: true,
+
+        // Show the dashed lines for guiding
+        guides: true,
+
+        // Show the center indicator for guiding
+        center: true,
+
+        // Show the white modal to highlight the crop box
+        highlight: true,
+
+        // Show the grid background
+        background: true,
+
+        // Enable to crop the image automatically when initialize
+        autoCrop: true,
+
+        // Define the percentage of automatic cropping area when initializes
+        autoCropArea: 0.8,
+
+        // Enable to move the image
+        movable: true,
+
+        // Enable to rotate the image
+        rotatable: true,
+
+        // Enable to scale the image
+        scalable: true,
+
+        // Enable to zoom the image
+        zoomable: true,
+
+        // Enable to zoom the image by dragging touch
+        zoomOnTouch: true,
+
+        // Enable to zoom the image by wheeling mouse
+        zoomOnWheel: true,
+
+        // Define zoom ratio when zoom the image by wheeling mouse
+        wheelZoomRatio: 0.1,
+
+        // Enable to move the crop box
+        cropBoxMovable: true,
+
+        // Enable to resize the crop box
+        cropBoxResizable: true,
+
+        // Toggle drag mode between "crop" and "move" when click twice on the cropper
+        toggleDragModeOnDblclick: true,
+
+        // Size limitation
+        minCanvasWidth: 0,
+        minCanvasHeight: 0,
+        minCropBoxWidth: 0,
+        minCropBoxHeight: 0,
+        minContainerWidth: 200,
+        minContainerHeight: 100,
+
+        // Shortcuts of events
+        ready: null,
+        cropstart: null,
+        cropmove: null,
+        cropend: null,
+        crop: null,
+        zoom: null
+    };
+
+    var TEMPLATE = '<div class="cropper-container">' + '<div class="cropper-wrap-box">' + '<div class="cropper-canvas"></div>' + '</div>' + '<div class="cropper-drag-box"></div>' + '<div class="cropper-crop-box">' + '<span class="cropper-view-box"></span>' + '<span class="cropper-dashed dashed-h"></span>' + '<span class="cropper-dashed dashed-v"></span>' + '<span class="cropper-center"></span>' + '<span class="cropper-face"></span>' + '<span class="cropper-line line-e" data-action="e"></span>' + '<span class="cropper-line line-n" data-action="n"></span>' + '<span class="cropper-line line-w" data-action="w"></span>' + '<span class="cropper-line line-s" data-action="s"></span>' + '<span class="cropper-point point-e" data-action="e"></span>' + '<span class="cropper-point point-n" data-action="n"></span>' + '<span class="cropper-point point-w" data-action="w"></span>' + '<span class="cropper-point point-s" data-action="s"></span>' + '<span class="cropper-point point-ne" data-action="ne"></span>' + '<span class="cropper-point point-nw" data-action="nw"></span>' + '<span class="cropper-point point-sw" data-action="sw"></span>' + '<span class="cropper-point point-se" data-action="se"></span>' + '</div>' + '</div>';
+
+    var REGEXP_DATA_URL_HEAD = /^data:.*,/;
+    var REGEXP_USERAGENT = /(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i;
+    var navigator = typeof window !== 'undefined' ? window.navigator : null;
+    var IS_SAFARI_OR_UIWEBVIEW = navigator && REGEXP_USERAGENT.test(navigator.userAgent);
+    var fromCharCode = String.fromCharCode;
+
+    function isNumber(n) {
+        return typeof n === 'number' && !isNaN(n);
+    }
+
+    function isUndefined(n) {
+        return typeof n === 'undefined';
+    }
+
+    function toArray(obj, offset) {
+        var args = [];
+
+        // This is necessary for IE8
+        if (isNumber(offset)) {
+            args.push(offset);
+        }
+
+        return args.slice.apply(obj, args);
+    }
+
+    // Custom proxy to avoid jQuery's guid
+    function proxy(fn, context) {
+        for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+            args[_key - 2] = arguments[_key];
+        }
+
+        return function () {
+            for (var _len2 = arguments.length, args2 = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args2[_key2] = arguments[_key2];
+            }
+
+            return fn.apply(context, args.concat(toArray(args2)));
+        };
+    }
+
+    function objectKeys(obj) {
+        var keys = [];
+
+        $.each(obj, function (key) {
+            keys.push(key);
+        });
+
+        return keys;
+    }
+
+    function isCrossOriginURL(url) {
+        var parts = url.match(/^(https?:)\/\/([^:/?#]+):?(\d*)/i);
+
+        return parts && (parts[1] !== location.protocol || parts[2] !== location.hostname || parts[3] !== location.port);
+    }
+
+    function addTimestamp(url) {
+        var timestamp = 'timestamp=' + new Date().getTime();
+
+        return url + (url.indexOf('?') === -1 ? '?' : '&') + timestamp;
+    }
+
+    function getImageSize(image, callback) {
+        // Modern browsers (ignore Safari, #120 & #509)
+        if (image.naturalWidth && !IS_SAFARI_OR_UIWEBVIEW) {
+            callback(image.naturalWidth, image.naturalHeight);
+            return;
+        }
+
+        // IE8: Don't use `new Image()` here (#319)
+        var newImage = document.createElement('img');
+
+        newImage.onload = function load() {
+            callback(this.width, this.height);
+        };
+
+        newImage.src = image.src;
+    }
+
+    function getTransform(options) {
+        var transforms = [];
+        var translateX = options.translateX;
+        var translateY = options.translateY;
+        var rotate = options.rotate;
+        var scaleX = options.scaleX;
+        var scaleY = options.scaleY;
+
+        if (isNumber(translateX) && translateX !== 0) {
+            transforms.push('translateX(' + translateX + 'px)');
+        }
+
+        if (isNumber(translateY) && translateY !== 0) {
+            transforms.push('translateY(' + translateY + 'px)');
+        }
+
+        // Rotate should come first before scale to match orientation transform
+        if (isNumber(rotate) && rotate !== 0) {
+            transforms.push('rotate(' + rotate + 'deg)');
+        }
+
+        if (isNumber(scaleX) && scaleX !== 1) {
+            transforms.push('scaleX(' + scaleX + ')');
+        }
+
+        if (isNumber(scaleY) && scaleY !== 1) {
+            transforms.push('scaleY(' + scaleY + ')');
+        }
+
+        return transforms.length ? transforms.join(' ') : 'none';
+    }
+
+    function getRotatedSizes(data, isReversed) {
+        var deg = Math.abs(data.degree) % 180;
+        var arc = (deg > 90 ? 180 - deg : deg) * Math.PI / 180;
+        var sinArc = Math.sin(arc);
+        var cosArc = Math.cos(arc);
+        var width = data.width;
+        var height = data.height;
+        var aspectRatio = data.aspectRatio;
+        var newWidth = void 0;
+        var newHeight = void 0;
+
+        if (!isReversed) {
+            newWidth = width * cosArc + height * sinArc;
+            newHeight = width * sinArc + height * cosArc;
+        } else {
+            newWidth = width / (cosArc + sinArc / aspectRatio);
+            newHeight = newWidth / aspectRatio;
+        }
+
+        return {
+            width: newWidth,
+            height: newHeight
+        };
+    }
+
+    function getSourceCanvas(image, data, options) {
+        var canvas = $('<canvas>')[0];
+        var context = canvas.getContext('2d');
+        var dstX = 0;
+        var dstY = 0;
+        var dstWidth = data.naturalWidth;
+        var dstHeight = data.naturalHeight;
+        var rotate = data.rotate;
+        var scaleX = data.scaleX;
+        var scaleY = data.scaleY;
+        var scalable = isNumber(scaleX) && isNumber(scaleY) && (scaleX !== 1 || scaleY !== 1);
+        var rotatable = isNumber(rotate) && rotate !== 0;
+        var advanced = rotatable || scalable;
+        var canvasWidth = dstWidth * Math.abs(scaleX || 1);
+        var canvasHeight = dstHeight * Math.abs(scaleY || 1);
+        var translateX = void 0;
+        var translateY = void 0;
+        var rotated = void 0;
+
+        if (scalable) {
+            translateX = canvasWidth / 2;
+            translateY = canvasHeight / 2;
+        }
+
+        if (rotatable) {
+            rotated = getRotatedSizes({
+                width: canvasWidth,
+                height: canvasHeight,
+                degree: rotate
+            });
+
+            canvasWidth = rotated.width;
+            canvasHeight = rotated.height;
+            translateX = canvasWidth / 2;
+            translateY = canvasHeight / 2;
+        }
+
+        canvas.width = canvasWidth;
+        canvas.height = canvasHeight;
+
+        if (options.fillColor) {
+            context.fillStyle = options.fillColor;
+            context.fillRect(0, 0, canvasWidth, canvasHeight);
+        }
+
+        if (advanced) {
+            dstX = -dstWidth / 2;
+            dstY = -dstHeight / 2;
+
+            context.save();
+            context.translate(translateX, translateY);
+        }
+
+        // Rotate should come first before scale as in the "getTransform" function
+        if (rotatable) {
+            context.rotate(rotate * Math.PI / 180);
+        }
+
+        if (scalable) {
+            context.scale(scaleX, scaleY);
+        }
+
+        context.imageSmoothingEnabled = !!options.imageSmoothingEnabled;
+
+        if (options.imageSmoothingQuality) {
+            context.imageSmoothingQuality = options.imageSmoothingQuality;
+        }
+
+        context.drawImage(image, Math.floor(dstX), Math.floor(dstY), Math.floor(dstWidth), Math.floor(dstHeight));
+
+        if (advanced) {
+            context.restore();
+        }
+
+        return canvas;
+    }
+
+    function getStringFromCharCode(dataView, start, length) {
+        var str = '';
+        var i = void 0;
+
+        for (i = start, length += start; i < length; i += 1) {
+            str += fromCharCode(dataView.getUint8(i));
+        }
+
+        return str;
+    }
+
+    function getOrientation(arrayBuffer) {
+        var dataView = new DataView(arrayBuffer);
+        var length = dataView.byteLength;
+        var orientation = void 0;
+        var exifIDCode = void 0;
+        var tiffOffset = void 0;
+        var firstIFDOffset = void 0;
+        var littleEndian = void 0;
+        var endianness = void 0;
+        var app1Start = void 0;
+        var ifdStart = void 0;
+        var offset = void 0;
+        var i = void 0;
+
+        // Only handle JPEG image (start by 0xFFD8)
+        if (dataView.getUint8(0) === 0xFF && dataView.getUint8(1) === 0xD8) {
+            offset = 2;
+
+            while (offset < length) {
+                if (dataView.getUint8(offset) === 0xFF && dataView.getUint8(offset + 1) === 0xE1) {
+                    app1Start = offset;
+                    break;
+                }
+
+                offset += 1;
+            }
+        }
+
+        if (app1Start) {
+            exifIDCode = app1Start + 4;
+            tiffOffset = app1Start + 10;
+
+            if (getStringFromCharCode(dataView, exifIDCode, 4) === 'Exif') {
+                endianness = dataView.getUint16(tiffOffset);
+                littleEndian = endianness === 0x4949;
+
+                if (littleEndian || endianness === 0x4D4D /* bigEndian */) {
+                    if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002A) {
+                        firstIFDOffset = dataView.getUint32(tiffOffset + 4, littleEndian);
+
+                        if (firstIFDOffset >= 0x00000008) {
+                            ifdStart = tiffOffset + firstIFDOffset;
+                        }
+                    }
+                }
+            }
+        }
+
+        if (ifdStart) {
+            length = dataView.getUint16(ifdStart, littleEndian);
+
+            for (i = 0; i < length; i += 1) {
+                offset = ifdStart + i * 12 + 2;
+
+                if (dataView.getUint16(offset, littleEndian) === 0x0112 /* Orientation */) {
+                    // 8 is the offset of the current tag's value
+                    offset += 8;
+
+                    // Get the original orientation value
+                    orientation = dataView.getUint16(offset, littleEndian);
+
+                    // Override the orientation with its default value for Safari (#120)
+                    if (IS_SAFARI_OR_UIWEBVIEW) {
+                        dataView.setUint16(offset, 1, littleEndian);
+                    }
+
+                    break;
+                }
+            }
+        }
+
+        return orientation;
+    }
+
+    function dataURLToArrayBuffer(dataURL) {
+        var base64 = dataURL.replace(REGEXP_DATA_URL_HEAD, '');
+        var binary = atob(base64);
+        var length = binary.length;
+        var arrayBuffer = new ArrayBuffer(length);
+        var dataView = new Uint8Array(arrayBuffer);
+        var i = void 0;
+
+        for (i = 0; i < length; i += 1) {
+            dataView[i] = binary.charCodeAt(i);
+        }
+
+        return arrayBuffer;
+    }
+
+    // Only available for JPEG image
+    function arrayBufferToDataURL(arrayBuffer) {
+        var dataView = new Uint8Array(arrayBuffer);
+        var length = dataView.length;
+        var base64 = '';
+        var i = void 0;
+
+        for (i = 0; i < length; i += 1) {
+            base64 += fromCharCode(dataView[i]);
+        }
+
+        return 'data:image/jpeg;base64,' + btoa(base64);
+    }
+
+    var render = {
+        render: function render() {
+            var self = this;
+
+            self.initContainer();
+            self.initCanvas();
+            self.initCropBox();
+
+            self.renderCanvas();
+
+            if (self.cropped) {
+                self.renderCropBox();
+            }
+        },
+        initContainer: function initContainer() {
+            var self = this;
+            var options = self.options;
+            var $this = self.$element;
+            var $container = self.$container;
+            var $cropper = self.$cropper;
+            var hidden = 'cropper-hidden';
+
+            $cropper.addClass(hidden);
+            $this.removeClass(hidden);
+
+            $cropper.css(self.container = {
+                width: Math.max($container.width(), Number(options.minContainerWidth) || 200),
+                height: Math.max($container.height(), Number(options.minContainerHeight) || 100)
+            });
+
+            $this.addClass(hidden);
+            $cropper.removeClass(hidden);
+        },
+
+
+        // Canvas (image wrapper)
+        initCanvas: function initCanvas() {
+            var self = this;
+            var viewMode = self.options.viewMode;
+            var container = self.container;
+            var containerWidth = container.width;
+            var containerHeight = container.height;
+            var image = self.image;
+            var imageNaturalWidth = image.naturalWidth;
+            var imageNaturalHeight = image.naturalHeight;
+            var is90Degree = Math.abs(image.rotate) % 180 === 90;
+            var naturalWidth = is90Degree ? imageNaturalHeight : imageNaturalWidth;
+            var naturalHeight = is90Degree ? imageNaturalWidth : imageNaturalHeight;
+            var aspectRatio = naturalWidth / naturalHeight;
+            var canvasWidth = containerWidth;
+            var canvasHeight = containerHeight;
+
+            if (containerHeight * aspectRatio > containerWidth) {
+                if (viewMode === 3) {
+                    canvasWidth = containerHeight * aspectRatio;
+                } else {
+                    canvasHeight = containerWidth / aspectRatio;
+                }
+            } else if (viewMode === 3) {
+                canvasHeight = containerWidth / aspectRatio;
+            } else {
+                canvasWidth = containerHeight * aspectRatio;
+            }
+
+            var canvas = {
+                naturalWidth: naturalWidth,
+                naturalHeight: naturalHeight,
+                aspectRatio: aspectRatio,
+                width: canvasWidth,
+                height: canvasHeight
+            };
+
+            canvas.left = (containerWidth - canvasWidth) / 2;
+            canvas.top = (containerHeight - canvasHeight) / 2;
+            canvas.oldLeft = canvas.left;
+            canvas.oldTop = canvas.top;
+
+            self.canvas = canvas;
+            self.limited = viewMode === 1 || viewMode === 2;
+            self.limitCanvas(true, true);
+            self.initialImage = $.extend({}, image);
+            self.initialCanvas = $.extend({}, canvas);
+        },
+        limitCanvas: function limitCanvas(isSizeLimited, isPositionLimited) {
+            var self = this;
+            var options = self.options;
+            var viewMode = options.viewMode;
+            var container = self.container;
+            var containerWidth = container.width;
+            var containerHeight = container.height;
+            var canvas = self.canvas;
+            var aspectRatio = canvas.aspectRatio;
+            var cropBox = self.cropBox;
+            var cropped = self.cropped && cropBox;
+
+            if (isSizeLimited) {
+                var minCanvasWidth = Number(options.minCanvasWidth) || 0;
+                var minCanvasHeight = Number(options.minCanvasHeight) || 0;
+
+                if (viewMode) {
+                    if (viewMode > 1) {
+                        minCanvasWidth = Math.max(minCanvasWidth, containerWidth);
+                        minCanvasHeight = Math.max(minCanvasHeight, containerHeight);
+
+                        if (viewMode === 3) {
+                            if (minCanvasHeight * aspectRatio > minCanvasWidth) {
+                                minCanvasWidth = minCanvasHeight * aspectRatio;
+                            } else {
+                                minCanvasHeight = minCanvasWidth / aspectRatio;
+                            }
+                        }
+                    } else if (minCanvasWidth) {
+                        minCanvasWidth = Math.max(minCanvasWidth, cropped ? cropBox.width : 0);
+                    } else if (minCanvasHeight) {
+                        minCanvasHeight = Math.max(minCanvasHeight, cropped ? cropBox.height : 0);
+                    } else if (cropped) {
+                        minCanvasWidth = cropBox.width;
+                        minCanvasHeight = cropBox.height;
+
+                        if (minCanvasHeight * aspectRatio > minCanvasWidth) {
+                            minCanvasWidth = minCanvasHeight * aspectRatio;
+                        } else {
+                            minCanvasHeight = minCanvasWidth / aspectRatio;
+                        }
+                    }
+                }
+
+                if (minCanvasWidth && minCanvasHeight) {
+                    if (minCanvasHeight * aspectRatio > minCanvasWidth) {
+                        minCanvasHeight = minCanvasWidth / aspectRatio;
+                    } else {
+                        minCanvasWidth = minCanvasHeight * aspectRatio;
+                    }
+                } else if (minCanvasWidth) {
+                    minCanvasHeight = minCanvasWidth / aspectRatio;
+                } else if (minCanvasHeight) {
+                    minCanvasWidth = minCanvasHeight * aspectRatio;
+                }
+
+                canvas.minWidth = minCanvasWidth;
+                canvas.minHeight = minCanvasHeight;
+                canvas.maxWidth = Infinity;
+                canvas.maxHeight = Infinity;
+            }
+
+            if (isPositionLimited) {
+                if (viewMode) {
+                    var newCanvasLeft = containerWidth - canvas.width;
+                    var newCanvasTop = containerHeight - canvas.height;
+
+                    canvas.minLeft = Math.min(0, newCanvasLeft);
+                    canvas.minTop = Math.min(0, newCanvasTop);
+                    canvas.maxLeft = Math.max(0, newCanvasLeft);
+                    canvas.maxTop = Math.max(0, newCanvasTop);
+
+                    if (cropped && self.limited) {
+                        canvas.minLeft = Math.min(cropBox.left, cropBox.left + cropBox.width - canvas.width);
+                        canvas.minTop = Math.min(cropBox.top, cropBox.top + cropBox.height - canvas.height);
+                        canvas.maxLeft = cropBox.left;
+                        canvas.maxTop = cropBox.top;
+
+                        if (viewMode === 2) {
+                            if (canvas.width >= containerWidth) {
+                                canvas.minLeft = Math.min(0, newCanvasLeft);
+                                canvas.maxLeft = Math.max(0, newCanvasLeft);
+                            }
+
+                            if (canvas.height >= containerHeight) {
+                                canvas.minTop = Math.min(0, newCanvasTop);
+                                canvas.maxTop = Math.max(0, newCanvasTop);
+                            }
+                        }
+                    }
+                } else {
+                    canvas.minLeft = -canvas.width;
+                    canvas.minTop = -canvas.height;
+                    canvas.maxLeft = containerWidth;
+                    canvas.maxTop = containerHeight;
+                }
+            }
+        },
+        renderCanvas: function renderCanvas(isChanged) {
+            var self = this;
+            var canvas = self.canvas;
+            var image = self.image;
+            var rotate = image.rotate;
+            var naturalWidth = image.naturalWidth;
+            var naturalHeight = image.naturalHeight;
+
+            if (self.rotated) {
+                self.rotated = false;
+
+                // Computes rotated sizes with image sizes
+                var rotated = getRotatedSizes({
+                    width: image.width,
+                    height: image.height,
+                    degree: rotate
+                });
+                var aspectRatio = rotated.width / rotated.height;
+                var isSquareImage = image.aspectRatio === 1;
+
+                if (isSquareImage || aspectRatio !== canvas.aspectRatio) {
+                    canvas.left -= (rotated.width - canvas.width) / 2;
+                    canvas.top -= (rotated.height - canvas.height) / 2;
+                    canvas.width = rotated.width;
+                    canvas.height = rotated.height;
+                    canvas.aspectRatio = aspectRatio;
+                    canvas.naturalWidth = naturalWidth;
+                    canvas.naturalHeight = naturalHeight;
+
+                    // Computes rotated sizes with natural image sizes
+                    if (isSquareImage && rotate % 90 || rotate % 180) {
+                        var rotated2 = getRotatedSizes({
+                            width: naturalWidth,
+                            height: naturalHeight,
+                            degree: rotate
+                        });
+
+                        canvas.naturalWidth = rotated2.width;
+                        canvas.naturalHeight = rotated2.height;
+                    }
+
+                    self.limitCanvas(true, false);
+                }
+            }
+
+            if (canvas.width > canvas.maxWidth || canvas.width < canvas.minWidth) {
+                canvas.left = canvas.oldLeft;
+            }
+
+            if (canvas.height > canvas.maxHeight || canvas.height < canvas.minHeight) {
+                canvas.top = canvas.oldTop;
+            }
+
+            canvas.width = Math.min(Math.max(canvas.width, canvas.minWidth), canvas.maxWidth);
+            canvas.height = Math.min(Math.max(canvas.height, canvas.minHeight), canvas.maxHeight);
+
+            self.limitCanvas(false, true);
+
+            canvas.left = Math.min(Math.max(canvas.left, canvas.minLeft), canvas.maxLeft);
+            canvas.top = Math.min(Math.max(canvas.top, canvas.minTop), canvas.maxTop);
+            canvas.oldLeft = canvas.left;
+            canvas.oldTop = canvas.top;
+
+            self.$canvas.css({
+                width: canvas.width,
+                height: canvas.height,
+                transform: getTransform({
+                    translateX: canvas.left,
+                    translateY: canvas.top
+                })
+            });
+
+            self.renderImage();
+
+            if (self.cropped && self.limited) {
+                self.limitCropBox(true, true);
+            }
+
+            if (isChanged) {
+                self.output();
+            }
+        },
+        renderImage: function renderImage(isChanged) {
+            var self = this;
+            var canvas = self.canvas;
+            var image = self.image;
+            var reversed = void 0;
+
+            if (image.rotate) {
+                reversed = getRotatedSizes({
+                    width: canvas.width,
+                    height: canvas.height,
+                    degree: image.rotate,
+                    aspectRatio: image.aspectRatio
+                }, true);
+            }
+
+            $.extend(image, reversed ? {
+                width: reversed.width,
+                height: reversed.height,
+                left: (canvas.width - reversed.width) / 2,
+                top: (canvas.height - reversed.height) / 2
+            } : {
+                width: canvas.width,
+                height: canvas.height,
+                left: 0,
+                top: 0
+            });
+
+            self.$clone.css({
+                width: image.width,
+                height: image.height,
+                transform: getTransform($.extend({
+                    translateX: image.left,
+                    translateY: image.top
+                }, image))
+            });
+
+            if (isChanged) {
+                self.output();
+            }
+        },
+        initCropBox: function initCropBox() {
+            var self = this;
+            var options = self.options;
+            var canvas = self.canvas;
+            var aspectRatio = options.aspectRatio;
+            var autoCropArea = Number(options.autoCropArea) || 0.8;
+            var cropBox = {
+                width: canvas.width,
+                height: canvas.height
+            };
+
+            if (aspectRatio) {
+                if (canvas.height * aspectRatio > canvas.width) {
+                    cropBox.height = cropBox.width / aspectRatio;
+                } else {
+                    cropBox.width = cropBox.height * aspectRatio;
+                }
+            }
+
+            self.cropBox = cropBox;
+            self.limitCropBox(true, true);
+
+            // Initialize auto crop area
+            cropBox.width = Math.min(Math.max(cropBox.width, cropBox.minWidth), cropBox.maxWidth);
+            cropBox.height = Math.min(Math.max(cropBox.height, cropBox.minHeight), cropBox.maxHeight);
+
+            // The width of auto crop area must large than "minWidth", and the height too. (#164)
+            cropBox.width = Math.max(cropBox.minWidth, cropBox.width * autoCropArea);
+            cropBox.height = Math.max(cropBox.minHeight, cropBox.height * autoCropArea);
+            cropBox.left = canvas.left + (canvas.width - cropBox.width) / 2;
+            cropBox.top = canvas.top + (canvas.height - cropBox.height) / 2;
+            cropBox.oldLeft = cropBox.left;
+            cropBox.oldTop = cropBox.top;
+
+            self.initialCropBox = $.extend({}, cropBox);
+        },
+        limitCropBox: function limitCropBox(isSizeLimited, isPositionLimited) {
+            var self = this;
+            var options = self.options;
+            var aspectRatio = options.aspectRatio;
+            var container = self.container;
+            var containerWidth = container.width;
+            var containerHeight = container.height;
+            var canvas = self.canvas;
+            var cropBox = self.cropBox;
+            var limited = self.limited;
+
+            if (isSizeLimited) {
+                var minCropBoxWidth = Number(options.minCropBoxWidth) || 0;
+                var minCropBoxHeight = Number(options.minCropBoxHeight) || 0;
+                var maxCropBoxWidth = Math.min(containerWidth, limited ? canvas.width : containerWidth);
+                var maxCropBoxHeight = Math.min(containerHeight, limited ? canvas.height : containerHeight);
+
+                // The min/maxCropBoxWidth/Height must be less than containerWidth/Height
+                minCropBoxWidth = Math.min(minCropBoxWidth, containerWidth);
+                minCropBoxHeight = Math.min(minCropBoxHeight, containerHeight);
+
+                if (aspectRatio) {
+                    if (minCropBoxWidth && minCropBoxHeight) {
+                        if (minCropBoxHeight * aspectRatio > minCropBoxWidth) {
+                            minCropBoxHeight = minCropBoxWidth / aspectRatio;
+                        } else {
+                            minCropBoxWidth = minCropBoxHeight * aspectRatio;
+                        }
+                    } else if (minCropBoxWidth) {
+                        minCropBoxHeight = minCropBoxWidth / aspectRatio;
+                    } else if (minCropBoxHeight) {
+                        minCropBoxWidth = minCropBoxHeight * aspectRatio;
+                    }
+
+                    if (maxCropBoxHeight * aspectRatio > maxCropBoxWidth) {
+                        maxCropBoxHeight = maxCropBoxWidth / aspectRatio;
+                    } else {
+                        maxCropBoxWidth = maxCropBoxHeight * aspectRatio;
+                    }
+                }
+
+                // The minWidth/Height must be less than maxWidth/Height
+                cropBox.minWidth = Math.min(minCropBoxWidth, maxCropBoxWidth);
+                cropBox.minHeight = Math.min(minCropBoxHeight, maxCropBoxHeight);
+                cropBox.maxWidth = maxCropBoxWidth;
+                cropBox.maxHeight = maxCropBoxHeight;
+            }
+
+            if (isPositionLimited) {
+                if (limited) {
+                    cropBox.minLeft = Math.max(0, canvas.left);
+                    cropBox.minTop = Math.max(0, canvas.top);
+                    cropBox.maxLeft = Math.min(containerWidth, canvas.left + canvas.width) - cropBox.width;
+                    cropBox.maxTop = Math.min(containerHeight, canvas.top + canvas.height) - cropBox.height;
+                } else {
+                    cropBox.minLeft = 0;
+                    cropBox.minTop = 0;
+                    cropBox.maxLeft = containerWidth - cropBox.width;
+                    cropBox.maxTop = containerHeight - cropBox.height;
+                }
+            }
+        },
+        renderCropBox: function renderCropBox() {
+            var self = this;
+            var options = self.options;
+            var container = self.container;
+            var containerWidth = container.width;
+            var containerHeight = container.height;
+            var cropBox = self.cropBox;
+
+            if (cropBox.width > cropBox.maxWidth || cropBox.width < cropBox.minWidth) {
+                cropBox.left = cropBox.oldLeft;
+            }
+
+            if (cropBox.height > cropBox.maxHeight || cropBox.height < cropBox.minHeight) {
+                cropBox.top = cropBox.oldTop;
+            }
+
+            cropBox.width = Math.min(Math.max(cropBox.width, cropBox.minWidth), cropBox.maxWidth);
+            cropBox.height = Math.min(Math.max(cropBox.height, cropBox.minHeight), cropBox.maxHeight);
+
+            self.limitCropBox(false, true);
+
+            cropBox.left = Math.min(Math.max(cropBox.left, cropBox.minLeft), cropBox.maxLeft);
+            cropBox.top = Math.min(Math.max(cropBox.top, cropBox.minTop), cropBox.maxTop);
+            cropBox.oldLeft = cropBox.left;
+            cropBox.oldTop = cropBox.top;
+
+            if (options.movable && options.cropBoxMovable) {
+                // Turn to move the canvas when the crop box is equal to the container
+                self.$face.data('action', cropBox.width === containerWidth && cropBox.height === containerHeight ? 'move' : 'all');
+            }
+
+            self.$cropBox.css({
+                width: cropBox.width,
+                height: cropBox.height,
+                transform: getTransform({
+                    translateX: cropBox.left,
+                    translateY: cropBox.top
+                })
+            });
+
+            if (self.cropped && self.limited) {
+                self.limitCanvas(true, true);
+            }
+
+            if (!self.disabled) {
+                self.output();
+            }
+        },
+        output: function output() {
+            var self = this;
+
+            self.preview();
+
+            if (self.completed) {
+                self.trigger('crop', self.getData());
+            }
+        }
+    };
+
+    var DATA_PREVIEW = 'preview';
+
+    var preview = {
+        initPreview: function initPreview() {
+            var self = this;
+            var crossOrigin = self.crossOrigin;
+            var url = crossOrigin ? self.crossOriginUrl : self.url;
+            var image = document.createElement('img');
+
+            if (crossOrigin) {
+                image.crossOrigin = crossOrigin;
+            }
+
+            image.src = url;
+
+            var $clone2 = $(image);
+
+            self.$preview = $(self.options.preview);
+            self.$clone2 = $clone2;
+            self.$viewBox.html($clone2);
+            self.$preview.each(function (i, element) {
+                var $this = $(element);
+                var img = document.createElement('img');
+
+                // Save the original size for recover
+                $this.data(DATA_PREVIEW, {
+                    width: $this.width(),
+                    height: $this.height(),
+                    html: $this.html()
+                });
+
+                if (crossOrigin) {
+                    img.crossOrigin = crossOrigin;
+                }
+
+                img.src = url;
+
+                /**
+                 * Override img element styles
+                 * Add `display:block` to avoid margin top issue
+                 * Add `height:auto` to override `height` attribute on IE8
+                 * (Occur only when margin-top <= -height)
+                 */
+                img.style.cssText = 'display:block;' + 'width:100%;' + 'height:auto;' + 'min-width:0!important;' + 'min-height:0!important;' + 'max-width:none!important;' + 'max-height:none!important;' + 'image-orientation:0deg!important;"';
+
+                $this.html(img);
+            });
+        },
+        resetPreview: function resetPreview() {
+            this.$preview.each(function (i, element) {
+                var $this = $(element);
+                var data = $this.data(DATA_PREVIEW);
+
+                $this.css({
+                    width: data.width,
+                    height: data.height
+                }).html(data.html).removeData(DATA_PREVIEW);
+            });
+        },
+        preview: function preview() {
+            var self = this;
+            var image = self.image;
+            var canvas = self.canvas;
+            var cropBox = self.cropBox;
+            var cropBoxWidth = cropBox.width;
+            var cropBoxHeight = cropBox.height;
+            var width = image.width;
+            var height = image.height;
+            var left = cropBox.left - canvas.left - image.left;
+            var top = cropBox.top - canvas.top - image.top;
+
+            if (!self.cropped || self.disabled) {
+                return;
+            }
+
+            self.$clone2.css({
+                width: width,
+                height: height,
+                transform: getTransform($.extend({
+                    translateX: -left,
+                    translateY: -top
+                }, image))
+            });
+
+            self.$preview.each(function (i, element) {
+                var $this = $(element);
+                var data = $this.data(DATA_PREVIEW);
+                var originalWidth = data.width;
+                var originalHeight = data.height;
+                var newWidth = originalWidth;
+                var newHeight = originalHeight;
+                var ratio = 1;
+
+                if (cropBoxWidth) {
+                    ratio = originalWidth / cropBoxWidth;
+                    newHeight = cropBoxHeight * ratio;
+                }
+
+                if (cropBoxHeight && newHeight > originalHeight) {
+                    ratio = originalHeight / cropBoxHeight;
+                    newWidth = cropBoxWidth * ratio;
+                    newHeight = originalHeight;
+                }
+
+                $this.css({
+                    width: newWidth,
+                    height: newHeight
+                }).find('img').css({
+                    width: width * ratio,
+                    height: height * ratio,
+                    transform: getTransform($.extend({
+                        translateX: -left * ratio,
+                        translateY: -top * ratio
+                    }, image))
+                });
+            });
+        }
+    };
+
+    // Globals
+    var PointerEvent = typeof window !== 'undefined' ? window.PointerEvent : null;
+
+    // Events
+    var EVENT_POINTER_DOWN = PointerEvent ? 'pointerdown' : 'touchstart mousedown';
+    var EVENT_POINTER_MOVE = PointerEvent ? 'pointermove' : 'touchmove mousemove';
+    var EVENT_POINTER_UP = PointerEvent ? ' pointerup pointercancel' : 'touchend touchcancel mouseup';
+    var EVENT_WHEEL = 'wheel mousewheel DOMMouseScroll';
+    var EVENT_DBLCLICK = 'dblclick';
+    var EVENT_RESIZE = 'resize';
+    var EVENT_CROP_START = 'cropstart';
+    var EVENT_CROP_MOVE = 'cropmove';
+    var EVENT_CROP_END = 'cropend';
+    var EVENT_CROP = 'crop';
+    var EVENT_ZOOM = 'zoom';
+
+    var events = {
+        bind: function bind() {
+            var self = this;
+            var options = self.options;
+            var $this = self.$element;
+            var $cropper = self.$cropper;
+
+            if ($.isFunction(options.cropstart)) {
+                $this.on(EVENT_CROP_START, options.cropstart);
+            }
+
+            if ($.isFunction(options.cropmove)) {
+                $this.on(EVENT_CROP_MOVE, options.cropmove);
+            }
+
+            if ($.isFunction(options.cropend)) {
+                $this.on(EVENT_CROP_END, options.cropend);
+            }
+
+            if ($.isFunction(options.crop)) {
+                $this.on(EVENT_CROP, options.crop);
+            }
+
+            if ($.isFunction(options.zoom)) {
+                $this.on(EVENT_ZOOM, options.zoom);
+            }
+
+            $cropper.on(EVENT_POINTER_DOWN, proxy(self.cropStart, this));
+
+            if (options.zoomable && options.zoomOnWheel) {
+                $cropper.on(EVENT_WHEEL, proxy(self.wheel, this));
+            }
+
+            if (options.toggleDragModeOnDblclick) {
+                $cropper.on(EVENT_DBLCLICK, proxy(self.dblclick, this));
+            }
+
+            $(document).on(EVENT_POINTER_MOVE, self.onCropMove = proxy(self.cropMove, this)).on(EVENT_POINTER_UP, self.onCropEnd = proxy(self.cropEnd, this));
+
+            if (options.responsive) {
+                $(window).on(EVENT_RESIZE, self.onResize = proxy(self.resize, this));
+            }
+        },
+        unbind: function unbind() {
+            var self = this;
+            var options = self.options;
+            var $this = self.$element;
+            var $cropper = self.$cropper;
+
+            if ($.isFunction(options.cropstart)) {
+                $this.off(EVENT_CROP_START, options.cropstart);
+            }
+
+            if ($.isFunction(options.cropmove)) {
+                $this.off(EVENT_CROP_MOVE, options.cropmove);
+            }
+
+            if ($.isFunction(options.cropend)) {
+                $this.off(EVENT_CROP_END, options.cropend);
+            }
+
+            if ($.isFunction(options.crop)) {
+                $this.off(EVENT_CROP, options.crop);
+            }
+
+            if ($.isFunction(options.zoom)) {
+                $this.off(EVENT_ZOOM, options.zoom);
+            }
+
+            $cropper.off(EVENT_POINTER_DOWN, self.cropStart);
+
+            if (options.zoomable && options.zoomOnWheel) {
+                $cropper.off(EVENT_WHEEL, self.wheel);
+            }
+
+            if (options.toggleDragModeOnDblclick) {
+                $cropper.off(EVENT_DBLCLICK, self.dblclick);
+            }
+
+            $(document).off(EVENT_POINTER_MOVE, self.onCropMove).off(EVENT_POINTER_UP, self.onCropEnd);
+
+            if (options.responsive) {
+                $(window).off(EVENT_RESIZE, self.onResize);
+            }
+        }
+    };
+
+    var REGEXP_ACTIONS = /^(e|w|s|n|se|sw|ne|nw|all|crop|move|zoom)$/;
+
+    function getPointer(_ref, endOnly) {
+        var pageX = _ref.pageX,
+            pageY = _ref.pageY;
+
+        var end = {
+            endX: pageX,
+            endY: pageY
+        };
+
+        if (endOnly) {
+            return end;
+        }
+
+        return $.extend({
+            startX: pageX,
+            startY: pageY
+        }, end);
+    }
+
+    var handlers = {
+        resize: function resize() {
+            var self = this;
+            var options = self.options;
+            var $container = self.$container;
+            var container = self.container;
+            var minContainerWidth = Number(options.minContainerWidth) || 200;
+            var minContainerHeight = Number(options.minContainerHeight) || 100;
+
+            if (self.disabled || container.width === minContainerWidth || container.height === minContainerHeight) {
+                return;
+            }
+
+            var ratio = $container.width() / container.width;
+
+            // Resize when width changed or height changed
+            if (ratio !== 1 || $container.height() !== container.height) {
+                var canvasData = void 0;
+                var cropBoxData = void 0;
+
+                if (options.restore) {
+                    canvasData = self.getCanvasData();
+                    cropBoxData = self.getCropBoxData();
+                }
+
+                self.render();
+
+                if (options.restore) {
+                    self.setCanvasData($.each(canvasData, function (i, n) {
+                        canvasData[i] = n * ratio;
+                    }));
+                    self.setCropBoxData($.each(cropBoxData, function (i, n) {
+                        cropBoxData[i] = n * ratio;
+                    }));
+                }
+            }
+        },
+        dblclick: function dblclick() {
+            var self = this;
+
+            if (self.disabled || self.options.dragMode === 'none') {
+                return;
+            }
+
+            self.setDragMode(self.$dragBox.hasClass('cropper-crop') ? 'move' : 'crop');
+        },
+        wheel: function wheel(event) {
+            var self = this;
+            var e = event.originalEvent || event;
+            var ratio = Number(self.options.wheelZoomRatio) || 0.1;
+
+            if (self.disabled) {
+                return;
+            }
+
+            event.preventDefault();
+
+            // Limit wheel speed to prevent zoom too fast
+            if (self.wheeling) {
+                return;
+            }
+
+            self.wheeling = true;
+
+            setTimeout(function () {
+                self.wheeling = false;
+            }, 50);
+
+            var delta = 1;
+
+            if (e.deltaY) {
+                delta = e.deltaY > 0 ? 1 : -1;
+            } else if (e.wheelDelta) {
+                delta = -e.wheelDelta / 120;
+            } else if (e.detail) {
+                delta = e.detail > 0 ? 1 : -1;
+            }
+
+            self.zoom(-delta * ratio, event);
+        },
+        cropStart: function cropStart(e) {
+            var self = this;
+
+            if (self.disabled) {
+                return;
+            }
+
+            var options = self.options;
+            var pointers = self.pointers;
+            var originalEvent = e.originalEvent;
+            var action = void 0;
+
+            if (originalEvent && originalEvent.changedTouches) {
+                // Handle touch event
+                $.each(originalEvent.changedTouches, function (i, touch) {
+                    pointers[touch.identifier] = getPointer(touch);
+                });
+            } else {
+                // Handle mouse event and pointer event
+                pointers[originalEvent && originalEvent.pointerId || 0] = getPointer(originalEvent || e);
+            }
+
+            if (objectKeys(pointers).length > 1 && options.zoomable && options.zoomOnTouch) {
+                action = 'zoom';
+            } else {
+                action = $(e.target).data('action');
+            }
+
+            if (!REGEXP_ACTIONS.test(action)) {
+                return;
+            }
+
+            if (self.trigger('cropstart', {
+                originalEvent: originalEvent,
+                action: action
+            }).isDefaultPrevented()) {
+                return;
+            }
+
+            e.preventDefault();
+
+            self.action = action;
+            self.cropping = false;
+
+            if (action === 'crop') {
+                self.cropping = true;
+                self.$dragBox.addClass('cropper-modal');
+            }
+        },
+        cropMove: function cropMove(e) {
+            var self = this;
+            var action = self.action;
+
+            if (self.disabled || !action) {
+                return;
+            }
+
+            var pointers = self.pointers;
+            var originalEvent = e.originalEvent;
+
+            e.preventDefault();
+
+            if (self.trigger('cropmove', {
+                originalEvent: originalEvent,
+                action: action
+            }).isDefaultPrevented()) {
+                return;
+            }
+
+            if (originalEvent && originalEvent.changedTouches) {
+                $.each(originalEvent.changedTouches, function (i, touch) {
+                    $.extend(pointers[touch.identifier], getPointer(touch, true));
+                });
+            } else {
+                $.extend(pointers[originalEvent && originalEvent.pointerId || 0], getPointer(originalEvent || e, true));
+            }
+
+            self.change(e);
+        },
+        cropEnd: function cropEnd(e) {
+            var self = this;
+
+            if (self.disabled) {
+                return;
+            }
+
+            var action = self.action;
+            var pointers = self.pointers;
+            var originalEvent = e.originalEvent;
+
+            if (originalEvent && originalEvent.changedTouches) {
+                $.each(originalEvent.changedTouches, function (i, touch) {
+                    delete pointers[touch.identifier];
+                });
+            } else {
+                delete pointers[originalEvent && originalEvent.pointerId || 0];
+            }
+
+            if (!action) {
+                return;
+            }
+
+            e.preventDefault();
+
+            if (!objectKeys(pointers).length) {
+                self.action = '';
+            }
+
+            if (self.cropping) {
+                self.cropping = false;
+                self.$dragBox.toggleClass('cropper-modal', self.cropped && self.options.modal);
+            }
+
+            self.trigger('cropend', {
+                originalEvent: originalEvent,
+                action: action
+            });
+        }
+    };
+
+    // Actions
+    var ACTION_EAST = 'e';
+    var ACTION_WEST = 'w';
+    var ACTION_SOUTH = 's';
+    var ACTION_NORTH = 'n';
+    var ACTION_SOUTH_EAST = 'se';
+    var ACTION_SOUTH_WEST = 'sw';
+    var ACTION_NORTH_EAST = 'ne';
+    var ACTION_NORTH_WEST = 'nw';
+
+    function getMaxZoomRatio(pointers) {
+        var pointers2 = $.extend({}, pointers);
+        var ratios = [];
+
+        $.each(pointers, function (pointerId, pointer) {
+            delete pointers2[pointerId];
+
+            $.each(pointers2, function (pointerId2, pointer2) {
+                var x1 = Math.abs(pointer.startX - pointer2.startX);
+                var y1 = Math.abs(pointer.startY - pointer2.startY);
+                var x2 = Math.abs(pointer.endX - pointer2.endX);
+                var y2 = Math.abs(pointer.endY - pointer2.endY);
+                var z1 = Math.sqrt(x1 * x1 + y1 * y1);
+                var z2 = Math.sqrt(x2 * x2 + y2 * y2);
+                var ratio = (z2 - z1) / z1;
+
+                ratios.push(ratio);
+            });
+        });
+
+        ratios.sort(function (a, b) {
+            return Math.abs(a) < Math.abs(b);
+        });
+
+        return ratios[0];
+    }
+
+    var change = {
+        change: function change(e) {
+            var self = this;
+            var options = self.options;
+            var pointers = self.pointers;
+            var pointer = pointers[objectKeys(pointers)[0]];
+            var container = self.container;
+            var canvas = self.canvas;
+            var cropBox = self.cropBox;
+            var action = self.action;
+            var aspectRatio = options.aspectRatio;
+            var width = cropBox.width;
+            var height = cropBox.height;
+            var left = cropBox.left;
+            var top = cropBox.top;
+            var right = left + width;
+            var bottom = top + height;
+            var minLeft = 0;
+            var minTop = 0;
+            var maxWidth = container.width;
+            var maxHeight = container.height;
+            var renderable = true;
+            var offset = void 0;
+
+            // Locking aspect ratio in "free mode" by holding shift key (#259)
+            if (!aspectRatio && e.shiftKey) {
+                aspectRatio = width && height ? width / height : 1;
+            }
+
+            if (self.limited) {
+                minLeft = cropBox.minLeft;
+                minTop = cropBox.minTop;
+                maxWidth = minLeft + Math.min(container.width, canvas.width, canvas.left + canvas.width);
+                maxHeight = minTop + Math.min(container.height, canvas.height, canvas.top + canvas.height);
+            }
+
+            var range = {
+                x: pointer.endX - pointer.startX,
+                y: pointer.endY - pointer.startY
+            };
+
+            switch (action) {
+                // Move crop box
+                case 'all':
+                    left += range.x;
+                    top += range.y;
+                    break;
+
+                    // Resize crop box
+                case ACTION_EAST:
+                    if (range.x >= 0 && (right >= maxWidth || aspectRatio && (top <= minTop || bottom >= maxHeight))) {
+                        renderable = false;
+                        break;
+                    }
+
+                    if (right + range.x > maxWidth) {
+                        range.x = maxWidth - right;
+                    }
+
+                    width += range.x;
+
+                    if (aspectRatio) {
+                        height = width / aspectRatio;
+                        top -= range.x / aspectRatio / 2;
+                    }
+
+                    if (width < 0) {
+                        action = ACTION_WEST;
+                        width = 0;
+                    }
+
+                    break;
+
+                case ACTION_NORTH:
+                    if (range.y <= 0 && (top <= minTop || aspectRatio && (left <= minLeft || right >= maxWidth))) {
+                        renderable = false;
+                        break;
+                    }
+
+                    if (top + range.y < minTop) {
+                        range.y = minTop - top;
+                    }
+
+                    height -= range.y;
+                    top += range.y;
+
+                    if (aspectRatio) {
+                        width = height * aspectRatio;
+                        left += range.y * aspectRatio / 2;
+                    }
+
+                    if (height < 0) {
+                        action = ACTION_SOUTH;
+                        height = 0;
+                    }
+
+                    break;
+
+                case ACTION_WEST:
+                    if (range.x <= 0 && (left <= minLeft || aspectRatio && (top <= minTop || bottom >= maxHeight))) {
+                        renderable = false;
+                        break;
+                    }
+
+                    if (left + range.x < minLeft) {
+                        range.x = minLeft - left;
+                    }
+
+                    width -= range.x;
+                    left += range.x;
+
+                    if (aspectRatio) {
+                        height = width / aspectRatio;
+                        top += range.x / aspectRatio / 2;
+                    }
+
+                    if (width < 0) {
+                        action = ACTION_EAST;
+                        width = 0;
+                    }
+
+                    break;
+
+                case ACTION_SOUTH:
+                    if (range.y >= 0 && (bottom >= maxHeight || aspectRatio && (left <= minLeft || right >= maxWidth))) {
+                        renderable = false;
+                        break;
+                    }
+
+                    if (bottom + range.y > maxHeight) {
+                        range.y = maxHeight - bottom;
+                    }
+
+                    height += range.y;
+
+                    if (aspectRatio) {
+                        width = height * aspectRatio;
+                        left -= range.y * aspectRatio / 2;
+                    }
+
+                    if (height < 0) {
+                        action = ACTION_NORTH;
+                        height = 0;
+                    }
+
+                    break;
+
+                case ACTION_NORTH_EAST:
+                    if (aspectRatio) {
+                        if (range.y <= 0 && (top <= minTop || right >= maxWidth)) {
+                            renderable = false;
+                            break;
+                        }
+
+                        height -= range.y;
+                        top += range.y;
+                        width = height * aspectRatio;
+                    } else {
+                        if (range.x >= 0) {
+                            if (right < maxWidth) {
+                                width += range.x;
+                            } else if (range.y <= 0 && top <= minTop) {
+                                renderable = false;
+                            }
+                        } else {
+                            width += range.x;
+                        }
+
+                        if (range.y <= 0) {
+                            if (top > minTop) {
+                                height -= range.y;
+                                top += range.y;
+                            }
+                        } else {
+                            height -= range.y;
+                            top += range.y;
+                        }
+                    }
+
+                    if (width < 0 && height < 0) {
+                        action = ACTION_SOUTH_WEST;
+                        height = 0;
+                        width = 0;
+                    } else if (width < 0) {
+                        action = ACTION_NORTH_WEST;
+                        width = 0;
+                    } else if (height < 0) {
+                        action = ACTION_SOUTH_EAST;
+                        height = 0;
+                    }
+
+                    break;
+
+                case ACTION_NORTH_WEST:
+                    if (aspectRatio) {
+                        if (range.y <= 0 && (top <= minTop || left <= minLeft)) {
+                            renderable = false;
+                            break;
+                        }
+
+                        height -= range.y;
+                        top += range.y;
+                        width = height * aspectRatio;
+                        left += range.y * aspectRatio;
+                    } else {
+                        if (range.x <= 0) {
+                            if (left > minLeft) {
+                                width -= range.x;
+                                left += range.x;
+                            } else if (range.y <= 0 && top <= minTop) {
+                                renderable = false;
+                            }
+                        } else {
+                            width -= range.x;
+                            left += range.x;
+                        }
+
+                        if (range.y <= 0) {
+                            if (top > minTop) {
+                                height -= range.y;
+                                top += range.y;
+                            }
+                        } else {
+                            height -= range.y;
+                            top += range.y;
+                        }
+                    }
+
+                    if (width < 0 && height < 0) {
+                        action = ACTION_SOUTH_EAST;
+                        height = 0;
+                        width = 0;
+                    } else if (width < 0) {
+                        action = ACTION_NORTH_EAST;
+                        width = 0;
+                    } else if (height < 0) {
+                        action = ACTION_SOUTH_WEST;
+                        height = 0;
+                    }
+
+                    break;
+
+                case ACTION_SOUTH_WEST:
+                    if (aspectRatio) {
+                        if (range.x <= 0 && (left <= minLeft || bottom >= maxHeight)) {
+                            renderable = false;
+                            break;
+                        }
+
+                        width -= range.x;
+                        left += range.x;
+                        height = width / aspectRatio;
+                    } else {
+                        if (range.x <= 0) {
+                            if (left > minLeft) {
+                                width -= range.x;
+                                left += range.x;
+                            } else if (range.y >= 0 && bottom >= maxHeight) {
+                                renderable = false;
+                            }
+                        } else {
+                            width -= range.x;
+                            left += range.x;
+                        }
+
+                        if (range.y >= 0) {
+                            if (bottom < maxHeight) {
+                                height += range.y;
+                            }
+                        } else {
+                            height += range.y;
+                        }
+                    }
+
+                    if (width < 0 && height < 0) {
+                        action = ACTION_NORTH_EAST;
+                        height = 0;
+                        width = 0;
+                    } else if (width < 0) {
+                        action = ACTION_SOUTH_EAST;
+                        width = 0;
+                    } else if (height < 0) {
+                        action = ACTION_NORTH_WEST;
+                        height = 0;
+                    }
+
+                    break;
+
+                case ACTION_SOUTH_EAST:
+                    if (aspectRatio) {
+                        if (range.x >= 0 && (right >= maxWidth || bottom >= maxHeight)) {
+                            renderable = false;
+                            break;
+                        }
+
+                        width += range.x;
+                        height = width / aspectRatio;
+                    } else {
+                        if (range.x >= 0) {
+                            if (right < maxWidth) {
+                                width += range.x;
+                            } else if (range.y >= 0 && bottom >= maxHeight) {
+                                renderable = false;
+                            }
+                        } else {
+                            width += range.x;
+                        }
+
+                        if (range.y >= 0) {
+                            if (bottom < maxHeight) {
+                                height += range.y;
+                            }
+                        } else {
+                            height += range.y;
+                        }
+                    }
+
+                    if (width < 0 && height < 0) {
+                        action = ACTION_NORTH_WEST;
+                        height = 0;
+                        width = 0;
+                    } else if (width < 0) {
+                        action = ACTION_SOUTH_WEST;
+                        width = 0;
+                    } else if (height < 0) {
+                        action = ACTION_NORTH_EAST;
+                        height = 0;
+                    }
+
+                    break;
+
+                    // Move canvas
+                case 'move':
+                    self.move(range.x, range.y);
+                    renderable = false;
+                    break;
+
+                    // Zoom canvas
+                case 'zoom':
+                    self.zoom(getMaxZoomRatio(pointers), e.originalEvent);
+                    renderable = false;
+                    break;
+
+                    // Create crop box
+                case 'crop':
+                    if (!range.x || !range.y) {
+                        renderable = false;
+                        break;
+                    }
+
+                    offset = self.$cropper.offset();
+                    left = pointer.startX - offset.left;
+                    top = pointer.startY - offset.top;
+                    width = cropBox.minWidth;
+                    height = cropBox.minHeight;
+
+                    if (range.x > 0) {
+                        action = range.y > 0 ? ACTION_SOUTH_EAST : ACTION_NORTH_EAST;
+                    } else if (range.x < 0) {
+                        left -= width;
+                        action = range.y > 0 ? ACTION_SOUTH_WEST : ACTION_NORTH_WEST;
+                    }
+
+                    if (range.y < 0) {
+                        top -= height;
+                    }
+
+                    // Show the crop box if is hidden
+                    if (!self.cropped) {
+                        self.$cropBox.removeClass('cropper-hidden');
+                        self.cropped = true;
+
+                        if (self.limited) {
+                            self.limitCropBox(true, true);
+                        }
+                    }
+
+                    break;
+
+                default:
+            }
+
+            if (renderable) {
+                cropBox.width = width;
+                cropBox.height = height;
+                cropBox.left = left;
+                cropBox.top = top;
+                self.action = action;
+                self.renderCropBox();
+            }
+
+            // Override
+            $.each(pointers, function (i, p) {
+                p.startX = p.endX;
+                p.startY = p.endY;
+            });
+        }
+    };
+
+    function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length) ; i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
+    function getPointersCenter(pointers) {
+        var pageX = 0;
+        var pageY = 0;
+        var count = 0;
+
+        $.each(pointers, function (i, _ref) {
+            var startX = _ref.startX,
+                startY = _ref.startY;
+
+            pageX += startX;
+            pageY += startY;
+            count += 1;
+        });
+
+        pageX /= count;
+        pageY /= count;
+
+        return {
+            pageX: pageX,
+            pageY: pageY
+        };
+    }
+
+    var methods = {
+        // Show the crop box manually
+        crop: function crop() {
+            var self = this;
+
+            if (!self.ready || self.disabled) {
+                return;
+            }
+
+            if (!self.cropped) {
+                self.cropped = true;
+                self.limitCropBox(true, true);
+
+                if (self.options.modal) {
+                    self.$dragBox.addClass('cropper-modal');
+                }
+
+                self.$cropBox.removeClass('cropper-hidden');
+            }
+
+            self.setCropBoxData(self.initialCropBox);
+        },
+
+
+        // Reset the image and crop box to their initial states
+        reset: function reset() {
+            var self = this;
+
+            if (!self.ready || self.disabled) {
+                return;
+            }
+
+            self.image = $.extend({}, self.initialImage);
+            self.canvas = $.extend({}, self.initialCanvas);
+            self.cropBox = $.extend({}, self.initialCropBox);
+
+            self.renderCanvas();
+
+            if (self.cropped) {
+                self.renderCropBox();
+            }
+        },
+
+
+        // Clear the crop box
+        clear: function clear() {
+            var self = this;
+
+            if (!self.cropped || self.disabled) {
+                return;
+            }
+
+            $.extend(self.cropBox, {
+                left: 0,
+                top: 0,
+                width: 0,
+                height: 0
+            });
+
+            self.cropped = false;
+            self.renderCropBox();
+
+            self.limitCanvas(true, true);
+
+            // Render canvas after crop box rendered
+            self.renderCanvas();
+
+            self.$dragBox.removeClass('cropper-modal');
+            self.$cropBox.addClass('cropper-hidden');
+        },
+
+
+        /**
+         * Replace the image's src and rebuild the cropper
+         *
+         * @param {String} url
+         * @param {Boolean} onlyColorChanged (optional)
+         */
+        replace: function replace(url, onlyColorChanged) {
+            var self = this;
+
+            if (!self.disabled && url) {
+                if (self.isImg) {
+                    self.$element.attr('src', url);
+                }
+
+                if (onlyColorChanged) {
+                    self.url = url;
+                    self.$clone.attr('src', url);
+
+                    if (self.ready) {
+                        self.$preview.find('img').add(self.$clone2).attr('src', url);
+                    }
+                } else {
+                    if (self.isImg) {
+                        self.replaced = true;
+                    }
+
+                    // Clear previous data
+                    self.options.data = null;
+                    self.load(url);
+                }
+            }
+        },
+
+
+        // Enable (unfreeze) the cropper
+        enable: function enable() {
+            var self = this;
+
+            if (self.ready) {
+                self.disabled = false;
+                self.$cropper.removeClass('cropper-disabled');
+            }
+        },
+
+
+        // Disable (freeze) the cropper
+        disable: function disable() {
+            var self = this;
+
+            if (self.ready) {
+                self.disabled = true;
+                self.$cropper.addClass('cropper-disabled');
+            }
+        },
+
+
+        // Destroy the cropper and remove the instance from the image
+        destroy: function destroy() {
+            var self = this;
+            var $this = self.$element;
+
+            if (self.loaded) {
+                if (self.isImg && self.replaced) {
+                    $this.attr('src', self.originalUrl);
+                }
+
+                self.unbuild();
+                $this.removeClass('cropper-hidden');
+            } else if (self.isImg) {
+                $this.off('load', self.start);
+            } else if (self.$clone) {
+                self.$clone.remove();
+            }
+
+            $this.removeData('cropper');
+        },
+
+
+        /**
+         * Move the canvas with relative offsets
+         *
+         * @param {Number} offsetX
+         * @param {Number} offsetY (optional)
+         */
+        move: function move(offsetX, offsetY) {
+            var self = this;
+            var canvas = self.canvas;
+
+            self.moveTo(isUndefined(offsetX) ? offsetX : canvas.left + Number(offsetX), isUndefined(offsetY) ? offsetY : canvas.top + Number(offsetY));
+        },
+
+
+        /**
+         * Move the canvas to an absolute point
+         *
+         * @param {Number} x
+         * @param {Number} y (optional)
+         */
+        moveTo: function moveTo(x, y) {
+            var self = this;
+            var canvas = self.canvas;
+            var changed = false;
+
+            // If "y" is not present, its default value is "x"
+            if (isUndefined(y)) {
+                y = x;
+            }
+
+            x = Number(x);
+            y = Number(y);
+
+            if (self.ready && !self.disabled && self.options.movable) {
+                if (isNumber(x)) {
+                    canvas.left = x;
+                    changed = true;
+                }
+
+                if (isNumber(y)) {
+                    canvas.top = y;
+                    changed = true;
+                }
+
+                if (changed) {
+                    self.renderCanvas(true);
+                }
+            }
+        },
+
+
+        /**
+         * Zoom the canvas with a relative ratio
+         *
+         * @param {Number} ratio
+         * @param {jQuery Event} _event (private)
+         */
+        zoom: function zoom(ratio, _event) {
+            var self = this;
+            var canvas = self.canvas;
+
+            ratio = Number(ratio);
+
+            if (ratio < 0) {
+                ratio = 1 / (1 - ratio);
+            } else {
+                ratio = 1 + ratio;
+            }
+
+            self.zoomTo(canvas.width * ratio / canvas.naturalWidth, _event);
+        },
+
+
+        /**
+         * Zoom the canvas to an absolute ratio
+         *
+         * @param {Number} ratio
+         * @param {jQuery Event} _event (private)
+         */
+        zoomTo: function zoomTo(ratio, _event) {
+            var self = this;
+            var options = self.options;
+            var pointers = self.pointers;
+            var canvas = self.canvas;
+            var width = canvas.width;
+            var height = canvas.height;
+            var naturalWidth = canvas.naturalWidth;
+            var naturalHeight = canvas.naturalHeight;
+
+            ratio = Number(ratio);
+
+            if (ratio >= 0 && self.ready && !self.disabled && options.zoomable) {
+                var newWidth = naturalWidth * ratio;
+                var newHeight = naturalHeight * ratio;
+                var originalEvent = void 0;
+
+                if (_event) {
+                    originalEvent = _event.originalEvent;
+                }
+
+                if (self.trigger('zoom', {
+                    originalEvent: originalEvent,
+                    oldRatio: width / naturalWidth,
+                    ratio: newWidth / naturalWidth
+                }).isDefaultPrevented()) {
+                    return;
+                }
+
+                if (originalEvent) {
+                    var offset = self.$cropper.offset();
+                    var center = pointers && objectKeys(pointers).length ? getPointersCenter(pointers) : {
+                        pageX: _event.pageX || originalEvent.pageX || 0,
+                        pageY: _event.pageY || originalEvent.pageY || 0
+                    };
+
+                    // Zoom from the triggering point of the event
+                    canvas.left -= (newWidth - width) * ((center.pageX - offset.left - canvas.left) / width);
+                    canvas.top -= (newHeight - height) * ((center.pageY - offset.top - canvas.top) / height);
+                } else {
+                    // Zoom from the center of the canvas
+                    canvas.left -= (newWidth - width) / 2;
+                    canvas.top -= (newHeight - height) / 2;
+                }
+
+                canvas.width = newWidth;
+                canvas.height = newHeight;
+                self.renderCanvas(true);
+            }
+        },
+
+
+        /**
+         * Rotate the canvas with a relative degree
+         *
+         * @param {Number} degree
+         */
+        rotate: function rotate(degree) {
+            var self = this;
+
+            self.rotateTo((self.image.rotate || 0) + Number(degree));
+        },
+
+
+        /**
+         * Rotate the canvas to an absolute degree
+         * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotate()
+         *
+         * @param {Number} degree
+         */
+        rotateTo: function rotateTo(degree) {
+            var self = this;
+
+            degree = Number(degree);
+
+            if (isNumber(degree) && self.ready && !self.disabled && self.options.rotatable) {
+                self.image.rotate = degree % 360;
+                self.rotated = true;
+                self.renderCanvas(true);
+            }
+        },
+
+
+        /**
+         * Scale the image
+         * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scale()
+         *
+         * @param {Number} scaleX
+         * @param {Number} scaleY (optional)
+         */
+        scale: function scale(scaleX, scaleY) {
+            var self = this;
+            var image = self.image;
+            var changed = false;
+
+            // If "scaleY" is not present, its default value is "scaleX"
+            if (isUndefined(scaleY)) {
+                scaleY = scaleX;
+            }
+
+            scaleX = Number(scaleX);
+            scaleY = Number(scaleY);
+
+            if (self.ready && !self.disabled && self.options.scalable) {
+                if (isNumber(scaleX)) {
+                    image.scaleX = scaleX;
+                    changed = true;
+                }
+
+                if (isNumber(scaleY)) {
+                    image.scaleY = scaleY;
+                    changed = true;
+                }
+
+                if (changed) {
+                    self.renderImage(true);
+                }
+            }
+        },
+
+
+        /**
+         * Scale the abscissa of the image
+         *
+         * @param {Number} scaleX
+         */
+        scaleX: function scaleX(_scaleX) {
+            var self = this;
+            var scaleY = self.image.scaleY;
+
+            self.scale(_scaleX, isNumber(scaleY) ? scaleY : 1);
+        },
+
+
+        /**
+         * Scale the ordinate of the image
+         *
+         * @param {Number} scaleY
+         */
+        scaleY: function scaleY(_scaleY) {
+            var self = this;
+            var scaleX = self.image.scaleX;
+
+            self.scale(isNumber(scaleX) ? scaleX : 1, _scaleY);
+        },
+
+
+        /**
+         * Get the cropped area position and size data (base on the original image)
+         *
+         * @param {Boolean} isRounded (optional)
+         * @return {Object} data
+         */
+        getData: function getData(isRounded) {
+            var self = this;
+            var options = self.options;
+            var image = self.image;
+            var canvas = self.canvas;
+            var cropBox = self.cropBox;
+            var ratio = void 0;
+            var data = void 0;
+
+            if (self.ready && self.cropped) {
+                data = {
+                    x: cropBox.left - canvas.left,
+                    y: cropBox.top - canvas.top,
+                    width: cropBox.width,
+                    height: cropBox.height
+                };
+
+                ratio = image.width / image.naturalWidth;
+
+                $.each(data, function (i, n) {
+                    n /= ratio;
+                    data[i] = isRounded ? Math.round(n) : n;
+                });
+            } else {
+                data = {
+                    x: 0,
+                    y: 0,
+                    width: 0,
+                    height: 0
+                };
+            }
+
+            if (options.rotatable) {
+                data.rotate = image.rotate || 0;
+            }
+
+            if (options.scalable) {
+                data.scaleX = image.scaleX || 1;
+                data.scaleY = image.scaleY || 1;
+            }
+
+            return data;
+        },
+
+
+        /**
+         * Set the cropped area position and size with new data
+         *
+         * @param {Object} data
+         */
+        setData: function setData(data) {
+            var self = this;
+            var options = self.options;
+            var image = self.image;
+            var canvas = self.canvas;
+            var cropBoxData = {};
+            var rotated = void 0;
+            var isScaled = void 0;
+            var ratio = void 0;
+
+            if ($.isFunction(data)) {
+                data = data.call(self.element);
+            }
+
+            if (self.ready && !self.disabled && $.isPlainObject(data)) {
+                if (options.rotatable) {
+                    if (isNumber(data.rotate) && data.rotate !== image.rotate) {
+                        image.rotate = data.rotate;
+                        rotated = true;
+                        self.rotated = rotated;
+                    }
+                }
+
+                if (options.scalable) {
+                    if (isNumber(data.scaleX) && data.scaleX !== image.scaleX) {
+                        image.scaleX = data.scaleX;
+                        isScaled = true;
+                    }
+
+                    if (isNumber(data.scaleY) && data.scaleY !== image.scaleY) {
+                        image.scaleY = data.scaleY;
+                        isScaled = true;
+                    }
+                }
+
+                if (rotated) {
+                    self.renderCanvas();
+                } else if (isScaled) {
+                    self.renderImage();
+                }
+
+                ratio = image.width / image.naturalWidth;
+
+                if (isNumber(data.x)) {
+                    cropBoxData.left = data.x * ratio + canvas.left;
+                }
+
+                if (isNumber(data.y)) {
+                    cropBoxData.top = data.y * ratio + canvas.top;
+                }
+
+                if (isNumber(data.width)) {
+                    cropBoxData.width = data.width * ratio;
+                }
+
+                if (isNumber(data.height)) {
+                    cropBoxData.height = data.height * ratio;
+                }
+
+                self.setCropBoxData(cropBoxData);
+            }
+        },
+
+
+        /**
+         * Get the container size data
+         *
+         * @return {Object} data
+         */
+        getContainerData: function getContainerData() {
+            return this.ready ? this.container : {};
+        },
+
+
+        /**
+         * Get the image position and size data
+         *
+         * @return {Object} data
+         */
+        getImageData: function getImageData() {
+            return this.loaded ? this.image : {};
+        },
+
+
+        /**
+         * Get the canvas position and size data
+         *
+         * @return {Object} data
+         */
+        getCanvasData: function getCanvasData() {
+            var self = this;
+            var canvas = self.canvas;
+            var data = {};
+
+            if (self.ready) {
+                $.each(['left', 'top', 'width', 'height', 'naturalWidth', 'naturalHeight'], function (i, n) {
+                    data[n] = canvas[n];
+                });
+            }
+
+            return data;
+        },
+
+
+        /**
+         * Set the canvas position and size with new data
+         *
+         * @param {Object} data
+         */
+        setCanvasData: function setCanvasData(data) {
+            var self = this;
+            var canvas = self.canvas;
+            var aspectRatio = canvas.aspectRatio;
+
+            if ($.isFunction(data)) {
+                data = data.call(self.$element);
+            }
+
+            if (self.ready && !self.disabled && $.isPlainObject(data)) {
+                if (isNumber(data.left)) {
+                    canvas.left = data.left;
+                }
+
+                if (isNumber(data.top)) {
+                    canvas.top = data.top;
+                }
+
+                if (isNumber(data.width)) {
+                    canvas.width = data.width;
+                    canvas.height = data.width / aspectRatio;
+                } else if (isNumber(data.height)) {
+                    canvas.height = data.height;
+                    canvas.width = data.height * aspectRatio;
+                }
+
+                self.renderCanvas(true);
+            }
+        },
+
+
+        /**
+         * Get the crop box position and size data
+         *
+         * @return {Object} data
+         */
+        getCropBoxData: function getCropBoxData() {
+            var self = this;
+            var cropBox = self.cropBox;
+
+            return self.ready && self.cropped ? {
+                left: cropBox.left,
+                top: cropBox.top,
+                width: cropBox.width,
+                height: cropBox.height
+            } : {};
+        },
+
+
+        /**
+         * Set the crop box position and size with new data
+         *
+         * @param {Object} data
+         */
+        setCropBoxData: function setCropBoxData(data) {
+            var self = this;
+            var cropBox = self.cropBox;
+            var aspectRatio = self.options.aspectRatio;
+            var widthChanged = void 0;
+            var heightChanged = void 0;
+
+            if ($.isFunction(data)) {
+                data = data.call(self.$element);
+            }
+
+            if (self.ready && self.cropped && !self.disabled && $.isPlainObject(data)) {
+                if (isNumber(data.left)) {
+                    cropBox.left = data.left;
+                }
+
+                if (isNumber(data.top)) {
+                    cropBox.top = data.top;
+                }
+
+                if (isNumber(data.width) && data.width !== cropBox.width) {
+                    widthChanged = true;
+                    cropBox.width = data.width;
+                }
+
+                if (isNumber(data.height) && data.height !== cropBox.height) {
+                    heightChanged = true;
+                    cropBox.height = data.height;
+                }
+
+                if (aspectRatio) {
+                    if (widthChanged) {
+                        cropBox.height = cropBox.width / aspectRatio;
+                    } else if (heightChanged) {
+                        cropBox.width = cropBox.height * aspectRatio;
+                    }
+                }
+
+                self.renderCropBox();
+            }
+        },
+
+
+        /**
+         * Get a canvas drawn the cropped image
+         *
+         * @param {Object} options (optional)
+         * @return {HTMLCanvasElement} canvas
+         */
+        getCroppedCanvas: function getCroppedCanvas(options) {
+            var self = this;
+
+            if (!self.ready || !window.HTMLCanvasElement) {
+                return null;
+            }
+
+            if (!$.isPlainObject(options)) {
+                options = {};
+            }
+
+            if (!self.cropped) {
+                return getSourceCanvas(self.$clone[0], self.image, options);
+            }
+
+            var data = self.getData();
+            var originalWidth = data.width;
+            var originalHeight = data.height;
+            var aspectRatio = originalWidth / originalHeight;
+            var scaledWidth = void 0;
+            var scaledHeight = void 0;
+            var scaledRatio = void 0;
+
+            if ($.isPlainObject(options)) {
+                scaledWidth = options.width;
+                scaledHeight = options.height;
+
+                if (scaledWidth) {
+                    scaledHeight = scaledWidth / aspectRatio;
+                    scaledRatio = scaledWidth / originalWidth;
+                } else if (scaledHeight) {
+                    scaledWidth = scaledHeight * aspectRatio;
+                    scaledRatio = scaledHeight / originalHeight;
+                }
+            }
+
+            // The canvas element will use `Math.Math.floor` on a float number, so Math.floor first
+            var canvasWidth = Math.floor(scaledWidth || originalWidth);
+            var canvasHeight = Math.floor(scaledHeight || originalHeight);
+
+            var canvas = $('<canvas>')[0];
+            var context = canvas.getContext('2d');
+
+            canvas.width = canvasWidth;
+            canvas.height = canvasHeight;
+
+            if (options.fillColor) {
+                context.fillStyle = options.fillColor;
+                context.fillRect(0, 0, canvasWidth, canvasHeight);
+            }
+
+            // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D.drawImage
+            var parameters = function () {
+                var source = getSourceCanvas(self.$clone[0], self.image, options);
+                var sourceWidth = source.width;
+                var sourceHeight = source.height;
+                var canvasData = self.canvas;
+                var params = [source];
+
+                // Source canvas
+                var srcX = data.x + canvasData.naturalWidth * (Math.abs(data.scaleX || 1) - 1) / 2;
+                var srcY = data.y + canvasData.naturalHeight * (Math.abs(data.scaleY || 1) - 1) / 2;
+                var srcWidth = void 0;
+                var srcHeight = void 0;
+
+                // Destination canvas
+                var dstX = void 0;
+                var dstY = void 0;
+                var dstWidth = void 0;
+                var dstHeight = void 0;
+
+                if (srcX <= -originalWidth || srcX > sourceWidth) {
+                    srcX = 0;
+                    srcWidth = 0;
+                    dstX = 0;
+                    dstWidth = 0;
+                } else if (srcX <= 0) {
+                    dstX = -srcX;
+                    srcX = 0;
+                    dstWidth = Math.min(sourceWidth, originalWidth + srcX);
+                    srcWidth = dstWidth;
+                } else if (srcX <= sourceWidth) {
+                    dstX = 0;
+                    dstWidth = Math.min(originalWidth, sourceWidth - srcX);
+                    srcWidth = dstWidth;
+                }
+
+                if (srcWidth <= 0 || srcY <= -originalHeight || srcY > sourceHeight) {
+                    srcY = 0;
+                    srcHeight = 0;
+                    dstY = 0;
+                    dstHeight = 0;
+                } else if (srcY <= 0) {
+                    dstY = -srcY;
+                    srcY = 0;
+                    dstHeight = Math.min(sourceHeight, originalHeight + srcY);
+                    srcHeight = dstHeight;
+                } else if (srcY <= sourceHeight) {
+                    dstY = 0;
+                    dstHeight = Math.min(originalHeight, sourceHeight - srcY);
+                    srcHeight = dstHeight;
+                }
+
+                // All the numerical parameters should be integer for `drawImage` (#476)
+                params.push(Math.floor(srcX), Math.floor(srcY), Math.floor(srcWidth), Math.floor(srcHeight));
+
+                // Scale destination sizes
+                if (scaledRatio) {
+                    dstX *= scaledRatio;
+                    dstY *= scaledRatio;
+                    dstWidth *= scaledRatio;
+                    dstHeight *= scaledRatio;
+                }
+
+                // Avoid "IndexSizeError" in IE and Firefox
+                if (dstWidth > 0 && dstHeight > 0) {
+                    params.push(Math.floor(dstX), Math.floor(dstY), Math.floor(dstWidth), Math.floor(dstHeight));
+                }
+
+                return params;
+            }();
+
+            context.imageSmoothingEnabled = !!options.imageSmoothingEnabled;
+
+            if (options.imageSmoothingQuality) {
+                context.imageSmoothingQuality = options.imageSmoothingQuality;
+            }
+
+            context.drawImage.apply(context, _toConsumableArray(parameters));
+
+            return canvas;
+        },
+
+
+        /**
+         * Change the aspect ratio of the crop box
+         *
+         * @param {Number} aspectRatio
+         */
+        setAspectRatio: function setAspectRatio(aspectRatio) {
+            var self = this;
+            var options = self.options;
+
+            if (!self.disabled && !isUndefined(aspectRatio)) {
+                // 0 -> NaN
+                options.aspectRatio = Math.max(0, aspectRatio) || NaN;
+
+                if (self.ready) {
+                    self.initCropBox();
+
+                    if (self.cropped) {
+                        self.renderCropBox();
+                    }
+                }
+            }
+        },
+
+
+        /**
+         * Change the drag mode
+         *
+         * @param {String} mode (optional)
+         */
+        setDragMode: function setDragMode(mode) {
+            var self = this;
+            var options = self.options;
+            var croppable = void 0;
+            var movable = void 0;
+
+            if (self.loaded && !self.disabled) {
+                croppable = mode === 'crop';
+                movable = options.movable && mode === 'move';
+                mode = croppable || movable ? mode : 'none';
+
+                self.$dragBox.data('action', mode).toggleClass('cropper-crop', croppable).toggleClass('cropper-move', movable);
+
+                if (!options.cropBoxMovable) {
+                    // Sync drag mode to crop box when it is not movable(#300)
+                    self.$face.data('action', mode).toggleClass('cropper-crop', croppable).toggleClass('cropper-move', movable);
+                }
+            }
+        }
+    };
+
+    var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+    function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+    var CLASS_HIDDEN = 'cropper-hidden';
+    var REGEXP_DATA_URL = /^data:/;
+    var REGEXP_DATA_URL_JPEG = /^data:image\/jpeg;base64,/;
+
+    var Cropper = function () {
+        function Cropper(element, options) {
+            _classCallCheck(this, Cropper);
+
+            var self = this;
+
+            self.$element = $(element);
+            self.options = $.extend({}, DEFAULTS, $.isPlainObject(options) && options);
+            self.loaded = false;
+            self.ready = false;
+            self.completed = false;
+            self.rotated = false;
+            self.cropped = false;
+            self.disabled = false;
+            self.replaced = false;
+            self.limited = false;
+            self.wheeling = false;
+            self.isImg = false;
+            self.originalUrl = '';
+            self.canvas = null;
+            self.cropBox = null;
+            self.pointers = {};
+            self.init();
+        }
+
+        _createClass(Cropper, [{
+            key: 'init',
+            value: function init() {
+                var self = this;
+                var $this = self.$element;
+                var url = void 0;
+
+                if ($this.is('img')) {
+                    self.isImg = true;
+
+                    // Should use `$.fn.attr` here. e.g.: "img/picture.jpg"
+                    url = $this.attr('src');
+                    self.originalUrl = url;
+
+                    // Stop when it's a blank image
+                    if (!url) {
+                        return;
+                    }
+
+                    // Should use `$.fn.prop` here. e.g.: "http://example.com/img/picture.jpg"
+                    url = $this.prop('src');
+                } else if ($this.is('canvas') && window.HTMLCanvasElement) {
+                    url = $this[0].toDataURL();
+                }
+
+                self.load(url);
+            }
+
+            // A shortcut for triggering custom events
+
+        }, {
+            key: 'trigger',
+            value: function trigger(type, data) {
+                var e = $.Event(type, data);
+
+                this.$element.trigger(e);
+
+                return e;
+            }
+        }, {
+            key: 'load',
+            value: function load(url) {
+                var self = this;
+                var options = self.options;
+                var $this = self.$element;
+
+                if (!url) {
+                    return;
+                }
+
+                self.url = url;
+                self.image = {};
+
+                if (!options.checkOrientation || !window.ArrayBuffer) {
+                    self.clone();
+                    return;
+                }
+
+                // XMLHttpRequest disallows to open a Data URL in some browsers like IE11 and Safari
+                if (REGEXP_DATA_URL.test(url)) {
+                    if (REGEXP_DATA_URL_JPEG.test(url)) {
+                        self.read(dataURLToArrayBuffer(url));
+                    } else {
+                        self.clone();
+                    }
+                    return;
+                }
+
+                var xhr = new XMLHttpRequest();
+
+                xhr.onerror = $.proxy(function () {
+                    self.clone();
+                }, this);
+
+                xhr.onload = function load() {
+                    self.read(this.response);
+                };
+
+                if (options.checkCrossOrigin && isCrossOriginURL(url) && $this.prop('crossOrigin')) {
+                    url = addTimestamp(url);
+                }
+
+                xhr.open('get', url);
+                xhr.responseType = 'arraybuffer';
+                xhr.withCredentials = $this.prop('crossOrigin') === 'use-credentials';
+                xhr.send();
+            }
+        }, {
+            key: 'read',
+            value: function read(arrayBuffer) {
+                var self = this;
+                var options = self.options;
+                var orientation = getOrientation(arrayBuffer);
+                var image = self.image;
+                var rotate = 0;
+                var scaleX = 1;
+                var scaleY = 1;
+
+                if (orientation > 1) {
+                    self.url = arrayBufferToDataURL(arrayBuffer);
+
+                    switch (orientation) {
+                        // flip horizontal
+                        case 2:
+                            scaleX = -1;
+                            break;
+
+                            // rotate left 180°
+                        case 3:
+                            rotate = -180;
+                            break;
+
+                            // flip vertical
+                        case 4:
+                            scaleY = -1;
+                            break;
+
+                            // flip vertical + rotate right 90°
+                        case 5:
+                            rotate = 90;
+                            scaleY = -1;
+                            break;
+
+                            // rotate right 90°
+                        case 6:
+                            rotate = 90;
+                            break;
+
+                            // flip horizontal + rotate right 90°
+                        case 7:
+                            rotate = 90;
+                            scaleX = -1;
+                            break;
+
+                            // rotate left 90°
+                        case 8:
+                            rotate = -90;
+                            break;
+
+                        default:
+                    }
+                }
+
+                if (options.rotatable) {
+                    image.rotate = rotate;
+                }
+
+                if (options.scalable) {
+                    image.scaleX = scaleX;
+                    image.scaleY = scaleY;
+                }
+
+                self.clone();
+            }
+        }, {
+            key: 'clone',
+            value: function clone() {
+                var self = this;
+                var options = self.options;
+                var $this = self.$element;
+                var url = self.url;
+                var crossOrigin = '';
+                var crossOriginUrl = void 0;
+
+                if (options.checkCrossOrigin && isCrossOriginURL(url)) {
+                    crossOrigin = $this.prop('crossOrigin');
+
+                    if (crossOrigin) {
+                        crossOriginUrl = url;
+                    } else {
+                        crossOrigin = 'anonymous';
+
+                        // Bust cache (#148) when there is not a "crossOrigin" property
+                        crossOriginUrl = addTimestamp(url);
+                    }
+                }
+
+                self.crossOrigin = crossOrigin;
+                self.crossOriginUrl = crossOriginUrl;
+
+                var image = document.createElement('img');
+
+                if (crossOrigin) {
+                    image.crossOrigin = crossOrigin;
+                }
+
+                image.src = crossOriginUrl || url;
+
+                var $clone = $(image);
+
+                self.$clone = $clone;
+
+                if (self.isImg) {
+                    if ($this[0].complete) {
+                        self.start();
+                    } else {
+                        $this.one('load', $.proxy(self.start, this));
+                    }
+                } else {
+                    $clone.one('load', $.proxy(self.start, this)).one('error', $.proxy(self.stop, this)).addClass('cropper-hide').insertAfter($this);
+                }
+            }
+        }, {
+            key: 'start',
+            value: function start() {
+                var self = this;
+                var $clone = self.$clone;
+                var $image = self.$element;
+
+                if (!self.isImg) {
+                    $clone.off('error', self.stop);
+                    $image = $clone;
+                }
+
+                getImageSize($image[0], function (naturalWidth, naturalHeight) {
+                    $.extend(self.image, {
+                        naturalWidth: naturalWidth,
+                        naturalHeight: naturalHeight,
+                        aspectRatio: naturalWidth / naturalHeight
+                    });
+
+                    self.loaded = true;
+                    self.build();
+                });
+            }
+        }, {
+            key: 'stop',
+            value: function stop() {
+                var self = this;
+
+                self.$clone.remove();
+                self.$clone = null;
+            }
+        }, {
+            key: 'build',
+            value: function build() {
+                var self = this;
+                var options = self.options;
+                var $this = self.$element;
+                var $clone = self.$clone;
+
+                if (!self.loaded) {
+                    return;
+                }
+
+                // Unbuild first when replace
+                if (self.ready) {
+                    self.unbuild();
+                }
+
+                var $cropper = $(TEMPLATE);
+                var $cropBox = $cropper.find('.cropper-crop-box');
+                var $face = $cropBox.find('.cropper-face');
+
+                // Create cropper elements
+                self.$container = $this.parent();
+                self.$cropper = $cropper;
+                self.$canvas = $cropper.find('.cropper-canvas').append($clone);
+                self.$dragBox = $cropper.find('.cropper-drag-box');
+                self.$cropBox = $cropBox;
+                self.$viewBox = $cropper.find('.cropper-view-box');
+                self.$face = $face;
+
+                // Hide the original image
+                $this.addClass(CLASS_HIDDEN).after($cropper);
+
+                // Show the clone image if is hidden
+                if (!self.isImg) {
+                    $clone.removeClass('cropper-hide');
+                }
+
+                self.initPreview();
+                self.bind();
+
+                options.aspectRatio = Math.max(0, options.aspectRatio) || NaN;
+                options.viewMode = Math.max(0, Math.min(3, Math.round(options.viewMode))) || 0;
+
+                self.cropped = options.autoCrop;
+
+                if (options.autoCrop) {
+                    if (options.modal) {
+                        self.$dragBox.addClass('cropper-modal');
+                    }
+                } else {
+                    $cropBox.addClass(CLASS_HIDDEN);
+                }
+
+                if (!options.guides) {
+                    $cropBox.find('.cropper-dashed').addClass(CLASS_HIDDEN);
+                }
+
+                if (!options.center) {
+                    $cropBox.find('.cropper-center').addClass(CLASS_HIDDEN);
+                }
+
+                if (options.cropBoxMovable) {
+                    $face.addClass('cropper-move').data('action', 'all');
+                }
+
+                if (!options.highlight) {
+                    $face.addClass('cropper-invisible');
+                }
+
+                if (options.background) {
+                    $cropper.addClass('cropper-bg');
+                }
+
+                if (!options.cropBoxResizable) {
+                    $cropBox.find('.cropper-line, .cropper-point').addClass(CLASS_HIDDEN);
+                }
+
+                self.setDragMode(options.dragMode);
+                self.render();
+                self.ready = true;
+                self.setData(options.data);
+
+                // Trigger the ready event asynchronously to keep `data('cropper')` is defined
+                self.completing = setTimeout(function () {
+                    if ($.isFunction(options.ready)) {
+                        $this.one('ready', options.ready);
+                    }
+
+                    self.trigger('ready');
+                    self.trigger('crop', self.getData());
+                    self.completed = true;
+                }, 0);
+            }
+        }, {
+            key: 'unbuild',
+            value: function unbuild() {
+                var self = this;
+
+                if (!self.ready) {
+                    return;
+                }
+
+                if (!self.completed) {
+                    clearTimeout(self.completing);
+                }
+
+                self.ready = false;
+                self.completed = false;
+                self.initialImage = null;
+
+                // Clear `initialCanvas` is necessary when replace
+                self.initialCanvas = null;
+                self.initialCropBox = null;
+                self.container = null;
+                self.canvas = null;
+
+                // Clear `cropBox` is necessary when replace
+                self.cropBox = null;
+                self.unbind();
+
+                self.resetPreview();
+                self.$preview = null;
+
+                self.$viewBox = null;
+                self.$cropBox = null;
+                self.$dragBox = null;
+                self.$canvas = null;
+                self.$container = null;
+
+                self.$cropper.remove();
+                self.$cropper = null;
+            }
+        }], [{
+            key: 'setDefaults',
+            value: function setDefaults(options) {
+                $.extend(DEFAULTS, $.isPlainObject(options) && options);
+            }
+        }]);
+
+        return Cropper;
+    }();
+
+    $.extend(Cropper.prototype, render);
+    $.extend(Cropper.prototype, preview);
+    $.extend(Cropper.prototype, events);
+    $.extend(Cropper.prototype, handlers);
+    $.extend(Cropper.prototype, change);
+    $.extend(Cropper.prototype, methods);
+
+    var NAMESPACE = 'cropper';
+    var OtherCropper = $.fn.cropper;
+
+    $.fn.cropper = function jQueryCropper(option) {
+        for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+            args[_key - 1] = arguments[_key];
+        }
+
+        var result = void 0;
+
+        this.each(function (i, element) {
+            var $this = $(element);
+            var data = $this.data(NAMESPACE);
+
+            if (!data) {
+                if (/destroy/.test(option)) {
+                    return;
+                }
+
+                var options = $.extend({}, $this.data(), $.isPlainObject(option) && option);
+                $this.data(NAMESPACE, data = new Cropper(element, options));
+            }
+
+            if (typeof option === 'string') {
+                var fn = data[option];
+
+                if ($.isFunction(fn)) {
+                    result = fn.apply(data, args);
+                }
+            }
+        });
+
+        return typeof result !== 'undefined' ? result : this;
+    };
+
+    $.fn.cropper.Constructor = Cropper;
+    $.fn.cropper.setDefaults = Cropper.setDefaults;
+
+    // No conflict
+    $.fn.cropper.noConflict = function noConflict() {
+        $.fn.cropper = OtherCropper;
+        return this;
+    };
+
+    exports('cropper', $.fn.cropper);
+});

assets/lib/layui - 副本/admin/modules/plugin/cropper/croppers.js

@@ -0,0 +1,135 @@
+/*!
+ * Cropper v3.0.0
+ */
+
+layui.config({
+    base: '/static/cropper/' //layui自定义layui组件目录
+}).define(['jquery','layer','cropper'],function (exports) {
+    var $ = layui.jquery
+        ,layer = layui.layer;
+    var html = "<link rel=\"stylesheet\" href=\"/static/cropper/cropper.css\">\n" +
+        "<div class=\"layui-fluid showImgEdit\" style=\"display: none\">\n" +
+        "    <div class=\"layui-form-item\">\n" +
+        "        <div class=\"layui-input-inline layui-btn-container\" style=\"width: auto;\">\n" +
+        "            <label for=\"cropper_avatarImgUpload\" class=\"layui-btn layui-btn-primary\">\n" +
+        "                <i class=\"layui-icon\">&#xe67c;</i>选择图片\n" +
+        "            </label>\n" +
+        "            <input class=\"layui-upload-file\" id=\"cropper_avatarImgUpload\" type=\"file\" value=\"选择图片\" name=\"file\">\n" +
+        "        </div>\n" +
+        "        <div class=\"layui-form-mid layui-word-aux\">头像的尺寸限定150x150px,大小在50kb以内</div>\n" +
+        "    </div>\n" +
+        "    <div class=\"layui-row layui-col-space15\">\n" +
+        "        <div class=\"layui-col-xs9\">\n" +
+        "            <div class=\"readyimg\" style=\"height:450px;background-color: rgb(247, 247, 247);\">\n" +
+        "                <img src=\"\" >\n" +
+        "            </div>\n" +
+        "        </div>\n" +
+        "        <div class=\"layui-col-xs3\">\n" +
+        "            <div class=\"img-preview\" style=\"width:200px;height:200px;overflow:hidden\">\n" +
+        "            </div>\n" +
+        "        </div>\n" +
+        "    </div>\n" +
+        "    <div class=\"layui-row layui-col-space15\">\n" +
+        "        <div class=\"layui-col-xs9\">\n" +
+        "            <div class=\"layui-row\">\n" +
+        "                <div class=\"layui-col-xs6\">\n" +
+        "                    <button type=\"button\" class=\"layui-btn layui-icon layui-icon-left\" cropper-event=\"rotate\" data-option=\"-15\" title=\"Rotate -90 degrees\"> 向左旋转</button>\n" +
+        "                    <button type=\"button\" class=\"layui-btn layui-icon layui-icon-right\" cropper-event=\"rotate\" data-option=\"15\" title=\"Rotate 90 degrees\"> 向右旋转</button>\n" +
+        "                </div>\n" +
+        "                <div class=\"layui-col-xs5\" style=\"text-align: right;\">\n" +
+        "                    <button type=\"button\" class=\"layui-btn\" title=\"移动\"></button>\n" +
+        "                    <button type=\"button\" class=\"layui-btn\" title=\"放大图片\"></button>\n" +
+        "                    <button type=\"button\" class=\"layui-btn\" title=\"缩小图片\"></button>\n" +
+        "                    <button type=\"button\" class=\"layui-btn layui-icon layui-icon-refresh\" cropper-event=\"reset\" title=\"重置图片\"></button>\n" +
+        "                </div>\n" +
+        "            </div>\n" +
+        "        </div>\n" +
+        "        <div class=\"layui-col-xs3\">\n" +
+        "            <button class=\"layui-btn layui-btn-fluid\" cropper-event=\"confirmSave\" type=\"button\"> 保存修改</button>\n" +
+        "        </div>\n" +
+        "    </div>\n" +
+        "\n" +
+        "</div>";
+    var obj = {
+        render: function(e){
+            $('body').append(html);
+            var self = this,
+                elem = e.elem,
+                saveW = e.saveW,
+                saveH = e.saveH,
+                mark = e.mark,
+                area = e.area,
+                url = e.url,
+                done = e.done;
+
+            var content = $('.showImgEdit')
+                ,image = $(".showImgEdit .readyimg img")
+                ,preview = '.showImgEdit .img-preview'
+                ,file = $(".showImgEdit input[name='file']")
+                , options = {aspectRatio: mark,preview: preview,viewMode:1};
+
+            $(elem).on('click',function () {
+                layer.open({
+                    type: 1
+                    , content: content
+                    , area: area
+                    , success: function () {
+                        image.cropper(options);
+                    }
+                    , cancel: function (index) {
+                        layer.close(index);
+                        image.cropper('destroy');
+                    }
+                });
+            });
+            $(".layui-btn").on('click',function () {
+                var event = $(this).attr("cropper-event");
+                //监听确认保存图像
+                if(event === 'confirmSave'){
+                    image.cropper("getCroppedCanvas",{
+                        width: saveW,
+                        height: saveH
+                    }).toBlob(function(blob){
+                        var formData=new FormData();
+                        formData.append('file',blob,'head.jpg');
+                        $.ajax({
+                            method:"post",
+                            url: url, //用于文件上传的服务器端请求地址
+                            data: formData,
+                            processData: false,
+                            contentType: false,
+                            success:function(result){
+                                if(result.code == 0){
+                                    layer.msg(result.msg,{icon: 1});
+                                    layer.closeAll('page');
+                                    return done(result.data.src);
+                                }else if(result.code == -1){
+                                    layer.alert(result.msg,{icon: 2});
+                                }
+
+                            }
+                        });
+                    });
+                    //监听旋转
+                }else if(event === 'rotate'){
+                    var option = $(this).attr('data-option');
+                    image.cropper('rotate', option);
+                    //重设图片
+                }else if(event === 'reset'){
+                    image.cropper('reset');
+                }
+                //文件选择
+                file.change(function () {
+                    var r= new FileReader();
+                    var f=this.files[0];
+                    r.readAsDataURL(f);
+                    r.onload=function (e) {
+                        image.cropper('destroy').attr('src', this.result).cropper(options);
+                    };
+                });
+            });
+        }
+
+    };
+    exports('croppers', obj);
+});

assets/lib/layui - 副本/admin/modules/plugin/formselects/formselects.js

@@ -0,0 +1,1793 @@
+'use strict';
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * name: formSelects
+ * 基于Layui Select多选
+ * version: 4.0.0.0910
+ * http://sun.faysunshine.com/layui/formSelects-v4/dist/formSelects-v4.js
+ */
+(function (layui, window, factory) {
+    if ((typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) === 'object') {
+        // 支持 CommonJS
+        module.exports = factory();
+    } else if (typeof define === 'function' && define.amd) {
+        // 支持 AMD
+        define(factory);
+    } else if (window.layui && layui.define) {
+        //layui加载
+        layui.define(['jquery'], function (exports) {
+            exports('formSelects', factory());
+        });
+    } else {
+        window.formSelects = factory();
+    }
+})(typeof layui == 'undefined' ? null : layui, window, function () {
+    var v = '4.0.0.0910',
+        NAME = 'xm-select',
+        PNAME = 'xm-select-parent',
+        INPUT = 'xm-select-input',
+        TDIV = 'xm-select--suffix',
+        THIS = 'xm-select-this',
+        LABEL = 'xm-select-label',
+        SEARCH = 'xm-select-search',
+        SEARCH_TYPE = 'xm-select-search-type',
+        SHOW_COUNT = 'xm-select-show-count',
+        CREATE = 'xm-select-create',
+        CREATE_LONG = 'xm-select-create-long',
+        MAX = 'xm-select-max',
+        SKIN = 'xm-select-skin',
+        DIRECTION = "xm-select-direction",
+        HEIGHT = 'xm-select-height',
+        DISABLED = 'xm-dis-disabled',
+        DIS = 'xm-select-dis',
+        TEMP = 'xm-select-temp',
+        RADIO = 'xm-select-radio',
+        LINKAGE = 'xm-select-linkage',
+        DL = 'xm-select-dl',
+        DD_HIDE = 'xm-select-hide',
+        HIDE_INPUT = 'xm-hide-input',
+        SANJIAO = 'xm-select-sj',
+        ICON_CLOSE = 'xm-icon-close',
+        FORM_TITLE = 'xm-select-title',
+        FORM_SELECT = 'xm-form-select',
+        FORM_SELECTED = 'xm-form-selected',
+        FORM_NONE = 'xm-select-none',
+        FORM_EMPTY = 'xm-select-empty',
+        FORM_INPUT = 'xm-input',
+        FORM_DL_INPUT = 'xm-dl-input',
+        FORM_SELECT_TIPS = 'xm-select-tips',
+        CHECKBOX_YES = 'xm-iconfont',
+        FORM_TEAM_PID = 'XM_PID_VALUE',
+        CZ = 'xm-cz',
+        CZ_GROUP = 'xm-cz-group',
+        TIPS = '请选择',
+        data = {},
+        events = {
+        on: {},
+        endOn: {},
+        filter: {},
+        maxTips: {},
+        opened: {},
+        closed: {}
+    },
+        ajax = {
+        type: 'get',
+        header: {},
+        first: true,
+        data: {},
+        searchUrl: '',
+        searchName: 'keyword',
+        searchVal: null,
+        keyName: 'name',
+        keyVal: 'value',
+        keySel: 'selected',
+        keyDis: 'disabled',
+        keyChildren: 'children',
+        dataType: '',
+        delay: 500,
+        beforeSuccess: null,
+        success: null,
+        error: null,
+        beforeSearch: null,
+        response: {
+            statusCode: 0,
+            statusName: 'code',
+            msgName: 'msg',
+            dataName: 'data'
+        },
+        tree: {
+            nextClick: function nextClick(id, item, callback) {
+                callback([]);
+            },
+            folderChoose: true,
+            lazy: true
+        }
+    },
+        quickBtns = [{ icon: 'xm-iconfont icon-quanxuan', name: '全选', click: function click(id, cm) {
+            cm.selectAll(id, true, true);
+        } }, { icon: 'xm-iconfont icon-qingkong', name: '清空', click: function click(id, cm) {
+            cm.removeAll(id, true, true);
+        } }, { icon: 'xm-iconfont icon-fanxuan', name: '反选', click: function click(id, cm) {
+            cm.reverse(id, true, true);
+        } }, { icon: 'xm-iconfont icon-pifu', name: '换肤', click: function click(id, cm) {
+            cm.skin(id);
+        } }],
+        $ = window.$ || window.layui && window.layui.jquery,
+        $win = $(window),
+        ajaxs = {},
+        fsConfig = {},
+        fsConfigs = {},
+        FormSelects = function FormSelects(options) {
+        var _this = this;
+
+        this.config = {
+            name: null, //xm-select="xxx"
+            max: null,
+            maxTips: function maxTips(id, vals, val, max) {
+                var ipt = $('[xid="' + _this.config.name + '"]').prev().find('.' + NAME);
+                if (ipt.parents('.layui-form-item[pane]').length) {
+                    ipt = ipt.parents('.layui-form-item[pane]');
+                }
+                ipt.attr('style', 'border-color: red !important');
+                setTimeout(function () {
+                    ipt.removeAttr('style');
+                }, 300);
+            },
+            init: null, //初始化的选择值,
+            on: null, //select值发生变化
+            opened: null,
+            closed: null,
+            filter: function filter(id, inputVal, val, isDisabled) {
+                return val.name.indexOf(inputVal) == -1;
+            },
+            clearid: -1,
+            direction: 'auto',
+            height: null,
+            isEmpty: false,
+            btns: [quickBtns[0], quickBtns[1], quickBtns[2]],
+            searchType: 0,
+            create: function create(id, name) {
+                return Date.now();
+            },
+            template: function template(id, item) {
+                return item.name;
+            },
+            showCount: 0,
+            isCreate: false,
+            placeholder: TIPS,
+            clearInput: false
+        };
+        this.select = null;
+        this.values = [];
+        $.extend(true, this.config, options, {
+            searchUrl: options.isSearch ? options.searchUrl : null,
+            placeholder: options.optionsFirst ? options.optionsFirst.value ? TIPS : options.optionsFirst.innerHTML || TIPS : TIPS,
+            btns: options.radio ? [quickBtns[1]] : [quickBtns[0], quickBtns[1], quickBtns[2]]
+        }, fsConfigs[options.name] || fsConfig);
+        this.config.searchUrl = options.searchUrl;
+        if (isNaN(this.config.showCount) || this.config.showCount <= 0) {
+            this.config.showCount = 19921012;
+        }
+    };
+
+    //一些简单的处理方法
+    var Common = function Common() {
+        this.appender();
+        this.on();
+        this.onreset();
+    };
+
+    Common.prototype.appender = function () {
+        //针对IE做的一些拓展
+        //拓展Array map方法
+        if (!Array.prototype.map) {
+            Array.prototype.map = function (i, h) {
+                var b,
+                    a,
+                    c,
+                    e = Object(this),
+                    f = e.length >>> 0;if (h) {
+                    b = h;
+                }a = new Array(f);c = 0;while (c < f) {
+                    var d, g;if (c in e) {
+                        d = e[c];g = i.call(b, d, c, e);a[c] = g;
+                    }c++;
+                }return a;
+            };
+        };
+
+        //拓展Array foreach方法
+        if (!Array.prototype.forEach) {
+            Array.prototype.forEach = function forEach(g, b) {
+                var d, c;if (this == null) {
+                    throw new TypeError("this is null or not defined");
+                }var f = Object(this);var a = f.length >>> 0;if (typeof g !== "function") {
+                    throw new TypeError(g + " is not a function");
+                }if (arguments.length > 1) {
+                    d = b;
+                }c = 0;while (c < a) {
+                    var e;if (c in f) {
+                        e = f[c];g.call(d, e, c, f);
+                    }c++;
+                }
+            };
+        };
+
+        //拓展Array filter方法
+        if (!Array.prototype.filter) {
+            Array.prototype.filter = function (b) {
+                if (this === void 0 || this === null) {
+                    throw new TypeError();
+                }var f = Object(this);var a = f.length >>> 0;if (typeof b !== "function") {
+                    throw new TypeError();
+                }var e = [];var d = arguments[1];for (var c = 0; c < a; c++) {
+                    if (c in f) {
+                        var g = f[c];if (b.call(d, g, c, f)) {
+                            e.push(g);
+                        }
+                    }
+                }return e;
+            };
+        };
+    };
+
+    Common.prototype.init = function (target) {
+        var _this2 = this;
+
+        //初始化页面上已有的select
+        $(target ? target : 'select[' + NAME + ']').each(function (index, select) {
+            var othis = $(select),
+                id = othis.attr(NAME),
+                hasLayuiRender = othis.next('.layui-form-select'),
+                hasRender = othis.next('.' + PNAME),
+                options = {
+                name: id,
+                disabled: select.disabled,
+                max: othis.attr(MAX) - 0,
+                isSearch: othis.attr(SEARCH) != undefined,
+                searchUrl: othis.attr(SEARCH),
+                isCreate: othis.attr(CREATE) != undefined,
+                radio: othis.attr(RADIO) != undefined,
+                skin: othis.attr(SKIN),
+                direction: othis.attr(DIRECTION),
+                optionsFirst: select.options[0],
+                height: othis.attr(HEIGHT),
+                formname: othis.attr('name') || othis.attr('_name'),
+                layverify: othis.attr('lay-verify') || othis.attr('_lay-verify'),
+                layverType: othis.attr('lay-verType'),
+                searchType: othis.attr(SEARCH_TYPE) == 'dl' ? 1 : 0,
+                showCount: othis.attr(SHOW_COUNT) - 0
+            },
+                value = othis.find('option[selected]').toArray().map(function (option) {
+                //获取已选中的数据
+                return {
+                    name: option.innerHTML,
+                    value: option.value
+                };
+            }),
+                fs = new FormSelects(options);
+
+            fs.values = value;
+
+            if (fs.config.init) {
+                fs.values = fs.config.init.map(function (item) {
+                    if ((typeof item === 'undefined' ? 'undefined' : _typeof(item)) == 'object') {
+                        return item;
+                    }
+                    return {
+                        name: othis.find('option[value="' + item + '"]').text(),
+                        value: item
+                    };
+                }).filter(function (item) {
+                    return item.name;
+                });
+                fs.config.init = fs.values.concat([]);
+            } else {
+                fs.config.init = value.concat([]);
+            }
+
+            !fs.values && (fs.values = []);
+
+            data[id] = fs;
+
+            //先取消layui对select的渲染
+            hasLayuiRender[0] && hasLayuiRender.remove();
+            hasRender[0] && hasRender.remove();
+
+            //构造渲染div
+            var dinfo = _this2.renderSelect(id, fs.config.placeholder, select);
+            var heightStyle = !fs.config.height || fs.config.height == 'auto' ? '' : 'xm-hg style="height: 34px;"';
+            var inputHtml = ['<div class="' + LABEL + '">', '<input type="text" fsw class="' + FORM_INPUT + ' ' + INPUT + '" ' + (fs.config.isSearch ? '' : 'style="display: none;"') + ' autocomplete="off" debounce="0" />', '</div>'];
+            var reElem = $('<div class="' + FORM_SELECT + '" ' + SKIN + '="' + fs.config.skin + '">\n\t\t\t\t\t<input class="' + HIDE_INPUT + '" value="" name="' + fs.config.formname + '" lay-verify="' + fs.config.layverify + '" lay-verType="' + fs.config.layverType + '" type="text" style="position: absolute;bottom: 0; z-index: -1;width: 100%; height: 100%; border: none; opacity: 0;"/>\n\t\t\t\t\t<div class="' + FORM_TITLE + ' ' + (fs.config.disabled ? DIS : '') + '">\n\t\t\t\t\t\t<div class="' + FORM_INPUT + ' ' + NAME + '" ' + heightStyle + '>\n\t\t\t\t\t\t\t' + inputHtml.join('') + '\n\t\t\t\t\t\t\t<i class="' + SANJIAO + '"></i>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class="' + TDIV + '">\n\t\t\t\t\t\t\t<input type="text" autocomplete="off" placeholder="' + fs.config.placeholder + '" readonly="readonly" unselectable="on" class="' + FORM_INPUT + '">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<dl xid="' + id + '" class="' + DL + ' ' + (fs.config.radio ? RADIO : '') + '">' + dinfo + '</dl>\n\t\t\t\t</div>');
+
+            var $parent = $('<div class="' + PNAME + '" FS_ID="' + id + '"></div>');
+            $parent.append(reElem);
+            othis.after($parent);
+            othis.attr('lay-ignore', '');
+            othis.removeAttr('name') && othis.attr('_name', fs.config.formname);
+            othis.removeAttr('lay-verify') && othis.attr('_lay-verify', fs.config.layverify);
+
+            //如果可搜索, 加上事件
+            if (fs.config.isSearch) {
+                ajaxs[id] = $.extend({}, ajax, { searchUrl: fs.config.searchUrl }, ajaxs[id]);
+                ajaxs[id].searchUrl = fs.config.searchUrl;
+                $(document).on('input', 'div.' + PNAME + '[FS_ID="' + id + '"] .' + INPUT, function (e) {
+                    _this2.search(id, e, fs.config.searchUrl);
+                });
+                if (fs.config.searchUrl) {
+                    //触发第一次请求事件
+                    _this2.triggerSearch(reElem, true);
+                }
+            } else {
+                //隐藏第二个dl
+                reElem.find('dl dd.' + FORM_DL_INPUT).css('display', 'none');
+            }
+        });
+    };
+
+    Common.prototype.search = function (id, e, searchUrl, call) {
+        var _this3 = this;
+
+        var input = void 0;
+        if (call) {
+            input = call;
+        } else {
+            input = e.target;
+            var keyCode = e.keyCode;
+            if (keyCode === 9 || keyCode === 13 || keyCode === 37 || keyCode === 38 || keyCode === 39 || keyCode === 40) {
+                return false;
+            }
+        }
+        var inputValue = $.trim(input.value);
+        //过滤一下tips
+        this.changePlaceHolder($(input));
+
+        var ajaxConfig = ajaxs[id] ? ajaxs[id] : ajax;
+        searchUrl = ajaxConfig.searchUrl || searchUrl;
+        var fs = data[id],
+            isCreate = fs.config.isCreate,
+            reElem = $('dl[xid="' + id + '"]').parents('.' + FORM_SELECT);
+        //如果开启了远程搜索
+        if (searchUrl) {
+            if (ajaxConfig.searchVal) {
+                inputValue = ajaxConfig.searchVal;
+                ajaxConfig.searchVal = '';
+            }
+            if (!ajaxConfig.beforeSearch || ajaxConfig.beforeSearch && ajaxConfig.beforeSearch instanceof Function && ajaxConfig.beforeSearch(id, searchUrl, inputValue)) {
+                var delay = ajaxConfig.delay;
+                if (ajaxConfig.first) {
+                    ajaxConfig.first = false;
+                    delay = 10;
+                }
+                clearTimeout(fs.clearid);
+                fs.clearid = setTimeout(function () {
+                    reElem.find('dl > *:not(.' + FORM_SELECT_TIPS + ')').remove();
+                    reElem.find('dd.' + FORM_NONE).addClass(FORM_EMPTY).text('请求中');
+                    _this3.ajax(id, searchUrl, inputValue, false, null, true);
+                }, delay);
+            }
+        } else {
+            reElem.find('dl .' + DD_HIDE).removeClass(DD_HIDE);
+            //遍历选项, 选择可以显示的值
+            reElem.find('dl dd:not(.' + FORM_SELECT_TIPS + ')').each(function (idx, item) {
+                var _item = $(item);
+                var searchFun = events.filter[id] || data[id].config.filter;
+                if (searchFun && searchFun(id, inputValue, _this3.getItem(id, _item), _item.hasClass(DISABLED)) == true) {
+                    _item.addClass(DD_HIDE);
+                }
+            });
+            //控制分组名称
+            reElem.find('dl dt').each(function (index, item) {
+                if (!$(item).nextUntil('dt', ':not(.' + DD_HIDE + ')').length) {
+                    $(item).addClass(DD_HIDE);
+                }
+            });
+            //动态创建
+            this.create(id, isCreate, inputValue);
+            var shows = reElem.find('dl dd:not(.' + FORM_SELECT_TIPS + '):not(.' + DD_HIDE + ')');
+            if (!shows.length) {
+                reElem.find('dd.' + FORM_NONE).addClass(FORM_EMPTY).text('无匹配项');
+            } else {
+                reElem.find('dd.' + FORM_NONE).removeClass(FORM_EMPTY);
+            }
+        }
+    };
+
+    Common.prototype.isArray = function (obj) {
+        return Object.prototype.toString.call(obj) == "[object Array]";
+    };
+
+    Common.prototype.triggerSearch = function (div, isCall) {
+        var _this4 = this;
+
+        (div ? [div] : $('.' + FORM_SELECT).toArray()).forEach(function (reElem, index) {
+            reElem = $(reElem);
+            var id = reElem.find('dl').attr('xid');
+            if (id && data[id] && data[id].config.isEmpty || isCall) {
+                _this4.search(id, null, null, data[id].config.searchType == 0 ? reElem.find('.' + LABEL + ' .' + INPUT) : reElem.find('dl .' + FORM_DL_INPUT + ' .' + INPUT));
+            }
+        });
+    };
+
+    Common.prototype.clearInput = function (id) {
+        var div = $('.' + PNAME + '[fs_id="' + id + '"]');
+        var input = data[id].config.searchType == 0 ? div.find('.' + LABEL + ' .' + INPUT) : div.find('dl .' + FORM_DL_INPUT + ' .' + INPUT);
+        input.val('');
+    };
+
+    Common.prototype.ajax = function (id, searchUrl, inputValue, isLinkage, linkageWidth, isSearch, successCallback, isReplace) {
+        var _this5 = this;
+
+        var reElem = $('.' + PNAME + ' dl[xid="' + id + '"]').parents('.' + FORM_SELECT);
+        if (!reElem[0] || !searchUrl) {
+            return;
+        }
+        var ajaxConfig = ajaxs[id] ? ajaxs[id] : ajax;
+        var ajaxData = $.extend(true, {}, ajaxConfig.data);
+        ajaxData[ajaxConfig.searchName] = inputValue;
+        //是否需要对ajax添加随机时间
+        //ajaxData['_'] = Date.now();
+        $.ajax({
+            type: ajaxConfig.type,
+            headers: ajaxConfig.header,
+            url: searchUrl,
+            data: ajaxConfig.dataType == 'json' ? JSON.stringify(ajaxData) : ajaxData,
+            success: function success(res) {
+                if (typeof res == 'string') {
+                    res = JSON.parse(res);
+                }
+                ajaxConfig.beforeSuccess && ajaxConfig.beforeSuccess instanceof Function && (res = ajaxConfig.beforeSuccess(id, searchUrl, inputValue, res));
+                if (_this5.isArray(res)) {
+                    var newRes = {};
+                    newRes[ajaxConfig.response.statusName] = ajaxConfig.response.statusCode;
+                    newRes[ajaxConfig.response.msgName] = "";
+                    newRes[ajaxConfig.response.dataName] = res;
+                    res = newRes;
+                }
+                if (res[ajaxConfig.response.statusName] != ajaxConfig.response.statusCode) {
+                    reElem.find('dd.' + FORM_NONE).addClass(FORM_EMPTY).text(res[ajaxConfig.response.msgName]);
+                } else {
+                    reElem.find('dd.' + FORM_NONE).removeClass(FORM_EMPTY);
+                    _this5.renderData(id, res[ajaxConfig.response.dataName], isLinkage, linkageWidth, isSearch, isReplace);
+                    data[id].config.isEmpty = res[ajaxConfig.response.dataName].length == 0;
+                }
+                successCallback && successCallback(id);
+                ajaxConfig.success && ajaxConfig.success instanceof Function && ajaxConfig.success(id, searchUrl, inputValue, res);
+            },
+            error: function error(err) {
+                reElem.find('dd[lay-value]:not(.' + FORM_SELECT_TIPS + ')').remove();
+                reElem.find('dd.' + FORM_NONE).addClass(FORM_EMPTY).text('服务异常');
+                ajaxConfig.error && ajaxConfig.error instanceof Function && ajaxConfig.error(id, searchUrl, inputValue, err);
+            }
+        });
+    };
+
+    Common.prototype.renderData = function (id, dataArr, linkage, linkageWidth, isSearch, isReplace) {
+        var _this6 = this;
+
+        if (linkage) {
+            //渲染多级联动
+            this.renderLinkage(id, dataArr, linkageWidth);
+            return;
+        }
+        if (isReplace) {
+            this.renderReplace(id, dataArr);
+            return;
+        }
+
+        var reElem = $('.' + PNAME + ' dl[xid="' + id + '"]').parents('.' + FORM_SELECT);
+        var ajaxConfig = ajaxs[id] ? ajaxs[id] : ajax;
+        var pcInput = reElem.find('.' + TDIV + ' input');
+
+        dataArr = this.exchangeData(id, dataArr);
+        var values = [];
+        reElem.find('dl').html(this.renderSelect(id, pcInput.attr('placeholder') || pcInput.attr('back'), dataArr.map(function (item) {
+            var itemVal = $.extend({}, item, {
+                innerHTML: item[ajaxConfig.keyName],
+                value: item[ajaxConfig.keyVal],
+                sel: item[ajaxConfig.keySel],
+                disabled: item[ajaxConfig.keyDis],
+                type: item.type,
+                name: item[ajaxConfig.keyName]
+            });
+            if (itemVal.sel) {
+                values.push(itemVal);
+            }
+            return itemVal;
+        })));
+
+        var label = reElem.find('.' + LABEL);
+        var dl = reElem.find('dl[xid]');
+        if (isSearch) {
+            //如果是远程搜索, 这里需要判重
+            var oldVal = data[id].values;
+            oldVal.forEach(function (item, index) {
+                dl.find('dd[lay-value="' + item.value + '"]').addClass(THIS);
+            });
+            values.forEach(function (item, index) {
+                if (_this6.indexOf(oldVal, item) == -1) {
+                    _this6.addLabel(id, label, item);
+                    dl.find('dd[lay-value="' + item.value + '"]').addClass(THIS);
+                    oldVal.push(item);
+                }
+            });
+        } else {
+            values.forEach(function (item, index) {
+                _this6.addLabel(id, label, item);
+                dl.find('dd[lay-value="' + item.value + '"]').addClass(THIS);
+            });
+            data[id].values = values;
+        }
+        this.commonHandler(id, label);
+    };
+
+    Common.prototype.renderLinkage = function (id, dataArr, linkageWidth) {
+        var result = [],
+            index = 0,
+            temp = { "0": dataArr },
+            ajaxConfig = ajaxs[id] ? ajaxs[id] : ajax;
+        db[id] = {};
+
+        var _loop = function _loop() {
+            var group = result[index++] = [],
+                _temp = temp;
+            temp = {};
+            $.each(_temp, function (pid, arr) {
+                $.each(arr, function (idx, item) {
+                    var val = {
+                        pid: pid,
+                        name: item[ajaxConfig.keyName],
+                        value: item[ajaxConfig.keyVal]
+                    };
+                    db[id][val.value] = $.extend(item, val);
+                    group.push(val);
+                    var children = item[ajaxConfig.keyChildren];
+                    if (children && children.length) {
+                        temp[val.value] = children;
+                    }
+                });
+            });
+        };
+
+        do {
+            _loop();
+        } while (Object.getOwnPropertyNames(temp).length);
+
+        var reElem = $('.' + PNAME + ' dl[xid="' + id + '"]').parents('.' + FORM_SELECT);
+        var html = ['<div class="xm-select-linkage">'];
+
+        $.each(result, function (idx, arr) {
+            var groupDiv = ['<div style="left: ' + (linkageWidth - 0) * idx + 'px;" class="xm-select-linkage-group xm-select-linkage-group' + (idx + 1) + ' ' + (idx != 0 ? 'xm-select-linkage-hide' : '') + '">'];
+            $.each(arr, function (idx2, item) {
+                var span = '<li title="' + item.name + '" pid="' + item.pid + '" xm-value="' + item.value + '"><span>' + item.name + '</span></li>';
+                groupDiv.push(span);
+            });
+            groupDiv.push('</div>');
+            html = html.concat(groupDiv);
+        });
+        html.push('<div style="clear: both; height: 288px;"></div>');
+        html.push('</div>');
+        reElem.find('dl').html(html.join(''));
+        reElem.find('.' + INPUT).css('display', 'none'); //联动暂时不支持搜索
+    };
+
+    Common.prototype.renderReplace = function (id, dataArr) {
+        var _this7 = this;
+
+        var dl = $('.' + PNAME + ' dl[xid="' + id + '"]');
+        var ajaxConfig = ajaxs[id] ? ajaxs[id] : ajax;
+
+        dataArr = this.exchangeData(id, dataArr);
+        db[id] = dataArr;
+
+        var html = dataArr.map(function (item) {
+            var itemVal = $.extend({}, item, {
+                innerHTML: item[ajaxConfig.keyName],
+                value: item[ajaxConfig.keyVal],
+                sel: item[ajaxConfig.keySel],
+                disabled: item[ajaxConfig.keyDis],
+                type: item.type,
+                name: item[ajaxConfig.keyName]
+            });
+            return _this7.createDD(id, itemVal);
+        }).join('');
+
+        dl.find('dd:not(.' + FORM_SELECT_TIPS + '),dt:not([style])').remove();
+        dl.find('dt[style]').after($(html));
+    };
+
+    Common.prototype.exchangeData = function (id, arr) {
+        //这里处理树形结构
+        var ajaxConfig = ajaxs[id] ? ajaxs[id] : ajax;
+        var childrenName = ajaxConfig['keyChildren'];
+        var disabledName = ajaxConfig['keyDis'];
+        db[id] = {};
+        var result = this.getChildrenList(arr, childrenName, disabledName, [], false);
+        return result;
+    };
+
+    Common.prototype.getChildrenList = function (arr, childrenName, disabledName, pid, disabled) {
+        var result = [],
+            offset = 0;
+        for (var a = 0; a < arr.length; a++) {
+            var item = arr[a];
+            if (item.type && item.type == 'optgroup') {
+                result.push(item);
+                continue;
+            } else {
+                offset++;
+            }
+            var parentIds = pid.concat([]);
+            parentIds.push(offset - 1 + '_E');
+            item[FORM_TEAM_PID] = JSON.stringify(parentIds);
+            item[disabledName] = item[disabledName] || disabled;
+            result.push(item);
+            var child = item[childrenName];
+            if (child && common.isArray(child) && child.length) {
+                item['XM_TREE_FOLDER'] = true;
+                var pidArr = parentIds.concat([]);
+                var childResult = this.getChildrenList(child, childrenName, disabledName, pidArr, item[disabledName]);
+                result = result.concat(childResult);
+            }
+        }
+        return result;
+    };
+
+    Common.prototype.create = function (id, isCreate, inputValue) {
+        if (isCreate && inputValue) {
+            var fs = data[id],
+                dl = $('[xid="' + id + '"]'),
+                tips = dl.find('dd.' + FORM_SELECT_TIPS + '.' + FORM_DL_INPUT),
+                tdd = null,
+                temp = dl.find('dd.' + TEMP);
+            dl.find('dd:not(.' + FORM_SELECT_TIPS + '):not(.' + TEMP + ')').each(function (index, item) {
+                if (inputValue == $(item).find('span').attr('name')) {
+                    tdd = item;
+                }
+            });
+            if (!tdd) {
+                //如果不存在, 则创建
+                var val = fs.config.create(id, inputValue);
+                if (temp[0]) {
+                    temp.attr('lay-value', val);
+                    temp.find('span').text(inputValue);
+                    temp.find('span').attr("name", inputValue);
+                    temp.removeClass(DD_HIDE);
+                } else {
+                    tips.after($(this.createDD(id, {
+                        name: inputValue,
+                        innerHTML: inputValue,
+                        value: val
+                    }, TEMP + ' ' + CREATE_LONG)));
+                }
+            }
+        } else {
+            $('[xid=' + id + '] dd.' + TEMP).remove();
+        }
+    };
+
+    Common.prototype.createDD = function (id, item, clz) {
+        var ajaxConfig = ajaxs[id] ? ajaxs[id] : ajax;
+        var name = $.trim(item.innerHTML);
+        db[id][item.value] = $(item).is('option') ? item = function () {
+            var resultItem = {};
+            resultItem[ajaxConfig.keyName] = name;
+            resultItem[ajaxConfig.keyVal] = item.value;
+            resultItem[ajaxConfig.keyDis] = item.disabled;
+            return resultItem;
+        }() : item;
+        var template = data[id].config.template(id, item);
+        var pid = item[FORM_TEAM_PID];
+        pid ? pid = JSON.parse(pid) : pid = [-1];
+        var attr = pid[0] == -1 ? '' : 'tree-id="' + pid.join('-') + '" tree-folder="' + !!item['XM_TREE_FOLDER'] + '"';
+        return '<dd lay-value="' + item.value + '" class="' + (item.disabled ? DISABLED : '') + ' ' + (clz ? clz : '') + '" ' + attr + '>\n\t\t\t\t\t<div class="xm-unselect xm-form-checkbox ' + (item.disabled ? DISABLED : '') + '"  style="margin-left: ' + (pid.length - 1) * 30 + 'px">\n\t\t\t\t\t\t<i class="' + CHECKBOX_YES + '"></i>\n\t\t\t\t\t\t<span name="' + name + '">' + template + '</span>\n\t\t\t\t\t</div>\n\t\t\t\t</dd>';
+    };
+
+    Common.prototype.createQuickBtn = function (obj, right) {
+        return '<div class="' + CZ + '" method="' + obj.name + '" title="' + obj.name + '" ' + (right ? 'style="margin-right: ' + right + '"' : '') + '><i class="' + obj.icon + '"></i><span>' + obj.name + '</span></div>';
+    };
+
+    Common.prototype.renderBtns = function (id, show, right) {
+        var _this8 = this;
+
+        var quickBtn = [];
+        var dl = $('dl[xid="' + id + '"]');
+        quickBtn.push('<div class="' + CZ_GROUP + '" show="' + show + '" style="max-width: ' + (dl.prev().width() - 54) + 'px;">');
+        $.each(data[id].config.btns, function (index, item) {
+            quickBtn.push(_this8.createQuickBtn(item, right));
+        });
+        quickBtn.push('</div>');
+        quickBtn.push(this.createQuickBtn({ icon: 'xm-iconfont icon-caidan', name: '' }));
+        return quickBtn.join('');
+    };
+
+    Common.prototype.renderSelect = function (id, tips, select) {
+        var _this9 = this;
+
+        db[id] = {};
+        var arr = [];
+        if (data[id].config.btns.length) {
+            setTimeout(function () {
+                var dl = $('dl[xid="' + id + '"]');
+                dl.parents('.' + FORM_SELECT).attr(SEARCH_TYPE, data[id].config.searchType);
+                dl.find('.' + CZ_GROUP).css('max-width', dl.prev().width() - 54 + 'px');
+            }, 10);
+            arr.push(['<dd lay-value="" class="' + FORM_SELECT_TIPS + '" style="background-color: #FFF!important;">', this.renderBtns(id, null, '30px'), '</dd>', '<dd lay-value="" class="' + FORM_SELECT_TIPS + ' ' + FORM_DL_INPUT + '" style="background-color: #FFF!important;">', '<i class="xm-iconfont icon-sousuo"></i>', '<input type="text" class="' + FORM_INPUT + ' ' + INPUT + '" placeholder="\u8BF7\u641C\u7D22"/>', '</dd>'].join(''));
+        } else {
+            arr.push('<dd lay-value="" class="' + FORM_SELECT_TIPS + '">' + tips + '</dd>');
+        }
+        if (this.isArray(select)) {
+            $(select).each(function (index, item) {
+                if (item) {
+                    if (item.type && item.type === 'optgroup') {
+                        arr.push('<dt>' + item.name + '</dt>');
+                    } else {
+                        arr.push(_this9.createDD(id, item));
+                    }
+                }
+            });
+        } else {
+            $(select).find('*').each(function (index, item) {
+                if (item.tagName.toLowerCase() == 'option' && index == 0 && !item.value) {
+                    return;
+                }
+                if (item.tagName.toLowerCase() === 'optgroup') {
+                    arr.push('<dt>' + item.label + '</dt>');
+                } else {
+                    arr.push(_this9.createDD(id, item));
+                }
+            });
+        }
+        arr.push('<dt style="display:none;"> </dt>');
+        arr.push('<dd class="' + FORM_SELECT_TIPS + ' ' + FORM_NONE + ' ' + (arr.length === 2 ? FORM_EMPTY : '') + '">\u6CA1\u6709\u9009\u9879</dd>');
+        return arr.join('');
+    };
+
+    Common.prototype.on = function () {
+        var _this10 = this;
+
+        //事件绑定
+        this.one();
+
+        $(document).on('click', function (e) {
+            if (!$(e.target).parents('.' + FORM_TITLE)[0]) {
+                //清空input中的值
+                $('.' + PNAME + ' dl .' + DD_HIDE).removeClass(DD_HIDE);
+                $('.' + PNAME + ' dl dd.' + FORM_EMPTY).removeClass(FORM_EMPTY);
+                $('.' + PNAME + ' dl dd.' + TEMP).remove();
+                $.each(data, function (key, fs) {
+                    _this10.clearInput(key);
+                    if (!fs.values.length) {
+                        _this10.changePlaceHolder($('div[FS_ID="' + key + '"] .' + LABEL));
+                    }
+                });
+            }
+            $('.' + PNAME + ' .' + FORM_SELECTED).each(function (index, item) {
+                _this10.changeShow($(item).find('.' + FORM_TITLE), false);
+            });
+        });
+    };
+
+    Common.prototype.calcLabelLeft = function (label, w, call) {
+        var pos = this.getPosition(label[0]);
+        pos.y = pos.x + label[0].clientWidth;
+        var left = label[0].offsetLeft;
+        if (!label.find('span').length) {
+            left = 0;
+        } else if (call) {
+            //校正归位
+            var span = label.find('span:last');
+            span.css('display') == 'none' ? span = span.prev()[0] : span = span[0];
+            var spos = this.getPosition(span);
+            spos.y = spos.x + span.clientWidth;
+
+            if (spos.y > pos.y) {
+                left = left - (spos.y - pos.y) - 5;
+            } else {
+                left = 0;
+            }
+        } else {
+            if (w < 0) {
+                var _span = label.find(':last');
+                _span.css('display') == 'none' ? _span = _span.prev()[0] : _span = _span[0];
+                var _spos = this.getPosition(_span);
+                _spos.y = _spos.x + _span.clientWidth;
+                if (_spos.y > pos.y) {
+                    left -= 10;
+                }
+            } else {
+                if (left < 0) {
+                    left += 10;
+                }
+                if (left > 0) {
+                    left = 0;
+                }
+            }
+        }
+        label.css('left', left + 'px');
+    };
+
+    Common.prototype.one = function (target) {
+        var _this11 = this;
+
+        //一次性事件绑定
+        $(target ? target : document).off('click', '.' + FORM_TITLE).on('click', '.' + FORM_TITLE, function (e) {
+            var othis = $(e.target),
+                title = othis.is(FORM_TITLE) ? othis : othis.parents('.' + FORM_TITLE),
+                dl = title.next(),
+                id = dl.attr('xid');
+
+            //清空非本select的input val
+            $('dl[xid]').not(dl).each(function (index, item) {
+                _this11.clearInput($(item).attr('xid'));
+            });
+            $('dl[xid]').not(dl).find('dd.' + DD_HIDE).removeClass(DD_HIDE);
+
+            //如果是disabled select
+            if (title.hasClass(DIS)) {
+                return false;
+            }
+            //如果点击的是右边的三角或者只读的input
+            if (othis.is('.' + SANJIAO) || othis.is('.' + INPUT + '[readonly]')) {
+                _this11.changeShow(title, !title.parents('.' + FORM_SELECT).hasClass(FORM_SELECTED));
+                return false;
+            }
+            //如果点击的是input的右边, focus一下
+            if (title.find('.' + INPUT + ':not(readonly)')[0]) {
+                var input = title.find('.' + INPUT),
+                    epos = { x: e.pageX, y: e.pageY },
+                    pos = _this11.getPosition(title[0]),
+                    width = title.width();
+                while (epos.x > pos.x) {
+                    if ($(document.elementFromPoint(epos.x, epos.y)).is(input)) {
+                        input.focus();
+                        _this11.changeShow(title, true);
+                        return false;
+                    }
+                    epos.x -= 50;
+                }
+            }
+
+            //如果点击的是可搜索的input
+            if (othis.is('.' + INPUT)) {
+                _this11.changeShow(title, true);
+                return false;
+            }
+            //如果点击的是x按钮
+            if (othis.is('i[fsw="' + NAME + '"]')) {
+                var val = _this11.getItem(id, othis),
+                    dd = dl.find('dd[lay-value=\'' + val.value + '\']');
+                if (dd.hasClass(DISABLED)) {
+                    //如果是disabled状态, 不可选, 不可删
+                    return false;
+                }
+                _this11.handlerLabel(id, dd, false, val);
+                return false;
+            }
+
+            _this11.changeShow(title, !title.parents('.' + FORM_SELECT).hasClass(FORM_SELECTED));
+            return false;
+        });
+        $(target ? target : document).off('click', 'dl.' + DL).on('click', 'dl.' + DL, function (e) {
+            var othis = $(e.target);
+            if (othis.is('.' + LINKAGE) || othis.parents('.' + LINKAGE)[0]) {
+                //linkage的处理
+                othis = othis.is('li') ? othis : othis.parents('li[xm-value]');
+                var _group = othis.parents('.xm-select-linkage-group'),
+                    _id = othis.parents('dl').attr('xid');
+                if (!_id) {
+                    return false;
+                }
+                //激活li
+                _group.find('.xm-select-active').removeClass('xm-select-active');
+                othis.addClass('xm-select-active');
+                //激活下一个group, 激活前显示对应数据
+                _group.nextAll('.xm-select-linkage-group').addClass('xm-select-linkage-hide');
+                var nextGroup = _group.next('.xm-select-linkage-group');
+                nextGroup.find('li').addClass('xm-select-linkage-hide');
+                nextGroup.find('li[pid="' + othis.attr('xm-value') + '"]').removeClass('xm-select-linkage-hide');
+                //如果没有下一个group, 或没有对应的值
+                if (!nextGroup[0] || nextGroup.find('li:not(.xm-select-linkage-hide)').length == 0) {
+                    var vals = [],
+                        index = 0,
+                        isAdd = !othis.hasClass('xm-select-this');
+                    if (data[_id].config.radio) {
+                        othis.parents('.xm-select-linkage').find('.xm-select-this').removeClass('xm-select-this');
+                    }
+                    do {
+                        vals[index++] = {
+                            name: othis.find('span').text(),
+                            value: othis.attr('xm-value')
+                        };
+                        othis = othis.parents('.xm-select-linkage-group').prev().find('li[xm-value="' + othis.attr('pid') + '"]');
+                    } while (othis.length);
+                    vals.reverse();
+                    var val = {
+                        name: vals.map(function (item) {
+                            return item.name;
+                        }).join('/'),
+                        value: vals.map(function (item) {
+                            return item.value;
+                        }).join('/')
+                    };
+                    _this11.handlerLabel(_id, null, isAdd, val);
+                } else {
+                    nextGroup.removeClass('xm-select-linkage-hide');
+                }
+                return false;
+            }
+
+            if (othis.is('dl')) {
+                return false;
+            }
+
+            if (othis.is('dt')) {
+                othis.nextUntil('dt').each(function (index, item) {
+                    item = $(item);
+                    if (item.hasClass(DISABLED) || item.hasClass(THIS)) {} else {
+                        item.find('i:not(.icon-expand)').click();
+                    }
+                });
+                return false;
+            }
+            var dd = othis.is('dd') ? othis : othis.parents('dd');
+            var id = dd.parent('dl').attr('xid');
+
+            if (dd.hasClass(DISABLED)) {
+                //被禁用选项的处理
+                return false;
+            }
+
+            //菜单功效
+            if (othis.is('i.icon-caidan')) {
+                var opens = [],
+                    closes = [];
+                othis.parents('dl').find('dd[tree-folder="true"]').each(function (index, item) {
+                    $(item).attr('xm-tree-hidn') == undefined ? opens.push(item) : closes.push(item);
+                });
+                var arr = closes.length ? closes : opens;
+                arr.forEach(function (item) {
+                    return item.click();
+                });
+                return false;
+            }
+            //树状结构的选择
+            var treeId = dd.attr('tree-id');
+            if (treeId) {
+                //忽略右边的图标
+                if (othis.is('i:not(.icon-expand)')) {
+                    _this11.handlerLabel(id, dd, !dd.hasClass(THIS));
+                    return false;
+                }
+                var ajaxConfig = ajaxs[id] || ajax;
+                var treeConfig = ajaxConfig.tree;
+                var childrens = dd.nextAll('dd[tree-id^="' + treeId + '"]');
+                if (childrens && childrens.length) {
+                    var len = childrens[0].clientHeight;
+                    len ? (_this11.addTreeHeight(dd, len), len = 0) : (len = dd.attr('xm-tree-hidn') || 36, dd.removeAttr('xm-tree-hidn'), dd.find('>i').remove(), childrens = childrens.filter(function (index, item) {
+                        return $(item).attr('tree-id').split('-').length - 1 == treeId.split('-').length;
+                    }));
+                    childrens.animate({
+                        height: len
+                    }, 150);
+                    return false;
+                } else {
+                    if (treeConfig.nextClick && treeConfig.nextClick instanceof Function) {
+                        treeConfig.nextClick(id, _this11.getItem(id, dd), function (res) {
+                            if (!res || !res.length) {
+                                _this11.handlerLabel(id, dd, !dd.hasClass(THIS));
+                            } else {
+                                dd.attr('tree-folder', 'true');
+                                var ddChilds = [];
+                                res.forEach(function (item, idx) {
+                                    item.innerHTML = item[ajaxConfig.keyName];
+                                    item[FORM_TEAM_PID] = JSON.stringify(treeId.split('-').concat([idx]));
+                                    ddChilds.push(_this11.createDD(id, item));
+                                    db[id][item[ajaxConfig.keyVal]] = item;
+                                });
+                                dd.after(ddChilds.join(''));
+                            }
+                        });
+                        return false;
+                    }
+                }
+            }
+
+            if (dd.hasClass(FORM_SELECT_TIPS)) {
+                //tips的处理
+                var btn = othis.is('.' + CZ) ? othis : othis.parents('.' + CZ);
+                if (!btn[0]) {
+                    return false;
+                }
+                var method = btn.attr('method');
+                var obj = data[id].config.btns.filter(function (bean) {
+                    return bean.name == method;
+                })[0];
+                obj && obj.click && obj.click instanceof Function && obj.click(id, _this11);
+                return false;
+            }
+            _this11.handlerLabel(id, dd, !dd.hasClass(THIS));
+            return false;
+        });
+    };
+
+    Common.prototype.addTreeHeight = function (dd, len) {
+        var _this12 = this;
+
+        var treeId = dd.attr('tree-id');
+        var childrens = dd.nextAll('dd[tree-id^="' + treeId + '"]');
+        if (childrens.length) {
+            dd.append('<i class="xm-iconfont icon-expand"></i>');
+            dd.attr('xm-tree-hidn', len);
+            childrens.each(function (index, item) {
+                var that = $(item);
+                _this12.addTreeHeight(that, len);
+            });
+        }
+    };
+
+    var db = {};
+    Common.prototype.getItem = function (id, value) {
+        if (value instanceof $) {
+            if (value.is('i[fsw="' + NAME + '"]')) {
+                var span = value.parent();
+                return db[id][value] || {
+                    name: span.find('font').text(),
+                    value: span.attr('value')
+                };
+            }
+            var val = value.attr('lay-value');
+            return !db[id][val] ? db[id][val] = {
+                name: value.find('span[name]').attr('name'),
+                value: val
+            } : db[id][val];
+        } else if (typeof value == 'string' && value.indexOf('/') != -1) {
+            return db[id][value] || {
+                name: this.valToName(id, value),
+                value: value
+            };
+        }
+        return db[id][value];
+    };
+
+    Common.prototype.linkageAdd = function (id, val) {
+        var dl = $('dl[xid="' + id + '"]');
+        dl.find('.xm-select-active').removeClass('xm-select-active');
+        var vs = val.value.split('/');
+        var pid = void 0,
+            li = void 0,
+            index = 0;
+        var lis = [];
+        do {
+            pid = vs[index];
+            li = dl.find('.xm-select-linkage-group' + (index + 1) + ' li[xm-value="' + pid + '"]');
+            li[0] && lis.push(li);
+            index++;
+        } while (li.length && pid != undefined);
+        if (lis.length == vs.length) {
+            $.each(lis, function (idx, item) {
+                item.addClass('xm-select-this');
+            });
+        }
+    };
+
+    Common.prototype.linkageDel = function (id, val) {
+        var dl = $('dl[xid="' + id + '"]');
+        var vs = val.value.split('/');
+        var pid = void 0,
+            li = void 0,
+            index = vs.length - 1;
+        do {
+            pid = vs[index];
+            li = dl.find('.xm-select-linkage-group' + (index + 1) + ' li[xm-value="' + pid + '"]');
+            if (!li.parent().next().find('li[pid=' + pid + '].xm-select-this').length) {
+                li.removeClass('xm-select-this');
+            }
+            index--;
+        } while (li.length && pid != undefined);
+    };
+
+    Common.prototype.valToName = function (id, val) {
+        var dl = $('dl[xid="' + id + '"]');
+        var vs = (val + "").split('/');
+        if (!vs.length) {
+            return null;
+        }
+        var names = [];
+        $.each(vs, function (idx, item) {
+            var name = dl.find('.xm-select-linkage-group' + (idx + 1) + ' li[xm-value="' + item + '"] span').text();
+            names.push(name);
+        });
+        return names.length == vs.length ? names.join('/') : null;
+    };
+
+    Common.prototype.commonHandler = function (key, label) {
+        if (!label || !label[0]) {
+            return;
+        }
+        this.checkHideSpan(key, label);
+        //计算input的提示语
+        this.changePlaceHolder(label);
+        //计算高度
+        this.retop(label.parents('.' + FORM_SELECT));
+        this.calcLabelLeft(label, 0, true);
+        //表单默认值
+        this.setHidnVal(key, label);
+        //title值
+        label.parents('.' + FORM_TITLE + ' .' + NAME).attr('title', data[key].values.map(function (val) {
+            return val.name;
+        }).join(','));
+    };
+
+    Common.prototype.initVal = function (id) {
+        var _this13 = this;
+
+        var target = {};
+        if (id) {
+            target[id] = data[id];
+        } else {
+            target = data;
+        }
+        $.each(target, function (key, val) {
+            var values = val.values,
+                div = $('dl[xid="' + key + '"]').parent(),
+                label = div.find('.' + LABEL),
+                dl = div.find('dl');
+            dl.find('dd.' + THIS).removeClass(THIS);
+
+            var _vals = values.concat([]);
+            _vals.concat([]).forEach(function (item, index) {
+                _this13.addLabel(key, label, item);
+                dl.find('dd[lay-value="' + item.value + '"]').addClass(THIS);
+            });
+            if (val.config.radio) {
+                _vals.length && values.push(_vals[_vals.length - 1]);
+            }
+            _this13.commonHandler(key, label);
+        });
+    };
+
+    Common.prototype.setHidnVal = function (key, label) {
+        if (!label || !label[0]) {
+            return;
+        }
+        label.parents('.' + PNAME).find('.' + HIDE_INPUT).val(data[key].values.map(function (val) {
+            return val.value;
+        }).join(','));
+    };
+
+    Common.prototype.handlerLabel = function (id, dd, isAdd, oval, notOn) {
+        var div = $('[xid="' + id + '"]').prev().find('.' + LABEL),
+            val = dd && this.getItem(id, dd),
+            vals = data[id].values,
+            on = data[id].config.on || events.on[id],
+            endOn = data[id].config.endOn || events.endOn[id];
+        if (oval) {
+            val = oval;
+        }
+        var fs = data[id];
+        if (isAdd && fs.config.max && fs.values.length >= fs.config.max) {
+            var maxTipsFun = events.maxTips[id] || data[id].config.maxTips;
+            maxTipsFun && maxTipsFun(id, vals.concat([]), val, fs.config.max);
+            return;
+        }
+        if (!notOn) {
+            if (on && on instanceof Function && on(id, vals.concat([]), val, isAdd, dd && dd.hasClass(DISABLED)) == false) {
+                return;
+            }
+        }
+        var dl = $('dl[xid="' + id + '"]');
+        isAdd ? (dd && dd[0] ? (dd.addClass(THIS), dd.removeClass(TEMP)) : dl.find('.xm-select-linkage')[0] && this.linkageAdd(id, val), this.addLabel(id, div, val), vals.push(val)) : (dd && dd[0] ? dd.removeClass(THIS) : dl.find('.xm-select-linkage')[0] && this.linkageDel(id, val), this.delLabel(id, div, val), this.remove(vals, val));
+        if (!div[0]) return;
+        //单选选完后直接关闭选择域
+        if (fs.config.radio) {
+            this.changeShow(div, false);
+        }
+        //移除表单验证的红色边框
+        div.parents('.' + FORM_TITLE).prev().removeClass('layui-form-danger');
+
+        //清空搜索值
+        fs.config.clearInput && this.clearInput(id);
+
+        this.commonHandler(id, div);
+
+        !notOn && endOn && endOn instanceof Function && endOn(id, vals.concat([]), val, isAdd, dd && dd.hasClass(DISABLED));
+    };
+
+    Common.prototype.addLabel = function (id, div, val) {
+        if (!val) return;
+        var tips = 'fsw="' + NAME + '"';
+        var _ref = [$('<span ' + tips + ' value="' + val.value + '"><font ' + tips + '>' + val.name + '</font></span>'), $('<i ' + tips + ' class="xm-iconfont icon-close"></i>')],
+            $label = _ref[0],
+            $close = _ref[1];
+
+        $label.append($close);
+        //如果是radio模式
+        var fs = data[id];
+        if (fs.config.radio) {
+            fs.values.length = 0;
+            $('dl[xid="' + id + '"]').find('dd.' + THIS + ':not([lay-value="' + val.value + '"])').removeClass(THIS);
+            div.find('span').remove();
+        }
+        //如果是固定高度
+        div.find('input').css('width', '50px');
+        div.find('input').before($label);
+    };
+
+    Common.prototype.delLabel = function (id, div, val) {
+        if (!val) return;
+        div.find('span[value="' + val.value + '"]:first').remove();
+    };
+
+    Common.prototype.checkHideSpan = function (id, div) {
+        var parentHeight = div.parents('.' + NAME)[0].offsetHeight + 5;
+        div.find('span.xm-span-hide').removeClass('xm-span-hide');
+        div.find('span[style]').remove();
+
+        var count = data[id].config.showCount;
+        div.find('span').each(function (index, item) {
+            if (index >= count) {
+                $(item).addClass('xm-span-hide');
+            }
+        });
+
+        var prefix = div.find('span:eq(' + count + ')');
+        prefix[0] && prefix.before($('<span style="padding-right: 6px;" fsw="' + NAME + '"> + ' + (div.find('span').length - count) + '</span>'));
+    };
+
+    Common.prototype.retop = function (div) {
+        //计算dl显示的位置
+        var dl = div.find('dl'),
+            top = div.offset().top + div.outerHeight() + 5 - $win.scrollTop(),
+            dlHeight = dl.outerHeight();
+        var up = div.hasClass('layui-form-selectup') || dl.css('top').indexOf('-') != -1 || top + dlHeight > $win.height() && top >= dlHeight;
+        div = div.find('.' + NAME);
+
+        var fs = data[dl.attr('xid')];
+        var base = dl.parents('.layui-form-pane')[0] && dl.prev()[0].clientHeight > 38 ? 14 : 10;
+        if (fs && fs.config.direction == 'up' || up) {
+            up = true;
+            if (fs && fs.config.direction == 'down') {
+                up = false;
+            }
+        }
+        var reHeight = div[0].offsetTop + div.height() + base;
+        if (up) {
+            dl.css({
+                top: 'auto',
+                bottom: reHeight + 3 + 'px'
+            });
+        } else {
+            dl.css({
+                top: reHeight + 'px',
+                bottom: 'auto'
+            });
+        }
+    };
+
+    Common.prototype.changeShow = function (children, isShow) {
+        //显示于隐藏
+        $('.layui-form-selected').removeClass('layui-form-selected');
+        var top = children.parents('.' + FORM_SELECT),
+            realShow = top.hasClass(FORM_SELECTED),
+            id = top.find('dl').attr('xid');
+        $('.' + PNAME + ' .' + FORM_SELECT).not(top).removeClass(FORM_SELECTED);
+        if (isShow) {
+            this.retop(top);
+            top.addClass(FORM_SELECTED);
+            top.find('.' + INPUT).focus();
+            if (!top.find('dl dd[lay-value]:not(.' + FORM_SELECT_TIPS + ')').length) {
+                top.find('dl .' + FORM_NONE).addClass(FORM_EMPTY);
+            }
+        } else {
+            top.removeClass(FORM_SELECTED);
+            this.clearInput(id);
+            top.find('dl .' + FORM_EMPTY).removeClass(FORM_EMPTY);
+            top.find('dl dd.' + DD_HIDE).removeClass(DD_HIDE);
+            top.find('dl dd.' + TEMP).remove();
+            //计算ajax数据是否为空, 然后重新请求数据
+            if (id && data[id] && data[id].config.isEmpty) {
+                this.triggerSearch(top);
+            }
+            this.changePlaceHolder(top.find('.' + LABEL));
+        }
+        if (isShow != realShow) {
+            var openFun = data[id].config.opened || events.opened[id];
+            isShow && openFun && openFun instanceof Function && openFun(id);
+            var closeFun = data[id].config.closed || events.closed[id];
+            !isShow && closeFun && closeFun instanceof Function && closeFun(id);
+        }
+    };
+
+    Common.prototype.changePlaceHolder = function (div) {
+        //显示于隐藏提示语
+        //调整pane模式下的高度
+        var title = div.parents('.' + FORM_TITLE);
+        title[0] || (title = div.parents('dl').prev());
+        if (!title[0]) {
+            return;
+        }
+
+        var id = div.parents('.' + PNAME).find('dl[xid]').attr('xid');
+        if (data[id] && data[id].config.height) {//既然固定高度了, 那就看着办吧
+
+        } else {
+            var height = title.find('.' + NAME)[0].clientHeight;
+            title.css('height', (height > 36 ? height + 4 : height) + 'px');
+            //如果是layui pane模式, 处理label的高度
+            var label = title.parents('.' + PNAME).parent().prev();
+            if (label.is('.layui-form-label') && title.parents('.layui-form-pane')[0]) {
+                height = height > 36 ? height + 4 : height;
+                title.css('height', height + 'px');
+                label.css({
+                    height: height + 2 + 'px',
+                    lineHeight: height - 18 + 'px'
+                });
+            }
+        }
+
+        var input = title.find('.' + TDIV + ' input'),
+            isShow = !div.find('span:last')[0] && !title.find('.' + INPUT).val();
+        if (isShow) {
+            var ph = input.attr('back');
+            input.removeAttr('back');
+            input.attr('placeholder', ph);
+        } else {
+            var _ph = input.attr('placeholder');
+            input.removeAttr('placeholder');
+            input.attr('back', _ph);
+        }
+    };
+
+    Common.prototype.indexOf = function (arr, val) {
+        for (var i = 0; i < arr.length; i++) {
+            if (arr[i].value == val || arr[i].value == (val ? val.value : val) || arr[i] == val || JSON.stringify(arr[i]) == JSON.stringify(val)) {
+                return i;
+            }
+        }
+        return -1;
+    };
+
+    Common.prototype.remove = function (arr, val) {
+        var idx = this.indexOf(arr, val ? val.value : val);
+        if (idx > -1) {
+            arr.splice(idx, 1);
+            return true;
+        }
+        return false;
+    };
+
+    Common.prototype.selectAll = function (id, isOn, skipDis) {
+        var _this14 = this;
+
+        var dl = $('[xid="' + id + '"]');
+        if (!dl[0]) {
+            return;
+        }
+        if (dl.find('.xm-select-linkage')[0]) {
+            return;
+        }
+        dl.find('dd[lay-value]:not(.' + FORM_SELECT_TIPS + '):not(.' + THIS + ')' + (skipDis ? ':not(.' + DISABLED + ')' : '')).each(function (index, item) {
+            item = $(item);
+            var val = _this14.getItem(id, item);
+            _this14.handlerLabel(id, dl.find('dd[lay-value="' + val.value + '"]'), true, val, !isOn);
+        });
+    };
+
+    Common.prototype.removeAll = function (id, isOn, skipDis) {
+        var _this15 = this;
+
+        var dl = $('[xid="' + id + '"]');
+        if (!dl[0]) {
+            return;
+        }
+        if (dl.find('.xm-select-linkage')[0]) {
+            //针对多级联动的处理
+            data[id].values.concat([]).forEach(function (item, idx) {
+                var vs = item.value.split('/');
+                var pid = void 0,
+                    li = void 0,
+                    index = 0;
+                do {
+                    pid = vs[index++];
+                    li = dl.find('.xm-select-linkage-group' + index + ':not(.xm-select-linkage-hide) li[xm-value="' + pid + '"]');
+                    li.click();
+                } while (li.length && pid != undefined);
+            });
+            return;
+        }
+        data[id].values.concat([]).forEach(function (item, index) {
+            if (skipDis && dl.find('dd[lay-value="' + item.value + '"]').hasClass(DISABLED)) {} else {
+                _this15.handlerLabel(id, dl.find('dd[lay-value="' + item.value + '"]'), false, item, !isOn);
+            }
+        });
+    };
+
+    Common.prototype.reverse = function (id, isOn, skipDis) {
+        var _this16 = this;
+
+        var dl = $('[xid="' + id + '"]');
+        if (!dl[0]) {
+            return;
+        }
+        if (dl.find('.xm-select-linkage')[0]) {
+            return;
+        }
+        dl.find('dd[lay-value]:not(.' + FORM_SELECT_TIPS + ')' + (skipDis ? ':not(.' + DISABLED + ')' : '')).each(function (index, item) {
+            item = $(item);
+            var val = _this16.getItem(id, item);
+            _this16.handlerLabel(id, dl.find('dd[lay-value="' + val.value + '"]'), !item.hasClass(THIS), val, !isOn);
+        });
+    };
+
+    Common.prototype.skin = function (id) {
+        var skins = ['default', 'primary', 'normal', 'warm', 'danger'];
+        var skin = skins[Math.floor(Math.random() * skins.length)];
+        $('dl[xid="' + id + '"]').parents('.' + PNAME).find('.' + FORM_SELECT).attr('xm-select-skin', skin);
+        this.check(id) && this.commonHandler(id, $('dl[xid="' + id + '"]').parents('.' + PNAME).find('.' + LABEL));
+    };
+
+    Common.prototype.getPosition = function (e) {
+        var x = 0,
+            y = 0;
+        while (e != null) {
+            x += e.offsetLeft;
+            y += e.offsetTop;
+            e = e.offsetParent;
+        }
+        return { x: x, y: y };
+    };
+
+    Common.prototype.onreset = function () {
+        //监听reset按钮, 然后重置多选
+        $(document).on('click', '[type=reset]', function (e) {
+            $(e.target).parents('form').find('.' + PNAME + ' dl[xid]').each(function (index, item) {
+                var id = item.getAttribute('xid'),
+                    dl = $(item),
+                    dd = void 0,
+                    temp = {};
+                common.removeAll(id);
+                data[id].config.init.forEach(function (val, idx) {
+                    if (val && (!temp[val] || data[id].config.repeat) && (dd = dl.find('dd[lay-value="' + val.value + '"]'))[0]) {
+                        common.handlerLabel(id, dd, true);
+                        temp[val] = 1;
+                    }
+                });
+            });
+        });
+    };
+
+    Common.prototype.bindEvent = function (name, id, fun) {
+        if (id && id instanceof Function) {
+            fun = id;
+            id = null;
+        }
+        if (fun && fun instanceof Function) {
+            if (!id) {
+                $.each(data, function (id, val) {
+                    data[id] ? data[id].config[name] = fun : events[name][id] = fun;
+                });
+            } else {
+                data[id] ? (data[id].config[name] = fun, delete events[name][id]) : events[name][id] = fun;
+            }
+        }
+    };
+
+    Common.prototype.check = function (id, notAutoRender) {
+        if ($('dl[xid="' + id + '"]').length) {
+            return true;
+        } else if ($('select[xm-select="' + id + '"]').length) {
+            if (!notAutoRender) {
+                this.render(id, $('select[xm-select="' + id + '"]'));
+                return true;
+            }
+        } else {
+            delete data[id];
+            return false;
+        }
+    };
+
+    Common.prototype.render = function (id, select) {
+        common.init(select);
+        common.one($('dl[xid="' + id + '"]').parents('.' + PNAME));
+        common.initVal(id);
+    };
+
+    Common.prototype.log = function (obj) {
+        console.log(obj);
+    };
+
+    var Select4 = function Select4() {
+        this.v = v;
+        this.render();
+    };
+    var common = new Common();
+
+    Select4.prototype.value = function (id, type, isAppend) {
+        if (typeof id != 'string') {
+            return [];
+        }
+        var fs = data[id];
+        if (!common.check(id)) {
+            return [];
+        }
+        if (typeof type == 'string' || type == undefined) {
+            var arr = fs.values.concat([]) || [];
+            if (type == 'val') {
+                return arr.map(function (val) {
+                    return val.value;
+                });
+            }
+            if (type == 'valStr') {
+                return arr.map(function (val) {
+                    return val.value;
+                }).join(',');
+            }
+            if (type == 'name') {
+                return arr.map(function (val) {
+                    return val.name;
+                });
+            }
+            if (type == 'nameStr') {
+                return arr.map(function (val) {
+                    return val.name;
+                }).join(',');
+            }
+            return arr;
+        }
+        if (common.isArray(type)) {
+            var dl = $('[xid="' + id + '"]'),
+                temp = {},
+                dd = void 0,
+                isAdd = true;
+            if (isAppend == false) {
+                //删除传入的数组
+                isAdd = false;
+            } else if (isAppend == true) {
+                //追加模式
+                isAdd = true;
+            } else {
+                //删除原有的数据
+                common.removeAll(id);
+            }
+            if (isAdd) {
+                fs.values.forEach(function (val, index) {
+                    temp[val.value] = 1;
+                });
+            }
+            type.forEach(function (val, index) {
+                if (val && (!temp[val] || fs.config.repeat)) {
+                    if ((dd = dl.find('dd[lay-value="' + val + '"]'))[0]) {
+                        common.handlerLabel(id, dd, isAdd, null, true);
+                        temp[val] = 1;
+                    } else {
+                        var name = common.valToName(id, val);
+                        if (name) {
+                            common.handlerLabel(id, dd, isAdd, common.getItem(id, val), true);
+                            temp[val] = 1;
+                        }
+                    }
+                }
+            });
+        }
+    };
+
+    Select4.prototype.on = function (id, fun, isEnd) {
+        common.bindEvent(isEnd ? 'endOn' : 'on', id, fun);
+        return this;
+    };
+
+    Select4.prototype.filter = function (id, fun) {
+        common.bindEvent('filter', id, fun);
+        return this;
+    };
+
+    Select4.prototype.maxTips = function (id, fun) {
+        common.bindEvent('maxTips', id, fun);
+        return this;
+    };
+
+    Select4.prototype.opened = function (id, fun) {
+        common.bindEvent('opened', id, fun);
+        return this;
+    };
+
+    Select4.prototype.closed = function (id, fun) {
+        common.bindEvent('closed', id, fun);
+        return this;
+    };
+
+    Select4.prototype.config = function (id, config, isJson) {
+        if (id && (typeof id === 'undefined' ? 'undefined' : _typeof(id)) == 'object') {
+            isJson = config == true;
+            config = id;
+            id = null;
+        }
+        if (config && (typeof config === 'undefined' ? 'undefined' : _typeof(config)) == 'object') {
+            if (isJson) {
+                config.header || (config.header = {});
+                config.header['Content-Type'] = 'application/json; charset=UTF-8';
+                config.dataType = 'json';
+            }
+            id ? (ajaxs[id] = $.extend(true, {}, ajaxs[id] || ajax, config), !common.check(id) && this.render(id), data[id] && config.direction && (data[id].config.direction = config.direction), data[id] && config.clearInput && (data[id].config.clearInput = true), config.searchUrl && data[id] && common.triggerSearch($('.' + PNAME + ' dl[xid="' + id + '"]').parents('.' + FORM_SELECT), true)) : ($.extend(true, ajax, config), $.each(ajaxs, function (key, item) {
+                $.extend(true, item, config);
+            }));
+        }
+        return this;
+    };
+
+    Select4.prototype.render = function (id, options) {
+        var _ref2;
+
+        if (id && (typeof id === 'undefined' ? 'undefined' : _typeof(id)) == 'object') {
+            options = id;
+            id = null;
+        }
+        var config = options ? (_ref2 = {
+            init: options.init,
+            disabled: options.disabled,
+            max: options.max,
+            isSearch: options.isSearch,
+            searchUrl: options.searchUrl,
+            isCreate: options.isCreate,
+            radio: options.radio,
+            skin: options.skin,
+            direction: options.direction,
+            height: options.height,
+            formname: options.formname,
+            layverify: options.layverify,
+            layverType: options.layverType,
+            showCount: options.showCount,
+            placeholder: options.placeholder,
+            create: options.create,
+            filter: options.filter,
+            maxTips: options.maxTips,
+            on: options.on
+        }, _defineProperty(_ref2, 'on', options.on), _defineProperty(_ref2, 'opened', options.opened), _defineProperty(_ref2, 'closed', options.closed), _defineProperty(_ref2, 'template', options.template), _defineProperty(_ref2, 'clearInput', options.clearInput), _ref2) : {};
+
+        options && options.searchType != undefined && (config.searchType = options.searchType == 'dl' ? 1 : 0);
+
+        if (id) {
+            fsConfigs[id] = {};
+            $.extend(fsConfigs[id], data[id] ? data[id].config : {}, config);
+        } else {
+            $.extend(fsConfig, config);
+        }
+
+        ($('select[' + NAME + '="' + id + '"]')[0] ? $('select[' + NAME + '="' + id + '"]') : $('select[' + NAME + ']')).each(function (index, select) {
+            var sid = select.getAttribute(NAME);
+            common.render(sid, select);
+            setTimeout(function () {
+                return common.setHidnVal(sid, $('select[xm-select="' + sid + '"] + div.' + PNAME + ' .' + LABEL));
+            }, 10);
+        });
+        return this;
+    };
+
+    Select4.prototype.disabled = function (id) {
+        var target = {};
+        id ? common.check(id) && (target[id] = data[id]) : target = data;
+
+        $.each(target, function (key, val) {
+            $('dl[xid="' + key + '"]').prev().addClass(DIS);
+        });
+        return this;
+    };
+
+    Select4.prototype.undisabled = function (id) {
+        var target = {};
+        id ? common.check(id) && (target[id] = data[id]) : target = data;
+
+        $.each(target, function (key, val) {
+            $('dl[xid="' + key + '"]').prev().removeClass(DIS);
+        });
+        return this;
+    };
+
+    Select4.prototype.data = function (id, type, config) {
+        if (!id || !type || !config) {
+            common.log('id: ' + id + ' param error !!!');
+            return this;
+        }
+        if (!common.check(id)) {
+            common.log('id: ' + id + ' not render !!!');
+            return this;
+        }
+        this.value(id, []);
+        this.config(id, config);
+        if (type == 'local') {
+            common.renderData(id, config.arr, config.linkage == true, config.linkageWidth ? config.linkageWidth : '100');
+        } else if (type == 'server') {
+            common.ajax(id, config.url, config.keyword, config.linkage == true, config.linkageWidth ? config.linkageWidth : '100');
+        }
+        return this;
+    };
+
+    Select4.prototype.btns = function (id, btns, config) {
+        if (id && common.isArray(id)) {
+            btns = id;
+            id = null;
+        }
+        if (!btns || !common.isArray(btns)) {
+            return this;
+        };
+        var target = {};
+        id ? common.check(id) && (target[id] = data[id]) : target = data;
+
+        btns = btns.map(function (obj) {
+            if (typeof obj == 'string') {
+                if (obj == 'select') {
+                    return quickBtns[0];
+                }
+                if (obj == 'remove') {
+                    return quickBtns[1];
+                }
+                if (obj == 'reverse') {
+                    return quickBtns[2];
+                }
+                if (obj == 'skin') {
+                    return quickBtns[3];
+                }
+            }
+            return obj;
+        });
+
+        $.each(target, function (key, val) {
+            val.config.btns = btns;
+            var dd = $('dl[xid="' + key + '"]').find('.' + FORM_SELECT_TIPS + ':first');
+            if (btns.length) {
+                var show = config && config.show && (config.show == 'name' || config.show == 'icon') ? config.show : '';
+                var html = common.renderBtns(key, show, config && config.space ? config.space : '30px');
+                dd.html(html);
+            } else {
+                var pcInput = dd.parents('.' + FORM_SELECT).find('.' + TDIV + ' input');
+                var _html = pcInput.attr('placeholder') || pcInput.attr('back');
+                dd.html(_html);
+                dd.removeAttr('style');
+            }
+        });
+
+        return this;
+    };
+
+    Select4.prototype.search = function (id, val) {
+        if (id && common.check(id)) {
+            ajaxs[id] = $.extend(true, {}, ajaxs[id] || ajax, {
+                first: true,
+                searchVal: val
+            });
+            common.triggerSearch($('dl[xid="' + id + '"]').parents('.' + FORM_SELECT), true);
+        }
+        return this;
+    };
+
+    Select4.prototype.replace = function (id, type, config) {
+        var _this17 = this;
+
+        if (!id || !type || !config) {
+            common.log('id: ' + id + ' param error !!!');
+            return this;
+        }
+        if (!common.check(id, true)) {
+            common.log('id: ' + id + ' not render !!!');
+            return this;
+        }
+        var oldVals = this.value(id, 'val');
+        this.value(id, []);
+        this.config(id, config);
+        if (type == 'local') {
+            common.renderData(id, config.arr, config.linkage == true, config.linkageWidth ? config.linkageWidth : '100', false, true);
+            this.value(id, oldVals, true);
+        } else if (type == 'server') {
+            common.ajax(id, config.url, config.keyword, config.linkage == true, config.linkageWidth ? config.linkageWidth : '100', false, function (id) {
+                _this17.value(id, oldVals, true);
+            }, true);
+        }
+    };
+
+    return new Select4();
+});

assets/lib/layui - 副本/admin/modules/set.js

@@ -0,0 +1,2 @@
+/** layuiAdmin.std-v1.1.0 LPPL License By http://www.layui.com/admin/ */
+ ;layui.define(["form","upload"],function(t){var i=layui.$,e=layui.layer,a=(layui.laytpl,layui.setter,layui.view,layui.admin),n=layui.form,s=layui.upload;i("body");n.verify({nickname:function(t,i){return new RegExp("^[a-zA-Z0-9_一-龥\\s·]+$").test(t)?/(^\_)|(\__)|(\_+$)/.test(t)?"用户名首尾不能出现下划线'_'":/^\d+\d+\d$/.test(t)?"用户名不能全为数字":void 0:"用户名不能有特殊字符"},pass:[/^[\S]{6,12}$/,"密码必须6到12位，且不能出现空格"],repass:function(t){if(t!==i("#LAY_password").val())return"两次密码输入不一致"}}),n.on("submit(set_website)",function(t){return e.msg(JSON.stringify(t.field)),!1}),n.on("submit(set_system_email)",function(t){return e.msg(JSON.stringify(t.field)),!1}),n.on("submit(setmyinfo)",function(t){return e.msg(JSON.stringify(t.field)),!1});var r=i("#LAY_avatarSrc");s.render({url:"/api/upload/",elem:"#LAY_avatarUpload",done:function(t){0==t.status?r.val(t.url):e.msg(t.msg,{icon:5})}}),a.events.avartatPreview=function(t){var i=r.val();e.photos({photos:{title:"查看头像",data:[{src:i}]},shade:.01,closeBtn:1,anim:5})},n.on("submit(setmypass)",function(t){return e.msg(JSON.stringify(t.field)),!1}),t("set",{})});

assets/lib/layui - 副本/admin/modules/user.js

@@ -0,0 +1,2 @@
+/** layuiAdmin.std-v1.1.0 LPPL License By http://www.layui.com/admin/ */
+ ;layui.define("form",function(e){var s=layui.$,t=(layui.layer,layui.laytpl,layui.setter,layui.view,layui.admin),i=layui.form,a=s("body");i.verify({nickname:function(e,s){return new RegExp("^[a-zA-Z0-9_一-龥\\s·]+$").test(e)?/(^\_)|(\__)|(\_+$)/.test(e)?"用户名首尾不能出现下划线'_'":/^\d+\d+\d$/.test(e)?"用户名不能全为数字":void 0:"用户名不能有特殊字符"},pass:[/^[\S]{6,12}$/,"密码必须6到12位，且不能出现空格"]}),t.sendAuthCode({elem:"#LAY-user-getsmscode",elemPhone:"#LAY-user-login-cellphone",elemVercode:"#LAY-user-login-vercode",ajax:{url:layui.setter.base+"json/user/sms.js"}}),a.on("click","#LAY-user-get-vercode",function(){s(this);this.src="https://www.oschina.net/action/user/captcha?t="+(new Date).getTime()}),e("user",{})});

assets/lib/layui - 副本/admin/modules/workorder.js

@@ -0,0 +1,2 @@
+/** layuiAdmin.std-v1.1.0 LPPL License By http://www.layui.com/admin/ */
+ ;layui.define(["table","form","element"],function(e){var t=layui.$,i=layui.table,r=(layui.form,layui.element);i.render({elem:"#LAY-app-system-order",url:layui.setter.base+"json/workorder/demo.js",cols:[[{type:"numbers",fixed:"left"},{field:"orderid",width:100,title:"工单号",sort:!0},{field:"attr",width:100,title:"业务性质"},{field:"title",width:100,title:"工单标题",width:300},{field:"progress",title:"进度",width:200,align:"center",templet:"#progressTpl"},{field:"submit",width:100,title:"提交者"},{field:"accept",width:100,title:"受理人员"},{field:"state",title:"工单状态",templet:"#buttonTpl",minWidth:80,align:"center"},{title:"操作",align:"center",fixed:"right",toolbar:"#table-system-order"}]],page:!0,limit:10,limits:[10,15,20,25,30],text:"对不起，加载出现异常！",done:function(){r.render("progress")}}),i.on("tool(LAY-app-system-order)",function(e){e.data;if("edit"===e.event){t(e.tr);layer.open({type:2,title:"编辑工单",content:"../../../views/app/workorder/listform.html",area:["450px","450px"],btn:["确定","取消"],yes:function(e,t){var r=window["layui-layer-iframe"+e],l="LAY-app-workorder-submit",o=t.find("iframe").contents().find("#"+l);r.layui.form.on("submit("+l+")",function(t){t.field;i.reload("LAY-user-front-submit"),layer.close(e)}),o.trigger("click")},success:function(e,t){}})}}),e("workorder",{})});

assets/lib/layui - 副本/admin/tpl/layim/demo.html

@@ -0,0 +1,25 @@
+<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>

assets/lib/layui - 副本/admin/tpl/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 受国家计算机软件著作权保护（登记号：2018SR410669），未经官网正规渠道授权擅自公开产品源文件、以及直接对产品二次出售的，我们将保留追究法律责任的权利。
+  </blockquote>
+  <p>© 2018 <a href="http://www.layui.com/">layui.com</a> 版权所有</p>
+</div>

assets/lib/layui - 副本/admin/tpl/system/get.html

@@ -0,0 +1,61 @@
+
+
+<!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 layadmin-panel-selection">
+      <div class="layui-col-sm12">
+        <div class="layui-panel-window layui-text">
+          <h2>专业版</h2>
+          <ul>
+            <li>始终基于全新的 layui 版本</li>
+            <li>单页面应用，所有操作无需跳转</li>
+            <li>支持前后端分离开发模式</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">
+                永久授权 
+                <span class="layui-badge">hot</span>
+              </a>
+            </div>
+          </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>

assets/lib/layui - 副本/admin/tpl/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>

assets/lib/layui - 副本/admin/tpl/system/theme.html

@@ -0,0 +1,43 @@
+
+<!-- 主题设置模板 -->
+
+<script type="text/html" template lay-done="layui.data.theme();">
+  {{# 
+    var local = layui.data(layui.setter.tableName)
+    ,theme = local.theme || {}
+    ,themeColorIndex =  parseInt((theme && theme.color) ? theme.color.index : 0) || 0;
+  }}
+
+  <div class="layui-card-header">
+    配色方案
+  </div>
+  <div class="layui-card-body layadmin-setTheme">
+    <ul class="layadmin-setTheme-color">
+      {{# layui.each(layui.setter.theme.color, function(index, item){ }}
+        <li layadmin-event="setTheme" data-index="{{ index }}" data-alias="{{ item.alias }}" 
+        {{ index === themeColorIndex ? 'class="layui-this"' : '' }} title="{{ item.alias }}">
+          <div class="layadmin-setTheme-header" style="background-color: {{ item.header }};"></div>
+          <div class="layadmin-setTheme-side" style="background-color: {{ item.main }};">
+            <div class="layadmin-setTheme-logo" style="background-color: {{ item.logo }};"></div>
+          </div>
+        </li>
+      {{# }); }}
+    </ul>
+  </div>
+</script>
+
+<script>
+layui.data.theme = function(){
+  layui.use('form', function(){
+    var form = layui.form
+    ,admin = layui.admin;
+    
+    //监听隐藏开关
+    form.on('switch(system-theme-sideicon)', function(){
+      admin.theme({
+        hideSideIcon: this.checked
+      })
+    });
+  });
+};
+</script>

assets/lib/layui - 副本/admin/tpl/system/说明.txt

@@ -0,0 +1,3 @@
+
+注意：
+该目录存放的是 layuiAdmin 的系统模板碎片，很多界面需要依赖到它，切勿随意剔除。

assets/lib/layui - 副本/admin/tpl/说明.txt

@@ -0,0 +1,3 @@
+
+注意：
+该目录存放的是 layuiAdmin 的动态模板碎片

assets/lib/layui - 副本/css/modules/code.css

@@ -0,0 +1,2 @@
+/** layui-v2.4.3 MIT License By https://www.layui.com */
+ html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}

assets/lib/layui - 副本/css/modules/layim/html/chatlog.html

@@ -0,0 +1,96 @@
+ 
+ 
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+<title>聊天记录</title>
+
+<link rel="stylesheet" href="http://local.res.layui.com/layui/src/css/layui.css">
+<style>
+body .layim-chat-main{height: auto;}
+</style>
+</head>
+<body>
+
+<div class="layim-chat-main">
+  <ul id="LAY_view"></ul>
+</div>
+
+<div id="LAY_page" style="margin: 0 10px;"></div>
+
+
+<textarea title="消息模版" id="LAY_tpl" style="display:none;">
+{{# layui.each(d.data, function(index, item){
+  if(item.id == parent.layui.layim.cache().mine.id){ }}
+    <li class="layim-chat-mine"><div class="layim-chat-user"><img src="{{ item.avatar }}"><cite><i>{{ layui.data.date(item.timestamp) }}</i>{{ item.username }}</cite></div><div class="layim-chat-text">{{ layui.layim.content(item.content) }}</div></li>
+  {{# } else { }}
+    <li><div class="layim-chat-user"><img src="{{ item.avatar }}"><cite>{{ item.username }}<i>{{ layui.data.date(item.timestamp) }}</i></cite></div><div class="layim-chat-text">{{ layui.layim.content(item.content) }}</div></li>
+  {{# }
+}); }}
+</textarea>
+
+<!-- 
+上述模版采用了 laytpl 语法，不了解的同学可以去看下文档：http://www.layui.com/doc/modules/laytpl.html
+
+-->
+
+
+<script src="http://local.res.layui.com/layui/src/layui.js"></script>
+<script>
+layui.use(['layim', 'laypage'], function(){
+  var layim = layui.layim
+  ,layer = layui.layer
+  ,laytpl = layui.laytpl
+  ,$ = layui.jquery
+  ,laypage = layui.laypage;
+  
+  //聊天记录的分页此处不做演示，你可以采用laypage，不了解的同学见文档：http://www.layui.com/doc/modules/laypage.html
+  
+  
+  //开始请求聊天记录
+  var param =  location.search //获得URL参数。该窗口url会携带会话id和type，他们是你请求聊天记录的重要凭据
+  
+  //实际使用时，下述的res一般是通过Ajax获得，而此处仅仅只是演示数据格式
+  ,res = {
+    code: 0
+    ,msg: ''
+    ,data: [{
+      username: '纸飞机'
+      ,id: 100000
+      ,avatar: 'http://tva3.sinaimg.cn/crop.0.0.512.512.180/8693225ajw8f2rt20ptykj20e80e8weu.jpg'
+      ,timestamp: 1480897882000
+      ,content: 'face[抱抱] face[心] 你好啊小美女'
+    }, {
+      username: 'Z_子晴'
+      ,id: 108101
+      ,avatar: 'http://tva3.sinaimg.cn/crop.0.0.512.512.180/8693225ajw8f2rt20ptykj20e80e8weu.jpg'
+      ,timestamp: 1480897892000
+      ,content: '你没发错吧？face[微笑]'
+    },{
+      username: 'Z_子晴'
+      ,id: 108101
+      ,avatar: 'http://tva3.sinaimg.cn/crop.0.0.512.512.180/8693225ajw8f2rt20ptykj20e80e8weu.jpg'
+      ,timestamp: 1480897898000
+      ,content: '你是谁呀亲。。我爱的是贤心！我爱的是贤心！我爱的是贤心！重要的事情要说三遍~'
+    },{
+      username: 'Z_子晴'
+      ,id: 108101
+      ,avatar: 'http://tva3.sinaimg.cn/crop.0.0.512.512.180/8693225ajw8f2rt20ptykj20e80e8weu.jpg'
+      ,timestamp: 1480897908000
+      ,content: '注意：这些都是模拟数据，实际使用时，需将其中的模拟接口改为你的项目真实接口。\n该模版文件所在目录（相对于layui.js）：\n/css/modules/layim/html/chatlog.html'
+    }]
+  }
+  
+  //console.log(param)
+  
+  var html = laytpl(LAY_tpl.value).render({
+    data: res.data
+  });
+  $('#LAY_view').html(html);
+  
+});
+</script>
+</body>
+</html>

assets/lib/layui - 副本/css/modules/layim/html/find.html

@@ -0,0 +1,38 @@
+ 
+ 
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+<title>发现</title>
+
+<link rel="stylesheet" href="http://local.res.layui.com/layui/src/css/layui.css">
+<style>
+
+</style>
+</head>
+<body>
+
+<div style="margin: 15px;">
+  <blockquote class="layui-elem-quote">此为自定义的【查找】页面，因需求不一，所以官方暂不提供该模版结构与样式，实际使用时，可移至该文件到你的项目中，对页面自行把控。
+  <br>文件所在目录（相对于layui.js）：/css/modules/layim/html/find.html</blockquote>
+</div>
+
+
+
+<script src="http://local.res.layui.com/layui/src/layui.js"></script>
+<script>
+layui.use(['layim', 'laypage'], function(){
+  var layim = layui.layim
+  ,layer = layui.layer
+  ,laytpl = layui.laytpl
+  ,$ = layui.jquery
+  ,laypage = layui.laypage;
+  
+  //一些添加好友请求之类的交互参见文档
+  
+});
+</script>
+</body>
+</html>

assets/lib/layui - 副本/css/modules/layim/html/getmsg.json

@@ -0,0 +1,87 @@
+{
+    "code": 0,
+    "pages": 1,
+    "data": [
+        {
+            "id": 76,
+            "content": "申请添加你为好友",
+            "uid": 168,
+            "from": 166488,
+            "from_group": 0,
+            "type": 1,
+            "remark": "有问题要问",
+            "href": null,
+            "read": 1,
+            "time": "刚刚",
+            "user": {
+                "id": 166488,
+                "avatar": "http://q.qlogo.cn/qqapp/101235792/B704597964F9BD0DB648292D1B09F7E8/100",
+                "username": "李彦宏",
+                "sign": null
+            }
+        },
+        {
+            "id": 75,
+            "content": "申请添加你为好友",
+            "uid": 168,
+            "from": 347592,
+            "from_group": 0,
+            "type": 1,
+            "remark": "你好啊！",
+            "href": null,
+            "read": 1,
+            "time": "刚刚",
+            "user": {
+                "id": 347592,
+                "avatar": "http://q.qlogo.cn/qqapp/101235792/B78751375E0531675B1272AD994BA875/100",
+                "username": "麻花疼",
+                "sign": null
+            }
+        },
+        {
+            "id": 62,
+            "content": "雷军 拒绝了你的好友申请",
+            "uid": 168,
+            "from": null,
+            "from_group": null,
+            "type": 1,
+            "remark": null,
+            "href": null,
+            "read": 1,
+            "time": "10天前",
+            "user": {
+                "id": null
+            }
+        },
+        {
+            "id": 60,
+            "content": "马小云 已经同意你的好友申请",
+            "uid": 168,
+            "from": null,
+            "from_group": null,
+            "type": 1,
+            "remark": null,
+            "href": null,
+            "read": 1,
+            "time": "10天前",
+            "user": {
+                "id": null
+            }
+        },
+        {
+            "id": 61,
+            "content": "贤心 已经同意你的好友申请",
+            "uid": 168,
+            "from": null,
+            "from_group": null,
+            "type": 1,
+            "remark": null,
+            "href": null,
+            "read": 1,
+            "time": "10天前",
+            "user": {
+                "id": null
+            }
+        }
+    ]
+}

assets/lib/layui - 副本/css/modules/layim/html/msgbox.html

@@ -0,0 +1,208 @@
+ 
+ 
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+<title>消息盒子</title>
+
+<link rel="stylesheet" href="../../../layui.css?v=1">
+<style>
+.layim-msgbox{margin: 15px;}
+.layim-msgbox li{position: relative; margin-bottom: 10px; padding: 0 130px 10px 60px; padding-bottom: 10px; line-height: 22px; border-bottom: 1px dotted #e2e2e2;}
+.layim-msgbox .layim-msgbox-tips{margin: 0; padding: 10px 0; border: none; text-align: center; color: #999;}
+.layim-msgbox .layim-msgbox-system{padding: 0 10px 10px 10px;}
+.layim-msgbox li p span{padding-left: 5px; color: #999;}
+.layim-msgbox li p em{font-style: normal; color: #FF5722;}
+
+.layim-msgbox-avatar{position: absolute; left: 0; top: 0; width: 50px; height: 50px;}
+.layim-msgbox-user{padding-top: 5px;}
+.layim-msgbox-content{margin-top: 3px;}
+.layim-msgbox .layui-btn-small{padding: 0 15px; margin-left: 5px;}
+.layim-msgbox-btn{position: absolute; right: 0; top: 12px; color: #999;}
+</style>
+</head>
+<body>
+
+<ul class="layim-msgbox" id="LAY_view"></ul>
+
+<div style="margin: 0 15px;">
+  <blockquote class="layui-elem-quote">注意：这些都是模拟数据，实际使用时，需将其中的模拟接口改为你的项目真实接口。
+  <br>该模版文件所在目录（相对于layui.js）：/css/modules/layim/html/msgbox.html</blockquote>
+</div>
+
+<textarea title="消息模版" id="LAY_tpl" style="display:none;">
+{{# layui.each(d.data, function(index, item){
+  if(item.from){ }}
+    <li data-uid="{{ item.from }}" data-fromGroup="{{ item.from_group }}">
+      <a href="/u/{{ item.from }}/" target="_blank">
+        <img src="{{ item.user.avatar }}" class="layui-circle layim-msgbox-avatar">
+      </a>
+      <p class="layim-msgbox-user">
+        <a href="/u/{{ item.from }}/" target="_blank">{{ item.user.username||'' }}</a>
+        <span>{{ item.time }}</span>
+      </p>
+      <p class="layim-msgbox-content">
+        {{ item.content }} 
+        <span>{{ item.remark ? '附言: '+item.remark : '' }}</span>
+      </p>
+      <p class="layim-msgbox-btn">
+        <button class="layui-btn layui-btn-small" data-type="agree">同意</button>
+        <button class="layui-btn layui-btn-small layui-btn-primary" data-type="refuse">拒绝</button>
+      </p>
+    </li>
+  {{# } else { }}
+    <li class="layim-msgbox-system">
+      <p><em>系统：</em>{{ item.content }}<span>{{ item.time }}</span></p>
+    </li>
+  {{# }
+}); }}
+</textarea>
+
+<!-- 
+上述模版采用了 laytpl 语法，不了解的同学可以去看下文档：http://www.layui.com/doc/modules/laytpl.html 
+-->
+
+
+<script src="../../../../layui.js?v=1"></script>
+<script>
+layui.use(['layim', 'flow'], function(){
+  var layim = layui.layim
+  ,layer = layui.layer
+  ,laytpl = layui.laytpl
+  ,$ = layui.jquery
+  ,flow = layui.flow;
+
+  var cache = {}; //用于临时记录请求到的数据
+
+  //请求消息
+  var renderMsg = function(page, callback){
+    
+    //实际部署时，请将下述 getmsg.json 改为你的接口地址
+    
+    $.get('getmsg.json', {
+      page: page || 1
+    }, function(res){
+      if(res.code != 0){
+        return layer.msg(res.msg);
+      }
+
+      //记录来源用户信息
+      layui.each(res.data, function(index, item){
+        cache[item.from] = item.user;
+      });
+
+      callback && callback(res.data, res.pages);
+    });
+  };
+
+  //消息信息流
+  flow.load({
+    elem: '#LAY_view' //流加载容器
+    ,isAuto: false
+    ,end: '<li class="layim-msgbox-tips">暂无更多新消息</li>'
+    ,done: function(page, next){ //加载下一页
+      renderMsg(page, function(data, pages){
+        var html = laytpl(LAY_tpl.value).render({
+          data: data
+          ,page: page
+        });
+        next(html, page < pages);
+      });
+    }
+  });
+
+  //打开页面即把消息标记为已读
+  /*
+  $.post('/message/read', {
+    type: 1
+  });
+  */
+
+  //操作
+  var active = {
+    //同意
+    agree: function(othis){
+      var li = othis.parents('li')
+      ,uid = li.data('uid')
+      ,from_group = li.data('fromGroup')
+      ,user = cache[uid];
+
+      //选择分组
+      parent.layui.layim.setFriendGroup({
+        type: 'friend'
+        ,username: user.username
+        ,avatar: user.avatar
+        ,group: parent.layui.layim.cache().friend //获取好友分组数据
+        ,submit: function(group, index){
+          
+          //将好友追加到主面板
+          parent.layui.layim.addList({
+            type: 'friend'
+            ,avatar: user.avatar //好友头像
+            ,username: user.username //好友昵称
+            ,groupid: group //所在的分组id
+            ,id: uid //好友ID
+            ,sign: user.sign //好友签名
+          });
+          parent.layer.close(index);
+          othis.parent().html('已同意');
+        
+        
+          //实际部署时，请开启下述注释，并改成你的接口地址
+          /*
+          $.post('/im/agreeFriend', {
+            uid: uid //对方用户ID
+            ,from_group: from_group //对方设定的好友分组
+            ,group: group //我设定的好友分组
+          }, function(res){
+            if(res.code != 0){
+              return layer.msg(res.msg);
+            }
+
+            //将好友追加到主面板
+            parent.layui.layim.addList({
+              type: 'friend'
+              ,avatar: user.avatar //好友头像
+              ,username: user.username //好友昵称
+              ,groupid: group //所在的分组id
+              ,id: uid //好友ID
+              ,sign: user.sign //好友签名
+            });
+            parent.layer.close(index);
+            othis.parent().html('已同意');
+          });
+          */
+          
+        }
+      });
+    }
+
+    //拒绝
+    ,refuse: function(othis){
+      var li = othis.parents('li')
+      ,uid = li.data('uid');
+
+      layer.confirm('确定拒绝吗？', function(index){
+        $.post('/im/refuseFriend', {
+          uid: uid //对方用户ID
+        }, function(res){
+          if(res.code != 0){
+            return layer.msg(res.msg);
+          }
+          layer.close(index);
+          othis.parent().html('<em>已拒绝</em>');
+        });
+      });
+    }
+  };
+
+  $('body').on('click', '.layui-btn', function(){
+    var othis = $(this), type = othis.data('type');
+    active[type] ? active[type].call(this, othis) : '';
+  });
+});
+</script>
+</body>
+</html>