| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | |
| | | <div class="command-table-pagination"> |
| | | <el-pagination |
| | | popper-class="command-select-popper" |
| | | v-model:current-page="searchParams.current" |
| | | v-model:page-size="searchParams.size" |
| | | layout="total, prev, pager, next, sizes" |
| | | :total="total" |
| | | @change="loadList" |
| | | /> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="placeholder-ele"></div> |
| | | |
| | | <FormDiaLog ref="dialogRef" @success="loadList" /> |
| | | <RolePermissionDialog ref="roleDialogRef" @success="loadList" /> |
| | |
| | | const initSearchParams = () => ({ |
| | | roleName: '', |
| | | roleAlias: '', |
| | | current: 1, |
| | | size: 10, |
| | | }) |
| | | |
| | | const searchParams = ref(initSearchParams()) |
| | | const loading = ref(true) |
| | | const list = ref([]) |
| | | const total = ref(0) |
| | | const selectedIds = ref([]) |
| | | const selectedRows = ref([]) |
| | | const queryParamsRef = ref(null) |
| | |
| | | async function loadList() { |
| | | loading.value = true |
| | | try { |
| | | const res = await getRolePage(searchParams.value.current, searchParams.value.size, searchParams.value) |
| | | const records = res?.data?.data?.records ?? res?.data?.data ?? [] |
| | | const res = await getRolePage(searchParams.value) |
| | | const records = res?.data?.data ?? [] |
| | | list.value = records |
| | | total.value = res?.data?.data?.total ?? res?.data?.total ?? records.length |
| | | } finally { |
| | | loading.value = false |
| | | } |
| | | } |
| | | |
| | | function handleSearch() { |
| | | searchParams.value.current = 1 |
| | | loadList() |
| | | } |
| | | |
| | | function resetForm() { |
| | | queryParamsRef.value?.resetFields() |
| | | searchParams.value.current = 1 |
| | | loadList() |
| | | } |
| | | |