|
|
@@ -0,0 +1,419 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="renderer" content="webkit">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
+ <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">
|
|
|
+
|
|
|
+ <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="">基本资料</a>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <a href="">安全设置</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </li>
|
|
|
+ <li class="layui-nav-item">
|
|
|
+ <a href="">退出登录</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </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">
|
|
|
+ <div class="searchbox">
|
|
|
+ <a href="./tdkedit.html" class="layui-btn"><i class="layui-icon"></i>新增</a>
|
|
|
+ <span class="searchname">路由类型：</span>
|
|
|
+ <div class="layui-form layui-inline">
|
|
|
+ <select name="resttype" lay-filter="resttype" id="resttype">
|
|
|
+ <option value="0">请选择路由类型</option>
|
|
|
+ <option value="1">超级管理员</option>
|
|
|
+ <option value="2">管理员</option>
|
|
|
+ <option value="3">操作员</option>
|
|
|
+ <option value="4">会计</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <button class="layui-btn" data-type="reload" id="searchbtn">搜索</button>
|
|
|
+ </div>
|
|
|
+ <table class="layui-hide" id="tables" lay-filter="tables"></table>
|
|
|
+ <script type="text/html" id="bar">
|
|
|
+ <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
|
|
+ <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
|
|
+ </script>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script src="../../layui/layui.js"></script>
|
|
|
+ <script src="../../js/jquery.js"></script>
|
|
|
+ <script src="../../js/common.js"></script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ layui.use(['element','table', 'form'], function () {
|
|
|
+ var element = layui.element,
|
|
|
+ table = layui.table,
|
|
|
+ form = layui.form;
|
|
|
+ table.render({
|
|
|
+ elem: '#tables',
|
|
|
+ // url: '', //获取数据的接口
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ id:1,
|
|
|
+ url:'/',
|
|
|
+ title: '哈哈哈',
|
|
|
+ description: '哈哈哈哈哈',
|
|
|
+ keywords: '哈哈哈哈哈',
|
|
|
+ type: 1,
|
|
|
+ createtime: '2020-04-20'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id:2,
|
|
|
+ url:'/index.html',
|
|
|
+ title: '哈哈哈0',
|
|
|
+ description: '哈哈哈哈哈',
|
|
|
+ keywords: '哈哈哈哈哈',
|
|
|
+ type: 2,
|
|
|
+ createtime: '2020-04-20'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ title: '用户数据表',
|
|
|
+ cellMinWidth: 120,
|
|
|
+ cols: [[
|
|
|
+ { title: 'ID',align: 'center',type:'numbers'},
|
|
|
+ { field: 'url', title: '页面路由'},
|
|
|
+ { field: 'title', title: '标题'},
|
|
|
+ { field: 'description', title: '描述' },
|
|
|
+ { field: 'keywords', title: '关键词' },
|
|
|
+ {
|
|
|
+ field: 'type', title: '路由类型', templet: function (res) {
|
|
|
+ var str = '';
|
|
|
+ switch (res.type) {
|
|
|
+ case 1:
|
|
|
+ str = '首页';
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ str = '个人中心'
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ str = '新闻'
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ str = '详情'
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return str
|
|
|
+ }
|
|
|
+ },
|
|
|
+ { field: 'createtime', title: '创建时间',templet: function (res) {
|
|
|
+ return formatDate(res.createtime)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ { fixed: 'right', title: '操作', toolbar: '#bar' }
|
|
|
+ ]],
|
|
|
+ page: true, //分页
|
|
|
+ id: 'searchReload',
|
|
|
+ height:'full-175'
|
|
|
+ })
|
|
|
+ $('#searchbtn').on('click', function(){
|
|
|
+ var type = $.trim($('#resttype').val());
|
|
|
+ if(type == 0) {
|
|
|
+ layer.msg("请输选择查询条件", {icon: 5});
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ table.reload('searchReload', {
|
|
|
+ url:'',//查询返回的接口
|
|
|
+ page: {
|
|
|
+ curr: 1 //重新从第 1 页开始
|
|
|
+ },
|
|
|
+ where: {
|
|
|
+ type:type,
|
|
|
+ }
|
|
|
+ })
|
|
|
+ });
|
|
|
+ table.on('tool(tables)', function (obj) {
|
|
|
+ var data = obj.data;
|
|
|
+ if (obj.event === 'del') {
|
|
|
+ layer.confirm('真的删除行么', function (index) {
|
|
|
+ $.ajax({
|
|
|
+ url:'', //删除的接口
|
|
|
+ type:'get',
|
|
|
+ dataType: "json",
|
|
|
+ data : "id="+data.id,
|
|
|
+ success:function(res) {
|
|
|
+ if(res.code == 0) {
|
|
|
+ layer.msg("删除成功", {icon: 6},function() {
|
|
|
+ location.reload();
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ layer.msg("删除失败", {icon: 5});
|
|
|
+ }
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error:function() {
|
|
|
+ layer.msg("删除失败", {icon: 5});
|
|
|
+ }
|
|
|
+ })
|
|
|
+ });
|
|
|
+ } else if (obj.event === 'edit') {
|
|
|
+ window.location.href = 'tdkedit.html?id='+data.id
|
|
|
+ }
|
|
|
+ });
|
|
|
+ getType()
|
|
|
+ // 获取初始的type
|
|
|
+ function getType() {
|
|
|
+ $.ajax({
|
|
|
+ url:'',
|
|
|
+ type:'get',
|
|
|
+ dataType: "json",
|
|
|
+ success:function(res) {
|
|
|
+ if(res.code == 0) {
|
|
|
+ res.data = [ //数据结构
|
|
|
+ {
|
|
|
+ value:1,
|
|
|
+ title:'一级菜单',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:2,
|
|
|
+ title:'2级菜单',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:3,
|
|
|
+ title:'3级菜单',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:4,
|
|
|
+ title:'4级菜单',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:5,
|
|
|
+ title:'5级菜单',
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ var str = "<option value='0'>请选择路由类型</option>"
|
|
|
+ for(var i=0;i<res.data.length;i++) {
|
|
|
+ str += "<option value="+res.data[i].value+">"+res.data[i]['title']+"</option>"
|
|
|
+ }
|
|
|
+ $("#resttype").html(str)
|
|
|
+ form.render('select');
|
|
|
+ }else{
|
|
|
+ layer.msg("网路错误，请稍后再试", {icon: 5});
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error:function() {
|
|
|
+ layer.msg("网路错误，请稍后再试", {icon: 5});
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
