增加前端一键展开功能

resources/views/maintenance/role/index.blade.php

@@ -21,17 +21,27 @@
             </div>
             <div class="col-7 card card-body pt-0">
                 <div class="card">
-                    <div class="card-header">
-                        <div class="pull-left h5 font-weight-bold mr-3">权限</div>
-                        <div class="pull-left text-muted">
-                            <div class="custom-control custom-checkbox">
-                                <input type="checkbox" class="custom-control-input" id="check-authorities" @change="hideNoSelected('authority',$event.target.checked)">
-                                <label class="custom-control-label ml-0" for="check-authorities">已拥有</label>
+                    <div class="card-header row">
+                        <div class="col-4">
+                            <div class="pull-left h5 font-weight-bold mr-3">权限</div>
+                            <div class="pull-left text-muted">
+                                <div class="custom-control custom-checkbox">
+                                    <input type="checkbox" class="custom-control-input" id="check-authorities" @change="hideNoSelected('authority',$event.target.checked)">
+                                    <label class="custom-control-label ml-0" for="check-authorities">已拥有</label>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-5">
+                            <div class="btn-group">
+                                <button class="btn border btn-primary" @click="expand(true)">展开全部</button>
+                                <button class="btn border btn-primary" @click="expand(false)">收起全部</button>
                             </div>
                         </div>
-                        <button class="pull-right btn btn-outline-success" @click="saveAuthority()">保存</button>
+                        <div class="col-3">
+                            <button class="pull-right btn btn-outline-success" @click="saveAuthority()">保存</button>
+                        </div>
                     </div>
-                    <div class="card-body overflow-scrollbar-200" id="authority">
+                    <div class="card-body overflow-scrollbar-200" style="max-height: 400px" id="authority">
                         <tree :list="authorities" :column="'name'"></tree>
                     </div>
                 </div>
@@ -118,6 +128,10 @@
                 $("#container").removeClass("d-none");
             },
             methods:{
+                expand(isExpand){
+                    if (isExpand) $("#authority .up").slideDown();
+                    else $("#authority .up").slideUp();
+                },
                 seekRole(e){
                     let val = e.target.value;
                     this.roles.forEach((role,i)=>{