|  |  | 
 |  |  |   <div class="main_app"> | 
 |  |  |     <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear"> | 
 |  |  |       <template #btns> | 
 |  |  |         <el-button>导出</el-button> | 
 |  |  | <!--        <el-button @click="exportData">导出</el-button>--> | 
 |  |  |       </template> | 
 |  |  |     </QueryForm> | 
 |  |  |     <div class="mt10"> | 
 |  |  | 
 |  |  |       <el-table-column prop="renterName" label="客户名称" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="startDate" label="开始日期" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="endDate" label="结束日期" min-width="100" show-overflow-tooltip /> | 
 |  |  | <!--      <el-table-column label="租赁单价" min-width="100" show-overflow-tooltip></el-table-column>--> | 
 |  |  |       <el-table-column prop="totalArea" label="租赁面积" min-width="100" show-overflow-tooltip /> | 
 |  |  |         <el-table-column prop="zlFirstPrice" label="租赁单价" min-width="100" show-overflow-tooltip> | 
 |  |  |             <template slot-scope="{row}"> | 
 |  |  |                 <div style="display: flex; align-items: center;"> | 
 |  |  |                     <span>{{row.zlFirstPrice || row.wyFirstPrice}}</span> | 
 |  |  |                     <span>{{row.zlFirstCircleStr || row.wyFirstCircleStr}}</span> | 
 |  |  |                 </div> | 
 |  |  |             </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column label="租赁面积" min-width="100" show-overflow-tooltip> | 
 |  |  |             <template slot-scope="{row}"> | 
 |  |  |                 {{row.totalArea}}㎡ | 
 |  |  |             </template> | 
 |  |  |         </el-table-column> | 
 |  |  |       <el-table-column prop="signDate" label="签订日" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="code" label="合同编号" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column label="合同状态" min-width="90" fixed="right" show-overflow-tooltip> | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     handleSizeChange (capacity) { | 
 |  |  |       this.pagination.pageSize = capacity | 
 |  |  |     }, | 
 |  |  |     exportData () { | 
 |  |  |      | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style> | 
 |  |  | </> |