|  |  |  | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <section> | 
|---|
|  |  |  | <el-button type="primary" @click="search">搜索</el-button> | 
|---|
|  |  |  | <el-button type="primary" :loading="isWorking.export" v-permissions="['business:ywroom:exportExcel']" | 
|---|
|  |  |  | @click="exportExcel">导出</el-button> | 
|---|
|  |  |  | <!-- <el-button type="primary" :loading="isWorking.export" v-permissions="['business:ywroom:exportExcel']" | 
|---|
|  |  |  | @click="exportExcel">导出</el-button> --> | 
|---|
|  |  |  | <el-button @click="reset">重置</el-button> | 
|---|
|  |  |  | </section> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | 
|---|
|  |  |  | <ul class="toolbar" v-permissions="['business:ywroom:create', 'business:ywroom:delete']"> | 
|---|
|  |  |  | <li><el-button type="primary" @click="editClick()" icon="el-icon-plus" | 
|---|
|  |  |  | v-permissions="['business:ywroom:create']">新建</el-button></li> | 
|---|
|  |  |  | <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" | 
|---|
|  |  |  | v-permissions="['business:ywroom:delete']">删除</el-button></li> | 
|---|
|  |  |  | <!-- <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" | 
|---|
|  |  |  | v-permissions="['business:ywroom:delete']">删除</el-button></li> --> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  | <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> | 
|---|
|  |  |  | <el-table-column type="selection" width="55"></el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-table-column prop="roomNum" label="房号" min-width="60px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="rentArea" label="计租面积(m²)" min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="feeArea" label="计费面积(m²)" min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="feeArea" label="租赁状态" min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="" label="租赁状态" min-width="80px"> | 
|---|
|  |  |  | <template v-slot="{row}"> | 
|---|
|  |  |  | <span v-if="row.leaseStatus == 0">待租</span> | 
|---|
|  |  |  | <span v-else-if="row.leaseStatus == 1">已租</span> | 
|---|
|  |  |  | <span v-else>-</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="isInvestment" label="招商状态" min-width="60px"> | 
|---|
|  |  |  | <template v-slot="scope"> | 
|---|
|  |  |  | <span v-if="scope.row.isInvestment == 1" class="green">招商</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | projectList: [], | 
|---|
|  |  |  | buildList: [], | 
|---|
|  |  |  |  | 
|---|
|  |  |  | filters: {} | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeProject(e) { | 
|---|
|  |  |  | this.searchForm.buildingId = '' | 
|---|
|  |  |  | getBuildList({ id: e }).then(res => { | 
|---|
|  |  |  | getBuildList({ projectId: e }).then(res => { | 
|---|
|  |  |  | this.buildList = res || [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | editClick(row) { | 
|---|
|  |  |  | if (row && row.id) { | 
|---|
|  |  |  | this.$refs.operaYwRoomWindow.open('编辑房间') | 
|---|
|  |  |  | this.$refs.operaYwRoomWindow.open('编辑房间', row) | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.$refs.operaYwRoomWindow.open('新建房间') | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.$refs.operaYwRoomWindow.getProject() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|