|  |  |  | 
|---|
|  |  |  | <!DOCTYPE html> | 
|---|
|  |  |  | <html> | 
|---|
|  |  |  | <head> | 
|---|
|  |  |  | <meta charset="UTF-8"> | 
|---|
|  |  |  | <title>Insert title here</title> | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | #user-add { | 
|---|
|  |  |  | padding: 20px 25px 25px 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </body> | 
|---|
|  |  |  | </html> | 
|---|
|  |  |  | #user-add .layui-treeSelect .ztree li a, .ztree li span { | 
|---|
|  |  |  | margin: 0 0 2px 3px !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | #user-add #data-permission-tree-block { | 
|---|
|  |  |  | border: 1px solid #eee; | 
|---|
|  |  |  | border-radius: 2px; | 
|---|
|  |  |  | padding: 3px 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | #user-add .layui-treeSelect .ztree li span.button.switch { | 
|---|
|  |  |  | top: 1px; | 
|---|
|  |  |  | left: 3px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | <div class="layui-fluid" id="user-add"> | 
|---|
|  |  |  | <form class="layui-form" action="" lay-filter="user-add-form"> | 
|---|
|  |  |  | <div class="layui-form-item febs-hide"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">用户id:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="text" name="id"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">标题:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="text" name="name" minlength="4" maxlength="10" lay-verify="range|name" | 
|---|
|  |  |  | autocomplete="off" class="layui-input" > | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">图片链接:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="text" name="imageUrl" minlength="4" maxlength="10" | 
|---|
|  |  |  | lay-verify="range|imageUrl" autocomplete="off" class="layui-input" > | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">跳转链接:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="text" name="jumpUrl" minlength="4" maxlength="10" | 
|---|
|  |  |  | lay-verify="range|jumpUrl" autocomplete="off" class="layui-input" > | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">联系方式:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="text" name="sort" minlength="4" maxlength="10" | 
|---|
|  |  |  | lay-verify="range|sort" autocomplete="off" class="layui-input" > | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">是否置顶:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="radio" name="isTop" value="1" title="是" checked=""> | 
|---|
|  |  |  | <input type="radio" name="isTop" value="2" title="否"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">显示端口:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="radio" name="showPort" value="1" title="pc" checked=""> | 
|---|
|  |  |  | <input type="radio" name="showPort" value="2" title="手机"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">是否可跳转:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="radio" name="isJump" value="1" title="是" checked=""> | 
|---|
|  |  |  | <input type="radio" name="isJump" value="2" title="否"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">跳转外部或内部:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="radio" name="isInside" value="1" title="内" checked=""> | 
|---|
|  |  |  | <input type="radio" name="isInside" value="2" title="外"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item febs-hide"> | 
|---|
|  |  |  | <button class="layui-btn" lay-submit="" lay-filter="user-add-form-submit" id="submit"></button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </form> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script data-th-inline="javascript"> | 
|---|
|  |  |  | layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree'], function () { | 
|---|
|  |  |  | var $ = layui.$, | 
|---|
|  |  |  | febs = layui.febs, | 
|---|
|  |  |  | layer = layui.layer, | 
|---|
|  |  |  | formSelects = layui.formSelects, | 
|---|
|  |  |  | treeSelect = layui.treeSelect, | 
|---|
|  |  |  | form = layui.form, | 
|---|
|  |  |  | eleTree = layui.eleTree, | 
|---|
|  |  |  | member = [[${member}]], | 
|---|
|  |  |  | $view = $('#user-add'), | 
|---|
|  |  |  | validate = layui.validate, | 
|---|
|  |  |  | _deptTree; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | form.render(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | formSelects.render(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | form.on('submit(user-add-form-submit)', function (data) { | 
|---|
|  |  |  | febs.post(ctx + 'systemSetting/platformBannerAdds', data.field, function () { | 
|---|
|  |  |  | layer.closeAll(); | 
|---|
|  |  |  | febs.alert.success('新增成功'); | 
|---|
|  |  |  | $('#febs-user').find('#reset').click(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | return false; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | </script> | 
|---|