子项提示

app/Services/AuthorityService.php

@@ -77,7 +77,7 @@ class AuthorityService
      * 格式化为树状结构
      *
      * @param Collection $authorities
-     * @return array|bool
+     * @return array
      */
     public function format($authorities)
     {

resources/js/vue/tree.vue

@@ -4,7 +4,9 @@
             <div class="custom-control custom-checkbox mb-3">
                 <input @change="checkedData(item.id,$event)" type="checkbox" class="custom-control-input" :value="item.id" :id="'check-'+item.id">
                 <label class="custom-control-label" :for="'check-'+item.id"></label>
-                <label style="cursor: pointer;" @click.prevent.stop="unfold(item.id)">{{item[column]}}</label>
+                <label style="cursor: pointer;" @click.prevent.stop="unfold(item.id)">{{item[column]}}&nbsp;
+                <i v-if="item.child && item.child.length>0" :id="'item-fa-'+item.id" class="fa fa-plus-circle"></i>
+                </label>
             </div>
             <tree :id="'item-'+item.id" class="up" v-if="item.child && item.child.length>0" :list="item.child" :column="column"></tree>
         </li>
@@ -21,6 +23,10 @@
         methods:{
             unfold(id){
                 $('#item-'+id).slideToggle();
+                let fa = document.getElementById('item-fa-'+id);
+                if (!fa)return;
+                if (fa.className==='fa fa-plus-circle')fa.className = "fa fa-minus-circle";
+                else fa.className='fa fa-plus-circle';
             },
             checkedData(id,e){
                 let dom = document.getElementById('item-'+id);