|
|
@@ -0,0 +1,413 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="renderer" content="webkit">
|
|
|
+ <title>后台</title>
|
|
|
+ <link rel="stylesheet" href="../../layui/css/layui.css">
|
|
|
+ <link rel="stylesheet" href="../../css/common.css">
|
|
|
+ <link rel="stylesheet" href="../../css/user/adminuser.css">
|
|
|
+ <link rel="stylesheet" href="../../css/iconfont.css">
|
|
|
+ <!--[if lt IE 9]>
|
|
|
+ <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
+ <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
+ <![endif]-->
|
|
|
+</head>
|
|
|
+
|
|
|
+<body class="layui-layout-body">
|
|
|
+ <div class="layui-layout layui-layout-admin">
|
|
|
+ <div class="layui-header">
|
|
|
+ <a class="layui-logo" href="index.html">
|
|
|
+ <img src="../../img/logo.png" alt="">
|
|
|
+ </a>
|
|
|
+ <ul class="layui-nav layui-layout-right">
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="javascript:;">
|
|
|
+ <img src="http://t.cn/RCzsdCq" class="layui-nav-img"> zx66
|
|
|
+ </a>
|
|
|
+ <dl class="layui-nav-child">
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:void(0)" onclick="showPop()">基本资料</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </li>
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="">退出登录</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="layui-row" id="popUpdate" style="display:none;">
|
|
|
+ <div class="layui-col-md10">
|
|
|
+ <form class="layui-form layui-from-pane" lay-filter="modeformData" style="margin-top:20px">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">账号</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="text" name="name" id="modename" readonly autocomplete="off" placeholder="请输入账号" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">昵称</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="text" id="modenickname" name="nickname" required lay-verify="required" autocomplete="off" placeholder="请输入昵称"
|
|
|
+ class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">密码</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="password" name="password" id="modepassword" required lay-verify="required" placeholder="请输入密码" autocomplete="off"
|
|
|
+ class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item" style="margin-top:40px">
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <button class="layui-btn layui-btn-submit " lay-submit="" lay-filter="modebtn">确认修改</button>
|
|
|
+ <button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="layui-side layui-side-menu">
|
|
|
+ <div class="layui-side-scroll">
|
|
|
+ <ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="layadmin-system-side-menu">
|
|
|
+ <li class="layui-nav-item layui-nav-itemspec">
|
|
|
+ <a href="javascript:;">
|
|
|
+ <span class="item-title">收起左侧导航</span>
|
|
|
+ <i class="layui-icon layui-icon-shrink-right"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="javascript:;" lay-tips="文章管理" lay-direction="2">
|
|
|
+ <span class="font-icon">
|
|
|
+ <i class="iconfont icon-wenzhang"></i>
|
|
|
+ </span>
|
|
|
+ <span class="item-title">文章管理</span>
|
|
|
+ <span class="layui-nav-more"></span>
|
|
|
+ </a>
|
|
|
+ <dl class="layui-nav-child">
|
|
|
+ <dd>
|
|
|
+ <a lay-href="article/free.html">免费文章</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a lay-href="javascript:;">收费文章</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a lay-href="javascript:;">保障文章</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </li>
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="javascript:;" lay-tips="权限管理" lay-direction="2">
|
|
|
+ <span class="font-icon">
|
|
|
+ <i class="iconfont icon-quanxian"></i>
|
|
|
+ </span>
|
|
|
+ <span class="item-title">权限管理</span>
|
|
|
+ <span class="layui-nav-more"></span>
|
|
|
+ </a>
|
|
|
+ <dl class="layui-nav-child">
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表一</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表二</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表三</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </li>
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="javascript:;" lay-tips="审核管理" lay-direction="2">
|
|
|
+ <span class="font-icon">
|
|
|
+ <i class="iconfont icon-shenhe1"></i>
|
|
|
+ </span>
|
|
|
+ <span class="item-title">审核管理</span>
|
|
|
+ <span class="layui-nav-more"></span>
|
|
|
+ </a>
|
|
|
+ <dl class="layui-nav-child">
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表一</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表二</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表三</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </li>
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="javascript:;" lay-tips="工单管理" lay-direction="2">
|
|
|
+ <span class="font-icon">
|
|
|
+ <i class="iconfont icon-gongdan"></i>
|
|
|
+ </span>
|
|
|
+ <span class="item-title">工单管理</span>
|
|
|
+ <span class="layui-nav-more"></span>
|
|
|
+ </a>
|
|
|
+ <dl class="layui-nav-child">
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表一</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表二</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表三</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </li>
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="javascript:;" lay-tips="用户管理" lay-direction="2">
|
|
|
+ <span class="font-icon">
|
|
|
+ <i class="iconfont icon-yonghu-tianchong"></i>
|
|
|
+ </span>
|
|
|
+ <span class="item-title">用户管理</span>
|
|
|
+ <span class="layui-nav-more"></span>
|
|
|
+ </a>
|
|
|
+ <dl class="layui-nav-child">
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表一</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表二</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表三</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </li>
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="javascript:;" lay-tips="商城管理" lay-direction="2">
|
|
|
+ <span class="font-icon">
|
|
|
+ <i class="iconfont icon-icon-test"></i>
|
|
|
+ </span>
|
|
|
+ <span class="item-title">商城管理</span>
|
|
|
+ <span class="layui-nav-more"></span>
|
|
|
+ </a>
|
|
|
+ <dl class="layui-nav-child">
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表一</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表二</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表三</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </li>
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="javascript:;" lay-tips="操作员管理" lay-direction="2">
|
|
|
+ <span class="font-icon">
|
|
|
+ <i class="iconfont icon-caozuo"></i>
|
|
|
+ </span>
|
|
|
+ <span class="item-title">操作员管理</span>
|
|
|
+ <span class="layui-nav-more"></span>
|
|
|
+ </a>
|
|
|
+ <dl class="layui-nav-child">
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表一</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表二</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表三</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </li>
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="javascript:;" lay-tips="日志管理" lay-direction="2">
|
|
|
+ <span class="font-icon">
|
|
|
+ <i class="iconfont icon-daily-fill"></i>
|
|
|
+ </span>
|
|
|
+ <span class="item-title">日志管理</span>
|
|
|
+ <span class="layui-nav-more"></span>
|
|
|
+ </a>
|
|
|
+ <dl class="layui-nav-child">
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表一</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表二</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;">列表三</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </li>
|
|
|
+ <span class="layui-nav-bar" style="top: 28px; height: 0px; opacity: 0;"></span>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-body" id="LAY_app_body">
|
|
|
+ <div class="layadmin-tabsbody-item layui-show">
|
|
|
+ <div class="layui-card layadmin-header">
|
|
|
+ <div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
|
|
|
+ <a lay-href="/">主页</a>
|
|
|
+ <span lay-separator="">/</span>
|
|
|
+ <a>
|
|
|
+ <cite>用户权限管理</cite>
|
|
|
+ </a>
|
|
|
+ <span lay-separator="">/</span>
|
|
|
+ <a href="javascript:history.back(-1)">返回</a>
|
|
|
+ </div>
|
|
|
+ <div class="main">
|
|
|
+ <form class="layui-form" lay-filter="formData">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">用户ID</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="text" name="userid" id="userid" required lay-verify="required" placeholder="请输入用户ID" autocomplete="off" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">权限设置</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <button type="button" class="layui-btn layui-btn-sm" lay-mode="getChecked">获取选中节点数据</button>
|
|
|
+ <button type="button" class="layui-btn layui-btn-sm" lay-mode="reload">数据初始化</button>
|
|
|
+ <div id="modetree" class="demo-tree-more"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <button class="layui-btn" lay-submit lay-filter="formDemo">保存</button>
|
|
|
+ <button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script src="../../layui/layui.js"></script>
|
|
|
+ <script src="../../js/jquery.js"></script>
|
|
|
+ <script src="../../js/common.js"></script>
|
|
|
+ <script>
|
|
|
+ layui.use(['tree', 'util'], function () {
|
|
|
+ var tree = layui.tree,
|
|
|
+ layer = layui.layer,
|
|
|
+ util = layui.util,
|
|
|
+ data = [
|
|
|
+ {
|
|
|
+ title: '用户管理', //父菜单名称
|
|
|
+ id: 1, //父菜单ID
|
|
|
+ checked: false,//是否选中
|
|
|
+ spread: false, //展开与否
|
|
|
+ children: [ //旗下所有子菜单
|
|
|
+ {
|
|
|
+ title: '管理员管理', //子菜单名称
|
|
|
+ id: 3, //子菜单id
|
|
|
+ checked:false, //初始状态
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '用户管理',
|
|
|
+ id: 4,
|
|
|
+ checked:true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '保障文章',
|
|
|
+ id: 5,
|
|
|
+ checked:true,
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '权限管理',
|
|
|
+ id: 2,
|
|
|
+ checked: false,
|
|
|
+ spread: false,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '权限管理一',
|
|
|
+ id: 6,
|
|
|
+ checked:false,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '权限管理二',
|
|
|
+ id: 7,
|
|
|
+ checked:true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '权限管理三',
|
|
|
+ id: 8,
|
|
|
+ checked:true,
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '审核管理',
|
|
|
+ id: 3,
|
|
|
+ checked: false,
|
|
|
+ spread: false,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '审核管理一',
|
|
|
+ id: 9,
|
|
|
+ checked:false,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '审核管理二',
|
|
|
+ id: 10,
|
|
|
+ checked:true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '审核管理三',
|
|
|
+ id: 11,
|
|
|
+ checked:true,
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ tree.render({
|
|
|
+ elem: '#modetree',
|
|
|
+ data: data,
|
|
|
+ showCheckbox: true,
|
|
|
+ id: 'treedata',
|
|
|
+ isJump: false,
|
|
|
+ });
|
|
|
+ util.event('lay-mode', {
|
|
|
+ getChecked: function () {
|
|
|
+ var checkedData = tree.getChecked('treedata'); //获取选中节点的数据
|
|
|
+ console.log(JSON.stringify(checkedData));
|
|
|
+ },
|
|
|
+ reload: function () {
|
|
|
+ tree.reload('treedata', {});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ layui.use(['element','form'], function () {
|
|
|
+ var element = layui.element;
|
|
|
+ var form = layui.form;
|
|
|
+ form.on('submit(formDemo)', function (data) {
|
|
|
+ if(data.field.menuname.length < 2 || data.field.menuname.length > 6) {
|
|
|
+ layer.tips('菜单名称2-6个字',$("#menuname"),{
|
|
|
+ tips: [3, '#0FA6D8']
|
|
|
+ });
|
|
|
+ $("#menuname").focus();
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ $.ajax({
|
|
|
+ type:'post',
|
|
|
+ url:'', //新增菜单的接口 parentid传0 就是父级菜单 否则子菜单
|
|
|
+ dataType:'json',
|
|
|
+ data:data.field,
|
|
|
+ success:function(res) {
|
|
|
+ if(res.code == 0) {
|
|
|
+ layer.msg('新增菜单成功',{icon: 6});
|
|
|
+ }else{
|
|
|
+ layer.msg("网络错误，请稍后再试", {icon: 5});
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ // getParentid()
|
|
|
+ });
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
