视觉优化

This commit is contained in:
CaIon 2023-12-01 01:30:24 +08:00
parent 6e744bd1a3
commit 8b96d068c9
5 changed files with 33 additions and 10 deletions

View File

@ -23,7 +23,7 @@ function renderType(type) {
case 'DESCRIBE': case 'DESCRIBE':
return <Tag color="yellow" size='large'>图生文</Tag>; return <Tag color="yellow" size='large'>图生文</Tag>;
case 'BLEAND': case 'BLEAND':
return <Tag color="olive" size='large'>图混合</Tag>; return <Tag color="lime" size='large'>图混合</Tag>;
default: default:
return <Tag color="black" size='large'>未知</Tag>; return <Tag color="black" size='large'>未知</Tag>;
} }
@ -35,7 +35,7 @@ function renderCode(code) {
case 1: case 1:
return <Tag color="green" size='large'>已提交</Tag>; return <Tag color="green" size='large'>已提交</Tag>;
case 21: case 21:
return <Tag color="olive" size='large'>排队中</Tag>; return <Tag color="lime" size='large'>排队中</Tag>;
case 22: case 22:
return <Tag color="orange" size='large'>重复提交</Tag>; return <Tag color="orange" size='large'>重复提交</Tag>;
default: default:

View File

@ -324,6 +324,18 @@ const RedemptionsTable = () => {
}, },
}; };
const handleRow = (record, index) => {
if (record.status !== 1) {
return {
style: {
background: 'var(--semi-color-disabled-border)',
},
};
} else {
return {};
}
};
return ( return (
<> <>
<EditRedemption refresh={refresh} editingRedemption={editingRedemption} visiable={showEdit} <EditRedemption refresh={refresh} editingRedemption={editingRedemption} visiable={showEdit}
@ -353,7 +365,7 @@ const RedemptionsTable = () => {
// setActivePage(1); // setActivePage(1);
// }, // },
onPageChange: handlePageChange, onPageChange: handlePageChange,
}} loading={loading} rowSelection={rowSelection}> }} loading={loading} rowSelection={rowSelection} onRow={handleRow}>
</Table> </Table>
<Button theme='light' type='primary' style={{marginRight: 8}} onClick={ <Button theme='light' type='primary' style={{marginRight: 8}} onClick={
() => { () => {

View File

@ -437,6 +437,18 @@ const TokensTable = () => {
}, },
}; };
const handleRow = (record, index) => {
if (record.status !== 1) {
return {
style: {
background: 'var(--semi-color-disabled-border)',
},
};
} else {
return {};
}
};
return ( return (
<> <>
<EditToken refresh={refresh} editingToken={editingToken} visiable={showEdit} handleClose={closeEdit}></EditToken> <EditToken refresh={refresh} editingToken={editingToken} visiable={showEdit} handleClose={closeEdit}></EditToken>
@ -473,7 +485,7 @@ const TokensTable = () => {
setActivePage(1); setActivePage(1);
}, },
onPageChange: handlePageChange, onPageChange: handlePageChange,
}} loading={loading} rowSelection={rowSelection}> }} loading={loading} rowSelection={rowSelection} onRow={handleRow}>
</Table> </Table>
<Button theme='light' type='primary' style={{marginRight: 8}} onClick={ <Button theme='light' type='primary' style={{marginRight: 8}} onClick={
() => { () => {

View File

@ -151,13 +151,13 @@ const EditToken = (props) => {
if (successCount > 0) { if (successCount > 0) {
showSuccess(`${successCount}个令牌创建成功,请在列表页面点击复制获取令牌!`); showSuccess(`${successCount}个令牌创建成功,请在列表页面点击复制获取令牌!`);
props.refresh();
props.handleClose();
} }
} }
setLoading(false); setLoading(false);
setInputs(originInputs); // 重置表单 setInputs(originInputs); // 重置表单
setTokenCount(1); // 重置数量为默认值 setTokenCount(1); // 重置数量为默认值
props.refresh();
props.handleClose();
}; };

View File

@ -1,5 +1,4 @@
import React, {useEffect, useState} from 'react'; import React, {useEffect, useState} from 'react';
import {Confirm} from 'semantic-ui-react';
import {API, isMobile, showError, showInfo, showSuccess} from '../../helpers'; import {API, isMobile, showError, showInfo, showSuccess} from '../../helpers';
import {renderNumber, renderQuota} from '../../helpers/render'; import {renderNumber, renderQuota} from '../../helpers/render';
import {Col, Layout, Row, Typography, Card, Button, Form, Divider, Space, Modal} from "@douyinfe/semi-ui"; import {Col, Layout, Row, Typography, Card, Button, Form, Divider, Space, Modal} from "@douyinfe/semi-ui";
@ -179,8 +178,8 @@ const TopUp = () => {
size={'small'} size={'small'}
centered={true} centered={true}
> >
<p>充值数量{topUpCount}</p> <p>充值数量{topUpCount}$</p>
<p>充值金额{renderAmount()}</p> <p>实付金额{renderAmount()}</p>
<p>是否确认充值</p> <p>是否确认充值</p>
</Modal> </Modal>
<div style={{marginTop: 20, display: 'flex', justifyContent: 'center'}}> <div style={{marginTop: 20, display: 'flex', justifyContent: 'center'}}>
@ -224,7 +223,7 @@ const TopUp = () => {
<Form> <Form>
<Form.Input <Form.Input
field={'redemptionCount'} field={'redemptionCount'}
label={'充值金额:' + renderAmount()} label={'实付金额:' + renderAmount()}
placeholder='充值数量' placeholder='充值数量'
name='redemptionCount' name='redemptionCount'
type={'number'} type={'number'}