| | |
| | | <div class="main-content"> |
| | | <div class="filters"> |
| | | <el-form :model="state.querys"> |
| | | <el-form-item label="法律法规名称" style="width: 500px;margin-bottom: 0;margin-right: 20px"> |
| | | <el-form-item label="法律法规名称:" style="font-size: 15px; width: 500px;margin-bottom: 0;margin-right: 20px"> |
| | | <el-input v-model="state.querys.title" /> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | </div> |
| | | <div class="pag-container" v-if="state.total&&state.total>0"> |
| | | <el-pagination |
| | | :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" |
| | | /> |
| | |
| | | } |
| | | |
| | | const handleSizeChange = (val) => { |
| | | state.querys.pageNum = 1; |
| | | state.querys.pageSize = val |
| | | getData() |
| | | } |
| | |
| | | getData() |
| | | } |
| | | const search = () => { |
| | | state.querys.pageNum = 1; |
| | | getData() |
| | | } |
| | | const reset = () => { |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | margin-top: 170px; |
| | | :deep(.el-form .el-form-item__label) { |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .main-content{ |
| | | width: 1200px; |