lanhu/web
2
0
Fork 0
Code Issues Actions Packages Releases 13 Activity

更新资源列表接口，调整相关数据结构，优化页面布局和样式

Browse Source
This commit is contained in:
luorijun
2025-05-19 11:04:40 +08:00
parent 52c0184482
commit 9652181fe4
14 changed files with 105 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/admin/resources/page.tsx
View File

@@ -8,7 +8,7 @@ import {Box, Eraser, Search, Timer} from 'lucide-react'
import {Select, SelectContent, SelectItem, SelectTrigger, SelectValue} from '@/components/ui/select'
import {Button} from '@/components/ui/button'
import DataTable from '@/components/data-table'
import {format, intlFormatDistance, isAfter, isEqual, parse} from 'date-fns'
import {format, intlFormatDistance, isAfter} from 'date-fns'
import DatePicker from '@/components/date-picker'
import {Form, FormField} from '@/components/ui/form'
import {useForm} from 'react-hook-form'
@@ -133,7 +133,7 @@ export default function ResourcesPage(props: ResourcesPageProps) {
)}
</FormField>
<FormField name={`type`} label={<span className={`text-sm`}>类型</span>}>
{({id, field}) => (
{({field}) => (
<Select value={field.value} onValueChange={field.onChange}>
<SelectTrigger className={`w-24 h-9`}>
<SelectValue placeholder={`选择套餐类型`}/>
@@ -240,13 +240,13 @@ export default function ResourcesPage(props: ResourcesPageProps) {
{
accessorKey: 'type', header: `类型`, cell: ({row}) => (
<div className={`flex gap-2 items-center`}>
{row.original.pss.type === 1 && (
{row.original.short.type === 1 && (
<div className={`flex gap-2 items-center bg-green-50 w-fit px-2 py-1 rounded-md`}>
<Timer size={20}/>
<span>包时</span>
</div>
)}
{row.original.pss.type === 2 && (
{row.original.short.type === 2 && (
<div className={`flex gap-2 items-center bg-blue-50 w-fit px-2 py-1 rounded-md`}>
<Box size={20}/>
<span>包量</span>
@@ -258,30 +258,30 @@ export default function ResourcesPage(props: ResourcesPageProps) {
{
accessorKey: 'live', header: `IP 时效`, cell: ({row}) => (
<span>
{row.original.pss.live / 60} 分钟
</span>
{row.original.short.live / 60} 分钟
</span>
),
},
{
accessorKey: 'expire', header: `使用情况`, cell: ({row}) => (
<div className={`flex gap-1`}>
{row.original.pss.type === 1 ? (
{row.original.short.type === 1 ? (
<div className={`flex gap-1`}>
{isAfter(row.original.pss.expire, new Date())
{isAfter(row.original.short.expire, new Date())
? <span className={`text-green-500`}>正常</span>
: <span className={`text-red-500`}>过期</span>}
<span>|</span>
<span>今日限额：{row.original.pss.daily_used} / {row.original.pss.daily_limit}</span>
<span>今日限额：{row.original.short.daily_used} / {row.original.short.daily_limit}</span>
<span>|</span>
<span>{intlFormatDistance(row.original.pss.expire, new Date())} 到期</span>
<span>{intlFormatDistance(row.original.short.expire, new Date())} 到期</span>
</div>
) : row.original.pss.type === 2 ? (
) : row.original.short.type === 2 ? (
<div className={`flex gap-1`}>
{row.original.pss.used < row.original.pss.quota
{row.original.short.used < row.original.short.quota
? <span className={`text-green-500`}>正常</span>
: <span className={`text-red-500`}>已用完</span>}
<span>|</span>
<span>用量统计：{row.original.pss.used} / {row.original.pss.quota}</span>
<span>用量统计：{row.original.short.used} / {row.original.short.quota}</span>
</div>
) : (
<span>-</span>
@@ -292,9 +292,9 @@ export default function ResourcesPage(props: ResourcesPageProps) {
{
accessorKey: 'daily_last', header: '最近使用时间', cell: ({row}) => {
return (
format(row.original.pss.daily_last, "yyyy-MM-dd") === "0001-01-01"
format(row.original.short.daily_last, 'yyyy-MM-dd') === '0001-01-01'
? '-'
: format(row.original.pss.daily_last, 'yyyy-MM-dd HH:mm')
: format(row.original.short.daily_last, 'yyyy-MM-dd HH:mm')
)
},
},