| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | } |
| | | 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) { |