| | |
| | | </el-input> |
| | | </el-form> |
| | | <el-card class="box-card" |
| | | v-for="(item,index) in searchDataDisplay.slice((currentPage-1)*PageSize,currentPage*PageSize)" |
| | | v-for="(item,index) in searchDataDisplay" |
| | | :key="index"> |
| | | <div v-if="totalCount > 0"> |
| | | <div> |
| | | {{ item.CompanyName }} |
| | | </div> |
| | | </el-card> |
| | | <div class="search-pagination"> |
| | | <el-pagination |
| | | small |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :page-sizes="[1, 2, 3]" |
| | | :page-size="1" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total='totalCount'> |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | <!-- <el-scrollbar style="height:100%">--> |
| | | <!-- </el-scrollbar>--> |
| | |
| | | // 数据的传递 |
| | | transferData: '' |
| | | }, |
| | | searchDataDisplay: [], |
| | | // 默认显示第几页 |
| | | currentPage: 1, |
| | | // 总条数,根据接口获取数据长度(注意:这里不能为空) |
| | | totalCount: 1, |
| | | // 个数选择器(可修改) |
| | | pageSizes: [1, 2, 3, 4], |
| | | // 默认每页显示的条数(可修改) |
| | | PageSize: 1 |
| | | searchDataDisplay: [] |
| | | } |
| | | }, |
| | | methods: { |
| | | // 每页显示的条数 |
| | | handleSizeChange (val) { |
| | | this.PageSize = val |
| | | this.currentPage = 1 |
| | | }, |
| | | // 显示第几页 |
| | | handleCurrentChange (val) { |
| | | this.currentPage = val |
| | | }, |
| | | handlePipelineType (val) { |
| | | // console.log(val) |
| | | this.solidWasteTypeOptions.forEach(item => { |
| | |
| | | const result = await mapApi.getSolidWasteSurveyDetail(data) |
| | | // console.log(result) |
| | | this.searchDataDisplay = result.Result.DataInfo |
| | | this.totalCount = result.Result.DataInfo.length |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .box-card { |
| | | margin: 15px auto; |
| | | } |
| | | |
| | | .search-pagination { |
| | | padding: 0; |
| | | margin: 15px auto; |
| | | } |
| | | } |