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-10-12 14:31:10 +08:00
parent 0df3015576
commit c9046ac173
5 changed files with 524 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

449
src/constants/abi.ts Normal file
View File

@ -0,0 +1,449 @@
export default [
{
anonymous: false,
inputs: [
{
indexed: true,
internalType: 'address',
name: 'owner',
type: 'address',
},
{
indexed: true,
internalType: 'address',
name: 'approved',
type: 'address',
},
{
indexed: true,
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
],
name: 'Approval',
type: 'event',
},
{
anonymous: false,
inputs: [
{
indexed: true,
internalType: 'address',
name: 'owner',
type: 'address',
},
{
indexed: true,
internalType: 'address',
name: 'operator',
type: 'address',
},
{
indexed: false,
internalType: 'bool',
name: 'approved',
type: 'bool',
},
],
name: 'ApprovalForAll',
type: 'event',
},
{
anonymous: false,
inputs: [
{
indexed: true,
internalType: 'address',
name: 'previousOwner',
type: 'address',
},
{
indexed: true,
internalType: 'address',
name: 'newOwner',
type: 'address',
},
],
name: 'OwnershipTransferred',
type: 'event',
},
{
anonymous: false,
inputs: [
{
indexed: true,
internalType: 'address',
name: 'from',
type: 'address',
},
{
indexed: true,
internalType: 'address',
name: 'to',
type: 'address',
},
{
indexed: true,
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
],
name: 'Transfer',
type: 'event',
},
{
inputs: [
{
internalType: 'address',
name: 'to',
type: 'address',
},
{
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
],
name: 'approve',
outputs: [],
stateMutability: 'nonpayable',
type: 'function',
},
{
inputs: [
{
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
],
name: 'Burn',
outputs: [],
stateMutability: 'nonpayable',
type: 'function',
},
{
inputs: [
{
internalType: 'address',
name: 'to',
type: 'address',
},
{
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
],
name: 'GTransfer',
outputs: [],
stateMutability: 'nonpayable',
type: 'function',
},
{
inputs: [
{
internalType: 'address',
name: 'to',
type: 'address',
},
{
internalType: 'bytes',
name: 'signature',
type: 'bytes',
},
],
name: 'Mint',
outputs: [],
stateMutability: 'nonpayable',
type: 'function',
},
{
inputs: [],
name: 'renounceOwnership',
outputs: [],
stateMutability: 'nonpayable',
type: 'function',
},
{
inputs: [
{
internalType: 'address',
name: 'from',
type: 'address',
},
{
internalType: 'address',
name: 'to',
type: 'address',
},
{
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
],
name: 'safeTransferFrom',
outputs: [],
stateMutability: 'nonpayable',
type: 'function',
},
{
inputs: [
{
internalType: 'address',
name: 'from',
type: 'address',
},
{
internalType: 'address',
name: 'to',
type: 'address',
},
{
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
{
internalType: 'bytes',
name: 'data',
type: 'bytes',
},
],
name: 'safeTransferFrom',
outputs: [],
stateMutability: 'nonpayable',
type: 'function',
},
{
inputs: [
{
internalType: 'address',
name: 'operator',
type: 'address',
},
{
internalType: 'bool',
name: 'approved',
type: 'bool',
},
],
name: 'setApprovalForAll',
outputs: [],
stateMutability: 'nonpayable',
type: 'function',
},
{
inputs: [
{
internalType: 'address',
name: 'from',
type: 'address',
},
{
internalType: 'address',
name: 'to',
type: 'address',
},
{
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
],
name: 'transferFrom',
outputs: [],
stateMutability: 'nonpayable',
type: 'function',
},
{
inputs: [
{
internalType: 'address',
name: 'newOwner',
type: 'address',
},
],
name: 'transferOwnership',
outputs: [],
stateMutability: 'nonpayable',
type: 'function',
},
{
inputs: [
{
internalType: 'string',
name: 'tokenName',
type: 'string',
},
{
internalType: 'string',
name: 'tokenSymbol',
type: 'string',
},
],
stateMutability: 'nonpayable',
type: 'constructor',
},
{
inputs: [
{
internalType: 'address',
name: 'owner',
type: 'address',
},
],
name: 'balanceOf',
outputs: [
{
internalType: 'uint256',
name: '',
type: 'uint256',
},
],
stateMutability: 'view',
type: 'function',
},
{
inputs: [
{
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
],
name: 'getApproved',
outputs: [
{
internalType: 'address',
name: '',
type: 'address',
},
],
stateMutability: 'view',
type: 'function',
},
{
inputs: [
{
internalType: 'address',
name: 'owner',
type: 'address',
},
{
internalType: 'address',
name: 'operator',
type: 'address',
},
],
name: 'isApprovedForAll',
outputs: [
{
internalType: 'bool',
name: '',
type: 'bool',
},
],
stateMutability: 'view',
type: 'function',
},
{
inputs: [],
name: 'name',
outputs: [
{
internalType: 'string',
name: '',
type: 'string',
},
],
stateMutability: 'view',
type: 'function',
},
{
inputs: [],
name: 'owner',
outputs: [
{
internalType: 'address',
name: '',
type: 'address',
},
],
stateMutability: 'view',
type: 'function',
},
{
inputs: [
{
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
],
name: 'ownerOf',
outputs: [
{
internalType: 'address',
name: '',
type: 'address',
},
],
stateMutability: 'view',
type: 'function',
},
{
inputs: [
{
internalType: 'bytes4',
name: 'interfaceId',
type: 'bytes4',
},
],
name: 'supportsInterface',
outputs: [
{
internalType: 'bool',
name: '',
type: 'bool',
},
],
stateMutability: 'view',
type: 'function',
},
{
inputs: [],
name: 'symbol',
outputs: [
{
internalType: 'string',
name: '',
type: 'string',
},
],
stateMutability: 'view',
type: 'function',
},
{
inputs: [
{
internalType: 'uint256',
name: 'tokenId',
type: 'uint256',
},
],
name: 'tokenURI',
outputs: [
{
internalType: 'string',
name: '',
type: 'string',
},
],
stateMutability: 'view',
type: 'function',
},
];

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

@ -3,10 +3,10 @@ import { createForm } from '@formily/core';
import { createSchemaField } from '@formily/react'; import { createSchemaField } from '@formily/react';
import Modal, { ModalProps } from '@/components/Modal'; import Modal, { ModalProps } from '@/components/Modal';
import { Form, FormItem, Input, NumberPicker } from '@formily/antd'; import { Form, FormItem, Input, NumberPicker } from '@formily/antd';
import { Button } from 'antd'; import { Button, message } from 'antd';
import { initWeb3, NFTMint } from '@/utils/web3'; import { initWeb3, NFTMint, web3 } from '@/utils/web3';
import { getContractInfo } from '@/services/contract'; import { getContractInfo } from '@/services/contract';
import { getNFTContractList, mintNFT } from '@/services/nft'; import { checkAssetID, getNFTContractList, getSignature, mintNFT } from '@/services/nft';
import { ContractType } from '@/constants/enum/contract'; import { ContractType } from '@/constants/enum/contract';
interface AddNftModalPropsType extends ModalProps { interface AddNftModalPropsType extends ModalProps {
@ -29,23 +29,39 @@ const AddNftModal = ({ onOk, onCancel, ...rest }: AddNftModalPropsType) => {
const handleOk = async () => { const handleOk = async () => {
form.submit(async () => { form.submit(async () => {
setLoading(true);
const formState = form.getFormState(); const formState = form.getFormState();
await initWeb3(); await checkAssetID({ assetid: formState.values.assetid });
const contractInfo = await getContractInfo({ erc: ContractType.NFT721 }); setLoading(true);
const res = await getNFTContractList(); const isInit = await initWeb3();
const tx_hash = await NFTMint({ if (isInit) {
abi: contractInfo.abi, const contractInfo = (await getContractInfo({ erc: ContractType.NFT721 })) as any;
address: res.items[0].address, const res = (await getNFTContractList()) as any;
toAddress: formState.values.toAddress, const signature = (await getSignature({ address: web3.eth.defaultAccount })) as any;
name: formState.values.name, console.log('signature = ', signature);
}); let tx_hash = '';
formState.values.tx_hash = tx_hash; try {
await mintNFT(formState.values); tx_hash = await NFTMint({
setLoading(false); abi: contractInfo.abi,
onOk(); address: res.items[0].address,
toAddress: formState.values.address,
sign: signature,
});
} catch (error) {
setLoading(false);
message.error('创建失败');
onCancel();
return;
}
formState.values.tx_hash = tx_hash;
await mintNFT(formState.values);
setLoading(false);
onOk();
} else {
setLoading(false);
}
}); });
}; };
const handleCancel = () => { const handleCancel = () => {
onCancel(); onCancel();
}; };
@ -62,40 +78,20 @@ const AddNftModal = ({ onOk, onCancel, ...rest }: AddNftModalPropsType) => {
确认 确认
</Button>, </Button>,
]} ]}
onCancel={handleCancel}
{...rest} {...rest}
> >
<Form form={form} labelCol={4} wrapperCol={18}> <Form form={form} labelCol={4} wrapperCol={18}>
<SchemaField> <SchemaField>
<SchemaField.String <SchemaField.String
name="toAddress" name="address"
title="所有者地址" title="所有者地址"
x-decorator="FormItem" x-decorator="FormItem"
x-component="Input" x-component="Input"
/> />
<SchemaField.String <SchemaField.String
name="name" name="assetid"
title="名称" title="assetID"
required
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.String
name="image"
title="图片"
required
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.String
name="avatar"
title="缩略图"
required
x-decorator="FormItem"
x-component="Input"
/>
<SchemaField.String
name="description"
title="描述"
required required
x-decorator="FormItem" x-decorator="FormItem"
x-component="Input" x-component="Input"

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

@ -9,8 +9,8 @@ import { action } from '@formily/reactive';
import { getRoleList } from '@/services/system/role'; import { getRoleList } from '@/services/system/role';
interface AddAccountModalPropsType extends ModalProps { interface AddAccountModalPropsType extends ModalProps {
onCancel: () => void;
onOk: () => void; onOk: () => void;
onCancel: () => void;
} }
const SchemaField = createSchemaField({ const SchemaField = createSchemaField({
@ -40,8 +40,8 @@ const AddAccountModal = ({ onOk, onCancel, ...rest }: AddAccountModalPropsType)
const form = createForm({ const form = createForm({
effects: () => { effects: () => {
UseAsyncDataSource('role', async (field) => { UseAsyncDataSource('role', async (field) => {
const list = roleListData; const list = roleListData as any;
const option = []; const option = [] as any;
for (let index = 0; index < list.items.length; index++) { for (let index = 0; index < list.items.length; index++) {
const element = list.items[index]; const element = list.items[index];
const item = { const item = {

28
src/services/nft.ts
View File

@ -72,6 +72,34 @@ export const mintNFT = (data) => {
}); });
}; };
/**
* getSignature
* @param {object} data
*
* @returns {array} data
*/
export const getSignature = (data) => {
return request.request({
url: '/nft/sign/get',
method: 'post',
data,
});
};
/**
* mintNFT
* @param {object} data
*
* @returns {array} data
*/
export const checkAssetID = (data) => {
return request.request({
url: '/nft/assetid/check',
method: 'post',
data,
});
};
/** /**
* 更新NFT信息 * 更新NFT信息
* @param {object} data * @param {object} data

11
src/utils/web3.ts
View File

@ -2,6 +2,7 @@ import Web3 from 'web3';
import detectEthereumProvider from '@metamask/detect-provider'; import detectEthereumProvider from '@metamask/detect-provider';
import { message } from 'antd'; import { message } from 'antd';
import BigNumber from 'bignumber.js'; import BigNumber from 'bignumber.js';
import abi from '@/constants/abi';
let provider: any; let provider: any;
@ -70,7 +71,7 @@ export async function transfer(abi: string, address: string, toAddress: string)
const contract = new web3.eth.Contract(eval('(' + abi + ')'), address); const contract = new web3.eth.Contract(eval('(' + abi + ')'), address);
await contract.methods await contract.methods
.transfer(toAddress, new BigNumber(1 * Math.pow(10, 18))) .transfer(toAddress, new BigNumber(1 * Math.pow(10, 18)))
.send({ from: web3.eth.defaultAccount }, function (error, transactionHash) { .send({ from: web3.eth.defaultAccount, gas: 3000000 }, function (error, transactionHash) {
if (!error) { if (!error) {
console.log('transactionHash is ' + transactionHash); console.log('transactionHash is ' + transactionHash);
} else { } else {
@ -85,6 +86,7 @@ export async function transfer(abi: string, address: string, toAddress: string)
* @param abi 合约ABI * @param abi 合约ABI
* @param address 合约地址 * @param address 合约地址
* @param toAddress 转账地址 * @param toAddress 转账地址
* @param sign 签名
*/ */
export async function NFTMint(params: any) { export async function NFTMint(params: any) {
@ -94,12 +96,13 @@ export async function NFTMint(params: any) {
let tx_hash = ''; let tx_hash = '';
const contract = new web3.eth.Contract(eval('(' + params.abi + ')'), params.address); const contract = new web3.eth.Contract(eval('(' + params.abi + ')'), params.address);
await contract.methods await contract.methods
.Mint(params.toAddress) .Mint(params.toAddress, params.sign)
.send({ from: web3.eth.defaultAccount }, function (error, transactionHash) { .send({ from: web3.eth.defaultAccount, gas: 3000000 }, function (error, transactionHash) {
if (!error) { if (!error) {
tx_hash = transactionHash; tx_hash = transactionHash;
} else { } else {
console.log(error); console.log('error = ', error);
return tx_hash;
} }
}); });
return tx_hash; return tx_hash;