diff --git a/web/src/App.js b/web/src/App.js
index 4c8ea24..292dd95 100644
--- a/web/src/App.js
+++ b/web/src/App.js
@@ -89,215 +89,217 @@ function App() {
return (
-
- }>
-
-
- }
- />
-
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
-
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
-
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
-
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
-
+
+
+ }>
-
+
-
- }
- />
-
+ }
+ />
+
+
+
+ }
+ />
+ }>
-
+
-
- }
- />
-
-
-
- }
- />
-
-
-
- }
- />
- }>
-
-
- }
- />
- }>
-
-
- }
- />
-
- } />
-
+ }
+ />
+ }>
+
+
+ }
+ />
+
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+
+ }>
+
+
+
+ }
+ />
+
+ }>
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+ }>
+
+
+ }
+ />
+
+ } />
+
+
);
}
diff --git a/web/src/components/LogsTable.js b/web/src/components/LogsTable.js
index 832acb5..e539098 100644
--- a/web/src/components/LogsTable.js
+++ b/web/src/components/LogsTable.js
@@ -71,7 +71,7 @@ const LogsTable = () => {
isAdminUser ?
record.type === 0 || record.type === 2 ?
- { {text} }
+ { {text} }
:
<>>
diff --git a/web/src/components/TokensTable.js b/web/src/components/TokensTable.js
index aef94cc..4af8eca 100644
--- a/web/src/components/TokensTable.js
+++ b/web/src/components/TokensTable.js
@@ -187,21 +187,21 @@ const TokensTable = () => {
const closeEdit = () => {
setShowEdit(false);
- setEditingToken({
- id: undefined,
- });
+ // setEditingToken({
+ // id: undefined,
+ // });
}
const setTokensFormat = (tokens) => {
setTokens(tokens);
- if (tokens.length === ITEMS_PER_PAGE) {
+ if (tokens.length >= ITEMS_PER_PAGE) {
setTokenCount(tokens.length + ITEMS_PER_PAGE);
} else {
setTokenCount(tokens.length);
}
}
- // let pageData = tokens.slice((activePage - 1) * ITEMS_PER_PAGE, activePage * ITEMS_PER_PAGE);
+ let pageData = tokens.slice((activePage - 1) * ITEMS_PER_PAGE, activePage * ITEMS_PER_PAGE);
const loadTokens = async (startIdx) => {
setLoading(true);
const res = await API.get(`/api/token/?p=${startIdx}`);
@@ -450,11 +450,12 @@ const TokensTable = () => {
onClick={searchTokens} style={{marginRight: 8}}>查询
-
diff --git a/web/src/index.css b/web/src/index.css
index c1cd6c2..e157699 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -8,6 +8,15 @@ body {
scrollbar-width: none;
color: var(--semi-color-text-0) !important;
background-color: var( --semi-color-bg-0) !important;
+ height: 100%;
+}
+
+#root {
+ height: 100%;
+}
+
+.semi-layout {
+ height: 100%;
}
.tableShow {
@@ -40,7 +49,7 @@ code {
/*display: flex;*/
/*flex-direction: column;*/
/*width: 100%;*/
- height: 100vh;
+ height: 100%;
overflow: hidden;
}
diff --git a/web/src/index.js b/web/src/index.js
index f7cee42..fe453b4 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -22,7 +22,6 @@ root.render(
-
@@ -37,11 +36,12 @@ root.render(
>
-
+ {/**/}
+ {/* */}
+ {/**/}
+
-
- {/**/}
diff --git a/web/src/pages/Token/EditToken.js b/web/src/pages/Token/EditToken.js
index 88eb9e6..e21e9cb 100644
--- a/web/src/pages/Token/EditToken.js
+++ b/web/src/pages/Token/EditToken.js
@@ -112,6 +112,7 @@ const EditToken = (props) => {
return (
<>
{isEdit ? '更新令牌信息' : '创建新的令牌'}}
headerStyle={{borderBottom: '1px solid var(--semi-color-border)'}}
bodyStyle={{borderBottom: '1px solid var(--semi-color-border)'}}
diff --git a/web/src/pages/TopUp/index.js b/web/src/pages/TopUp/index.js
index bc182ce..dbbad2f 100644
--- a/web/src/pages/TopUp/index.js
+++ b/web/src/pages/TopUp/index.js
@@ -1,7 +1,8 @@
import React, {useEffect, useState} from 'react';
-import {Button, Confirm, Form, Grid, Header, Segment, Statistic} from 'semantic-ui-react';
-import {API, showError, showInfo, showSuccess} from '../../helpers';
+import {Button, Card, Confirm, Form, Grid, Header, Segment, Statistic} from 'semantic-ui-react';
+import {API, isMobile, showError, showInfo, showSuccess} from '../../helpers';
import {renderNumber, renderQuota} from '../../helpers/render';
+import {Col, Layout, Row, Typography} from "@douyinfe/semi-ui";
const TopUp = () => {
const [redemptionCode, setRedemptionCode] = useState('');
@@ -162,95 +163,101 @@ const TopUp = () => {
return (
-
-
-
-
-
- {
- setRedemptionCode(e.target.value);
- }}
+
+
+ 我的钱包
+
+
+
+
+
-
-
-
-
-
-
-
- {renderQuota(userQuota)}
- 剩余额度
-
-
-
-
-
-
-
-
-
- {
- setTopUpCount(e.target.value);
- await getAmount(e.target.value);
- }}
- />
- {/* {*/}
- {/* setTopUpCode(e.target.value);*/}
- {/* }}*/}
- {/*/>*/}
-
-
-
-
-
-
-
- {renderAmount()}
- 支付金额
-
-
-
-
-
+ 兑换
+
+
+ {
+ setRedemptionCode(e.target.value);
+ }}
+ />
+
+
+
+
+
+
+
+ {renderQuota(userQuota)}
+ 剩余额度
+
+
+
+
+
+
+
+
+
+ {
+ setTopUpCount(e.target.value);
+ await getAmount(e.target.value);
+ }}
+ />
+
+
+
+
+
+
+
+ {renderAmount()}
+ 支付金额
+
+
+
+
+
+
+
+
+
);