| | |
| | | </div> |
| | | <div class="pag-container" v-if="state.total&&state.total>0"> |
| | | <el-pagination |
| | | v-model:current-page="state.querys.pageNum" |
| | | v-model:page-size="state.querys.pageSize" |
| | | :page-sizes="[10,15,20,25]" |
| | | :page-sizes="[10,15,20]" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="state.total" |
| | | :current-page="state.querys.pageNum" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | |
| | | }, { immediate: true }); |
| | | |
| | | const handleSizeChange = (val) => { |
| | | state.querys.pageNum = 1 |
| | | state.querys.pageSize = val |
| | | getData() |
| | | } |
| | |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | margin-top: 170px; |
| | | margin-top: 150px; |
| | | |
| | | .main-content{ |
| | | width: 1200px; |
| | | margin: 20px 0; |
| | | margin: 15px 0; |
| | | background: #fff; |
| | | border-radius: 4px; |
| | | box-shadow: 1px 1px 3px rgba(0,0,0,.04); |
| | |
| | | |
| | | .list{ |
| | | padding: 15px 0; |
| | | max-height: calc(100vh - 350px); |
| | | height: calc(100vh - 280px); |
| | | overflow-y: auto; |
| | | |
| | | &>div{ |
| | | display: flex; |
| | | padding: 10px; |
| | | padding: 8px; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | border-bottom: 1px dashed #ebeef5; |
| | |
| | | |
| | | .pag-container{ |
| | | width: 100%; |
| | | height: 80px; |
| | | height: 60px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: right; |