gaoshp
2024-10-05 65972957e56a31778cc1633b1032ac16627665f3
src/views/console/authority/role/index.vue
@@ -28,8 +28,8 @@
            <el-tab-pane label="菜单">
               <div class="treeMain">
                  <el-tabs tab-position="left" class="demo-tabs" v-model="menuActiveName" @tab-click="(tab,event)=>menuHandleClick(tab,event,'0')">
                     <el-tab-pane v-for="item in menuGrantList" :label="item.title" :name="item.title">
                        <el-tree ref="tree0" v-if="showtree" :data="treeData" :props="{ label: 'title',children: 'children'}" node-key="id" show-checkbox @check-change="treeHandleCheckChange" :default-checked-keys="treeCheck" default-expand-all />
                     <el-tab-pane v-for="(item,index) in menuGrantList" :label="item.title" :name="item.title">
                        <el-tree ref="tree0" v-if="showtree" :data="treeData" :props="{ label: 'title',children: 'children'}" node-key="id" show-checkbox @check-change="(item,isCheck)=>treeHandleCheckChange(item,isCheck,index)" :default-checked-keys="treeCheck" default-expand-all />
                     </el-tab-pane>
                  </el-tabs>
               </div>
@@ -37,8 +37,8 @@
            <el-tab-pane label="卡片">
               <div class="treeMain">
                  <el-tabs tab-position="left" class="demo-tabs" v-model="menuActiveName" @tab-click="(tab,event)=>menuHandleClick(tab,event,'1')">
                     <el-tab-pane v-for="item in menuGrantList" :label="item.title" :name="item.title">
                        <el-tree ref="tree1" v-if="showtree" :data="treeData1" :props="{ label: 'title',children: 'children'}" node-key="id" show-checkbox @check-change="treeHandleCheckChange" :default-checked-keys="treeCheck" default-expand-all />
                     <el-tab-pane v-for="(item,index) in menuGrantList" :label="item.title" :name="item.title">
                        <el-tree ref="tree1" v-if="showtree" :data="treeData1" :props="{ label: 'title',children: 'children'}" node-key="id" show-checkbox @check-change="(item,isCheck)=>treeHandleCheckChange(item,isCheck,index)" :default-checked-keys="treeCheck" default-expand-all />
                     </el-tab-pane>
                  </el-tabs>
               </div>
@@ -166,9 +166,20 @@
            }
            this.menuHandleText = event.target.innerText;
         },
         treeHandleCheckChange(item) {
            if(!item.hasChildren) {
               this.treeCheck.push(item.id);
         treeHandleCheckChange(item,isCheck,index) {
            if(isCheck) {
               console.log(item.id,111)
               if(!this.treeCheck.includes(item.id)) {
                  this.treeCheck.push(item.id);
               }
            }else {
               if(this.treeCheck.length != 0) {
                  this.treeCheck.forEach((val,valIndex)=> {
                     if(val == item.id) {
                        this.treeCheck.splice(valIndex,1);
                     }
                  })
               }
            }
         },
         setTreeList(arr,name,index=0) {