修正分頁、Too many connection 問題
This commit is contained in:
@@ -88,7 +88,7 @@ export function UserManagement() {
|
||||
})
|
||||
const [pagination, setPagination] = useState({
|
||||
page: 1,
|
||||
limit: 10,
|
||||
limit: 5,
|
||||
total: 0,
|
||||
totalPages: 0
|
||||
})
|
||||
@@ -813,16 +813,11 @@ export function UserManagement() {
|
||||
<SelectItem value="HQBU">HQBU</SelectItem>
|
||||
<SelectItem value="HRBU">HRBU</SelectItem>
|
||||
<SelectItem value="IBU">IBU</SelectItem>
|
||||
<SelectItem value="ICDU">ICDU</SelectItem>
|
||||
<SelectItem value="ICBU">ICBU</SelectItem>
|
||||
<SelectItem value="ITBU">ITBU</SelectItem>
|
||||
<SelectItem value="MBU1">MBU1</SelectItem>
|
||||
<SelectItem value="MBU5">MBU5</SelectItem>
|
||||
<SelectItem value="PJA">PJA</SelectItem>
|
||||
<SelectItem value="PBU">PBU</SelectItem>
|
||||
<SelectItem value="SBG">SBG</SelectItem>
|
||||
<SelectItem value="SBU">SBU</SelectItem>
|
||||
<SelectItem value="董事會">董事會</SelectItem>
|
||||
<SelectItem value="法務室">法務室</SelectItem>
|
||||
<SelectItem value="關係企業發展">關係企業發展</SelectItem>
|
||||
<SelectItem value="稽核室">稽核室</SelectItem>
|
||||
@@ -963,6 +958,36 @@ export function UserManagement() {
|
||||
))}
|
||||
</TableBody>
|
||||
</Table>
|
||||
|
||||
{/* 用戶列表分頁控件 */}
|
||||
{pagination.totalPages > 1 && (
|
||||
<div className="flex items-center justify-between pt-4 border-t">
|
||||
<div className="text-sm text-gray-500">
|
||||
顯示第 {((pagination.page - 1) * pagination.limit) + 1} - {Math.min(pagination.page * pagination.limit, pagination.total)} 項,共 {pagination.total} 項
|
||||
</div>
|
||||
<div className="flex items-center space-x-2">
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => setPagination(prev => ({ ...prev, page: prev.page - 1 }))}
|
||||
disabled={pagination.page <= 1}
|
||||
>
|
||||
<ChevronLeft className="w-4 h-4" />
|
||||
</Button>
|
||||
<span className="text-sm">
|
||||
第 {pagination.page} 頁,共 {pagination.totalPages} 頁
|
||||
</span>
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => setPagination(prev => ({ ...prev, page: prev.page + 1 }))}
|
||||
disabled={pagination.page >= pagination.totalPages}
|
||||
>
|
||||
<ChevronRight className="w-4 h-4" />
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
@@ -1207,16 +1232,11 @@ export function UserManagement() {
|
||||
<SelectItem value="HQBU">HQBU</SelectItem>
|
||||
<SelectItem value="HRBU">HRBU</SelectItem>
|
||||
<SelectItem value="IBU">IBU</SelectItem>
|
||||
<SelectItem value="ICDU">ICDU</SelectItem>
|
||||
<SelectItem value="ICBU">ICBU</SelectItem>
|
||||
<SelectItem value="ITBU">ITBU</SelectItem>
|
||||
<SelectItem value="MBU1">MBU1</SelectItem>
|
||||
<SelectItem value="MBU5">MBU5</SelectItem>
|
||||
<SelectItem value="PJA">PJA</SelectItem>
|
||||
<SelectItem value="PBU">PBU</SelectItem>
|
||||
<SelectItem value="SBG">SBG</SelectItem>
|
||||
<SelectItem value="SBU">SBU</SelectItem>
|
||||
<SelectItem value="董事會">董事會</SelectItem>
|
||||
<SelectItem value="法務室">法務室</SelectItem>
|
||||
<SelectItem value="關係企業發展">關係企業發展</SelectItem>
|
||||
<SelectItem value="稽核室">稽核室</SelectItem>
|
||||
|
Reference in New Issue
Block a user