|  |  | 
 |  |  | <template> | 
 |  |  |   <TableLayout> | 
 |  |  |   <TableLayout :style="'overflow: auto;height: 100%;'"> | 
 |  |  |     <template v-slot:table-wrap> | 
 |  |  |       <el-tabs v-model="activeType" @tab-click="handleClick"> | 
 |  |  |         <el-tab-pane label="市内用车" name="3"></el-tab-pane> | 
 |  |  |         <el-tab-pane label="市外用车" name="4"></el-tab-pane> | 
 |  |  |       </el-tabs> | 
 |  |  |       <div class="config"> | 
 |  |  |       <div class="config"   > | 
 |  |  |         <div class="config_list"> | 
 |  |  |           <div class="config_list_head"> | 
 |  |  |             <span>配置流程</span> | 
 |  |  | 
 |  |  |               type="primary">保存配置项</el-button> | 
 |  |  |             <el-button v-if="activeIndex !== 0 && activeIndex !== apprList.length - 1" type="danger" plain | 
 |  |  |               @click="handleDel">删除节点</el-button> | 
 |  |  |           </div>3 | 
 |  |  |           </div> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |     </template> | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   data() { | 
 |  |  |     return { | 
 |  |  |       height: 500, | 
 |  |  |       activeType: '3', | 
 |  |  |       subLoading: false, | 
 |  |  |       apprList: [ | 
 |  |  | 
 |  |  |   created() { | 
 |  |  |     this.getfindCompanyTreePage() | 
 |  |  |     this.initDate() | 
 |  |  |     this.height = window.innerHeight -300 | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     handleClick() { | 
 |  |  | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style lang="scss" scoped> | 
 |  |  |  .el-container .el-main{ | 
 |  |  |   overflow: auto !important; | 
 |  |  | } | 
 |  |  | .config { | 
 |  |  |   width: 100%; | 
 |  |  |   padding-bottom: 20px; |