| | |
| | | <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> |
| | | </> |