fix(F006-W17.3.4): UserListView + OperateguideListView 补上 @limit-change 监听, 修复每页多少条不刷新
This commit is contained in:
parent
ba00ed985a
commit
79e039c975
@ -41,6 +41,7 @@ async function load() {
|
||||
} catch { list.value = []; total.value = 0 } finally { loading.value = false }
|
||||
}
|
||||
function onPageChange(p: number) { query.page = p; load() }
|
||||
function onLimitChange(l: number) { query.limit = l; query.page = 1; load() }
|
||||
onMounted(load)
|
||||
</script>
|
||||
|
||||
@ -48,7 +49,8 @@ onMounted(load)
|
||||
<div class="rr-page">
|
||||
<PageHeader title="操作指南" :sub="`操作指南内容 (共 ${total} 条)`" />
|
||||
<div class="rr-card">
|
||||
<DataTable :columns="columns" :data="list" :loading="loading" :total="total" :page="query.page" :limit="query.limit" :show-pagination="true" row-key="id" empty-text="暂无内容" @page-change="onPageChange" />
|
||||
<DataTable :columns="columns" :data="list" :loading="loading" :total="total" :page="query.page" :limit="query.limit" :show-pagination="true" row-key="id" empty-text="暂无内容" @page-change="onPageChange"
|
||||
@limit-change="onLimitChange" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -52,7 +52,7 @@ const columns: any[] = [
|
||||
{
|
||||
prop: 'isEnterprise',
|
||||
label: '是否企业认证',
|
||||
width: 130,
|
||||
width: 140,
|
||||
formatter: (row: FrontUser) => row.isEnterprise === 1 ? '是' : '否'
|
||||
},
|
||||
{
|
||||
@ -149,6 +149,7 @@ function onTabChange(key: string) {
|
||||
}
|
||||
|
||||
function onPageChange(p: number) { query.page = p; load() }
|
||||
function onLimitChange(l: number) { query.limit = l; query.page = 1; load() }
|
||||
function onSearch() { query.page = 1; load() }
|
||||
function onReset() {
|
||||
query.userId = ''; query.nickName = ''; query.mobile = ''
|
||||
@ -211,7 +212,7 @@ onMounted(load)
|
||||
{ key: 'userId', label: '用户ID', type: 'text', placeholder: '用户ID' },
|
||||
{ key: 'nickName', label: '用户昵称', type: 'text', placeholder: '用户昵称' },
|
||||
{ key: 'mobile', label: '手机号', type: 'text', placeholder: '手机号' },
|
||||
{ key: 'isEnterprise', label: '是否企业认证', type: 'select', placeholder: '所有认证',
|
||||
{ key: 'isEnterprise', label: '是否企业认证', type: 'select', placeholder: '所有状态', width: '160px',
|
||||
options: [{ label: '已认证', value: '1' }, { label: '未认证', value: '0' }] },
|
||||
{ key: 'enterpriseName', label: '企业名称', type: 'text', placeholder: '企业名称' }
|
||||
]"
|
||||
@ -232,6 +233,7 @@ onMounted(load)
|
||||
row-key="id"
|
||||
empty-text="暂无用户"
|
||||
@page-change="onPageChange"
|
||||
@limit-change="onLimitChange"
|
||||
>
|
||||
<template #enabled="{ row }">
|
||||
<el-tag v-if="row.enabled === 1" type="success" size="small" effect="light" round>正常</el-tag>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user