2 | ### 充值 3 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio deposit '["user11111111","100000.0000 EOS"]' -p user11111111 4 | 5 | actions: [{ 6 | account: 'eosio', 7 | name: 'deposit', 8 | authorization: [{ 9 | actor: 'user11111111', 10 | permission: 'active', 11 | }], 12 | data: { 13 | owner: 'useraaaaaaaa', 14 | amount: '100000.0000 EOS', 15 | }, 16 | }] 17 | 18 | ### 提现 19 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio withdraw '["user22222222","50000.0000 EOS"]' -p user22222222 20 | 21 | actions: [{ 22 | account: 'eosio', 23 | name: 'withdraw', 24 | authorization: [{ 25 | actor: 'user22222222', 26 | permission: 'active', 27 | }], 28 | data: { 29 | owner: 'user22222222', 30 | amount: '50000.0000 EOS', 31 | }, 32 | }] 33 | 34 | ### 购买REX 35 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio buyrex '["user11111111","50000.0000 EOS"]' -p user11111111 36 | 37 | actions: [{ 38 | account: 'eosio', 39 | name: 'buyrex', 40 | authorization: [{ 41 | actor: 'user11111111', 42 | permission: 'active', 43 | }], 44 | data: { 45 | owner: 'user11111111', 46 | amount: '50000.0000 EOS', 47 | }, 48 | }] 49 | 50 | ### 使用抵押资源购买REX 51 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio unstaketorex '["user22222222","user22222222","50.0000 EOS","50.0000 EOS"]' -p user22222222 52 | 53 | actions: [{ 54 | account: 'eosio', 55 | name: 'unstaketorex', 56 | authorization: [{ 57 | actor: 'user22222222', 58 | permission: 'active', 59 | }], 60 | data: { 61 | owner: 'user22222222', 62 | receiver: 'user22222222', 63 | from_net: '50.0000 EOS', 64 | from_cpu: '50.0000 EOS', 65 | }, 66 | }] 67 | 68 | 69 | ### 卖出REX 70 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio sellrex '["user11111111","500000000.0000 REX"]' -p user11111111 71 | 72 | actions: [{ 73 | account: 'eosio', 74 | name: 'sellrex', 75 | authorization: [{ 76 | actor: 'user11111111', 77 | permission: 'active', 78 | }], 79 | data: { 80 | from: 'user11111111', 81 | rex: '500000000.0000 REX', 82 | }, 83 | }] 84 | 85 | ### 取消订单 86 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio cnclrexorder '["user11111111"]' -p user11111111 87 | 88 | actions: [{ 89 | account: 'eosio', 90 | name: 'cnclrexorder', 91 | authorization: [{ 92 | actor: 'user11111111', 93 | permission: 'active', 94 | }], 95 | data: { 96 | owner: 'user11111111', 97 | }, 98 | }] 99 | 100 | 101 | ### 租赁CPU 102 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio rentcpu '["user22222222","user22222222","20.0000 EOS","0.0000 EOS"]' -p user22222222 103 | 104 | actions: [{ 105 | account: 'eosio', 106 | name: 'rentcpu', 107 | authorization: [{ 108 | actor: 'user22222222', 109 | permission: 'active', 110 | }], 111 | data: { 112 | from: 'user22222222', 113 | receiver: 'user22222222', 114 | loan_payment: '20.0000 EOS', 115 | loan_fund: '0.0000 EOS', 116 | }, 117 | }] 118 | 119 | ### 租赁NET 120 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio rentnet '["user22222222","user22222222","20.0000 EOS","0.0000 EOS"]' -p user22222222 121 | 122 | actions: [{ 123 | account: 'eosio', 124 | name: 'rentnet', 125 | authorization: [{ 126 | actor: 'user22222222', 127 | permission: 'active', 128 | }], 129 | data: { 130 | from: 'user22222222', 131 | receiver: 'user22222222', 132 | loan_payment: '20.0000 EOS', 133 | loan_fund: '0.0000 EOS', 134 | }, 135 | }] 136 | 137 | ### 存CPU贷款基金 138 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio fundcpuloan '["user22222222", "1", "20.0000 EOS"]' -p user22222222 139 | 140 | actions: [{ 141 | account: 'eosio', 142 | name: 'fundcpuloan', 143 | authorization: [{ 144 | actor: 'user22222222', 145 | permission: 'active', 146 | }], 147 | data: { 148 | from: 'user22222222', 149 | loan_num: '1', 150 | amount: '20.0000 EOS', 151 | }, 152 | }] 153 | ### 存NET贷款基金 154 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio fundnetloan '["user22222222", "1", "20.0000 EOS"]' -p user22222222 155 | 156 | actions: [{ 157 | account: 'eosio', 158 | name: 'fundnetloan', 159 | authorization: [{ 160 | actor: 'user22222222', 161 | permission: 'active', 162 | }], 163 | data: { 164 | from: 'user22222222', 165 | loan_num: '1', 166 | amount: '20.0000 EOS', 167 | }, 168 | }] 169 | 170 | ### 取回CPU贷款基金 171 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio defcpuloan '["user22222222", "1", "20.0000 EOS"]' -p user22222222 172 | 173 | actions: [{ 174 | account: 'eosio', 175 | name: 'defcpuloan', 176 | authorization: [{ 177 | actor: 'user22222222', 178 | permission: 'active', 179 | }], 180 | data: { 181 | from: 'user22222222', 182 | loan_num: '1', 183 | amount: '20.0000 EOS', 184 | }, 185 | }] 186 | ### 取回NET贷款基金 187 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 push action eosio defnetloan '["user22222222", "1", "20.0000 EOS"]' -p user22222222 188 | 189 | actions: [{ 190 | account: 'eosio', 191 | name: 'defnetloan', 192 | authorization: [{ 193 | actor: 'user22222222', 194 | permission: 'active', 195 | }], 196 | data: { 197 | from: 'user22222222', 198 | loan_num: '1', 199 | amount: '20.0000 EOS', 200 | }, 201 | }] 202 | 203 | 204 | 205 | ### 查看节点: 206 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 system listproducers 207 | 208 | ### 投票 209 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 system voteproducer prods user11111111 producer1111 producer1114 producer111f producer111h producer111p producer111w producer111b producer111c producer111d producer111e producer111g producer111j producer111k producer111l producer111q producer111r producer111z producer1113 producer111u producer111v producer111i 210 | 211 | actions: [{ 212 | account: 'eosio', 213 | name: 'voteproducer', 214 | authorization: [{ 215 | actor: 'user11111111', 216 | permission: 'active', 217 | }], 218 | data: { 219 | voter: 'user11111111', 220 | proxy: '', 221 | producers: [ 222 | "producer1111", 223 | "producer1114", 224 | "producer111f" 225 | ] 226 | }, 227 | }] 228 | 229 | 230 | ### 查看投票结果 231 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 get table eosio eosio voters -L user11111111 -l 1 232 | 233 | ### 购买REX: 价格: 234 | [total_rex*(total_lendable+amount)/total_lendable - total_rex] / amount 235 | ### 租赁CPU: 价格: 236 | [total_unlent*amount / (total_rent + amount)]/ amount 237 | 238 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 get table eosio eosio rexpool 239 | { 240 | "rows": [{ 241 | "version": 0, 242 | "total_lent": "0.0149 EOS", 已租出的EOS总量 243 | "total_unlent": "300.9851 EOS", 可出租的EOS总量 244 | "total_rent": "20001.0000 EOS", 总的租金=20000.0000(初始值) + 1.0000(实际) 245 | "total_lendable": "301.0000 EOS", 总的EOS量=total_lent+total_unlent 246 | "total_rex": "3000000.0000 REX", REX总量 247 | "namebid_proceeds": "0.0000 EOS", 248 | "loan_num": 1 249 | } 250 | ], 251 | "more": false 252 | } 253 | 254 | 255 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 get table eosio eosio rexfund -l 1 -L user11111111 256 | { 257 | "rows": [{ 258 | "version": 0, 259 | "owner": "user11111111", 260 | "balance": "400.0000 EOS" 充值但未花费的EOS量 261 | } 262 | ], 263 | "more": true 264 | } 265 | 266 | 267 | cleos --wallet-url http://localhost:6666 --url http://localhost:8000 get table eosio eosio rexbal -l 1 -L user11111111 268 | { 269 | "rows": [{ 270 | "version": 0, 271 | "owner": "user11111111", 272 | "vote_stake": "200.0000 EOS", 已花费的EOS量 273 | "rex_balance": "2000000.0000 REX", 用户REX持有量 274 | "matured_rex": 0, 275 | "rex_maturities": [{ 276 | "first": "2019-03-31T00:00:00", 解冻时间 277 | "second": "20000000000" 278 | } 279 | ] 280 | } 281 | ], 282 | "more": true 283 | } 284 | 285 | 286 | 287 | 288 | 289 | 290 | -------------------------------------------------------------------------------- /src/fonts/SourceHanSansCN-Light.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/etwallet/eosrex/f017e24986f36c920fb1184944fe82657136629d/src/fonts/SourceHanSansCN-Light.otf -------------------------------------------------------------------------------- /src/fonts/SourceHanSansCN-Medium.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/etwallet/eosrex/f017e24986f36c920fb1184944fe82657136629d/src/fonts/SourceHanSansCN-Medium.otf -------------------------------------------------------------------------------- /src/fonts/SourceHanSansCN-Regular.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/etwallet/eosrex/f017e24986f36c920fb1184944fe82657136629d/src/fonts/SourceHanSansCN-Regular.otf -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | 2 | @font-face{ 3 | font-family: 'SourceHanSansCN-Light'; 4 | src:url('./fonts/SourceHanSansCN-Light.otf') format('otf') 5 | } 6 | body,p,span,div { 7 | font-family: "SourceHanSansCN-Light"; 8 | display:"flex"; 9 | background-color: "#F8F8F8" 10 | } 11 | 12 | #root, body, html { 13 | width: 100%; 14 | height: 100%; 15 | margin: 0; 16 | padding: 0; 17 | font-family: "SourceHanSansCN-Light"; 18 | -webkit-text-size-adjust: none; 19 | background-color: "#F8F8F8" 20 | } 21 | body :global(#root) { 22 | width: 100%; 23 | height: 100%; 24 | } 25 | 26 | input:-ms-input-placeholder { 27 | color: #D9D9D9; 28 | opacity: 1; 29 | } 30 | input::-webkit-input-placeholder { 31 | color: #D9D9D9; 32 | opacity: 1; 33 | } 34 | 35 | 36 | /* 列表上下边框 */ 37 | body :global(.am-list-body) { 38 | position: relative; 39 | background-color: #F8F8F8; 40 | border: none; 41 | } 42 | 43 | body :global(.am-list-header) { 44 | padding: 0 45 | } 46 | 47 | body :global(.am-modal-button-group-h .am-modal-button:first-child) { 48 | color: #B5B5B5; 49 | } 50 | 51 | body :global(.am-navbar-left) { 52 | padding-left: 0; 53 | } 54 | body :global(.am-navbar-light) { 55 | color: #323232; 56 | } 57 | 58 | body :global(.am-popover .am-popover-item-container) { 59 | justify-content: center; 60 | } 61 | 62 | 63 | /* 单行输入框 */ 64 | body :global(.am-list-item:not(:last-child) .am-list-line) { 65 | border: none; 66 | } 67 | 68 | /* 图片选择器 */ 69 | body :global(.am-image-picker-list) { 70 | padding: 10px 10px 1px; 71 | margin: 0; 72 | } 73 | 74 | body :global(.am-image-picker-list .am-flexbox .am-flexbox-item) { 75 | margin-left: 5px; 76 | margin-right: 5px; 77 | } 78 | body :global(.am-image-picker-list .am-flexbox) { 79 | margin-bottom: 10px; 80 | } 81 | body :global(.am-image-picker-list .am-image-picker-item .am-image-picker-item-remove) { 82 | width: 20px; 83 | height: 20px; 84 | background-size: 20px auto; 85 | } 86 | 87 | 88 | body :global(.am-list-item .am-list-line .am-list-content) { 89 | display: flex; 90 | flex-direction: row 91 | } 92 | 93 | /* 长输入框 */ 94 | body :global(.am-textarea-has-count) { 95 | min-height: 30px; 96 | border: 1PX solid #D9D9D9; 97 | background: #F8F8F8; 98 | border-radius: 2px; 99 | padding: 0; 100 | } 101 | body :global(.am-textarea-control) { 102 | padding: 2px; 103 | } 104 | body :global(.am-textarea-control textarea) { 105 | font-size: 14px; 106 | } 107 | /* 单选按钮 */ 108 | body :global(.am-radio-item) { 109 | min-height: 30px; 110 | padding: 0; 111 | } 112 | body :global(.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio) { 113 | height: 30px; 114 | } 115 | body :global(.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio-inner) { 116 | top: 7.5px; 117 | } 118 | 119 | 120 | body :global(.am-list-item .am-input-label) { 121 | margin-right: 15px; 122 | } 123 | body :global(.am-list-item .am-list-line .am-list-extra) { 124 | padding-top: 2px; 125 | padding-bottom: 2px; 126 | } 127 | body :global(.am-list-item .am-list-line .am-list-content) { 128 | color: #888888; 129 | font-size: 15px; 130 | } -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import dva from 'dva'; 2 | import createLoading from 'dva-loading'; 3 | import createHistory from 'history/createBrowserHistory'; 4 | import registerServiceWorker from './registerServiceWorker'; 5 | import './index.css'; 6 | 7 | const app = dva({ 8 | history: createHistory(), 9 | onError(e) { 10 | console.log(e); 11 | }, 12 | }); 13 | 14 | app.use(createLoading()); 15 | 16 | app.router(require('./router').default); 17 | 18 | app.start('#root'); 19 | 20 | registerServiceWorker(); 21 | 22 | 23 | -------------------------------------------------------------------------------- /src/locales/en-US.js: -------------------------------------------------------------------------------- 1 | import enUS from 'antd-mobile/lib/locale-provider/en_US'; 2 | import appLocaleData from 'react-intl/locale-data/en'; 3 | import en from './en'; 4 | 5 | window.appLocale = { 6 | messages: {...en}, 7 | antd: enUS, 8 | locale: 'en-US', 9 | data: appLocaleData, 10 | } 11 | -------------------------------------------------------------------------------- /src/locales/en.js: -------------------------------------------------------------------------------- 1 | const en = { 2 | "index.slogn":"ETRobot" 3 | } 4 | export default en; 5 | -------------------------------------------------------------------------------- /src/locales/zh-CN.js: -------------------------------------------------------------------------------- 1 | import appLocaleData from 'react-intl/locale-data/zh'; 2 | import zh from './zh'; 3 | 4 | window.appLocale = { 5 | messages: {...zh}, 6 | antd: null, 7 | locale: 'zh-Hans-CN', 8 | data: appLocaleData, 9 | }; 10 | -------------------------------------------------------------------------------- /src/locales/zh.js: -------------------------------------------------------------------------------- 1 | const zh = { 2 | "index.slogn":"ET交易所", 3 | "index.intr":"全国首家开源、开放、透明去中心化交易所" 4 | } 5 | export default zh; 6 | -------------------------------------------------------------------------------- /src/models/commonModel.js: -------------------------------------------------------------------------------- 1 | import Request from '../utils/RequestUtil'; 2 | import { noAttentionPage, attentionPage, plazaPage, biggiePage,} from '../utils/Api'; 3 | import { Toast } from 'antd-mobile'; 4 | import Utils from '../utils/Utils' 5 | 6 | export default { 7 | namespace: 'common', 8 | 9 | state: { 10 | account: '', 11 | permission: 'active', 12 | eosBalance: '0.0000', 13 | delegated_eosBalance: '0.0000', 14 | cpuDelegated: '0.0000', 15 | netDelegated: '0.0000', 16 | network: { 17 | blockchain:'eos', 18 | protocol:'http', 19 | host:'api.fn.eosbixin.com', 20 | port:80, 21 | chainId:'aca376f206b8fc25a6ed44dbdc66547c36c6c33e3a119ffbeaef943642f0e906' 22 | }, 23 | rexpool:{ 24 | total_lent: '0.0000 EOS', // 已出租的EOS总量 25 | total_unlent: '0.0000 EOS', // 可出租的EOS总量 26 | total_rent: '0.0000 EOS', // 总租金 27 | total_lendable: '0.0000', //总的EOS量 28 | total_rex: '0.0000 REX', // REX总量 29 | }, 30 | lent_percent: 0, //出租百分比 31 | isVoted: false, 32 | myVotes: [], 33 | }, 34 | 35 | effects: { 36 | // 登录 37 | *login({ payload, callback }, { select, call, put }) { 38 | try { 39 | const requiredFields={ 40 | accounts:[{protocol:"https", 41 | blockchain:"eos", 42 | host:"eosapi.big.game", 43 | port:8889, 44 | chainId:"aca376f206b8fc25a6ed44dbdc66547c36c6c33e3a119ffbeaef943642f0e906"}] 45 | }; 46 | let identity = yield window.scatter.getIdentity(requiredFields); 47 | if(window.scatter.identity && window.scatter.identity.accounts && window.scatter.identity.accounts.length>0){ 48 | let account = window.scatter.identity.accounts[0]; 49 | if(account.blockchain=="eos"){ 50 | 51 | 52 | yield put({ type: 'update', payload: {account: account.name, permission: account.authority}}); 53 | 54 | yield put({ type: 'getAccountInfo', payload: {account: account.name}}); 55 | 56 | yield put({ type: 'getRexInfo', payload: {}}); 57 | 58 | if(callback) callback(account); 59 | } 60 | }else{ 61 | // Toast.info("登录失败，请重新登录", 1); 62 | } 63 | } catch (error) { 64 | // Toast.info("登录失败，请重新登录", 1); 65 | console.log("+++++app/models/commonModel.js++++login:",JSON.stringify(error)); 66 | } 67 | }, 68 | 69 | // 获取账户信息 70 | *getAccountInfo({ payload, callback }, { select, call, put }) { 71 | try { 72 | let network = yield select(state => state.common.network) 73 | var eos = window.scatter.eos(network, window.Eos); 74 | 75 | let eosBalance = '0.0000'; 76 | let delegated_eosBalance = '0.0000'; 77 | let cpu_weight = '0.0000'; 78 | let net_weight = '0.0000'; 79 | 80 | let accountInfo = yield eos.getAccount(payload.account); 81 | if(accountInfo){ 82 | if(accountInfo.core_liquid_balance){ 83 | eosBalance = accountInfo.core_liquid_balance.replace("EOS", "").replace(" ", ""); 84 | } 85 | if(accountInfo.self_delegated_bandwidth){ 86 | if(accountInfo.self_delegated_bandwidth.cpu_weight) 87 | { 88 | cpu_weight = accountInfo.self_delegated_bandwidth.cpu_weight.replace("EOS", "").replace(" ", ""); 89 | } 90 | if(accountInfo.self_delegated_bandwidth.net_weight) 91 | { 92 | net_weight = accountInfo.self_delegated_bandwidth.net_weight.replace("EOS", "").replace(" ", ""); 93 | } 94 | delegated_eosBalance = (parseFloat(cpu_weight) + parseFloat(net_weight)).toFixed(4); 95 | } 96 | } 97 | 98 | let isVoted = false; // 是否已经投票过 99 | let myVotes = []; 100 | if(accountInfo && accountInfo.voter_info && accountInfo.voter_info.producers){ 101 | myVotes = accountInfo.voter_info.producers; 102 | if(myVotes && myVotes.length >= 21){ 103 | isVoted = true; 104 | } 105 | } 106 | yield put({ type: 'update', payload: {myVotes: myVotes, isVoted: isVoted, eosBalance: eosBalance,delegated_eosBalance:delegated_eosBalance, cpuDelegated: cpu_weight, netDelegated: net_weight}}); 107 | 108 | } catch (error) { 109 | console.log("+++++app/models/commonModel.js++++getAccountInfo-error:",JSON.stringify(error)); 110 | } 111 | }, 112 | 113 | // 获取REX信息 114 | *getRexInfo({ payload, callback }, { select, call, put }) { 115 | try { 116 | let network = yield select(state => state.common.network); 117 | var eos = window.scatter.eos(network, window.Eos); 118 | var obj = new Object(); 119 | obj.json = true; 120 | obj.code = 'eosio'; 121 | obj.scope = 'eosio'; 122 | obj.table = 'rexpool'; 123 | obj.limit = 1; 124 | let info = yield eos.getTableRows(obj); 125 | 126 | let rexpoolRemote = info.rows[0]; 127 | let rexpoolLocal = yield select(state => state.common.rexpool); 128 | let rexpool = {...rexpoolLocal, ...rexpoolRemote}; 129 | 130 | let lent_percent = 0; 131 | if(rexpool && rexpool.total_lent && rexpool.total_lendable) 132 | { 133 | let total_lent = Utils.sliceUnit(rexpool.total_lent); 134 | let total_lendable = Utils.sliceUnit(rexpool.total_lendable); 135 | // alert('total_lent = ' + total_lent + ' total_lendable = ' + total_lendable); 136 | let float_total_lent = parseFloat(total_lent).toFixed(4); 137 | let float_total_lendable = parseFloat(total_lendable).toFixed(4); 138 | lent_percent = (float_total_lent * 100 / float_total_lendable).toFixed(2); 139 | } 140 | yield put({ type: 'update', payload: {rexpool: rexpool,lent_percent: lent_percent} }); 141 | if(callback) callback(true); 142 | } catch (error) { 143 | console.log("+++++app/models/commonModel.js++++getRexInfo-error:",JSON.stringify(error)); 144 | if(callback) callback(false); 145 | } 146 | }, 147 | // 发送eos交易 148 | *sendEosAction({ payload, callback }, { select, call, put }) { 149 | try { 150 | let network = yield select(state => state.common.network); 151 | var eos = window.scatter.eos(network, window.Eos); 152 | let resp = yield eos.transaction({actions: payload.actions}); 153 | if(resp.transaction_id){ 154 | let account = yield select(state => state.common.account); 155 | yield put({ type: 'getAccountInfo', payload: {account: account}}); 156 | yield put({ type: 'getRexInfo', payload: {}}); 157 | } 158 | if(callback) callback(resp); 159 | } catch (error) { 160 | console.log("+++++app/models/commonModel.js++++sendEosAction-error:",JSON.stringify(error)); 161 | if(callback) callback(null); 162 | } 163 | }, 164 | //查询卖单 165 | *querySellRexInfo({ payload, callback }, { select, call, put }) { 166 | try { 167 | if(!payload.account){ 168 | if(callback) callback(null); 169 | return; 170 | } 171 | 172 | let network = yield select(state => state.common.network); 173 | var eos = window.scatter.eos(network, window.Eos); 174 | var obj = new Object(); 175 | obj.json = true; 176 | obj.code = 'eosio'; 177 | obj.scope = 'eosio'; 178 | obj.table = 'rexqueue'; 179 | obj.limit = 1; 180 | obj.lower_bound = payload.account; 181 | // obj.table_key = 'owner'; 182 | let resp = yield eos.getTableRows(obj); 183 | 184 | if(callback) callback(resp); 185 | } catch (error) { 186 | console.log("+++++app/models/common.js++++querySellRexInfo-error:",JSON.stringify(error)); 187 | if(callback) callback(null); 188 | } 189 | }, 190 | //查询可提币余额 191 | *queryWithdrawInfo({ payload, callback }, { select, call, put }) { 192 | try { 193 | if(!payload.account){ 194 | if(callback) callback(null); 195 | return; 196 | } 197 | 198 | let network = yield select(state => state.common.network); 199 | var eos = window.scatter.eos(network, window.Eos); 200 | var obj = new Object(); 201 | obj.json = true; 202 | obj.code = 'eosio'; 203 | obj.scope = 'eosio'; 204 | obj.table = 'rexfund'; 205 | obj.limit = 1; 206 | obj.lower_bound = payload.account; 207 | // obj.table_key = 'owner'; 208 | let resp = yield eos.getTableRows(obj); 209 | 210 | if(callback) callback(resp); 211 | } catch (error) { 212 | console.log("+++++app/models/common.js++++queryWithdrawInfo-error:",JSON.stringify(error)); 213 | if(callback) callback(null); 214 | } 215 | }, 216 | 217 | }, 218 | 219 | reducers: { 220 | update(state, action) { 221 | return { ...state, ...action.payload }; 222 | }, 223 | 224 | }, 225 | 226 | subscriptions: { 227 | 228 | } 229 | }; 230 | -------------------------------------------------------------------------------- /src/models/index.js: -------------------------------------------------------------------------------- 1 | import commonModel from './commonModel'; 2 | import rexModel from './rexModel'; 3 | import voteModel from './voteModel'; 4 | 5 | const models = [ 6 | commonModel, 7 | rexModel, 8 | voteModel, 9 | ] 10 | export default models; -------------------------------------------------------------------------------- /src/models/rexModel.js: -------------------------------------------------------------------------------- 1 | import Request from '../utils/RequestUtil'; 2 | import { noAttentionPage, attentionPage, plazaPage, biggiePage,} from '../utils/Api'; 3 | import { Toast } from 'antd-mobile'; 4 | import Utils from '../utils/Utils' 5 | 6 | export default { 7 | namespace: 'rex', 8 | 9 | state: { 10 | myRexInfo:{ 11 | total_rex: 0, // 总rex 12 | sell_available_rex: 0, // 可卖的rex 13 | }, 14 | 15 | }, 16 | 17 | effects: { 18 | // 获取REX信息 19 | *getMyRexInfo({ payload, callback }, { select, call, put }) { 20 | try { 21 | if(!payload.account){ 22 | return; 23 | } 24 | let network = yield select(state => state.common.network); 25 | var eos = window.scatter.eos(network, window.Eos); 26 | var obj = new Object(); 27 | obj.json = true; 28 | obj.code = 'eosio'; 29 | obj.scope = 'eosio'; 30 | obj.table = 'rexbal'; 31 | obj.limit = 1; 32 | obj.lower_bound = payload.account; 33 | let info = yield eos.getTableRows(obj); 34 | 35 | let rexInfo = info.rows[0]; 36 | if(rexInfo && rexInfo.owner != payload.account){ 37 | return; 38 | } 39 | 40 | rexInfo.sell_available_rex = 0; 41 | rexInfo.total_rex = 0; 42 | if(rexInfo.rex_balance){ 43 | rexInfo.total_rex = Utils.sliceUnit(rexInfo.rex_balance); 44 | rexInfo.sell_available_rex = rexInfo.total_rex; 45 | } 46 | 47 | if(rexInfo.rex_maturities){ 48 | rexInfo.rex_maturities.forEach(item => { 49 | try { 50 | if(Utils.isTimeExpire(new Date(item.first).valueOf())){ 51 | return; 52 | } 53 | rexInfo.sell_available_rex = (parseFloat(rexInfo.sell_available_rex) - (item.second/10000).toFixed(4)).toFixed(4); 54 | } catch (error) { 55 | 56 | } 57 | }); 58 | } 59 | 60 | yield put({ type: 'update', payload: {myRexInfo: rexInfo} }); 61 | } catch (error) { 62 | console.log("+++++app/models/rexModel.js++++getMyRexInfo-error:",JSON.stringify(error)); 63 | } 64 | }, 65 | }, 66 | 67 | reducers: { 68 | update(state, action) { 69 | return { ...state, ...action.payload }; 70 | }, 71 | 72 | }, 73 | 74 | subscriptions: { 75 | 76 | } 77 | }; 78 | -------------------------------------------------------------------------------- /src/models/voteModel.js: -------------------------------------------------------------------------------- 1 | import Request from '../utils/RequestUtil'; 2 | import { noAttentionPage, attentionPage, plazaPage, biggiePage,} from '../utils/Api'; 3 | import { Toast } from 'antd-mobile'; 4 | import Utils from '../utils/Utils' 5 | 6 | export default { 7 | namespace: 'vote', 8 | 9 | state: { 10 | myVoteInfo:[], 11 | isVoted: false, // 是否进行投票过 12 | producers: [], // 节点列表 13 | }, 14 | 15 | effects: { 16 | // 获取投票信息 17 | *getMyVoteInfo({ payload, callback }, { select, call, put }) { 18 | try { 19 | if(!payload.account){ 20 | return; 21 | } 22 | let network = yield select(state => state.common.network); 23 | var eos = window.scatter.eos(network, window.Eos); 24 | var obj = new Object(); 25 | obj.json = true; 26 | obj.code = 'eosio'; 27 | obj.scope = 'eosio'; 28 | obj.table = 'voters'; 29 | obj.limit = 1; 30 | obj.lower_bound = payload.account; 31 | obj.table_key = 'owner'; 32 | let info = yield eos.getTableRows(obj); 33 | 34 | let voteInfo = info.rows; 35 | yield put({ type: 'update', payload: {myVoteInfo: voteInfo, isVoted:true} }); 36 | } catch (error) { 37 | console.log("+++++app/models/voteModel.js++++getMyVoteInfo-error:",JSON.stringify(error)); 38 | } 39 | }, 40 | 41 | /** 42 | * 根据排名获取投票列表 43 | */ 44 | *listProducers({ payload, callback }, { select, call, put }) { 45 | try { 46 | let network = yield select(state => state.common.network); 47 | var eos = window.scatter.eos(network, window.Eos); 48 | var obj = new Object(); 49 | obj.json = true; 50 | obj.code = 'eosio'; 51 | obj.scope = 'eosio'; 52 | obj.table = 'producers'; 53 | obj.limit = 100; 54 | obj.index_position = 2; 55 | obj.key_type = 'float64' 56 | let info = yield eos.getTableRows(obj); 57 | 58 | let producers = info.rows; 59 | 60 | let myVotes = yield select(state => state.common.myVotes); 61 | producers.forEach((p) => { 62 | p.isSelect = false; 63 | if(myVotes && myVotes.includes(p.owner)){ 64 | p.isSelect = true; 65 | } 66 | }); 67 | 68 | // alert("listProducers: " + JSON.stringify(producers)); 69 | 70 | yield put({ type: 'update', payload: {producers: producers} }); 71 | if(callback) callback(producers); 72 | } catch (error) { 73 | console.log("+++++app/models/voteModel.js++++listProducers-error:",JSON.stringify(error)); 74 | if(callback) callback([]); 75 | } 76 | }, 77 | }, 78 | 79 | reducers: { 80 | update(state, action) { 81 | return { ...state, ...action.payload }; 82 | }, 83 | 84 | }, 85 | 86 | subscriptions: { 87 | 88 | } 89 | }; 90 | -------------------------------------------------------------------------------- /src/registerServiceWorker.js: -------------------------------------------------------------------------------- 1 | // In production, we register a service worker to serve assets from local cache. 2 | 3 | // This lets the app load faster on subsequent visits in production, and gives 4 | // it offline capabilities. However, it also means that developers (and users) 5 | // will only see deployed updates on the "N+1" visit to a page, since previously 6 | // cached resources are updated in the background. 7 | 8 | // To learn more about the benefits of this model, read https://goo.gl/KwvDNy. 9 | // This link also includes instructions on opting out of this behavior. 10 | 11 | const isLocalhost = Boolean( 12 | window.location.hostname === 'localhost' || 13 | // [::1] is the IPv6 localhost address. 14 | window.location.hostname === '[::1]' || 15 | // 127.0.0.1/8 is considered localhost for IPv4. 16 | window.location.hostname.match( 17 | /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ 18 | ) 19 | ); 20 | 21 | export default function register() { 22 | if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) { 23 | // The URL constructor is available in all browsers that support SW. 24 | const publicUrl = new URL(process.env.PUBLIC_URL, window.location); 25 | if (publicUrl.origin !== window.location.origin) { 26 | // Our service worker won't work if PUBLIC_URL is on a different origin 27 | // from what our page is served on. This might happen if a CDN is used to 28 | // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374 29 | return; 30 | } 31 | 32 | window.addEventListener('load', () => { 33 | const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; 34 | 35 | if (!isLocalhost) { 36 | // Is not local host. Just register service worker 37 | registerValidSW(swUrl); 38 | } else { 39 | // This is running on localhost. Lets check if a service worker still exists or not. 40 | checkValidServiceWorker(swUrl); 41 | } 42 | }); 43 | } 44 | } 45 | 46 | function registerValidSW(swUrl) { 47 | navigator.serviceWorker 48 | .register(swUrl) 49 | .then(registration => { 50 | registration.onupdatefound = () => { 51 | const installingWorker = registration.installing; 52 | installingWorker.onstatechange = () => { 53 | if (installingWorker.state === 'installed') { 54 | if (navigator.serviceWorker.controller) { 55 | // At this point, the old content will have been purged and 56 | // the fresh content will have been added to the cache. 57 | // It's the perfect time to display a "New content is 58 | // available; please refresh." message in your web app. 59 | console.log('New content is available; please refresh.'); 60 | } else { 61 | // At this point, everything has been precached. 62 | // It's the perfect time to display a 63 | // "Content is cached for offline use." message. 64 | console.log('Content is cached for offline use.'); 65 | } 66 | } 67 | }; 68 | }; 69 | }) 70 | .catch(error => { 71 | console.error('Error during service worker registration:', error); 72 | }); 73 | } 74 | 75 | function checkValidServiceWorker(swUrl) { 76 | // Check if the service worker can be found. If it can't reload the page. 77 | fetch(swUrl) 78 | .then(response => { 79 | // Ensure service worker exists, and that we really are getting a JS file. 80 | if ( 81 | response.status === 404 || 82 | response.headers.get('content-type').indexOf('javascript') === -1 83 | ) { 84 | // No service worker found. Probably a different app. Reload the page. 85 | navigator.serviceWorker.ready.then(registration => { 86 | registration.unregister().then(() => { 87 | window.location.reload(); 88 | }); 89 | }); 90 | } else { 91 | // Service worker found. Proceed as normal. 92 | registerValidSW(swUrl); 93 | } 94 | }) 95 | .catch(() => { 96 | console.log( 97 | 'No internet connection found. App is running in offline mode.' 98 | ); 99 | }); 100 | } 101 | 102 | export function unregister() { 103 | if ('serviceWorker' in navigator) { 104 | navigator.serviceWorker.ready.then(registration => { 105 | registration.unregister(); 106 | }); 107 | } 108 | } 109 | -------------------------------------------------------------------------------- /src/router.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Router, Route, Switch } from 'dva/router'; 3 | import Dynamic from 'dva/dynamic'; 4 | import { LocaleProvider } from 'antd-mobile'; 5 | import { addLocaleData, IntlProvider } from 'react-intl'; 6 | import store from 'storejs'; 7 | 8 | let lan = store.get("language"); 9 | if(!lan){ 10 | let language = navigator.language; 11 | if(language){ 12 | lan = language.split('-')[0]; 13 | }else{ 14 | lan="en"; 15 | } 16 | } 17 | switch(lan){ 18 | case 'en': 19 | require("./locales/en-US"); 20 | break; 21 | case 'zh': 22 | require("./locales/zh-CN"); 23 | break; 24 | default: 25 | require("./locales/en-US"); 26 | break; 27 | } 28 | const appLocale = window.appLocale; 29 | addLocaleData(appLocale.data); 30 | 31 | export default function RouterConfig({history,app}) { 32 | const Index = Dynamic({app,models:()=>[require("./models/")],component:()=>import('./routes/Index')}); 33 | const GameDescription = Dynamic({app,models:()=>[require("./models/")],component:()=>import('./routes/GameDescription')}); 34 | const BuyandSell = Dynamic({app,models:()=>[require("./models/")],component:()=>import('./routes/BuyandSell')}); 35 | const DetailsList = Dynamic({app,models:()=>[require("./models/")],component:()=>import('./routes/DetailsList')}); 36 | const Withdraw = Dynamic({app,models:()=>[require("./models/")],component:()=>import('./routes/Withdraw')}); 37 | const NodeVoting = Dynamic({app,models:()=>[require("./models/")],component:()=>import('./routes/NodeVoting')}); 38 | const MyRexDetails = Dynamic({app,models:()=>[require("./models/")],component:()=>import('./routes/MyRexDetails')}); 39 | 40 | return ( 41 |
在进行买卖REX之前，您必须要对至少21个节点投过票或代理投票，我们已经帮您进行了默认的节点投票。
, [
241 | { text: '高级设置 >', onPress: () => {this.onNodeVoting()}},
242 | { text: '确定', onPress: () => this.doVoteAndRexTrans() },
243 | ])
244 | } catch (error) {
245 |
246 | }
247 | }
248 |
249 | getdefaultVoteActions = () => {
250 | let actions = [{
251 | account: 'eosio',
252 | name: 'voteproducer',
253 | authorization: [{
254 | actor: this.props.account,
255 | permission: this.props.permission,
256 | }],
257 | data: {
258 | voter: this.props.account,
259 | proxy: '',
260 | producers: this.state.defaultProducers,
261 | },
262 | }];
263 |
264 | return actions;
265 | }
266 |
267 | // 使用抵押资源购买rex
268 | getBuyByStakeActions(){
269 | let actions = [{
270 | account: 'eosio',
271 | name: 'unstaketorex',
272 | authorization: [{
273 | actor: this.props.account,
274 | permission: this.props.permission,
275 | }],
276 | data: {
277 | owner: this.props.account,
278 | receiver: this.props.account,
279 | from_net: formatEosQua(this.state.netQuantity + ' EOS'),
280 | from_cpu: formatEosQua(this.state.cpuQuantity + ' EOS'),
281 | },
282 | }];
283 |
284 | return actions;
285 | }
286 |
287 | // 使用余额购买rex
288 | getBuyByBalanceActions(){
289 | let actions = [{
290 | account: 'eosio',
291 | name: 'deposit',
292 | authorization: [{
293 | actor: this.props.account,
294 | permission: this.props.permission,
295 | }],
296 | data: {
297 | owner: this.props.account,
298 | amount: formatEosQua(this.state.quantity + ' EOS'),
299 | },
300 | },
301 | {
302 | account: 'eosio',
303 | name: 'buyrex',
304 | authorization: [{
305 | actor: this.props.account,
306 | permission: this.props.permission,
307 | }],
308 | data: {
309 | from: this.props.account,
310 | amount: formatEosQua(this.state.quantity + ' EOS'),
311 | },
312 | }];
313 |
314 | return actions;
315 | }
316 |
317 | /**
318 | * 买rex
319 | */
320 | getBuyActions = () => {
321 | if(this.state.isSwitch){ // 使用余额购买rex
322 | return this.getBuyByBalanceActions();
323 | }
324 |
325 | return this.getBuyByStakeActions();
326 | }
327 |
328 | /**
329 | * 卖rex
330 | */
331 | getSellActions = () => {
332 | let actions = [{
333 | account: 'eosio',
334 | name: 'sellrex',
335 | authorization: [{
336 | actor: this.props.account,
337 | permission: this.props.permission,
338 | }],
339 | data: {
340 | from: this.props.account,
341 | rex: formatEosQua(this.state.quantity_rex + ' REX'),
342 | },
343 | },
344 | ]
345 |
346 | return actions;
347 | }
348 |
349 | onQuantityRex = () => {
350 | this.setState({quantity_rex: this.props.myRexInfo.sell_available_rex})
351 | }
352 |
353 | getRexTransActions = () => {
354 | let actions = this.state.actionsList[this.state.transType].actions();
355 | return actions;
356 | }
357 |
358 | doVoteAndRexTrans = () => {
359 | let voteActions = this.getdefaultVoteActions();
360 | let rexTransActions = this.getRexTransActions();
361 | let actions = voteActions.concat(rexTransActions);
362 | this.doEosTransact(actions);
363 | }
364 |
365 | async doEosTransact(actions){
366 | let resp = await Utils.dispatchActiionData(this, { type: 'common/sendEosAction', payload:{actions: actions}});
367 | return resp;
368 | }
369 |
370 | showMyRexDetails = () => {
371 | if(!this.props.myRexInfo.rex_maturities || this.props.myRexInfo.rex_maturities.length == 0){
372 | Modal.alert('温馨提示', 您没有冻结的REX
, [
373 | { text: '关闭', onPress: () => {}},
374 | ]);
375 | return;
376 | }
377 | this.props.dispatch(routerRedux.push({pathname: '/MyRexDetails', query: { }}))
378 | }
379 |
380 | render() {
381 | return (
382 |
)
493 | }
494 | }
495 |
496 | export default connect(({ common, rex }) => ({ ...common, ...rex }))(injectIntl(BuyandSell));
497 |
498 | const styles = {
499 | rootDiv:{
500 | width: ScreenWidth,
501 | height: ScreenHeight,
502 | background:"#F8F8F8",
503 | boxSizing: 'border-box',
504 | },
505 |
506 | headtopout: {
507 | display:"flex",
508 | flexDirection: 'row',
509 | alignItems: 'center',
510 | height: Auto.WHT(88),
511 | paddingLeft: Auto.WHT(30),
512 | paddingRight: Auto.WHT(30),
513 | },
514 | headtoptext: {
515 | flex: 1,
516 | color: '#000000',
517 | fontSize: Auto.WHT(34),
518 | lineHeight: Auto.WHT(42),
519 | },
520 | headtopbtn: {
521 | width: Auto.WHT(164),
522 | height: Auto.WHT(60),
523 | lineHeight: Auto.WHT(60),
524 | background: '#FFFFFF',
525 | border: '1px #108EE9 solid',
526 | textDecoration: 'none',
527 | borderRadius: Auto.WHT(6),
528 | fontSize: Auto.WHT(26),
529 | color: '#108EE9',
530 | },
531 | headbottomout: {
532 | display: 'flex',
533 | flexDirection: 'row',
534 | alignItems: 'center',
535 | justifyContent: 'space-between',
536 | padding: Auto.WHT(30),
537 | },
538 | headbottomleft: {
539 | color: '#000000',
540 | fontSize: Auto.WHT(48),
541 | lineHeight: Auto.WHT(67),
542 | paddingBottom: Auto.WHT(22),
543 | },
544 | headbottomright: {
545 | display: 'flex',
546 | flexDirection: 'row',
547 | alignItems: 'center',
548 | },
549 | headbottomtext: {
550 | color: '#888888',
551 | fontSize: Auto.WHT(32),
552 | lineHeight: Auto.WHT(45),
553 | },
554 | headbottomimg: {
555 | width: Auto.WHT(16),
556 | height: Auto.WHT(26),
557 | marginLeft: Auto.WHT(30)
558 | },
559 |
560 | centerDiv: {
561 | display: 'flex',
562 | flexDirection: 'column',
563 | background: '#FFFFFF',
564 | },
565 | centertopout:{
566 | height: Auto.WHT(110),
567 | display:"flex",
568 | flexDirection: 'row',
569 | alignItems: 'center',
570 | justifyContent: 'space-between',
571 | borderBottom: '1px solid #DDDDDD',
572 | },
573 | centertoptext: {
574 | flex: 1,
575 | color: '#000000',
576 | fontSize: Auto.WHT(34),
577 | lineHeight: Auto.WHT(42),
578 | paddingLeft: Auto.WHT(30),
579 | },
580 | graytext: {
581 | flex: 1,
582 | color: 'gray',
583 | fontSize: Auto.WHT(30),
584 | lineHeight: Auto.WHT(42),
585 | paddingLeft: Auto.WHT(30),
586 | },
587 | centertopbtn: {
588 | border: 'none',
589 | borderRadius: 0,
590 | color: '#D9D9D9',
591 | padding: '0 0.4rem',
592 | height: Auto.WHT(36),
593 | textDecoration: 'none',
594 | },
595 | reportimg: {
596 | width: Auto.WHT(30),
597 | height: Auto.WHT(30),
598 | margin: 0,
599 | },
600 | centerbottom: {
601 | color: '#888888',
602 | fontSize: Auto.WHT(28),
603 | },
604 | centerbottom1: {
605 | display: 'flex',
606 | flex: 1,
607 | color: '#888888',
608 | fontSize: Auto.WHT(28),
609 | },
610 | rexDetail: {
611 |
612 | color: '#108EE9',
613 | fontSize: Auto.WHT(28),
614 | },
615 | listDiv: {
616 | display: 'flex',
617 | flexDirection: 'column',
618 | background: '#FFFFFF',
619 | },
620 | sellbtn: {
621 | flex: 1,
622 | background: 'transparent',
623 | border: 'none',
624 | textDecoration: 'none',
625 | borderRadius: 0,
626 | fontSize: Auto.WHT(28),
627 | color: '#BBBBBB',
628 | },
629 | listitemout: {
630 | display: 'flex',
631 | flexDirection: 'row',
632 | alignItems: 'center',
633 | height: Auto.WHT(110),
634 | paddingRight: Auto.WHT(30),
635 | },
636 | listbtn: {
637 | width: Auto.WHT(112),
638 | height: Auto.WHT(60),
639 | lineHeight: Auto.WHT(60),
640 | background: '#108EE9',
641 | border: 'none',
642 | textDecoration: 'none',
643 | borderRadius: Auto.WHT(6),
644 | fontSize: Auto.WHT(26),
645 | color: '#FFFFFF',
646 |
647 | },
648 | ordertext: {
649 | color: '#000000',
650 | fontSize: Auto.WHT(28),
651 | paddingTop: Auto.WHT(10),
652 | paddingBottom: Auto.WHT(10),
653 | },
654 | orderout: {
655 | color: '#888888',
656 | fontSize: Auto.WHT(28),
657 | lineHeight: Auto.WHT(40),
658 | },
659 |
660 | footDiv: {
661 | width: ScreenWidth,
662 | boxSizing: 'border-box',
663 | paddingTop: Auto.WHT(40),
664 | paddingLeft: Auto.WHT(30),
665 | paddingRight: Auto.WHT(30),
666 | paddingBottom: Auto.WHT(40),
667 | },
668 | footbtn: {
669 | width: '100%',
670 | border: 'none',
671 | color: '#FFFFFF',
672 | height: Auto.WHT(94),
673 | background: '#108EE9',
674 | textDecoration: 'none',
675 | fontSize: Auto.WHT(36),
676 | lineHeight: Auto.WHT(94),
677 | borderRadius: Auto.WHT(10),
678 | },
679 |
680 | footDivWithdraw: {
681 | width: ScreenWidth,
682 | boxSizing: 'border-box',
683 | paddingTop: Auto.WHT(15),
684 | paddingLeft: Auto.WHT(30),
685 | paddingRight: Auto.WHT(30),
686 | paddingBottom: Auto.WHT(40),
687 | },
688 | footbtnWithdraw: {
689 | width: '100%',
690 | border: '1px #108EE9 solid',
691 | color: '#108EE9',
692 | height: Auto.WHT(94),
693 | background: '#FFFFFF',
694 | textDecoration: 'none',
695 | fontSize: Auto.WHT(36),
696 | lineHeight: Auto.WHT(94),
697 | borderRadius: Auto.WHT(10),
698 | },
699 |
700 | listitemout11: {
701 | display: 'flex',
702 | flexDirection: 'row',
703 | alignItems: 'center',
704 | justifyContent: 'center',
705 | height: Auto.WHT(88),
706 | // paddingRight: Auto.WHT(30),
707 | },
708 | centertoptext11: {
709 | flex: 1,
710 | textAlign: 'center',
711 | color: '#888888',
712 | fontSize: Auto.WHT(26),
713 | lineHeight: Auto.WHT(37),
714 | // paddingLeft: Auto.WHT(30),
715 | },
716 |
717 | }
718 |
--------------------------------------------------------------------------------
/src/routes/DetailsList.js:
--------------------------------------------------------------------------------
1 | import React,{Component} from 'react'
2 | import { connect } from 'dva';
3 | import {routerRedux} from 'dva/router';
4 | import { injectIntl } from 'react-intl';
5 | import moment from "moment";
6 | import PropTypes from 'prop-types';
7 | import Auto from '../utils/Auto'
8 | import Utils from '../utils/Utils'
9 | import Constants from '../utils/Constants'
10 | import { Toast, PullToRefresh, ListView, Button, WhiteSpace, List, Modal} from 'antd-mobile';
11 | var ScreenWidth = document.documentElement.clientWidth;
12 | var ScreenHeight = document.documentElement.clientHeight;
13 | require('moment/locale/zh-cn');
14 |
15 | class DetailsList extends Component{
16 | constructor(props) {
17 | super(props);
18 | const dataSource = new ListView.DataSource({ rowHasChanged: (row1, row2) => row1 !== row2 });
19 | this.state = {
20 | dataSource,
21 | isbuysell: this.props.location.query ? this.props.location.query.isBuySell : localStorage.getItem('buy_sell'),
22 | data: []
23 | }
24 | }
25 | componentWillMount(){
26 | this.getListData();
27 | }
28 | componentDidMount() {
29 |
30 | }
31 | async getListData(){
32 | // alert(JSON.stringify(this.props.rexpool));
33 | let total_rex = 0.0000;
34 | let total_lendable = 0.0000;
35 | try {
36 | let s1 = Utils.sliceUnit(this.props.rexpool.total_rex);
37 | let s2 = Utils.sliceUnit(this.props.rexpool.total_lendable);
38 | total_rex = parseFloat(s1);
39 | total_lendable = parseFloat(s2);
40 | } catch (error) {
41 | total_rex = 0.0000;
42 | total_lendable = 0.0000;
43 | }
44 | // alert("total_rex="+total_rex+" total_lendable=" + total_lendable);
45 | let resp = await Utils.dispatchActiionData(this, { type: 'common/querySellRexInfo', payload:{account: this.props.account}});
46 | // let resp = [
47 | // {transaction: false, quantity: '9 REX', conversionratio: '1 EOS ≈ 500 REX', createdate: 1520840297000, },
48 | // ];
49 | // alert("resp"+JSON.stringify(resp));
50 | if(resp && resp.rows){
51 | let retArray = new Array();
52 | resp.rows.forEach(function(val,index){
53 | let price = 0;
54 | try {
55 | let s3 = Utils.sliceUnit(val.rex_requested);
56 | let amount = parseFloat(s3);
57 | let tmp1 = (total_lendable+amount).toFixed(4);
58 | let tmp2 = (total_rex*tmp1/total_lendable).toFixed(4);
59 | let tmp3 = (tmp2 - total_rex).toFixed(4);
60 | price = (tmp3/amount).toFixed(4);
61 | // alert("tmp1="+tmp1 + " tmp2=" + tmp2 + " tmp3=" + tmp3 +" price="+price);
62 | } catch (error) {
63 | price = 0;
64 | }
65 | retArray[index] = {
66 | transaction: false, quantity: val.rex_requested, conversionratio: '1 EOS ≈ '+price+' REX', createdate: val.order_time,
67 | };
68 | });
69 | this.setState({data: retArray});
70 | }else{
71 | Toast.info("暂无更多数据");
72 | }
73 | }
74 | onRefresh() {
75 |
76 | }
77 |
78 | onEndReached() {
79 |
80 | }
81 | async refundTransaction(){
82 | let actions = [{
83 | account: 'eosio',
84 | name: 'cnclrexorder',
85 | authorization: [{
86 | actor: this.props.account,
87 | permission: this.props.permission,
88 | }],
89 | data: {
90 | owner: this.props.account,
91 | },
92 | }];
93 | // alert('refundTransaction='+JSON.stringify(actions));
94 | let resp = await Utils.dispatchActiionData(this, { type: 'common/sendEosAction', payload:{actions: actions}});
95 | // alert("resp="+JSON.stringify(resp));
96 | if(resp){
97 | Toast.info("撤单成功");
98 | }else{
99 | Toast.info("撤单失败");
100 | }
101 | }
102 | onWithdraw = () => {
103 | Modal.alert('', '您是否撤回这次交易？', [
104 | { text: '取消', onPress: () => console.log('取消'), style: 'default' },
105 | { text: '确定', onPress: () => this.refundTransaction() },
106 | ]);
107 | }
108 |
109 | render() {
110 | return
383 |
395 |
384 |
387 | 总量(REX)
385 | 386 |
388 |
394 | {Utils.sliceUnit(this.props.rexpool.total_rex)}
389 |
390 | 
392 |
393 | REX趋势
391 |
392 |
398 |
415 |
399 |
403 | 账户信息：{this.props.account}
400 |-
404 |
418 |
476 |
477 | {(this.state.transType == TransType.BUY) &&
478 |
419 |
420 |
421 |
422 |
423 | {this.state.transType == TransType.BUY ?
424 |
425 |
462 | :
463 |
426 | {this.state.isSwitch ?
427 |
436 | {this.state.isSwitch ?
437 | 我的余额：{this.props.eosBalance} EOS
428 | : 429 |
430 |
433 | }
434 |
435 | 抵押资源：{this.props.delegated_eosBalance} EOS
431 |{'(net：' + this.props.netDelegated + ' cpu：' + this.props.cpuDelegated + ')'}
432 |
438 |
439 |
444 | :
445 |
440 | this.setState({ quantity: Utils.chkEosQuantity(quantity)})} >购买数量：
441 |
442 |
443 |
446 |
447 |
458 | }
459 |
460 |
461 |
448 | this.setState({ netQuantity: Utils.chkEosQuantity(quantity)})} >使用net：
449 |
450 |
451 |
452 |
453 |
454 | this.setState({ cpuQuantity: Utils.chkEosQuantity(quantity)})} >使用cpu：
455 |
456 |
457 |
464 |
474 | }
475 |
465 | this.setState({ quantity_rex: Utils.chkEosQuantity(quantity_rex)})} >出售数量：
466 |
467 |
468 |
469 |
470 |
472 |
473 | 可卖数量：{this.props.myRexInfo.sell_available_rex} REX
471 |
479 |
}
482 |
483 | 订单确认：
480 |花费{this.state.isSwitch ? this.state.quantity : parseFloat(this.state.netQuantity) + parseFloat(this.state.cpuQuantity)} EOS，为您兑换{((this.state.isSwitch ? parseFloat(this.state.quantity) : parseFloat(this.state.netQuantity) + parseFloat(this.state.cpuQuantity)) * this.state.exchangeradio).toFixed(4)} REX
481 |
484 |
486 |
487 |
488 |
489 |
491 |
492 |
111 | this.lv = el}
115 | dataSource={this.state.dataSource.cloneWithRows(this.state.data)}
116 | pullToRefresh={
124 | }
125 |
126 | _renderRow= (rowData, sectionID, rowID) => {
127 | return (
128 |
)
142 | }
143 |
144 | }
145 |
146 | export default connect(({ common,}) => ({ ...common,}))(injectIntl(DetailsList));
147 |
148 | const styles = {
149 | rootDiv: {
150 | width: ScreenWidth,
151 | height: ScreenHeight,
152 | background: '#F5F5F9',
153 | boxSizing: 'border-box',
154 | },
155 | rowDiv: {
156 | background: '#F5F5F9',
157 | },
158 | listTopout: {
159 | display:"flex",
160 | flexDirection: 'row',
161 | alignItems: 'center',
162 | height: Auto.WHT(88),
163 | paddingLeft: Auto.WHT(30),
164 | paddingRight: Auto.WHT(30),
165 | backgroundColor: '#FFFFFF',
166 | borderBottom: '1px #DDDDDD solid',
167 | },
168 | buyselltext: {
169 | color: '#000000',
170 | fontSize: Auto.WHT(34),
171 | lineHeight: Auto.WHT(48),
172 | },
173 | datetext: {
174 | color: '#BBBBBB',
175 | fontSize: Auto.WHT(34),
176 | lineHeight: Auto.WHT(48),
177 | paddingLeft: Auto.WHT(30),
178 | paddingRight: Auto.WHT(30),
179 | },
180 | clinchtext: {
181 | color: '#108EE9',
182 | textAlign: 'center',
183 | width: Auto.WHT(110),
184 | fontSize: Auto.WHT(28),
185 | lineHeight: Auto.WHT(42),
186 | border: '1px #108EE9 solid',
187 | },
188 | listTopbtn: {
189 | width: Auto.WHT(112),
190 | height: Auto.WHT(60),
191 | lineHeight: Auto.WHT(60),
192 | background: '#108EE9',
193 | border: 'none',
194 | textDecoration: 'none',
195 | borderRadius: Auto.WHT(6),
196 | fontSize: Auto.WHT(26),
197 | color: '#FFFFFF',
198 | },
199 | }
--------------------------------------------------------------------------------
/src/routes/GameDescription.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { ListView, Button, InputItem, } from 'antd-mobile';
3 | import { injectIntl } from 'react-intl';
4 | import { connect } from 'dva';
5 | import Auto from '../utils/Auto'
6 | import {routerRedux} from 'dva/router';
7 | import Constants from '../utils/Constants'
8 | require('moment/locale/zh-cn');
9 | var ScreenWidth = window.screen.width
10 | var ScreenHeight = window.screen.height
11 |
12 | class GameDescription extends React.Component {
13 | constructor(props) {
14 | super(props);
15 | this.state = {
16 | lease: this.props.location.query ? this.props.location.query.lease : false,
17 | };
18 | }
19 |
20 | componentDidMount() {
21 |
22 | }
23 |
24 | render() {
25 | return (
129 |
135 | {this.state.isbuysell ? '卖' : '买'}
130 |{moment(rowData.createdate).format('MM-DD')}
131 |{rowData.transaction ? '已成交' : '待成交'}
132 | 133 | {!rowData.transaction && } 134 |-
136 |
26 |
37 | )
38 | }
39 | }
40 |
41 | export default connect(({ }) => ({ }))(injectIntl(GameDescription));
42 |
43 | const styles = {
44 | rootDiv:{
45 | width: ScreenWidth,
46 | height: ScreenHeight,
47 | background:"#F5F5F9",
48 | boxSizing: 'border-box',
49 | padding: Auto.WHT(30),
50 | },
51 | description: {
52 | color: '#000000',
53 | fontSize: Auto.WHT(48),
54 | lineHeight: Auto.WHT(67),
55 | paddingTop: Auto.WHT(10),
56 | },
57 | explaintext: {
58 | color: '#333333',
59 | fontSize: Auto.WHT(28),
60 | lineHeight: Auto.WHT(36),
61 | paddingTop: Auto.WHT(30),
62 | },
63 | descriptiontitle: {
64 | color: '#000000',
65 | fontSize: Auto.WHT(48),
66 | lineHeight: Auto.WHT(67),
67 | paddingTop: Auto.WHT(70),
68 | },
69 | }
70 |
--------------------------------------------------------------------------------
/src/routes/Index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Toast, ListView, Button, Progress, InputItem, List, WhiteSpace,Stepper} from 'antd-mobile';
3 | import { injectIntl } from 'react-intl';
4 | import { connect } from 'dva';
5 | import {routerRedux} from 'dva/router';
6 | import Auto from '../utils/Auto'
7 | import Utils from '../utils/Utils'
8 | import {formatEosQua} from '../utils/FormatUtil';
9 |
10 | require('moment/locale/zh-cn');
11 | var ScreenWidth = window.screen.width
12 | var ScreenHeight = window.screen.height
13 |
14 | class Index extends React.Component {
15 | constructor(props) {
16 | super(props);
17 | const dataSource = new ListView.DataSource({ rowHasChanged: (row1, row2) => row1 !== row2 });
18 | this.state = {
19 | dataSource,
20 | cpuval: 0.1,
21 | netval: 0.1,
22 | timeval: 30,
23 | cpuval_price: 0,
24 | netval_price: 0,
25 | toAccount: this.props.account,
26 | };
27 | }
28 |
29 | componentDidMount() {
30 | document.addEventListener('scatterLoaded', scatterExtension => {
31 | this.login();
32 | });
33 |
34 | setTimeout(()=>{
35 | this.login();
36 | }, 10);
37 | }
38 |
39 | async login() {
40 | let accountInfo = await Utils.dispatchActiionData(this, { type: 'common/login', payload:{}});
41 | if(!accountInfo){
42 | return;
43 | }
44 | this.setState({toAccount: accountInfo.name});
45 | let resp = await Utils.dispatchActiionData(this, { type: 'common/getRexInfo', payload:{}});
46 | if(resp){
47 | this.update_costval_cpu(this.state.cpuval);
48 | this.update_costval_net(this.state.netval);
49 | }
50 | }
51 |
52 | calc_costval(tmp_val){
53 | let val_price = 0;
54 | try {
55 | let total_rent = Utils.sliceUnit(this.props.rexpool.total_rent);
56 | let total_unlent = Utils.sliceUnit(this.props.rexpool.total_unlent);
57 | let float_total_rent = parseFloat(total_rent);
58 | let float_total_unlent = parseFloat(total_unlent);
59 | let val = parseFloat(tmp_val);
60 |
61 | let tmp = (float_total_rent + val).toFixed(4);
62 | let tmp1 = ((float_total_unlent*val)/tmp).toFixed(4);
63 | val_price = (tmp1/val).toFixed(4);
64 |
65 | // alert("tmp="+tmp + "tmp1="+tmp1 + " val_price="+val_price);
66 | } catch (error) {
67 | val_price = 0;
68 | }
69 | return val_price;
70 | }
71 | //计算 租赁 CPU价格
72 | update_costval_cpu(tmp_cpuval){
73 | let cpuval_price = this.calc_costval(tmp_cpuval);
74 | this.setState({cpuval_price: cpuval_price});
75 | }
76 | //计算 租赁 NET价格
77 | update_costval_net(tmp_netval){
78 | let netval_price = this.calc_costval(tmp_netval);
79 | this.setState({netval_price: netval_price});
80 | }
81 |
82 | onCpuChange = (cpuval) => {
83 | // console.log(val);
84 | this.setState({ cpuval });
85 | this.update_costval_cpu(cpuval);
86 | }
87 |
88 | onNetChange = (netval) => {
89 | // console.log(val);
90 | this.setState({ netval });
91 | this.update_costval_net(netval);
92 | }
93 |
94 | onTimeChange = (timeval) => {
95 | // console.log(val);
96 | this.setState({ timeval });
97 | }
98 |
99 | onbuysell = () => {
100 | this.props.dispatch(routerRedux.push({pathname: '/BuyandSell', query: { }}))
101 | }
102 |
103 | description = () => {
104 | this.props.dispatch(routerRedux.push({pathname: '/GameDescription', query: {lease:true}}))
105 | }
106 |
107 | doRent = async () => {
108 | if(!this.props.account){
109 | Toast.info("请先登录", 1);
110 | return;
111 | }
112 | try {
113 | let tmp_cpuval = parseFloat(this.state.cpuval);
114 | let cpu_loan_fund = ((this.state.timeval/30 -1) * tmp_cpuval).toFixed(4);
115 |
116 | let tmp_netval = parseFloat(this.state.netval);
117 | let net_loan_fund = ((this.state.timeval/30 -1) * tmp_netval).toFixed(4);
118 |
119 | let actions = [
120 | {
121 | account: 'eosio',
122 | name: 'deposit',
123 | authorization: [{
124 | actor: this.props.account,
125 | permission: this.props.permission,
126 | }],
127 | data: {
128 | owner: this.props.account,
129 | amount: formatEosQua( (this.state.cpuval + this.state.netval).toFixed(4) + ' EOS'),
130 | },
131 | },
132 | {
133 | account: 'eosio',
134 | name: 'rentcpu',
135 | authorization: [{
136 | actor: this.props.account,
137 | permission: this.props.permission,
138 | }],
139 | data: {
140 | from: this.props.account,
141 | receiver: this.state.toAccount,
142 | loan_payment: formatEosQua(this.state.cpuval + ' EOS'),
143 | loan_fund: cpu_loan_fund + ' EOS',
144 | },
145 | },
146 | {
147 | account: 'eosio',
148 | name: 'rentnet',
149 | authorization: [{
150 | actor: this.props.account,
151 | permission: this.props.permission,
152 | }],
153 | data: {
154 | from: this.props.account,
155 | receiver: this.state.toAccount,
156 | loan_payment: formatEosQua(this.state.netval + ' EOS'),
157 | loan_fund: net_loan_fund + ' EOS',
158 | },
159 | }
160 | ];
161 | let resp = await Utils.dispatchActiionData(this, { type: 'common/sendEosAction', payload:{actions: actions}});
162 | if(resp){
163 | Toast.info('交易成功');
164 | }else{
165 | Toast.info('交易失败');
166 | }
167 | } catch (error) {
168 |
169 | }
170 | }
171 |
172 | render() {
173 | return (REX玩法说明
27 |1、在进行买卖REX之前，用户必须要对至少21个节点投过票或代理投票，并且买入4天后方可卖出，之后就不需要进行节点投票。
28 |2、如果REX里面没有足够的EOS，则排入队列，等到EOS足够再卖出，并且卖出时才计算REX价格，用户是可以取消尚未成交的卖出订单。
29 | {this.state.lease && 30 |
31 |
35 | }
36 | 租赁介绍
32 |1、您可以根据自己的需要填写足量的CPU，NET,租用时长，默认接收账户是您当前使用的账户，可给当前账户租赁，还可以帮助朋友租赁， 33 | 默认接收账户是您当前使用账户，您可以修改为朋友账户，填写完成后，在订单确认里您可以看到当前可以租用的EOS金额，确认无误后，点击一键租赁完成资源租赁。
34 |
174 |
)
231 | }
232 | }
233 |
234 | export default connect(({common, vote }) => ({...common, ...vote }))(injectIntl(Index));
235 |
236 | const styles = {
237 | rootDiv:{
238 | width: ScreenWidth,
239 | height: ScreenHeight,
240 | background:"#F8F8F8",
241 | boxSizing: 'border-box',
242 | },
243 |
244 | headtopout: {
245 | height: Auto.WHT(88),
246 | paddingLeft: Auto.WHT(30),
247 | paddingRight: Auto.WHT(30),
248 | display:"flex",
249 | flexDirection: 'row',
250 | alignItems: 'center',
251 | },
252 | headtoptext: {
253 | flex: 1,
254 | color: '#000000',
255 | fontSize: Auto.WHT(34),
256 | lineHeight: Auto.WHT(42),
257 | },
258 | headtopbtn: {
259 | width: Auto.WHT(164),
260 | height: Auto.WHT(60),
261 | lineHeight: Auto.WHT(60),
262 | background: '#FFFFFF',
263 | border: '1px #108EE9 solid',
264 | textDecoration: 'none',
265 | borderRadius: Auto.WHT(10),
266 | fontSize: Auto.WHT(26),
267 | color: '#108EE9',
268 | },
269 | headbottomout: {
270 | display: 'flex',
271 | flexDirection: 'column',
272 | padding: Auto.WHT(30),
273 | paddingTop: Auto.WHT(10),
274 | },
275 | headbottomtext: {
276 | color: '#000000',
277 | fontSize: Auto.WHT(48),
278 | lineHeight: Auto.WHT(67),
279 | paddingBottom: Auto.WHT(22),
280 | },
281 | progress: {
282 | height: Auto.WHT(34),
283 | background: '#FFFFFF',
284 | border: '1PX solid #E9E9E9',
285 | borderRadius: Auto.WHT(17)
286 | },
287 | barout: {
288 | background: '#108EE9',
289 | borderWidth: Auto.WHT(17),
290 | borderStyle: 'solid',
291 | borderColor: '#108EE9',
292 | borderRadius: Auto.WHT(17)
293 | },
294 | rentout: {
295 | width: '100%',
296 | display:"flex",
297 | flexDirection: 'row',
298 | alignItems: 'center',
299 | justifyContent: 'space-between',
300 | paddingTop: Auto.WHT(30),
301 | },
302 | renttext: {
303 | color: '#888888',
304 | fontSize: Auto.WHT(30),
305 | lineHeight: Auto.WHT(34),
306 | },
307 |
308 | centerDiv: {
309 | display: 'flex',
310 | flexDirection: 'column',
311 | background: '#FFFFFF',
312 | },
313 | centertop: {
314 | height: Auto.WHT(88),
315 | display:"flex",
316 | flexDirection: 'row',
317 | alignItems: 'center',
318 | justifyContent: 'space-between',
319 | borderBottom: '1px solid #DDDDDD',
320 | },
321 | centertoptitle: {
322 | color: '#000000',
323 | fontSize: Auto.WHT(30),
324 | lineHeight: Auto.WHT(84),
325 | paddingLeft: Auto.WHT(30),
326 | },
327 | centertoptext: {
328 | color: '#888888',
329 | fontSize: Auto.WHT(30),
330 | lineHeight: Auto.WHT(34),
331 | paddingRight: Auto.WHT(30),
332 | },
333 | centertopbtn: {
334 | border: 'none',
335 | borderRadius: 0,
336 | color: '#D9D9D9',
337 | padding: '0 0.4rem',
338 | height: Auto.WHT(36),
339 | textDecoration: 'none',
340 | },
341 | reportimg: {
342 | width: Auto.WHT(30),
343 | height: Auto.WHT(30),
344 | margin: 0,
345 | },
346 |
347 | footDiv: {
348 | flex: 1,
349 | padding: Auto.WHT(30),
350 | },
351 | description: {
352 | color: '#000000',
353 | fontSize: Auto.WHT(28),
354 | paddingTop: Auto.WHT(10),
355 | paddingBottom: Auto.WHT(10),
356 | },
357 | explaintext: {
358 | color: '#888888',
359 | fontSize: Auto.WHT(28),
360 | lineHeight: Auto.WHT(40),
361 | },
362 | footbtn: {
363 | width: '100%',
364 | height: Auto.WHT(94),
365 | lineHeight: Auto.WHT(94),
366 | background: '#108EE9',
367 | border: 'none',
368 | textDecoration: 'none',
369 | borderRadius: Auto.WHT(10),
370 | fontSize: Auto.WHT(36),
371 | color: '#FFFFFF',
372 | marginTop: Auto.WHT(40),
373 | marginBottom: Auto.WHT(40),
374 | },
375 | }
376 |
--------------------------------------------------------------------------------
/src/routes/MyRexDetails.js:
--------------------------------------------------------------------------------
1 | import React,{Component} from 'react'
2 | import { connect } from 'dva';
3 | import {routerRedux} from 'dva/router';
4 | import { injectIntl } from 'react-intl';
5 | import moment from "moment";
6 | import PropTypes from 'prop-types';
7 | import Auto from '../utils/Auto'
8 | import Utils from '../utils/Utils'
9 | import Constants from '../utils/Constants'
10 | import { Toast, PullToRefresh, ListView, Button, WhiteSpace, List, Modal} from 'antd-mobile';
11 | var ScreenWidth = document.documentElement.clientWidth;
12 | var ScreenHeight = document.documentElement.clientHeight;
13 | require('moment/locale/zh-cn');
14 |
15 | class MyRexDetails extends Component{
16 | constructor(props) {
17 | super(props);
18 | const dataSource = new ListView.DataSource({ rowHasChanged: (row1, row2) => row1 !== row2 });
19 | this.state = {
20 | dataSource,
21 | }
22 | }
23 | componentWillMount(){
24 |
25 | }
26 | componentDidMount() {
27 |
28 | }
29 |
30 | render() {
31 | return
175 |
188 |
176 |
179 | 可出租资源:(EOS)
177 | 178 |
180 |
187 | {Utils.sliceUnit(this.props.rexpool.total_unlent)}
181 |
191 | this.setState({ toAccount })}
199 | ref={el => this.autoFocusInst = el}>接收账户：
200 |
201 |
192 |
195 | 租用资源
193 |我的余额：{this.props.eosBalance} EOS
194 |{'付款账户： ' + this.props.account}
196 |
204 |
224 |
225 |
205 |
209 | 租赁费用
206 |-
210 |
226 |
230 | 订单确认：
227 |{this.props.account}为{this.state.toAccount}租赁抵押{this.state.timeval}天，花费{(this.state.cpuval + this.state.netval).toFixed(1)} EOS租赁CPU {this.state.cpuval_price}，租赁NET {this.state.netval_price}。
228 |
229 |
32 | {/* this.lv = el}
43 | dataSource={this.state.dataSource.cloneWithRows(this.props.myRexInfo.rex_maturities)}
44 | renderRow={this._renderRow}
45 | />
46 |
47 | }
48 |
49 | _renderRow= (rowData, sectionID, rowID) => {
50 | return (-
33 |
我的REX
37 |总量：{this.props.myRexInfo.total_rex + ' REX'}
38 |可卖：{this.props.myRexInfo.sell_available_rex + ' REX'}
39 |
51 |
)
57 | }
58 |
59 | }
60 |
61 | export default connect(({ rex,}) => ({ ...rex,}))(injectIntl(MyRexDetails));
62 |
63 | const styles = {
64 | rootDiv: {
65 | width: ScreenWidth,
66 | height: ScreenHeight,
67 | background: '#F5F5F9',
68 | boxSizing: 'border-box',
69 | },
70 | rowDiv: {
71 | background: '#F5F5F9',
72 | },
73 | listTopout: {
74 | display:"flex",
75 | flexDirection: 'row',
76 | alignItems: 'center',
77 | height: Auto.WHT(88),
78 | paddingLeft: Auto.WHT(30),
79 | paddingRight: Auto.WHT(30),
80 | backgroundColor: '#FFFFFF',
81 | borderBottom: '1px #DDDDDD solid',
82 | },
83 | datetext: {
84 | color: '#BBBBBB',
85 | fontSize: Auto.WHT(28),
86 | lineHeight: Auto.WHT(48),
87 | paddingLeft: Auto.WHT(30),
88 | paddingRight: Auto.WHT(30),
89 | },
90 | titletext: {
91 | background: '#FFFFFF',
92 | textAlign: 'center',
93 | fontSize: Auto.WHT(40),
94 | lineHeight: Auto.WHT(50),
95 | },
96 | headtext: {
97 | background: '#FFFFFF',
98 | fontSize: Auto.WHT(28),
99 | lineHeight: Auto.WHT(42),
100 | paddingLeft: Auto.WHT(30),
101 | paddingRight: Auto.WHT(30),
102 | paddingTop: Auto.WHT(10),
103 | },
104 | clinchtext: {
105 | background: '#FFFFFF',
106 | // color: '#108EE9',
107 | // textAlign: 'center',
108 | // width: Auto.WHT(110),
109 | fontSize: Auto.WHT(28),
110 | lineHeight: Auto.WHT(42),
111 | // border: '1px #108EE9 solid',
112 | },
113 | listTopbtn: {
114 | width: Auto.WHT(112),
115 | height: Auto.WHT(60),
116 | lineHeight: Auto.WHT(60),
117 | background: '#108EE9',
118 | border: 'none',
119 | textDecoration: 'none',
120 | borderRadius: Auto.WHT(6),
121 | fontSize: Auto.WHT(26),
122 | color: '#FFFFFF',
123 | },
124 | }
--------------------------------------------------------------------------------
/src/routes/NodeVoting.js:
--------------------------------------------------------------------------------
1 | import React,{Component} from 'react'
2 | import { connect } from 'dva';
3 | import {routerRedux} from 'dva/router';
4 | import { injectIntl } from 'react-intl';
5 | import moment from "moment";
6 | import PropTypes from 'prop-types';
7 | import Auto from '../utils/Auto'
8 | import Utils from '../utils/Utils'
9 | import { Toast, PullToRefresh, ListView, Button, WhiteSpace, List, Modal, Checkbox} from 'antd-mobile';
10 | var ScreenWidth = document.documentElement.clientWidth;
11 | var ScreenHeight = document.documentElement.clientHeight;
12 | const CheckboxItem = Checkbox.CheckboxItem;
13 | require('moment/locale/zh-cn');
14 |
15 | class NodeVoting extends Component{
16 | constructor(props) {
17 | super(props);
18 | const dataSource = new ListView.DataSource({ rowHasChanged: (row1, row2) => row1 !== row2 });
19 | this.state = {
20 | dataSource,
21 | selected: 0,
22 | producers: []
23 | }
24 | }
25 |
26 | componentDidMount() {
27 | this.onRefresh();
28 | }
29 |
30 | onRefresh() {
31 | this.getVoteInfo();
32 | }
33 |
34 | onEndReached() {
35 |
36 | }
37 |
38 | async getVoteInfo(){
39 | try {
40 | let producers = await Utils.dispatchActiionData(this, { type: 'vote/listProducers', payload:{}});
41 | let selected = 0;
42 | producers.forEach((item) => {
43 | if(item.isSelect){
44 | selected++;
45 | }
46 | })
47 | this.setState({producers: producers, selected: selected});
48 | } catch (error) {
49 |
50 | }
51 | }
52 |
53 | getVoteActions = () => {
54 | let producers = [];
55 | this.state.producers.forEach((p) => {
56 | if(p.isSelect){
57 | producers.push(p.owner);
58 | }
59 | });
60 | producers.sort();
61 |
62 | let actions = [{
63 | account: 'eosio',
64 | name: 'voteproducer',
65 | authorization: [{
66 | actor: this.props.account,
67 | permission: this.props.permission,
68 | }],
69 | data: {
70 | voter: this.props.account,
71 | proxy: '',
72 | producers: producers,
73 | },
74 | }];
75 |
76 | return actions;
77 | }
78 |
79 | async doVote (){
80 | let actions = this.getVoteActions();
81 | let resp = await Utils.dispatchActiionData(this, { type: 'common/sendEosAction', payload:{actions: actions}});
82 | if(resp && resp.transaction_id){
83 | Toast.info("投票成功");
84 | return;
85 | }
86 |
87 | Toast.info("投票失败");
88 | }
89 |
90 | voteProc = () =>{
91 | if(this.state.selected < 21){
92 | let dialog = Modal.alert('温馨提示',
53 |
56 | {(rowData.second/10000).toFixed(4)+ ' REX'}
54 |{rowData.first + ' 解冻'}
55 |您的选择少于21个节点，交易REX必须要对至少21个节点投过票或代理投票，确定进行投票?
, [
93 | { text: '重新选择', onPress: () => {}},
94 | { text: '确定', onPress: () =>{dialog.close(); this.doVote()}},
95 | ])
96 | return;
97 | }
98 |
99 | this.doVote();
100 | }
101 |
102 | selectItem = (rowData) => {
103 | let newdata = new Array();
104 | let quantity = 0;
105 | this.state.producers.forEach((item) => {
106 | if(item.owner == rowData.owner){
107 | item.isSelect = !item.isSelect;
108 | }
109 |
110 | if(item.isSelect){
111 | quantity++;
112 | }
113 | newdata.push(item);
114 | })
115 |
116 | this.setState({producers: newdata, selected: quantity});
117 | }
118 | render() {
119 | return
120 | this.lv = el}
131 | style={{paddingLeft: Auto.WHT(30), backgroundColor: '#FFFFFF', paddingBottom: Auto.WHT(100), }}
132 | dataSource={this.state.dataSource.cloneWithRows(this.state.producers)}
133 | pullToRefresh={
145 | }
146 |
147 | _renderRow = (rowData, sectionID, rowID) => {
148 | return (
121 | 
122 |
126 |
122 | 节点投票
123 |1、在进行买卖REX之前，用户必须要对至少21个节点投过票或代理投票。
124 |2、在进行投票前，用户需要进行EOS抵押换取投票权。
125 |
141 |
144 | 已选节点：{this.state.selected}/21
142 | 143 |
149 | 
150 |
)
157 | }
158 |
159 | }
160 |
161 | export default connect(({ common, rex, vote }) => ({ ...common, ...rex, ...vote }))(injectIntl(NodeVoting));
162 |
163 | const styles = {
164 | rootDiv: {
165 | width: ScreenWidth,
166 | height: ScreenHeight,
167 | background: '#F5F5F9',
168 | boxSizing: 'border-box',
169 |
170 | },
171 | headerDiv: {
172 | display:"flex",
173 | alignItems: 'center',
174 | background: '#FFFFFF',
175 | flexDirection: 'column',
176 | paddingTop: Auto.WHT(40),
177 | paddingLeft: Auto.WHT(30),
178 | paddingRight: Auto.WHT(30),
179 | },
180 | headerimg: {
181 | width: Auto.WHT(133),
182 | height: Auto.WHT(133),
183 | },
184 | headertitle: {
185 | color: '#333333',
186 | padding: Auto.WHT(20),
187 | fontSize: Auto.WHT(28),
188 | lineHeight: Auto.WHT(36),
189 | },
190 | headertext: {
191 | color: '#333333',
192 | fontSize: Auto.WHT(28),
193 | lineHeight: Auto.WHT(36),
194 | paddingBottom: Auto.WHT(30),
195 | },
196 |
197 | rowDiv: {
198 | display:"flex",
199 | flexDirection: 'row',
200 | alignItems: 'center',
201 | paddingTop: Auto.WHT(18),
202 | paddingBottom: Auto.WHT(18),
203 | background: '#FFFFFF',
204 | borderBottom: '1px #DDDDDD solid',
205 | },
206 | nodeimg: {
207 | width: Auto.WHT(100),
208 | height: Auto.WHT(100),
209 | },
210 | rownodeout: {
211 | flex: 1,
212 | paddingLeft: Auto.WHT(30),
213 | },
214 | nodename: {
215 | color: '#000000',
216 | fontSize: Auto.WHT(34),
217 | lineHeight: Auto.WHT(48),
218 | },
219 | regiontext: {
220 | color: '#888888',
221 | fontSize: Auto.WHT(28),
222 | lineHeight: Auto.WHT(40),
223 | },
224 | buyselltext: {
225 | color: '#000000',
226 | fontSize: Auto.WHT(34),
227 | lineHeight: Auto.WHT(48),
228 | },
229 | datetext: {
230 | color: '#BBBBBB',
231 | fontSize: Auto.WHT(34),
232 | lineHeight: Auto.WHT(48),
233 | paddingLeft: Auto.WHT(30),
234 | paddingRight: Auto.WHT(30),
235 | },
236 | clinchtext: {
237 | color: '#108EE9',
238 | textAlign: 'center',
239 | width: Auto.WHT(110),
240 | fontSize: Auto.WHT(28),
241 | lineHeight: Auto.WHT(42),
242 | border: '1px #108EE9 solid',
243 | },
244 | listbtn: {
245 | border: 'none',
246 | borderRadius: 0,
247 | color: '#FFFFFF',
248 | textDecoration: 'none',
249 | fontSize: Auto.WHT(26),
250 | },
251 | listbtnimg: {
252 | width: Auto.WHT(42),
253 | height: Auto.WHT(42),
254 | margin: Auto.WHT(30),
255 | },
256 |
257 | footDiv: {
258 | width: ScreenWidth,
259 | bottom: 0,
260 | display:"flex",
261 | position: 'fixed',
262 | flexDirection: 'row',
263 | alignItems: 'center',
264 | backgroundColor: '#FFFFFF',
265 | borderTop: '1px #DDDDDD solid',
266 | },
267 | foottext: {
268 | flex: 1,
269 | color: '#000000',
270 | fontSize: Auto.WHT(28),
271 | lineHeight: Auto.WHT(40),
272 | paddingLeft: Auto.WHT(20),
273 | },
274 | footbtn: {
275 | width: Auto.WHT(230),
276 | height: Auto.WHT(100),
277 | lineHeight: Auto.WHT(100),
278 | background: '#108EE9',
279 | border: 'none',
280 | textDecoration: 'none',
281 | borderRadius: 0,
282 | fontSize: Auto.WHT(36),
283 | color: '#FFFFFF',
284 | },
285 | }
--------------------------------------------------------------------------------
/src/routes/Withdraw.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Toast, Button, Modal, InputItem,} from 'antd-mobile';
3 | import { injectIntl } from 'react-intl';
4 | import { connect } from 'dva';
5 | import Auto from '../utils/Auto';
6 | import Utils from '../utils/Utils';
7 | import {formatEosQua} from '../utils/FormatUtil';
8 |
9 | require('moment/locale/zh-cn');
10 | var ScreenWidth = window.screen.width
11 | var ScreenHeight = window.screen.height
12 | const alert = Modal.alert;
13 |
14 |
15 | class Withdraw extends React.Component {
16 | constructor(props) {
17 | super(props);
18 | this.state = {
19 | balance: this.props.location.query ? this.props.location.query.balance : '0.0000',
20 | quantity: '',
21 | };
22 | }
23 |
24 | componentDidMount() {
25 | // Utils.dispatchActiionData(this, { type: 'rex/getMyRexInfo', payload:{account: this.props.account}});
26 | }
27 |
28 |
29 | sendWithdraw = async () => {
30 | try {
31 | let quantity = parseFloat(this.state.quantity).toFixed(4);
32 | let banlance = parseFloat(this.state.balance).toFixed(4);
33 | if(quantity < 0.0001){
34 | Toast.info('请输入提现数量');
35 | return ;
36 | }
37 | if(quantity > banlance){
38 | Toast.info('余额不足');
39 | return ;
40 | }
41 | let actions = [{
42 | account: 'eosio',
43 | name: 'withdraw',
44 | authorization: [{
45 | actor: this.props.account,
46 | permission: this.props.permission,
47 | }],
48 | data: {
49 | owner: this.props.account,
50 | amount: formatEosQua(this.state.quantity + ' EOS'),
51 | },
52 | }];
53 | console.log('sendWithdraw actions=',JSON.stringify(actions));
54 | let resp = await Utils.dispatchActiionData(this, { type: 'common/sendEosAction', payload:{actions: actions}});
55 | console.log('sendWithdraw resp=',JSON.stringify(resp));
56 | if(resp){
57 | //更新EOS 余额
58 | Utils.dispatchActiionData(this, { type: 'common/getAccountInfo', payload:{account: this.props.account}});
59 | Toast.info("成功");
60 | window.history.go(-1);
61 | }else{
62 | Toast.info("失败");
63 | }
64 | } catch (error) {
65 |
66 | }
67 | }
68 |
69 |
70 | render() {
71 | return (
151 |
154 | }/>
156 | {rowData.owner}
152 | {/*{rowData.region}
*/} 153 |
72 |
)
86 | }
87 | }
88 |
89 | export default connect(({ common, rex }) => ({ ...common, ...rex }))(injectIntl(Withdraw));
90 |
91 | const styles = {
92 | rootDiv:{
93 | width: ScreenWidth,
94 | height: ScreenHeight,
95 | background:"#F8F8F8",
96 | boxSizing: 'border-box',
97 | },
98 |
99 | headtopout: {
100 | display:"flex",
101 | flexDirection: 'column',
102 | alignItems: 'center',
103 | justifyContent: 'center',
104 | paddingTop: Auto.WHT(61),
105 | paddingBottom: Auto.WHT(75),
106 | },
107 |
108 | headbottomleft: {
109 | color: '#333333',
110 | fontSize: Auto.WHT(34),
111 | lineHeight: Auto.WHT(42),
112 | paddingTop: Auto.WHT(25),
113 | },
114 | centertoptext: {
115 | color: '#888888',
116 | fontSize: Auto.WHT(30),
117 | lineHeight: Auto.WHT(34),
118 | paddingTop: Auto.WHT(18),
119 | },
120 | reportimg: {
121 | width: Auto.WHT(120),
122 | height: Auto.WHT(120),
123 | margin: 0,
124 | },
125 | listitemout: {
126 | display: 'flex',
127 | flexDirection: 'row',
128 | alignItems: 'center',
129 | height: Auto.WHT(90),
130 | boxSizing: 'border-box',
131 | borderTop: '1px #DDDDDD solid',
132 | borderBottom: '1px #DDDDDD solid',
133 | },
134 | footDiv: {
135 | width: ScreenWidth,
136 | boxSizing: 'border-box',
137 | paddingTop: Auto.WHT(40),
138 | paddingLeft: Auto.WHT(30),
139 | paddingRight: Auto.WHT(30),
140 | paddingBottom: Auto.WHT(40),
141 |
142 | },
143 | footbtn: {
144 | width: '100%',
145 | border: 'none',
146 | color: '#FFFFFF',
147 | height: Auto.WHT(94),
148 | background: '#108EE9',
149 | textDecoration: 'none',
150 | fontSize: Auto.WHT(36),
151 | lineHeight: Auto.WHT(94),
152 | borderRadius: Auto.WHT(10),
153 | },
154 | }
155 |
--------------------------------------------------------------------------------
/src/utils/Api.js:
--------------------------------------------------------------------------------
1 |
2 | var rootaddr = "";
3 | export const getBigRamRank = rootaddr + '/ramprice/getLargeRamRank';
--------------------------------------------------------------------------------
/src/utils/Auto.js:
--------------------------------------------------------------------------------
1 | export default {
2 | WHT: function (value) {
3 | return (value/75).toExponential(2) + 'rem';
4 | },
5 | }
--------------------------------------------------------------------------------
/src/utils/Constants.js:
--------------------------------------------------------------------------------
1 | export default {
2 | loginUser:null,
3 | token:null,
4 | uid: '',
5 | PWD_MIN_LENGTH:4, //密码最小长度
6 | PWD_MAX_LENGTH:18, //密码最大长度
7 | isNetWorkOffline:false,
8 | FitPhone: 20,
9 | };
--------------------------------------------------------------------------------
/src/utils/EosUtil.js:
--------------------------------------------------------------------------------
1 | import '../shim.js'
2 | import eos from 'eosjs'
3 | var ecc = require('eosjs-ecc');
4 |
5 | const RPC_API_URL = "http://47.52.250.41:8001";
6 |
7 | export class Eos {
8 | static respSucc(e){
9 | return {isSuccess:!0,msg:"success",data:e};
10 | }
11 |
12 | static respErr(e){
13 | return {isSuccess:!1,msg:"error",data:e};
14 | }
15 |
16 | static getEos(){
17 | config = {
18 | httpEndpoint: RPC_API_URL,
19 | chainId: "aca376f206b8fc25a6ed44dbdc66547c36c6c33e3a119ffbeaef943642f0e906",
20 | }
21 |
22 | var eoss = eos(config);
23 | return eoss;
24 | }
25 |
26 |
27 | static getInfo(){
28 | let eos = Eos.getEos();
29 | return eos.getInfo({}).then(info => {
30 | return info;
31 | });
32 | }
33 |
34 | static checkPrivateKey(privatekey,callback){
35 | try{
36 | if(ecc.isValidPrivate(privatekey)){
37 | callback(Eos.respSucc(!0));
38 | }else{
39 | callback(Eos.respErr({code:500,msg:"私钥格式错误"}));
40 | }
41 | }catch(t){
42 | callback(Eos.respErr({code:500,msg:"校验私钥失败"}));
43 | }
44 | }
45 |
46 | static privateToPublic(privateKey,callback){
47 | try{
48 | var publicKey=ecc.privateToPublic(privateKey);
49 | callback(Eos.respSucc({publicKey:publicKey}));
50 | }catch(t){
51 | callback(Eos.respErr({code:500,msg:"生成公钥失败"}));
52 | }
53 | }
54 |
55 | /**
56 | * 生成随机私钥
57 | * @param {回调函数} callback
58 | */
59 | static randomPrivateKey(callback){
60 | try{
61 | ecc.randomKey().then(privateKey => {
62 | alert('Private Key:\t', privateKey) // wif
63 | alert('Public Key:\t', ecc.privateToPublic(privateKey)) // EOSkey...
64 | })
65 | // ecc.randomKey().then(t =>{
66 | // alert(t)
67 | // if(t){
68 | // var e=t;
69 | // var r=ecc.privateToPublic(e);
70 | // callback(Eos.respSucc({ownerPrivate:e,ownerPublic:r}));
71 | // }else{
72 | // callback(Eos.respErr({code:500,msg:"生成私钥失败"}));
73 | // }
74 | // }).catch(function(t){
75 | // alert("222");
76 | // callback(Eos.respErr({code:500,msg:"生成私钥失败"}));
77 | // })
78 | }catch(t){
79 | callback(Eos.respErr({code:500,msg:"生成私钥失败"}));
80 | }
81 | }
82 | }
83 |
84 |
--------------------------------------------------------------------------------
/src/utils/EventEmitter.js:
--------------------------------------------------------------------------------
1 | import { EventEmitter } from "events";
2 | export default new EventEmitter();
3 |
--------------------------------------------------------------------------------
/src/utils/FormatUtil.js:
--------------------------------------------------------------------------------
1 | /**
2 | *
3 | * Copyright 2016-present reading
4 | *
5 | * Licensed under the Apache License, Version 2.0 (the "License");
6 | * you may not use this file except in compliance with the License.
7 | * You may obtain a copy of the License at
8 | *
9 | * http://www.apache.org/licenses/LICENSE-2.0
10 | *
11 | * Unless required by applicable law or agreed to in writing, software
12 | * distributed under the License is distributed on an "AS IS" BASIS,
13 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 | * See the License for the specific language governing permissions and
15 | * limitations under the License.
16 | *
17 | */
18 | export const formatDateString = (timestamp) => {
19 | if (timestamp === undefined) {
20 | return '';
21 | }
22 | const date = new Date(parseInt(timestamp) * 1000);
23 | const year = date.getFullYear();
24 | const month = parseInt(date.getMonth()) + 1;
25 | const day = date.getDate();
26 | return `${year}-${month}-${day}`;
27 | };
28 |
29 | export const formatStringWithHtml = (originString) => {
30 | if (originString === undefined) {
31 | return '';
32 | }
33 | const newString = originString
34 | .replace(/ /g, ' ')
35 | .replace(/"/g, '"')
36 | .replace(/&/g, '&')
37 | .replace(/</g, '<')
38 | .replace(/>/g, '>');
39 | return newString;
40 | };
41 |
42 | export const formatterNumber = (number) =>{
43 | return (number || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
44 | }
45 | export const formatterUnit = (number) =>{
46 | if(number>100000000){
47 | let f = number/100000000;
48 | let value = Math.floor(f * 100) / 100;
49 | return value+"亿"
50 | }else if(number>10000){
51 | let f = number/10000;
52 | let value = Math.floor(f * 100) / 100;
53 | return value+"万"
54 | }else{
55 | return number;
56 | }
57 | }
58 |
59 | export const formatEosQua = (amount, precision = 4) =>{
60 | var e = amount.split(" ");
61 | // if(e.length > 1 && e[1] == "IQ"){
62 | // precision = 3;
63 | // }
64 | // if(e.length > 1 && e[1] == "QB"){
65 | // return amount; // QB精度为1，这里不做精度转换
66 | // }
67 | if(precision === 0){
68 | return amount;
69 | }
70 | let r=e[0].split(".");
71 | if(r.length>1){
72 | if(r[1].length <= precision){
73 | var n=precision-r[1].length;
74 | amount=e[0];
75 | for(var i=0;i
73 |
82 |
74 | 
75 |
78 |
75 | 余额: {this.state.balance} EOS
76 |收款账户：{ this.props.account}
77 |
79 | this.autoFocusInst = el} onChange={(quantity) => this.setState({ quantity: Utils.chkEosQuantity(quantity) })} >提现数量：
80 |
81 |
83 |
84 |
85 |