|
@@ -0,0 +1,106 @@
|
|
|
|
+<h2>{{ $title }} <a href="javascript:history.go(-1);" class="layui-btn layui-btn-primary layui-layer-close"
|
|
|
|
+ style="position:relative;">返回</a></h2>
|
|
|
|
+<hr/>
|
|
|
|
+
|
|
|
|
+<form class="layui-form">
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
+ @if(isset($roler))
|
|
|
|
+ <input type="hidden" name="id" value="{{ $roler['id'] }}">
|
|
|
|
+ @endif
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
+ <label class="layui-form-label">全部选择</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <input type="checkbox" lay-filter="xuanze" lay-skin="switch" lay-text="全选|全不选">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
+ <label class="layui-form-label">选择权限</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <div id="LAY-auth-tree-index"></div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <button class="layui-btn" type="submit" lay-submit lay-filter="LAY-auth-tree-submit">提交</button>
|
|
|
|
+ <button class="layui-btn layui-btn-default" type="reset">重置</button>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+</form>
|
|
|
|
+
|
|
|
|
+<script type="text/javascript">
|
|
|
|
+ layui.extend({
|
|
|
|
+ authtree: '/js/admin/layui/extends/authtree',
|
|
|
|
+ });
|
|
|
|
+ layui.use(['jquery', 'authtree', 'form', 'layer'], function () {
|
|
|
|
+ var $ = layui.jquery;
|
|
|
|
+ var authtree = layui.authtree;
|
|
|
|
+ var form = layui.form;
|
|
|
|
+ var layer = layui.layer;
|
|
|
|
+ // 初始化
|
|
|
|
+
|
|
|
|
+ var trees = authtree.listConvert(@json($menusAll), {
|
|
|
|
+ primaryKey: 'id'
|
|
|
|
+ , startPid: 0
|
|
|
|
+ , parentKey: 'parent_id'
|
|
|
|
+ , nameKey: 'title'
|
|
|
|
+ , valueKey: 'slug'
|
|
|
|
+ @if(isset($roler))
|
|
|
|
+ , checkedKey: @json($checkedId)
|
|
|
|
+ @endif
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ // 渲染时传入渲染目标ID,树形结构数据(具体结构看样例,checked表示默认选中),以及input表单的名字
|
|
|
|
+ authtree.render('#LAY-auth-tree-index', trees, {
|
|
|
|
+ inputname: 'authids[]'
|
|
|
|
+ , layfilter: 'lay-check-auth'
|
|
|
|
+ // ,autoclose: false
|
|
|
|
+ // ,autochecked: false
|
|
|
|
+ // ,openchecked: true
|
|
|
|
+ , openall: true
|
|
|
|
+ , autowidth: true
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ form.on('switch(zhankai)', function (data) {
|
|
|
|
+ if (data.elem.checked) {
|
|
|
|
+ authtree.showAll('#LAY-auth-tree-index');
|
|
|
|
+ } else {
|
|
|
|
+ authtree.closeAll('#LAY-auth-tree-index');
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ form.on('switch(xuanze)', function (data) {
|
|
|
|
+ if (data.elem.checked) {
|
|
|
|
+ authtree.checkAll('#LAY-auth-tree-index');
|
|
|
|
+ } else {
|
|
|
|
+ authtree.uncheckAll('#LAY-auth-tree-index');
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ form.on('submit(LAY-auth-tree-submit)', function (obj) {
|
|
|
|
+ var authids = authtree.getChecked('#LAY-auth-tree-index');
|
|
|
|
+ console.log('Choosed authids is', authids);
|
|
|
|
+ $.ajax({
|
|
|
|
+ @if(isset($path))
|
|
|
|
+ url: '{{ $path }}',
|
|
|
|
+ @else
|
|
|
|
+ url: '/admin/roles/edit',
|
|
|
|
+ @endif
|
|
|
|
+ method: 'post',
|
|
|
|
+ dataType: 'json',
|
|
|
|
+ data: obj.field,
|
|
|
|
+ success: function (res) {
|
|
|
|
+ if (res.code === 0) {
|
|
|
|
+ layer.msg('提交成功!');
|
|
|
|
+ location.href = res.data.url;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ return false;
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+</script>
|