|
@ -1,9 +1,9 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="diy-wr"> |
|
|
<div class="diy-wr"> |
|
|
<div class="left"> |
|
|
<div class="left"> |
|
|
<el-tabs v-model.trim="leftActive" tab-position="left" class="left-h" @tab-click="handleTabsClick"> |
|
|
<el-tabs v-model.trim="leftActive" tab-position="left" class="scroll-h" @tab-click="handleTabsClick"> |
|
|
<el-tab-pane v-for="item in leftList" :key="item.id" :label="item.label" :name="item.id"> |
|
|
<el-tab-pane v-for="item in leftList" :key="item.id" :label="item.label" :name="item.id"> |
|
|
<div class="pd10 check-boxwr scroll-h"> |
|
|
<div class="pd10 check-boxwr"> |
|
|
<checkBox v-if="item.queryItemList.length > 0" :ref="'checkbox' + item.id" |
|
|
<checkBox v-if="item.queryItemList.length > 0" :ref="'checkbox' + item.id" |
|
|
:list="item.queryItemList" @change="handleChangeBox" /> |
|
|
:list="item.queryItemList" @change="handleChangeBox" /> |
|
|
</div> |
|
|
</div> |
|
@ -165,6 +165,10 @@ export default { |
|
|
display: flex; |
|
|
display: flex; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
margin-top: 20px; |
|
|
margin-top: 20px; |
|
|
|
|
|
.scroll-h{ |
|
|
|
|
|
height: 450px; |
|
|
|
|
|
overflow-y: scroll; |
|
|
|
|
|
} |
|
|
.left { |
|
|
.left { |
|
|
width: 30%; |
|
|
width: 30%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
@ -172,10 +176,6 @@ export default { |
|
|
.check-boxwr { |
|
|
.check-boxwr { |
|
|
overflow: auto; |
|
|
overflow: auto; |
|
|
} |
|
|
} |
|
|
.left-h{ |
|
|
|
|
|
height: 450px; |
|
|
|
|
|
overflow-y: scroll; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.right { |
|
|
.right { |
|
|