xinyin025/new-api
1
0
Fork 0
mirror of https://github.com/linux-do/new-api.git synced 2025-09-18 00:16:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

界面优化

Browse Source
This commit is contained in:
CaIon 2023-10-31 17:31:22 +08:00
parent 719b82ad49
commit f98dd8d693
4 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.github/FUNDING.yml vendored
View File

@ -1 +0,0 @@
custom: ['https://iamazing.cn/page/reward']

2
web/package.json
View File

@ -49,5 +49,5 @@
"singleQuote": true, "singleQuote": true,
"jsxSingleQuote": true "jsxSingleQuote": true
}, },
"proxy": "http://localhost:3000" "proxy": "https://nekoapi.com"
} }

18
web/src/components/LogsTable.js
View File

@ -20,6 +20,7 @@ import {
} from '@douyinfe/semi-icons'; } from '@douyinfe/semi-icons';
const {Sider, Content, Header} = Layout; const {Sider, Content, Header} = Layout;
const { Column } = Table;
function renderTimestamp(timestamp) { function renderTimestamp(timestamp) {
@ -45,7 +46,7 @@ function renderType(type) {
case 1: case 1:
return <Tag color='cyan' size='large'> 充值 </Tag>; return <Tag color='cyan' size='large'> 充值 </Tag>;
case 2: case 2:
return <Tag color='yellow' size='large'> 消费 </Tag>; return <Tag color='lime' size='large'> 消费 </Tag>;
case 3: case 3:
return <Tag color='orange' size='large'> 管理 </Tag>; return <Tag color='orange' size='large'> 管理 </Tag>;
case 4: case 4:
@ -55,7 +56,6 @@ function renderType(type) {
} }
} }
const LogsTable = () => { const LogsTable = () => {
const columns = [ const columns = [
{ {
@ -65,10 +65,11 @@ const LogsTable = () => {
{ {
title: '渠道', title: '渠道',
dataIndex: 'channel', dataIndex: 'channel',
className: isAdmin()?'tableShow':'tableHiddle',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
isAdminUser ? isAdminUser ?
logType === 0 || logType === 2 ? record.type === 0 || record.type === 2 ?
<div> <div>
{<Tag color={colors[parseInt(text) % 10]} size='large'> {text} </Tag>} {<Tag color={colors[parseInt(text) % 10]} size='large'> {text} </Tag>}
</div> </div>
@ -82,6 +83,7 @@ const LogsTable = () => {
{ {
title: '用户', title: '用户',
dataIndex: 'username', dataIndex: 'username',
className: isAdmin()?'tableShow':'tableHiddle',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
isAdminUser ? isAdminUser ?
@ -101,7 +103,7 @@ const LogsTable = () => {
dataIndex: 'token_name', dataIndex: 'token_name',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
logType === 0 || logType === 2 ? record.type === 0 || record.type === 2 ?
<div> <div>
{<Tag color='grey' size='large'> {text} </Tag>} {<Tag color='grey' size='large'> {text} </Tag>}
</div> </div>
@ -126,7 +128,7 @@ const LogsTable = () => {
dataIndex: 'model_name', dataIndex: 'model_name',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
logType === 0 || logType === 2 ? record.type === 0 || record.type === 2 ?
<div> <div>
{<Tag color={stringToColor(text)} size='large'> {text} </Tag>} {<Tag color={stringToColor(text)} size='large'> {text} </Tag>}
</div> </div>
@ -140,7 +142,7 @@ const LogsTable = () => {
dataIndex: 'prompt_tokens', dataIndex: 'prompt_tokens',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
logType === 0 || logType === 2 ? record.type === 0 || record.type === 2 ?
<div> <div>
{<span> {text} </span>} {<span> {text} </span>}
</div> </div>
@ -154,7 +156,7 @@ const LogsTable = () => {
dataIndex: 'completion_tokens', dataIndex: 'completion_tokens',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
logType === 0 || logType === 2 ? parseInt(text) > 0 && (record.type === 0 || record.type === 2) ?
<div> <div>
{<span> {text} </span>} {<span> {text} </span>}
</div> </div>
@ -168,7 +170,7 @@ const LogsTable = () => {
dataIndex: 'quota', dataIndex: 'quota',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
logType === 0 || logType === 2 ? record.type === 0 || record.type === 2 ?
<div> <div>
{ {
renderQuota(text, 6) renderQuota(text, 6)

8
web/src/index.css
View File

@ -10,6 +10,14 @@ body {
background-color: var( --semi-color-bg-0) !important; background-color: var( --semi-color-bg-0) !important;
} }
.tableShow {
display: revert;
}
.tableHiddle {
display: none !important;
}
body::-webkit-scrollbar { body::-webkit-scrollbar {
display: none; display: none;
} }