| | |
| | | }).extend({ |
| | | dropdown: 'dropdown/dropdown', |
| | | cascader: 'cascader/cascader', |
| | | }).use(['table','laydate', 'form', 'admin', 'xmSelect', 'dropdown', 'element', 'cascader'], function(){ |
| | | }).use(['table','laydate', 'form', 'admin', 'xmSelect', 'dropdown', 'element', 'cascader', 'tree'], function(){ |
| | | var table = layui.table; |
| | | var $ = layui.jquery; |
| | | var layer = layui.layer; |
| | |
| | | var admin = layui.admin; |
| | | var xmSelect = layui.xmSelect; |
| | | var cascader = layui.cascader; |
| | | var tree = layui.tree; |
| | | |
| | | // 树形图 |
| | | var organizationTree; |
| | | window.loadTree = function(condition){ |
| | | $.ajax({ |
| | | url: baseUrl+"/tag/tree/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: { |
| | | 'condition': condition |
| | | }, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | if (res.code === 200){ |
| | | organizationTree = tree.render({ |
| | | elem: '#organizationTree', |
| | | id: 'organizationTree', |
| | | onlyIconControl: true, |
| | | data: res.data, |
| | | click: function (obj) { |
| | | selObj = obj; |
| | | $('#organizationTree').find('.ew-tree-click').removeClass('ew-tree-click'); |
| | | $(obj.elem).children('.layui-tree-entry').addClass('ew-tree-click'); |
| | | } |
| | | }); |
| | | treeData = res.data; |
| | | } else if (res.code === 403){ |
| | | top.location.href = baseUrl+"/"; |
| | | } else { |
| | | layer.msg(res.msg) |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | loadTree(); |
| | | |
| | | // 数据渲染 |
| | | tableIns = table.render({ |
| | |
| | | <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> |
| | | <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all"> |
| | | <link rel="stylesheet" href="../../static/css/cool.css" media="all"> |
| | | <link rel="stylesheet" href="../../static/css/tree.css" media="all"> |
| | | <style> |
| | | .nav-box { |
| | | position: absolute; |
| | |
| | | .nav-box-item { |
| | | display: inline-block; |
| | | vertical-align: middle; |
| | | margin-right: 10px; |
| | | margin-right: 5px; |
| | | } |
| | | .dropdown-menu-nav { |
| | | width: 280px; |
| | | padding: 0 10px 10px 10px; |
| | | } |
| | | </style> |
| | | </head> |
| | |
| | | <div class="nav-box-item"> |
| | | <div class="dropdown-menu"> |
| | | <button style="border: none" class="layui-btn layui-btn-primary icon-btn">陆晓涛<i class="layui-icon layui-icon-drop"></i></button> |
| | | <div class="dropdown-menu-nav" style="width: 280px;height: 500px; padding: 0 10px 10px 10px;"> |
| | | <div class="dropdown-menu-nav"> |
| | | <div class="layui-form toolbar" id="organizationTree" style="height: calc(100vh - 525px);border: none"></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </button> |
| | | <button id="cstmrAddBtn" class="layui-btn icon-btn btn-add layui-btn-sm"><i class="layui-icon"></i>添加 |
| | | </button> |
| | | <button class="layui-btn icon-btn layui-btn-sm" lay-filter="cstmrDel" lay-submit> |
| | | <i class="layui-icon"></i>删除 |
| | | <button class="layui-btn layui-btn-danger icon-btn layui-btn-sm" lay-filter="cstmrDel" lay-submit> |
| | | <i class="layui-icon"></i>删除 |
| | | </button> |
| | | </div> |
| | | <div class="layui-inline"> |