|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="app-container"> | 
 |  |  |     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> | 
 |  |  |     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px" @submit.native.prevent> | 
 |  |  |       <el-form-item label="单元名称" prop="name"> | 
 |  |  |         <el-input | 
 |  |  |             v-model="queryParams.name" | 
 |  |  | 
 |  |  |         ref="singleTable" | 
 |  |  |         v-loading="loading" | 
 |  |  |         :data="buildingList" | 
 |  |  |         height="50vh" | 
 |  |  |         row-key="id" | 
 |  |  |         default-expand-all | 
 |  |  |         :tree-props="{children: 'children', hasChildren: 'hasChildren'}" | 
 |  |  |         highlight-current-row | 
 |  |  |         @current-change="handleCurrentChange" | 
 |  |  |     > | 
 |  |  |       <el-table-column label="单元名称" align="center" prop="name"/> | 
 |  |  |       <el-table-column label="单元名称" align="left" prop="name"/> | 
 |  |  |       <el-table-column label="单元编号" prop="code"/> | 
 |  |  |       <el-table-column label="显示顺序" align="center" prop="orderNum"/> | 
 |  |  |     </el-table> | 
 |  |  | 
 |  |  |       currentRow: undefined | 
 |  |  |     }; | 
 |  |  |   }, | 
 |  |  |   watch: { | 
 |  |  |     'schoolId': function (v) { | 
 |  |  |       this.getList() | 
 |  |  |     } | 
 |  |  |   mounted() { | 
 |  |  |     this.getList() | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     /** 查询建筑单元列表 */ |