diff --git a/env.md b/env.md index 9e7599d..279f0ba 100644 --- a/env.md +++ b/env.md @@ -3,3 +3,5 @@ GENERATE_SOURCEMAP=false REACT_APP_CHAINID=56 REACT_APP_DAY_TIME=86400 REACT_APP_SHARE_URL='https://app.sofil.io/index.html' +REACT_APP_SIGN_KEY="sofivnlasknal" +REACT_APP_BASE_URL='http://203.161.57.92:8085' \ No newline at end of file diff --git a/src/http/api.ts b/src/http/api.ts new file mode 100644 index 0000000..9df3df0 --- /dev/null +++ b/src/http/api.ts @@ -0,0 +1,3 @@ +import request from './service' + +export const getRecord = (data: object) => request({ url: '/v1/admin/product', data }) \ No newline at end of file diff --git a/src/http/axios_config.ts b/src/http/axios_config.ts new file mode 100644 index 0000000..c4f41f7 --- /dev/null +++ b/src/http/axios_config.ts @@ -0,0 +1,32 @@ +export default { + baseURL: process.env.REACT_APP_BASE_URL + '/api', + // baseURL: process.env.NODE_ENV === 'development' ? 'http://192.168.124.22:10002/api' : window.location.origin + '/api', + method: 'post', + //`timeout`选项定义了请求发出的延迟毫秒数 + //如果请求花费的时间超过延迟的时间，那么请求会被终止 + timeout: 60 * 1000, + //发送请求前允许修改数据 + transformRequest: [function (data: any) { + return data; + }], + //数据发送到then/catch方法之前允许数据改动 + transformResponse: [function (data: any) { + return data; + }], + // headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, + headers: { 'Content-Type': 'application/json; charset=UTF-8' }, + // withCredentials: false,//跨域请求时是否携带cookie + responseType: 'json',//响应数据类型 + // xsrfCookieName: 'XSRF-TOKEN', + // xsrfHeaderName: 'X-XSRF-TOKEN', + onUploadProgress: function (progressEvent: any) { },//上传进度事件 + onDownloadProgress: function (progressEvent: any) { },//下载进度事件 + //`validateStatus`定义了是否根据http相应状态码，来resolve或者reject promise + //如果`validateStatus`返回true(或者设置为`null`或者`undefined`),那么promise的状态将会是resolved,否则其状态就是rejected + validateStatus: function (status: number) { + return status >= 200 && status < 300 // 默认的 + }, + + //`maxRedirects`定义了在nodejs中重定向的最大数量 + maxRedirects: 5 +} as any; \ No newline at end of file diff --git a/src/http/service.ts b/src/http/service.ts new file mode 100644 index 0000000..6af2aa5 --- /dev/null +++ b/src/http/service.ts @@ -0,0 +1,63 @@ +import axiosConfig from "./axios_config"; +import axios, { AxiosResponse } from "axios"; +import signGenerator from "../utils/sign/sign"; +import { Toast } from "react-vant"; +import sortParam from "../utils/sign/sort"; +import store from "../store"; + +const service = axios.create(axiosConfig); + +// 请求拦截 +service.interceptors.request.use( + (config) => { + if (!config.data) config.data = {}; + let ps = config.params ? sortParam(config.params) : ""; + let timestamp = new Date().getTime(); + let signData = { + uri: "/api" + config.url, + timestamp: timestamp, + args: ps, + }; + let sign = signGenerator(signData); + (config.headers as any).sign = sign; + (config.headers as any).timestamp = timestamp; + + if (config.data instanceof FormData) return config; + + config.data = JSON.stringify(config.data); + return config; + }, + (error) => { + return Promise.reject(error); + } +); + +// 响应拦截 +service.interceptors.response.use( + (res: any) => { + try { + let data = JSON.parse(res.data); + if (data.code !== 0) { + Toast.info({ + message: data.msg, + duration: 2000, + }); + } + return data; + } catch (error) { + return null; + } + }, + (error) => { + try { + if (error.response) { + let data = JSON.parse(error.response.data); + Toast.info(data.err); + return data; + } + } catch (error) { + console.error(error); + } + } +); +export default service; \ No newline at end of file diff --git a/src/pages/admin/AdminRecord.tsx b/src/pages/admin/AdminRecord.tsx new file mode 100644 index 0000000..95d28fa --- /dev/null +++ b/src/pages/admin/AdminRecord.tsx @@ -0,0 +1,95 @@ +import { useEffect, useState } from "react" +import { Calendar, Cell } from "react-vant"; +import { getRecord } from "~/http/api"; +import { getTime } from "~/utils"; + +const AdminRecord = () => { + + const [record, setRecord] = useState({} as any) + + const getData = async (data: object) => { + const res: any = await getRecord(data) + console.log(res); + + if (res.code === 0) { + setRecord(res.data) + } + } + + const initialTime = () => { + var today = new Date(); + var yesterday = new Date(today); + yesterday.setDate(today.getDate() - 1); + yesterday.setHours(0, 0, 0, 0); + var endOfYesterday = new Date(yesterday); + endOfYesterday.setHours(23, 59, 59, 999); + + const start = new Date(yesterday).getTime() + const end = new Date(endOfYesterday).getTime() + + + const params = { + start_time: Math.floor(start / 1000), + end_time: Math.floor(end / 1000) + } + + return params + + } + + const onConfirm = (e: any) => { + const start = new Date(e[0]).getTime(); + const end = new Date(new Date(e[1]).setMinutes(new Date(e[1]).getMinutes() - 1)).getTime() + + getData({ + start_time: Math.floor(start / 1000), + end_time: Math.floor(end / 1000) + }) + + } + + useEffect(() => { + getData(initialTime()) + }, []) + + return ( +
+ + {(val: any, actions) => ( + el.toLocaleDateString()).join('~') + : '请选择日期' + } + onClick={() => actions.open()} + /> + )} + + +
+
+
180天质押的FIL数量：
+
{record.product_180 || 0}
+
+
+
270天质押的FIL数量：
+
{record.product_270 || 0}
+
+
+
360天质押的FIL数量：
+
{record.product_360 || 0}
+
+
+
+ ) +} + +export default AdminRecord \ No newline at end of file diff --git a/src/pages/admin/index.tsx b/src/pages/admin/index.tsx index b6f1aef..15564ad 100644 --- a/src/pages/admin/index.tsx +++ b/src/pages/admin/index.tsx @@ -7,6 +7,7 @@ import AdminPledge from "./AdminPledge" import AdminPool from './AdminPool' import AdminNFT from './AdminNFT' import AdminSet from './AdminSet' +import AdminRecord from './AdminRecord' const Admin = () => { @@ -47,6 +48,7 @@ const Admin = () => { + { isDeploy && ( @@ -63,7 +65,10 @@ const Admin = () => { tabIndex === 2 && } { - tabIndex === 3 && + tabIndex === 3 && + } + { + tabIndex === 4 && } )