| | |
| | | <div style="display: flex;"> |
| | | <div |
| | | ref="scrollLeft" |
| | | style="border-right: 1px solid rgba(0,0,0,0.2);width:260px; |
| | | style="border-right: 1px solid rgba(0,0,0,0.2);width:100%; |
| | | overflow-y: auto;overflow-x:hidden;" |
| | | :style="{height:(tableHeight-40)+'px'}" |
| | | @scroll="scrollLeftScroll()" |
| | |
| | | |
| | | <el-tree |
| | | ref="treeCenterRef" |
| | | style="padding-top: 10px;width: 199px;" |
| | | style="padding-top: 10px;" |
| | | :data="treeCenter" |
| | | highlight-current |
| | | :props="defaultPropsCenter" |
| | |
| | | @node-click="getLeftTreeNode" |
| | | /> |
| | | </div> |
| | | <div |
| | | ref="scrollCenter" |
| | | style="width: calc(100% - 260px );padding-left: 10px;overflow-y: auto" |
| | | :style="{height:(tableHeight-40)+'px'}" |
| | | @scroll="scrollCenterScroll()" |
| | | @mouseover="isScroll='center'" |
| | | > |
| | | <div style=" "> |
| | | <i class="el-icon-s-operation" :style="{color:$store.state.settings.theme}" /> 按钮权限 |
| | | </div> |
| | | <!-- <div--> |
| | | <!-- ref="scrollCenter"--> |
| | | <!-- style="width: calc(100% - 260px );padding-left: 10px;overflow-y: auto;"--> |
| | | <!-- :style="{height:(tableHeight-40)+'px'}"--> |
| | | <!-- @scroll="scrollCenterScroll()"--> |
| | | <!-- @mouseover="isScroll='center'"--> |
| | | <!-- >--> |
| | | <!-- <div style=" ">--> |
| | | <!-- <i class="el-icon-s-operation" :style="{color:$store.state.settings.theme}" /> 按钮权限--> |
| | | <!-- </div>--> |
| | | |
| | | <el-checkbox |
| | | v-model="buttonIsChecked" |
| | | style="height: 26px;display:flex;align-items: center;margin-top:10px;width:200px" |
| | | @change=" handleCheckAllChange " |
| | | >全选 |
| | | </el-checkbox> |
| | | <!-- <el-checkbox--> |
| | | <!-- v-model="buttonIsChecked"--> |
| | | <!-- style="height: 26px;display:flex;align-items: center;margin-top:10px;width:200px"--> |
| | | <!-- @change=" handleCheckAllChange "--> |
| | | <!-- >全选--> |
| | | <!-- </el-checkbox>--> |
| | | |
| | | <div v-if="treeCenter.length>0"> |
| | | <div v-for="(item,index) in treeCenter[0].children" :key="item.menucode"> |
| | | <!-- <div v-if="treeCenter.length>0">--> |
| | | <!-- <div v-for="(item,index) in treeCenter[0].children" :key="item.menucode">--> |
| | | |
| | | <div |
| | | v-if="!item.buttoncodelist" |
| | | style="margin-left: 40px;height:26px;display: flex;" |
| | | /> |
| | | <!-- <div--> |
| | | <!-- v-if="!item.buttoncodelist"--> |
| | | <!-- style="margin-left: 40px;height:26px;display: flex;"--> |
| | | <!-- />--> |
| | | |
| | | <el-checkbox-group |
| | | v-for="it in item.children" |
| | | v-if="item.expanded" |
| | | :key="it.menucode" |
| | | v-model="it.buttonChecked" |
| | | style="margin-left: 40px;height:26px;display: flex;" |
| | | @change="val=>handleCheckedButtonChange(val,it.menucode,it.buttonChecked)" |
| | | > |
| | | <!-- <el-checkbox-group--> |
| | | <!-- v-for="it in item.children"--> |
| | | <!-- v-if="item.expanded"--> |
| | | <!-- :key="it.menucode"--> |
| | | <!-- v-model="it.buttonChecked"--> |
| | | <!-- style="margin-left: 40px;height:26px;display: flex;"--> |
| | | <!-- @change="val=>handleCheckedButtonChange(val,it.menucode,it.buttonChecked)"--> |
| | | <!-- >--> |
| | | |
| | | <el-checkbox |
| | | v-for="i in it.buttoncodelist" |
| | | :key="i" |
| | | :label="i" |
| | | style="display:flex;align-items: center;" |
| | | /> |
| | | </el-checkbox-group> |
| | | <!-- <el-checkbox--> |
| | | <!-- v-for="i in it.buttoncodelist"--> |
| | | <!-- :key="i"--> |
| | | <!-- :label="i"--> |
| | | <!-- style="display:flex;align-items: center;"--> |
| | | <!-- />--> |
| | | <!-- </el-checkbox-group>--> |
| | | |
| | | </div> |
| | | <!-- </div>--> |
| | | |
| | | </div> |
| | | <!-- </div>--> |
| | | |
| | | </div> |
| | | <!-- </div>--> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="APP端" name="APP">APP端</el-tab-pane> |