gary
/
top-block-game-frontend
1
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

新增代币,NFT等模块功能实现

This commit is contained in:
zzy 2022-09-07 10:40:17 +08:00
parent 9b71639ff9
commit 514d0db8f3
40 changed files with 1044 additions and 222 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config/proxy.ts
View File

@ -11,7 +11,7 @@ export default {
// localhost:8000/api/** -> https://preview.pro.ant.design/api/**
'/tbg/api/v1': {
// 要代理的地址
target: 'http://192.168.2.11:9999',
target: 'http://192.168.88.238:9999',
// 配置了这个可以从 http 代理到 https
// 依赖 origin 的功能可能需要这个，比如 cookie
changeOrigin: true,

BIN
dist.zip Normal file
View File

Binary file not shown.

4
package.json
View File

@ -77,7 +77,9 @@
"react-helmet-async": "^1.0.4",
"umi": "^3.5.0",
"umi-serve": "^1.9.10",
"web3": "^1.7.5"
"web3": "^1.7.5",
"@metamask/detect-provider": "^1.2.0"
},
"devDependencies": {
"@ant-design/pro-cli": "^2.0.2",

15
src/access.ts
View File

@ -1,9 +1,20 @@
/**
* @see https://umijs.org/zh-CN/plugins/plugin-access
* */
export default function access(initialState: { currentUser?: API.CurrentUser | undefined }) {
const { currentUser } = initialState || {};
export default function access(initialState: {
currentUser?: API.CurrentUser | undefined;
routeList: any;
}) {
const { currentUser, routeList } = initialState || {};
return {
canAdmin: currentUser && currentUser.access === 'admin',
normalRouteFilter: (route: any) => {
return true;
// if (routeList == null || routeList == undefined || routeList.length == 0) {
// return true;
// }
// return routeList.includes(route.name);
},
};
}

11
src/app.tsx
View File

@ -4,8 +4,19 @@ import { history } from 'umi';
import RightContent from '@/components/RightContent';
import RoutePath from '@/routes/routePath';
import { CACHE_TOKEN } from '@/constants/cacheKey';
// import { getRoleList } from './services/system/role';
// ProLayout 支持的api https://procomponents.ant.design/components/layout
// export async function getInitialState() {
// if (localStorage.getItem(CACHE_TOKEN)) {
// const res = await getRoleList({});
// return {
// routeList: res,
// };
// }
// }
export const layout: RunTimeLayoutConfig = ({ initialState }) => {
return {
rightContentRender: () => <RightContent />,

196
src/constants/abi/erc20.json Normal file
View File

@ -0,0 +1,196 @@
[
{
"inputs": [
{ "internalType": "uint256", "name": "initialSupply", "type": "uint256" },
{ "internalType": "uint8", "name": "initialDecimals", "type": "uint8" },
{ "internalType": "string", "name": "tokenName", "type": "string" },
{ "internalType": "string", "name": "tokenSymbol", "type": "string" }
],
"payable": false,
"stateMutability": "nonpayable",
"type": "constructor"
},
{
"anonymous": false,
"inputs": [
{ "indexed": true, "internalType": "address", "name": "sender", "type": "address" },
{ "indexed": true, "internalType": "address", "name": "spender", "type": "address" },
{ "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }
],
"name": "Approval",
"type": "event"
},
{
"anonymous": false,
"inputs": [
{ "indexed": true, "internalType": "address", "name": "from", "type": "address" },
{ "indexed": true, "internalType": "address", "name": "to", "type": "address" },
{ "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }
],
"name": "Transfer",
"type": "event"
},
{
"constant": true,
"inputs": [
{ "internalType": "address", "name": "owner", "type": "address" },
{ "internalType": "address", "name": "spender", "type": "address" }
],
"name": "allowance",
"outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
"payable": false,
"stateMutability": "view",
"type": "function"
},
{
"constant": true,
"inputs": [
{ "internalType": "address", "name": "", "type": "address" },
{ "internalType": "address", "name": "", "type": "address" }
],
"name": "allowed",
"outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
"payable": false,
"stateMutability": "view",
"type": "function"
},
{
"constant": false,
"inputs": [
{ "internalType": "address", "name": "spender", "type": "address" },
{ "internalType": "uint256", "name": "amount", "type": "uint256" }
],
"name": "approve",
"outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
"payable": false,
"stateMutability": "nonpayable",
"type": "function"
},
{
"constant": true,
"inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
"name": "balanceOf",
"outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
"payable": false,
"stateMutability": "view",
"type": "function"
},
{
"constant": true,
"inputs": [{ "internalType": "address", "name": "", "type": "address" }],
"name": "balances",
"outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
"payable": false,
"stateMutability": "view",
"type": "function"
},
{
"constant": true,
"inputs": [],
"name": "decimals",
"outputs": [{ "internalType": "uint8", "name": "", "type": "uint8" }],
"payable": false,
"stateMutability": "view",
"type": "function"
},
{
"constant": true,
"inputs": [],
"name": "name",
"outputs": [{ "internalType": "string", "name": "", "type": "string" }],
"payable": false,
"stateMutability": "view",
"type": "function"
},
{
"constant": true,
"inputs": [
{ "internalType": "uint256", "name": "a", "type": "uint256" },
{ "internalType": "uint256", "name": "b", "type": "uint256" }
],
"name": "safeAdd",
"outputs": [{ "internalType": "uint256", "name": "c", "type": "uint256" }],
"payable": false,
"stateMutability": "pure",
"type": "function"
},
{
"constant": true,
"inputs": [
{ "internalType": "uint256", "name": "a", "type": "uint256" },
{ "internalType": "uint256", "name": "b", "type": "uint256" }
],
"name": "safeDiv",
"outputs": [{ "internalType": "uint256", "name": "c", "type": "uint256" }],
"payable": false,
"stateMutability": "pure",
"type": "function"
},
{
"constant": true,
"inputs": [
{ "internalType": "uint256", "name": "a", "type": "uint256" },
{ "internalType": "uint256", "name": "b", "type": "uint256" }
],
"name": "safeMul",
"outputs": [{ "internalType": "uint256", "name": "c", "type": "uint256" }],
"payable": false,
"stateMutability": "pure",
"type": "function"
},
{
"constant": true,
"inputs": [
{ "internalType": "uint256", "name": "a", "type": "uint256" },
{ "internalType": "uint256", "name": "b", "type": "uint256" }
],
"name": "safeSub",
"outputs": [{ "internalType": "uint256", "name": "c", "type": "uint256" }],
"payable": false,
"stateMutability": "pure",
"type": "function"
},
{
"constant": true,
"inputs": [],
"name": "symbol",
"outputs": [{ "internalType": "string", "name": "", "type": "string" }],
"payable": false,
"stateMutability": "view",
"type": "function"
},
{
"constant": true,
"inputs": [],
"name": "totalSupply",
"outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
"payable": false,
"stateMutability": "view",
"type": "function"
},
{
"constant": false,
"inputs": [
{ "internalType": "address", "name": "to", "type": "address" },
{ "internalType": "uint256", "name": "amount", "type": "uint256" }
],
"name": "transfer",
"outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
"payable": false,
"stateMutability": "nonpayable",
"type": "function"
},
{
"constant": false,
"inputs": [
{ "internalType": "address", "name": "from", "type": "address" },
{ "internalType": "address", "name": "to", "type": "address" },
{ "internalType": "uint256", "name": "amount", "type": "uint256" }
],
"name": "transferFrom",
"outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
"payable": false,
"stateMutability": "nonpayable",
"type": "function"
}
]

4
src/constants/enum/contract.ts Normal file
View File

@ -0,0 +1,4 @@
export enum ContractType {
ERC20 = '20',
NFT721 = '721',
}

7
src/constants/enum/notice.ts Normal file
View File

@ -0,0 +1,7 @@
export enum NoticeType {
RECHARGE = 10000,
WITHDRAW = 20000,
NFTCREATE = 30000,
NFTTRANSFER = 30010,
NFTTDISPOSE = 30020,
}

5
src/constants/enum/withdraw.ts Normal file
View File

@ -0,0 +1,5 @@
export enum WithdrawType {
SUCCESS = 10000,
FAILED = 20000,
PENDDING = 30000,
}

5
src/pages/Login/index.tsx
View File

@ -6,10 +6,11 @@ import { login } from '@/services/login';
import defaultSettings from '../../../config/defaultSettings';
import styles from './index.less';
import { CACHE_TOKEN } from '@/constants/cacheKey';
import access from '@/access';
const Login: React.FC = () => {
const intl = useIntl();
const { initialState, refresh } = useModel('@@initialState');
const handleSubmit = async (values: API.LoginParams) => {
// 登录
const res: any = await login({ ...values });
@ -19,6 +20,8 @@ const Login: React.FC = () => {
const { query } = history.location;
const { redirect } = query as { redirect: string };
history.push(redirect || '/');
refresh();
access(initialState);
};
return (

24
src/pages/Nft/NftContract/List/components/AddNftContract.tsx
View File

@ -22,8 +22,10 @@ const form = createForm({});
const AddNftContractModal = ({ onOk, onCancel, ...rest }: AddNftContractModalPropsType) => {
const handleOk = () => {
const formState = form.getFormState();
onOk(formState.values);
form.submit(async () => {
const formState = form.getFormState();
onOk(formState.values);
});
};
const handleCancel = () => {
onCancel();
@ -34,25 +36,25 @@ const AddNftContractModal = ({ onOk, onCancel, ...rest }: AddNftContractModalPro
<Form form={form} labelCol={4} wrapperCol={18}>
<SchemaField>
<SchemaField.String
name="contract_name"
title="名称"
name="token_name"
title="合约名称"
required
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.Number
name="contract_address"
title="合约"
<SchemaField.String
name="token_symbol"
title="合约单位"
required
x-decorator="FormItem"
x-component="NumberPicker"
x-component="Input"
/>
<SchemaField.Number
<SchemaField.String
name="description"
title=""
title="描述"
required
x-decorator="FormItem"
x-component="NumberPicker"
x-component="Input"
/>
</SchemaField>
</Form>

60
src/pages/Nft/NftContract/List/index.tsx
View File

@ -1,32 +1,42 @@
import React, { useRef, useState } from 'react';
import React, { useEffect, useRef, useState } from 'react';
import Table, { ProColumns, ActionType } from '@/components/Table';
import { message } from 'antd';
// import { fetchTableData } from '@/utils/table';
import AddNftContractModal from './components/AddNftContract';
import { getContractInfo } from '@/services/contract';
import { ContractType } from '@/constants/enum/contract';
import { deployContract, initWeb3 } from '@/utils/web3';
import { createNFTContract, getNFTContractList } from '@/services/nft';
import { fetchTableData } from '@/utils/table';
const Address: React.FC = () => {
const tableRef = useRef<ActionType>();
const [NftModal, setNftModal] = useState(false);
const [visible, setVisible] = useState(false);
const [contractData, setContractData] = useState({});
const columns: ProColumns<any>[] = [
{
title: '合约名称',
dataIndex: 'time',
width: '10%',
dataIndex: 'token_name',
width: '15%',
hideInSearch: true,
},
{
title: '合约单位',
dataIndex: 'token_symbol',
width: '15%',
hideInSearch: true,
},
{
title: '合约地址',
dataIndex: 'address',
hideInSearch: true,
width: '20%',
width: '50%',
},
{
title: 'NFT数量',
dataIndex: 'nft_num',
width: 150,
title: '描述',
dataIndex: 'description',
hideInSearch: true,
ellipsis: true,
},
];
@ -35,30 +45,44 @@ const Address: React.FC = () => {
<Table
columns={columns}
rowKey="id"
search={false}
actionRef={tableRef}
toolBarActions={[
{
type: 'add',
text: '新建NFT合约',
onConfirm: () => {
setVisible(true);
onConfirm: async () => {
const res = await getContractInfo({ erc: ContractType.NFT721 });
if (res.bin != '') {
setContractData(res);
setVisible(true);
} else {
message.success('已有NFT合约');
}
},
},
]}
// request={async (params) => {
// // return fetchTableData(, params);
// }}
request={async (params) => {
const res = await fetchTableData(getNFTContractList, params);
return res;
}}
/>
<AddNftContractModal
visible={NftModal}
visible={visible}
onCancel={function () {
setNftModal(false);
setVisible(false);
}}
onOk={async function (val: any): Promise<void> {
try {
const params = { ...val };
// await creatNftAddress(params);
await initWeb3();
const res = await deployContract(contractData.abi, contractData.bin, [
val.token_name,
val.token_symbol,
]);
val.address = res;
await createNFTContract(val);
message.success('添加成功');
setVisible(false);
} catch (e) {
console.log(e);
message.success('发生错误');

46
src/pages/Nft/NftToken/List/components/AddNftModel.tsx
View File

@ -22,8 +22,10 @@ const form = createForm({});
const AddNftModal = ({ onOk, onCancel, ...rest }: AddNftModalPropsType) => {
const handleOk = () => {
const formState = form.getFormState();
onOk(formState.values);
form.submit(() => {
const formState = form.getFormState();
onOk(formState.values);
});
};
const handleCancel = () => {
onCancel();
@ -33,33 +35,45 @@ const AddNftModal = ({ onOk, onCancel, ...rest }: AddNftModalPropsType) => {
<Modal title="添加NFT" onOk={handleOk} onCancel={handleCancel} width={800} {...rest}>
<Form form={form} labelCol={4} wrapperCol={18}>
<SchemaField>
<SchemaField.Number
name="token_id"
title="ID"
x-decorator="FormItem"
x-component="NumberPicker"
/>
<SchemaField.String
name="nft_name"
name="toAddress"
title="所有者地址"
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.String
name="name"
title="名称"
required
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.Number
name="contract"
title="合约"
<SchemaField.String
name="image"
title="图片"
required
x-decorator="FormItem"
x-component="NumberPicker"
x-component="Input"
/>
<SchemaField.Number
<SchemaField.String
name="avatar"
title="缩略图"
required
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.String
name="description"
title="描述"
required
x-decorator="FormItem"
x-component="NumberPicker"
/>
<SchemaField.Number
name="img"
title="图片"
required
x-decorator="FormItem"
x-component="NumberPicker"
x-component="Input"
/>
</SchemaField>
</Form>

58
src/pages/Nft/NftToken/List/components/TransferNFTModel.tsx Normal file
View File

@ -0,0 +1,58 @@
import React, { useRef } from 'react';
import { createForm } from '@formily/core';
import { createSchemaField } from '@formily/react';
import Modal, { ModalProps } from '@/components/Modal';
// import { fetchTableData } from '@/utils/table';
import { Form, FormItem, Input, NumberPicker } from '@formily/antd';
interface TransferNFTModelPropsType extends ModalProps {
onOk: (val: any) => void;
onCancel: () => void;
}
const SchemaField = createSchemaField({
components: {
FormItem,
Input,
NumberPicker,
},
});
const form = createForm({});
const TransferNFTModel = ({ onOk, onCancel, ...rest }: TransferNFTModelPropsType) => {
const handleOk = async () => {
form.submit(async () => {
const formState = form.getFormState();
onOk(formState.values);
});
};
const handleCancel = () => {
onCancel();
};
return (
<Modal title="转账NFT" onOk={handleOk} onCancel={handleCancel} width={800} {...rest}>
<Form form={form} labelCol={4} wrapperCol={18}>
<SchemaField>
<SchemaField.String
name="token_id"
title="ID"
required
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.String
name="toAddress"
title="发送地址"
required
x-decorator="FormItem"
x-component="Input"
/>
</SchemaField>
</Form>
</Modal>
);
};
export default TransferNFTModel;

93
src/pages/Nft/NftToken/List/index.tsx
View File

@ -1,34 +1,49 @@
import React, { useRef, useState } from 'react';
import Table, { ProColumns, ActionType } from '@/components/Table';
import { message } from 'antd';
// import { fetchTableData } from '@/utils/table';
import { fetchTableData } from '@/utils/table';
import AddNftModal from './components/AddNftModel';
import PaySelectModal from '@/widget/PaySelectModal';
import { initWeb3, NFTMint } from '@/utils/web3';
import { getContractInfo } from '@/services/contract';
import { ContractType } from '@/constants/enum/contract';
import { checkTokenId, getNFTContractList, getNFTList, mintNFT } from '@/services/nft';
const Address: React.FC = () => {
const tableRef = useRef<ActionType>();
const [NftModal, setNftModal] = useState(false);
const [visible, setVisible] = useState(false);
const [payVisible, setPayVisible] = useState(false);
const columns: ProColumns<any>[] = [
{
title: '合约名称',
dataIndex: 'time',
title: 'TokenId',
dataIndex: 'token_id',
width: '10%',
hideInSearch: true,
},
{
title: 'NFT名称',
title: '所有者地址',
dataIndex: 'address',
hideInSearch: true,
width: '20%',
},
{
title: 'TokenId',
dataIndex: 'token_id',
width: 150,
title: 'NFT名称',
dataIndex: 'name',
hideInSearch: true,
},
{
title: '图片',
dataIndex: 'image',
hideInSearch: true,
ellipsis: true,
},
{
title: '缩略图',
dataIndex: 'avatar',
hideInSearch: true,
ellipsis: true,
},
{
title: '描述',
dataIndex: 'description',
hideInSearch: true,
},
];
@ -38,6 +53,7 @@ const Address: React.FC = () => {
<Table
columns={columns}
rowKey="id"
search={false}
actionRef={tableRef}
toolBarActions={[
{
@ -47,17 +63,11 @@ const Address: React.FC = () => {
setVisible(true);
},
},
{
type: 'add',
text: '分发NFT',
onConfirm: () => {
setNftModal(true);
},
},
]}
// request={async (params) => {
// // return fetchTableData(, params);
// }}
request={async (params) => {
const res = await fetchTableData(getNFTList, params);
return res;
}}
/>
<AddNftModal
visible={visible}
@ -65,34 +75,21 @@ const Address: React.FC = () => {
setVisible(false);
}}
onOk={async function (val: any): Promise<void> {
try {
const params = { ...val };
// await creatNftAddress(params);
message.success('添加成功');
} catch (e) {
console.log(e);
message.success('发生错误');
setVisible(false);
}
}}
/>
<PaySelectModal
visible={payVisible}
onCancel={function () {
await checkTokenId({ token_id: val.token_id });
await initWeb3();
const contractInfo = await getContractInfo({ erc: ContractType.NFT721 });
const res = await getNFTContractList();
await NFTMint({
abi: contractInfo.abi,
address: res.items[0].address,
toAddress: val.toAddress,
name: val.name,
token_id: val.token_id,
});
await mintNFT(val);
tableRef.current?.reload();
setVisible(false);
}}
onOk={async function (val: any): Promise<void> {
try {
const params = { ...val };
// await creatNftAddress(params);
console.log(params);
message.success('添加成功');
} catch (e) {
console.log(e);
message.success('发生错误');
setVisible(false);
}
}}
/>
</div>
);

81
src/pages/Nft/NftTrade/List/index.tsx Normal file
View File

@ -0,0 +1,81 @@
import React, { useRef } from 'react';
import Table, { ProColumns, ActionType } from '@/components/Table';
import { getRecordList } from '@/services/recharge/record';
import { fetchTableData } from '@/utils/table';
import moment from 'moment';
import { ContractType } from '@/constants/enum/contract';
const NFTTradeList = () => {
const tableRef = useRef<ActionType>();
const columns: ProColumns<any>[] = [
{
title: '时间',
dataIndex: 'time',
hideInTable: true,
valueType: 'dateRange',
ellipsis: true,
},
{
title: '交易哈希',
dataIndex: 'tx_hash',
hideInSearch: true,
ellipsis: true,
},
{
title: 'TokenID',
dataIndex: 'token_id',
width: '10%',
hideInSearch: true,
},
{
title: '块编号',
dataIndex: 'block_number',
hideInSearch: true,
},
{
title: '发送地址',
dataIndex: 'from_address',
hideInSearch: true,
ellipsis: true,
},
{
title: '接受地址',
dataIndex: 'to_address',
hideInSearch: true,
ellipsis: true,
},
{
title: '充值时间',
dataIndex: 'time',
hideInSearch: true,
ellipsis: true,
},
];
return (
<Table
columns={columns}
rowKey="id"
actionRef={tableRef}
request={async (params) => {
console.log('params = ', params);
if ((params.time ?? '') !== '') {
const start = Date.parse(params.time[0] + ' 00:00:00');
const end = Date.parse(params.time[1] + ' 23:59:59');
params.start_time = start / 1000;
params.end_time = end / 1000;
}
params.erc = ContractType.NFT721;
const res = await fetchTableData(getRecordList, params);
for (const key in res.data) {
if (Object.prototype.hasOwnProperty.call(res.data, key)) {
const element = res.data[key];
element.time = moment(element.time * 1000).format('YYYY-MM-DD hh:mm:ss');
}
}
return res;
}}
/>
);
};
export default NFTTradeList;

14
src/pages/Recharge/CoinType/List/index.tsx
View File

@ -1,9 +1,12 @@
import React, { useState, useRef } from 'react';
import Table, { ProColumns, ActionType } from '@/components/Table';
import { addCoinType, getCoinTypeList, modifyCoinType } from '@/services/recharge/coinType';
import { getContractInfo } from '@/services/contract';
import { fetchTableData } from '@/utils/table';
import AddCoinTypeModal from '../components/AddCoinTypeModal';
import EditCoinTypeModal from '../components/EditCoinTypeModal';
import { initWeb3, deployContract, transfer } from '@/utils/web3';
import { ContractType } from '@/constants/enum/contract';
const CoinTypeList = () => {
const tableRef = useRef<ActionType>();
@ -39,7 +42,7 @@ const CoinTypeList = () => {
},
{
title: '代币发行总量',
dataIndex: 'num',
dataIndex: 'total',
hideInSearch: true,
ellipsis: true,
},
@ -64,6 +67,7 @@ const CoinTypeList = () => {
<Table
columns={columns}
rowKey="id"
search={false}
toolBarActions={[
{
type: 'add',
@ -84,6 +88,14 @@ const CoinTypeList = () => {
setIsModalVisible(false);
}}
onOk={async function (val: any): Promise<void> {
const res = await getContractInfo({ erc: ContractType.ERC20 });
await initWeb3();
const result = await deployContract(res.abi, res.bin, [
val.num,
val.tokenName,
val.tokenSymbol,
]);
val.address = result;
await addCoinType(val);
setIsModalVisible(false);
tableRef.current?.reload();

40
src/pages/Recharge/CoinType/components/AddCoinTypeModal.tsx
View File

@ -21,9 +21,11 @@ const SchemaField = createSchemaField({
const form = createForm({});
const AddCoinTypeModal = ({ onOk, onCancel, ...rest }: AddCoinTypeModalPropsType) => {
const handleOk = () => {
const formState = form.getFormState();
onOk(formState.values);
const handleOk = async () => {
form.submit(async () => {
const formState = form.getFormState();
onOk(formState.values);
});
};
const handleCancel = () => {
@ -36,21 +38,35 @@ const AddCoinTypeModal = ({ onOk, onCancel, ...rest }: AddCoinTypeModalPropsType
<SchemaField>
<SchemaField.String
name="name"
title="货币名称"
required
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.Number
name="usdt_price"
title="usdt比例"
required
x-decorator="FormItem"
x-component="NumberPicker"
/>
<SchemaField.Number
name="eth_price"
title="eth比例"
required
x-decorator="FormItem"
x-component="NumberPicker"
/>
<SchemaField.String
name="tokenName"
title="代币名称"
required
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.String
name="usdt_price"
title="usdt比例"
required
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.String
name="eth_price"
title="eth比例"
name="tokenSymbol"
title="代币单位"
required
x-decorator="FormItem"
x-component="Input"

14
src/pages/Recharge/CoinType/components/EditCoinTypeModal.tsx
View File

@ -32,8 +32,10 @@ const EditCoinTypeModal = ({
});
const handleOk = () => {
const formState = form.getFormState();
onOk(formState.values);
form.submit(async () => {
const formState = form.getFormState();
onOk(formState.values);
});
};
const handleCancel = () => {
@ -51,17 +53,17 @@ const EditCoinTypeModal = ({
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.String
<SchemaField.Number
name="usdt_price"
title="usdt比例"
x-decorator="FormItem"
x-component="Input"
x-component="NumberPicker"
/>
<SchemaField.String
<SchemaField.Number
name="eth_price"
title="eth比例"
x-decorator="FormItem"
x-component="Input"
x-component="NumberPicker"
/>
</SchemaField>
</Form>

18
src/pages/Recharge/Record/List/index.tsx
View File

@ -2,9 +2,8 @@ import React, { useRef } from 'react';
import Table, { ProColumns, ActionType } from '@/components/Table';
import { getRecordList } from '@/services/recharge/record';
import { fetchTableData } from '@/utils/table';
import { getBalanceAmount } from '@/utils/formatBalance';
import BigNumber from 'bignumber.js';
import moment from 'moment';
import { ContractType } from '@/constants/enum/contract';
const RecordList = () => {
const tableRef = useRef<ActionType>();
@ -28,12 +27,6 @@ const RecordList = () => {
width: '10%',
hideInSearch: true,
},
{
title: '位数',
dataIndex: 'decimals',
width: '10%',
hideInSearch: true,
},
{
title: '游戏币类型',
dataIndex: 'name',
@ -62,25 +55,20 @@ const RecordList = () => {
return (
<Table
columns={columns}
rowKey="id"
rowKey="tx_hash"
actionRef={tableRef}
request={async (params) => {
console.log('params = ', params);
if ((params.time ?? '') !== '') {
const start = Date.parse(params.time[0] + ' 00:00:00');
const end = Date.parse(params.time[1] + ' 23:59:59');
params.start_time = start / 1000;
params.end_time = end / 1000;
}
params.erc = ContractType.ERC20;
const res = await fetchTableData(getRecordList, params);
console.log('res = ', res);
for (const key in res.data) {
if (Object.prototype.hasOwnProperty.call(res.data, key)) {
const element = res.data[key];
element.price = getBalanceAmount(
new BigNumber(element.price),
element.decimals,
).toNumber();
element.time = moment(element.time * 1000).format('YYYY-MM-DD hh:mm:ss');
}
}

1
src/pages/Recharge/Wallet/List/index.tsx
View File

@ -41,7 +41,6 @@ const CollectionAddressList = () => {
title: '收款游戏币名称',
dataIndex: 'name',
hideInSearch: true,
ellipsis: true,
},
{
title: '操作',

8
src/pages/Recharge/Wallet/components/AddWalletModal.tsx
View File

@ -37,7 +37,7 @@ const form = createForm({
effects: () => {
// eslint-disable-next-line react-hooks/rules-of-hooks
useAsyncDataSource('name', async (field) => {
const list = await getCoinTypeList({ page: 1, page_size: 10 });
const list = await getCoinTypeList({ page: 1, size: 10 });
const option = [];
for (let index = 0; index < list.items.length; index++) {
const element = list.items[index];
@ -54,8 +54,10 @@ const form = createForm({
const AddWalletModal = ({ onOk, onCancel, ...rest }: AddWalletModalPropsType) => {
const handleOk = () => {
const formState = form.getFormState();
onOk(formState.values);
form.submit(async () => {
const formState = form.getFormState();
onOk(formState.values);
});
};
const handleCancel = () => {

8
src/pages/Recharge/Wallet/components/EditWalletModal.tsx
View File

@ -39,7 +39,7 @@ const EditWalletModal = ({ onOk, onCancel, editModalData, ...rest }: EditWalletM
effects: () => {
// eslint-disable-next-line react-hooks/rules-of-hooks
useAsyncDataSource('name', async (field) => {
const list = await getCoinTypeList({ page: 1, page_size: 10 });
const list = await getCoinTypeList({ page: 1, size: 10 });
const option = [];
for (let index = 0; index < list.items.length; index++) {
const element = list.items[index];
@ -59,8 +59,10 @@ const EditWalletModal = ({ onOk, onCancel, editModalData, ...rest }: EditWalletM
});
const handleOk = () => {
const formState = form.getFormState();
onOk(formState.values);
form.submit(async () => {
const formState = form.getFormState();
onOk(formState.values);
});
};
const handleCancel = () => {

37
src/pages/Recharge/Withdraw/List/index.tsx
View File

@ -2,16 +2,33 @@ import React, { useRef } from 'react';
import Table, { ProColumns, ActionType } from '@/components/Table';
import { getWithdrawList, solveWithdraw } from '@/services/recharge/withdraw';
import { fetchTableData } from '@/utils/table';
import { getBalanceAmount } from '@/utils/formatBalance';
import BigNumber from 'bignumber.js';
import ConfirmButton from '@/components/Table/ConfirmButton';
import moment from 'moment';
import { WithdrawType } from '@/constants/enum/withdraw';
const WithdrawList = () => {
const handleConfirm = async (uuid) => {
await solveWithdraw({ uuid: uuid });
};
const WithdrawTypeList = [
{
label: '成功',
value: WithdrawType.SUCCESS,
status: 'Success',
},
{
label: '失败',
value: WithdrawType.FAILED,
status: 'Error',
},
{
label: '待处理',
value: WithdrawType.PENDDING,
status: 'Warning',
},
];
const tableRef = useRef<ActionType>();
const columns: ProColumns<any>[] = [
{
@ -36,6 +53,18 @@ const WithdrawList = () => {
dataIndex: 'type',
width: '10%',
},
{
title: '状态',
dataIndex: 'status',
width: '10%',
valueEnum: () => {
const options = {};
WithdrawTypeList.forEach((item) => {
options[item.value] = { text: item.label, status: item.status };
});
return options;
},
},
{
title: '时间',
dataIndex: 'time',
@ -69,10 +98,6 @@ const WithdrawList = () => {
for (const key in res.data) {
if (Object.prototype.hasOwnProperty.call(res.data, key)) {
const element = res.data[key];
element.price = getBalanceAmount(
new BigNumber(element.price),
element.decimals,
).toNumber();
element.time = moment(element.time * 1000).format('YYYY-MM-DD hh:mm:ss');
}
}

3
src/pages/System/Account/List/index.tsx
View File

@ -74,7 +74,8 @@ const AccountManageList = () => {
<div>
<Table
columns={columns}
rowKey="id"
rowKey="name"
search={false}
toolBarActions={[
{
type: 'add',

43
src/pages/System/Account/components/AddAccountModal.tsx
View File

@ -1,10 +1,11 @@
// 创建弹窗
import React, { useRef } from 'react';
import React, { useEffect, useRef, useState } from 'react';
import { createForm } from '@formily/core';
import { createSchemaField } from '@formily/react';
import Modal, { ModalProps } from '@/components/Modal';
import { Form, FormItem, Input, Select } from '@formily/antd';
import { Form, FormItem, Input, TreeSelect } from '@formily/antd';
import { addUser } from '@/services/system/accountManage';
import routes from '@/routes';
interface AddAccountModalPropsType extends ModalProps {
onCancel: () => void;
@ -15,13 +16,15 @@ const SchemaField = createSchemaField({
components: {
FormItem,
Input,
Select,
TreeSelect,
},
});
const form = createForm({});
const AddAccountModal = ({ onOk, onCancel, ...rest }: AddAccountModalPropsType) => {
const [treeData, setTreeData] = useState({});
const handleOk = async () => {
form.submit(async () => {
onOk();
@ -35,6 +38,30 @@ const AddAccountModal = ({ onOk, onCancel, ...rest }: AddAccountModalPropsType)
onCancel();
};
const onChange = (newValue: string[]) => {};
useEffect(() => {
const array = routes;
array.forEach((item: any, index) => {
if (item.name == '' || item.name == null || item.name == undefined) {
array.splice(index, 1);
console.log('array.splice(index, 1);');
}
item.key = index + 1;
if (Object.prototype.hasOwnProperty.call(item, 'routes')) {
item.routes?.forEach((item2: any, index2: number) => {
if (item2.name == '' || item2.name == null || item2.name == undefined) {
item.routes.splice(index2, 1);
console.log('item.routes.splice(index2, 1);');
}
item2.key = parseInt(index + 1 + '' + index2);
});
}
});
console.log('array = ', array);
setTreeData(array);
}, []);
return (
<Modal title="添加管理账号" onOk={handleOk} onCancel={handleCancel} width={800} {...rest}>
<Form form={form} labelCol={4} wrapperCol={18}>
@ -64,15 +91,19 @@ const AddAccountModal = ({ onOk, onCancel, ...rest }: AddAccountModalPropsType)
/>
<SchemaField.String
name="role"
title="角色"
title="权限"
required
x-validator={{
required: true,
}}
x-decorator="FormItem"
x-component="Input"
x-component="TreeSelect"
x-component-props={{
placeholder: '请选择角色',
fieldNames: { label: 'name', children: 'routes', value: 'name' },
onChange: onChange,
treeCheckable: true,
treeData: treeData,
placeholder: '请选择权限',
}}
/>
</SchemaField>

10
src/pages/System/Account/components/EditAccountModal.tsx
View File

@ -28,10 +28,12 @@ const AddUserModal = ({ onOk, onCancel, editModalData, ...rest }: AddUserModalPr
});
const handleOk = async () => {
onOk();
const formState = form.getFormState();
formState.values.role = parseInt(formState.values.role);
await updateUser(formState.values);
form.submit(async () => {
onOk();
const formState = form.getFormState();
formState.values.role = parseInt(formState.values.role);
await addUser(formState.values);
});
};
const handleCancel = () => {

34
src/pages/System/Notice/List/index.tsx
View File

@ -6,6 +6,7 @@ import DeleteButton from '@/components/Table/DeleteButton';
import { Switch } from 'antd';
import AddNoticeModal from '../components/AddNoticeModal';
import EditNoticeModal from '../components/EditNoticeModal';
import { NoticeType } from '@/constants/enum/notice';
const NoticeList = () => {
const tableRef = useRef<ActionType>();
@ -25,12 +26,40 @@ const NoticeList = () => {
tableRef.current?.reload();
};
const noticeTypeList = [
{
label: '充值',
value: NoticeType.RECHARGE,
},
{
label: '提现',
value: NoticeType.WITHDRAW,
},
{
label: 'NFT创建',
value: NoticeType.NFTCREATE,
},
{
label: 'NFT转移',
value: NoticeType.NFTTRANSFER,
},
{
label: 'NFT销毁',
value: NoticeType.NFTTDISPOSE,
},
];
const columns: ProColumns<any>[] = [
{
title: '通知码',
dataIndex: 'code',
hideInSearch: true,
ellipsis: true,
valueEnum: () => {
const options = {};
noticeTypeList.forEach((item) => {
options[item.value] = item.label;
});
return options;
},
},
{
title: '通知地址',
@ -74,6 +103,7 @@ const NoticeList = () => {
<Table
columns={columns}
rowKey="id"
search={false}
toolBarActions={[
{
type: 'add',

40
src/pages/System/Notice/components/AddNoticeModal.tsx
View File

@ -5,6 +5,31 @@ import { createSchemaField } from '@formily/react';
import Modal, { ModalProps } from '@/components/Modal';
import { Form, FormItem, Input, Select } from '@formily/antd';
import { NoticeType } from '@/constants/enum/notice';
const noticeTypeList = [
{
label: '充值',
value: NoticeType.RECHARGE,
},
{
label: '提现',
value: NoticeType.WITHDRAW,
},
{
label: 'NFT创建',
value: NoticeType.NFTCREATE,
},
{
label: 'NFT转移',
value: NoticeType.NFTTRANSFER,
},
{
label: 'NFT销毁',
value: NoticeType.NFTTDISPOSE,
},
];
interface AddNoticeModalPropsType extends ModalProps {
onOk: (val: any) => void;
onCancel: () => void;
@ -22,9 +47,11 @@ const form = createForm({});
const AddNoticeModal = ({ onOk, onCancel, ...rest }: AddNoticeModalPropsType) => {
const handleOk = () => {
const formState = form.getFormState();
formState.values.code = parseInt(formState.values.code);
onOk(formState.values);
form.submit(async () => {
const formState = form.getFormState();
formState.values.code = parseInt(formState.values.code);
onOk(formState.values);
});
};
const handleCancel = () => {
@ -35,12 +62,15 @@ const AddNoticeModal = ({ onOk, onCancel, ...rest }: AddNoticeModalPropsType) =>
<Modal title="添加通知" onOk={handleOk} onCancel={handleCancel} width={800} {...rest}>
<Form form={form} labelCol={4} wrapperCol={18}>
<SchemaField>
<SchemaField.String
<SchemaField.Number
name="code"
title="通知码"
required
x-component-props={{
options: noticeTypeList,
}}
x-decorator="FormItem"
x-component="Input"
x-component="Select"
/>
<SchemaField.String
name="addr"

6
src/pages/System/Notice/components/EditNoticeModal.tsx
View File

@ -27,8 +27,10 @@ const EditNoticeModal = ({ onOk, onCancel, editModalData, ...rest }: EditNoticeM
});
const handleOk = () => {
const formState = form.getFormState();
onOk(formState.values);
form.submit(async () => {
const formState = form.getFormState();
onOk(formState.values);
});
};
const handleCancel = () => {

80
src/pages/System/Permissions/List/index.tsx
View File

@ -1,62 +1,54 @@
import React, { useState, useRef } from 'react';
import Table, { ProColumns, ActionType } from '@/components/Table';
import { fetchTableData } from '@/utils/table';
import DeleteButton from '@/components/Table/DeleteButton';
import routes from '@/routes';
const PermissionsList = () => {
const handleEdit = (row: any) => {};
const handleDelete = async (name: any) => {};
const tableRef = useRef<ActionType>();
const columns: ProColumns<any>[] = [
{
title: '收款地址',
dataIndex: 'address',
hideInSearch: true,
ellipsis: true,
},
{
title: '收款游戏币类型',
dataIndex: 'type',
hideInSearch: true,
ellipsis: true,
},
{
title: '操作',
valueType: 'option',
width: 150,
render: (_, row) => [
<a
key="edit"
onClick={() => {
handleEdit(row);
}}
>
编辑
</a>,
<DeleteButton
key="delete"
onDelete={() => {
handleDelete(row.name);
}}
/>,
],
title: '路由名称',
dataIndex: 'name',
},
];
const rowSelection = {
onChange: (selectedRowKeys: React.Key[], selectedRows: DataType[]) => {
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
},
};
return (
<div>
<Table
columns={columns}
rowKey="id"
toolBarActions={[
{
type: 'add',
onConfirm: () => {},
},
]}
search={false}
// rowKey="key"
// childrenColumnName="routes"
rowSelection={{
...rowSelection,
}}
// toolBarActions={[
// {
// type: 'add',
// onConfirm: () => {},
// },
// ]}
actionRef={tableRef}
request={async (params) => {
return {};
const array = routes;
array.forEach((item: any, index) => {
if (item.name == '' || item.name == null || item.name == undefined) {
array.splice(index, 1);
}
item.key = index + 1;
if (Object.prototype.hasOwnProperty.call(item, 'routes')) {
item.routes?.forEach((item2: any, index2: number) => {
if (item2.name == '' || item2.name == null || item2.name == undefined) {
item.routes.splice(index2, 1);
}
item2.key = parseInt(index + 1 + '' + index2);
});
}
});
return { data: array };
}}
/>
</div>

8
src/pages/User/List/index.tsx
View File

@ -7,7 +7,7 @@ const UserManageList = () => {
const tableRef = useRef<ActionType>();
const columns: ProColumns<any>[] = [
{
title: '用户钱包地址',
title: '钱包地址',
dataIndex: 'address',
ellipsis: true,
},
@ -22,12 +22,6 @@ const UserManageList = () => {
<Table
columns={columns}
rowKey="id"
toolBarActions={[
{
type: 'add',
onConfirm: () => {},
},
]}
actionRef={tableRef}
request={async (params) => {
const res = await fetchTableData(getUserList, params);

27
src/routes/index.ts
View File

@ -13,6 +13,7 @@ export default [
{
name: '充值系统',
path: RoutePath.RECHARGE,
access: 'normalRouteFilter',
routes: [
{
path: RoutePath.RECHARGE,
@ -22,21 +23,25 @@ export default [
{
name: '充值订单',
path: RoutePath.RECORD.LIST,
access: 'normalRouteFilter',
component: './Recharge/Record/List',
},
{
name: '收款地址',
path: RoutePath.WALLET.LIST,
access: 'normalRouteFilter',
component: './Recharge/Wallet/List',
},
{
name: '代币种类',
path: RoutePath.COIN_TYPE.LIST,
access: 'normalRouteFilter',
component: './Recharge/CoinType/List',
},
{
name: '提现管理',
path: RoutePath.WITHDRAW.LIST,
access: 'normalRouteFilter',
component: './Recharge/Withdraw/List',
},
],
@ -44,6 +49,7 @@ export default [
{
name: '用户账号',
path: RoutePath.USER,
access: 'normalRouteFilter',
routes: [
{
path: RoutePath.USER,
@ -53,6 +59,7 @@ export default [
{
name: '用户账号管理',
path: RoutePath.USER_LIST.LIST,
access: 'normalRouteFilter',
component: './User/List',
},
],
@ -60,6 +67,7 @@ export default [
{
name: '系统设置',
path: RoutePath.SYSTEM,
access: 'normalRouteFilter',
routes: [
{
path: RoutePath.SYSTEM,
@ -69,32 +77,38 @@ export default [
{
name: '账号管理',
path: RoutePath.ACCOUNT.LIST,
access: 'normalRouteFilter',
component: './System/Account/List',
},
{
name: '角色管理',
path: RoutePath.ROLE.LIST,
access: 'normalRouteFilter',
component: './System/Role/List',
},
{
name: '权限管理',
path: RoutePath.PERMISSIONS.LIST,
access: 'normalRouteFilter',
component: './System/Permissions/List',
},
{
name: '通知管理',
path: RoutePath.NOTICE.LIST,
access: 'normalRouteFilter',
component: './System/Notice/List',
},
{
name: '密钥管理',
path: RoutePath.SECRET_KEY,
access: 'normalRouteFilter',
component: './System/SecretKey',
},
],
},
{
name: '数据看板',
access: 'normalRouteFilter',
path: RoutePath.DATABOARD,
routes: [
{
@ -105,21 +119,25 @@ export default [
{
name: '核心看板',
path: RoutePath.COREDATA.LIST,
access: 'normalRouteFilter',
component: './DataBoard/CoreData/List',
},
{
name: '活跃分析',
path: RoutePath.ACTIVEANALYSIS.LIST,
access: 'normalRouteFilter',
component: './DataBoard/ActiveAnalysis/List',
},
{
name: '留存分析',
path: RoutePath.RETENTIONANALYSIS.LIST,
access: 'normalRouteFilter',
component: './DataBoard/RetentionAnalysis/List',
},
{
name: '用户充值分析',
path: RoutePath.RECHARGEANALYSIS.LIST,
access: 'normalRouteFilter',
component: './DataBoard/RechargeAnalysis/List',
},
],
@ -127,6 +145,7 @@ export default [
{
name: 'NFT',
path: RoutePath.NFT,
access: 'normalRouteFilter',
routes: [
{
path: RoutePath.NFT,
@ -136,13 +155,21 @@ export default [
{
name: 'NFT合约管理',
path: RoutePath.NFTCONTRACT.LIST,
access: 'normalRouteFilter',
component: './NFT/NftContract/List',
},
{
name: 'NFT管理',
path: RoutePath.NFTTOKEN.LIST,
access: 'normalRouteFilter',
component: './NFT/NftToken/List',
},
{
name: 'NFT交易',
path: RoutePath.NFTTRADE.LIST,
access: 'normalRouteFilter',
component: './NFT/NftTrade/List',
},
],
},
{

3
src/routes/routePath.ts
View File

@ -43,6 +43,9 @@ const RoutePath = {
NFTTOKEN: {
LIST: `${NFT}/nfttoken`,
},
NFTTRADE: {
LIST: `${NFT}/NFT_trade`,
},
DATABOARD: DATABOARD,
COREDATA: {
LIST: `${DATABOARD}/coredata`,

15
src/services/contract.ts Normal file
View File

@ -0,0 +1,15 @@
import request from '@/utils/request';
/**
* 获取合约
* @param {object} params
* erc 合约类型
* @returns {object} data
*/
export const getContractInfo = (data) => {
return request.request({
url: '/contract/get',
method: 'post',
data,
});
};

87
src/services/nft.ts Normal file
View File

@ -0,0 +1,87 @@
import request from '@/utils/request';
/**
* 获取NFT合约列表
* @param {object} params
* @returns {array} data
* name 游戏币名称
* type 游戏币类型
* usdt_price 游戏货币与usdt的比例
* eth_price 游戏货币与eth的比例
*/
export const getNFTContractList = () => {
return request.request({
url: '/erc721/get',
method: 'get',
});
};
/**
* 创建NFT合约
* @param {object} data
*
* @returns {array} data
*/
export const createNFTContract = (data) => {
return request.request({
url: '/erc721/create',
method: 'post',
data,
});
};
/**
* 查询token_Id是否存在
* @param {object} params
*
* @returns {array} data
*/
export const checkTokenId = (params) => {
return request.request({
url: '/nft/check',
method: 'get',
params,
});
};
/**
* 获取NFT列表
* @param {object} params
*
* @returns {array} data
*/
export const getNFTList = (params) => {
return request.request({
url: '/nft/get',
method: 'get',
params,
});
};
/**
* mintNFT
* @param {object} data
*
* @returns {array} data
*/
export const mintNFT = (data) => {
return request.request({
url: '/nft/create',
method: 'post',
data,
});
};
/**
* 更新NFT信息
* @param {object} data
*
* @returns {array} data
*/
export const updateNFTInfo = (data) => {
return request.request({
url: '/nft/update',
method: 'post',
data,
});
};

8
src/services/recharge/coinType.ts
View File

@ -4,7 +4,7 @@ import request from '@/utils/request';
* 获取代币种类列表
* @param {object} params
* type 代币种类
* @returns {array} data
* @returns {array} dat
* name 游戏币名称
* type 游戏币类型
* usdt_price 游戏货币与usdt的比例
@ -12,7 +12,7 @@ import request from '@/utils/request';
*/
export const getCoinTypeList = (params) => {
return request.request({
url: '/token/get',
url: '/erc20/get',
method: 'get',
params,
});
@ -29,7 +29,7 @@ export const getCoinTypeList = (params) => {
*/
export const addCoinType = (data) => {
return request.request({
url: '/token/create',
url: '/erc20/create',
method: 'post',
data,
});
@ -46,7 +46,7 @@ export const addCoinType = (data) => {
*/
export const modifyCoinType = (data) => {
return request.request({
url: '/token/update',
url: '/erc20/update',
method: 'post',
data,
});

2
src/services/system/role.ts
View File

@ -9,7 +9,7 @@ import request from '@/utils/request';
*/
export const getRoleList = (params) => {
return request.request({
url: '/user/role',
url: '/user/role/get',
method: 'get',
params,
});

2
src/utils/table.ts
View File

@ -5,7 +5,7 @@ export const fetchTableData = async (
formatObj: any = {},
) => {
params.page = params.current;
params.page_size = params.pageSize;
params.size = params.pageSize;
delete params.current;
delete params.pageSize;
const res = (await fetch(params)) || {};

147
src/utils/web3.ts Normal file
View File

@ -0,0 +1,147 @@
import Web3 from 'web3';
import detectEthereumProvider from '@metamask/detect-provider';
import { message } from 'antd';
import BigNumber from 'bignumber.js';
let provider: any;
export const web3 = new Web3();
if (typeof window.ethereum !== 'undefined') {
web3.eth.defaultAccount = window.ethereum.selectedAddress;
}
export async function initWeb3() {
provider = await detectEthereumProvider();
if (!provider) {
console.log('请安装MetaMask');
return false;
}
try {
web3.setProvider(provider);
const accounts = await provider.request({
method: 'eth_requestAccounts',
});
web3.eth.defaultAccount = accounts[0];
return true;
} catch (reason) {
switch (reason) {
case 'Already processing eth_requestAccounts. Please wait.': // 已有请求存在
message.warning('请打开MetaMask完成授权');
break;
case 'User rejected provider access': //如果用户拒绝了登录请求
message.warning('请同意登录请求');
break;
default:
// 本不该执行到这里，但是真到这里了，说明发生了意外
message.warning('登录出错！err:' + reason);
break;
}
}
return false;
}
//发布合约
/**
*
* @param abi 合约ABI
* @param bin 合约二进制
*/
export async function deployContract(abi: string, bin: string, params) {
const contract = new web3.eth.Contract(eval('(' + abi + ')'));
const result = await contract
.deploy({
data: '0x' + bin,
arguments: params,
})
.send({ from: web3.eth.defaultAccount + '', gas: 3000000 }, async function (e, contract) {});
return result._address;
}
// 代币转账
/**
*
* @param abi 合约ABI
* @param address 合约地址
* @param toAddress 转账地址
*/
export async function transfer(abi: string, address: string, toAddress: string) {
const contract = new web3.eth.Contract(eval('(' + abi + ')'), address);
await contract.methods
.transfer(toAddress, new BigNumber(1 * Math.pow(10, 18)))
.send({ from: web3.eth.defaultAccount }),
function (error, transactionHash) {
if (!error) {
console.log('transactionHash is ' + transactionHash);
} else {
console.log(error);
}
};
}
// NFT创建
/**
*
* @param abi 合约ABI
* @param address 合约地址
* @param toAddress 转账地址
*/
export async function NFTMint(params: any) {
if (params.toAddress == '' || params.toAddress == null || params.toAddress == undefined) {
params.toAddress = web3.eth.defaultAccount;
}
const contract = new web3.eth.Contract(eval('(' + params.abi + ')'), params.address);
await contract.methods
.Mint(params.toAddress, params.token_id)
.send({ from: web3.eth.defaultAccount }),
function (error, transactionHash) {
if (!error) {
return transactionHash;
} else {
console.log(error);
}
};
}
// NFT转移
/**
*
* @param abi 合约ABI
* @param address 合约地址
* @param toAddress 转账地址
* @param token_id
*/
export async function transferNFT(params: any) {
const contract = new web3.eth.Contract(eval('(' + params.abi + ')'), params.address);
await contract.methods
.safeTransferFrom(web3.eth.defaultAccount, params.toAddress, params.token_id)
.send({ from: web3.eth.defaultAccount }),
function (error, transactionHash) {
if (!error) {
return transactionHash;
} else {
console.log(error);
}
};
}
// NFT销毁
/**
*
* @param abi 合约ABI
* @param address 合约地址
* @param token_id
*/
export async function burnNFT(params: any) {
const contract = new web3.eth.Contract(eval('(' + params.abi + ')'), params.address);
await contract.methods.Burn(params.token_id).send({ from: web3.eth.defaultAccount }),
function (error, transactionHash) {
if (!error) {
return transactionHash;
} else {
console.log(error);
}
};
}