+ {this.state.data&&this.state.data.tag_name}@{this.state.data&&this.state.data.target_commitish}
+
+
+
+
标题
+
+
+ {getFieldDecorator('name', {
+ rules: [{
+ required: true, message: '请输入标题'
+ }],
+ initialValue:this.state.data&&this.state.data.name
+
+ })(
+
+ )}
+
+
+
内容
+
+ {getFieldDecorator('body', {
+ rules: [{
+ required: true, message: '请输入描述内容'
+ }],
+ initialValue:this.state.data&&this.state.data.body
+ })(
+
+ )}
+
+
+ )
+ }
+}
+);
+
+class Sponsor extends Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ isSpin: false,
+ user: undefined,
+ sponsor_description: undefined,
+ sponsors: undefined,
+ edit: false,
+ tiers: [],
+ };
+ }
+
+ componentDidMount = () => {
+ this.fetchUser();
+ this.fetchData();
+ };
+
+ fetchUser = () => {
+ this.setState({
+ isSpin: true,
+ });
+ const { current_user } = this.props;
+ const { username } = this.props.match.params;
+
+ let url = `/users/${username || (current_user && current_user.login)}.json`;
+ axios
+ .get(url)
+ .then((result) => {
+ // TODO: 在这里添加了对用户自我介绍的处理，前后端交互实现后需要删掉
+ // result.data.sponsor_description = tempDesc;
+ this.setState({
+ user: result.data,
+ sponsor_description: result.data.sponsor_description,
+ isSpin: false,
+ }, () => {this.fetchSponsors()});
+ // console.log(result.data);
+ })
+ .catch((error) => {
+ console.log(error);
+ this.setState({
+ isSpin: false,
+ });
+ });
+ };
+
+ fetchSponsors = () => {
+ // console.log("fetch sponsors");
+ const user_id = this.state.user.user_id;
+
+ let url = `/sponsorships/sponsored.json`;
+
+ axios.get(url, {params: {id: user_id}})
+ .then((result) => {
+ // console.log(result);
+ this.setState({
+ sponsors: result.data.sponsorships,
+ isSpin: false,
+ })
+ })
+ .catch((error) => {
+ console.log(error);
+ this.setState({
+ isSpin: false,
+ });
+ });
+
+ // this.setState({
+ // sponsors: tempData,
+ // displayList: tempData,
+ // })
+ // this.setState({
+ // sponsors: tempSponsors,
+ // });
+ }
+
+ fetchData = () => {
+ let url = `/sponsor_tiers.json`;
+ const user_login = this.props.match.params.username;
+ axios
+ .get(url, {params:{login: user_login}})
+ .then((result) => {
+ // console.log(result.data);
+ // console.log(tempData)
+ this.setState({
+ tiers: result.data
+ });
+ })
+ .catch((error) => {
+ console.log(error);
+ })
+ }
+
+ editDescription = () => {
+ this.setState({
+ edit: true,
+ });
+ }
+
+ cancelEdit = () => {
+ this.setState({
+ edit: false,
+ })
+ }
+
+ confirmEdit = () => {
+ //TODO: 增加和后端交互
+ let value = this.formRef.getItemsValue().sponsor_description;
+ // console.log(value);
+ let user = this.state.user;
+ let url = `/users/${user.user_id}/update_sponsor_description.json`
+ axios.put(url, {sponsor_description: value})
+ .then((result) => {
+ user.sponsor_description = value;
+ this.setState({
+ user: user,
+ edit: false
+ })
+ this.props.showNotification("修改成功")
+ })
+ .catch(error => {
+ console.log(error);
+ this.props.showNotification("修改失败")
+ })
+
+
+ // if (user){
+ // user.sponsor_description = value;
+ // }
+ // this.setState({
+ // user: user,
+ // edit: false,
+ // });
+ }
+
+ visitorTemplate = () => {
+ const user = this.state.user;
+ return (
+
+ {user && user.sponsor_description?
+ (
{user.sponsor_description}
):(
暂无自我介绍
)}
+
+
+ this.editDescription()}>
+
+ {user && user.sponsor_description? (
{user.sponsor_description}
):(
暂无自我介绍
)}
+
+ this.formRef = form}
+ />
+
+
+
+ );
+ }
+
+ sponsorList(){
+ const {sponsors} = this.state;
+ const sponsorList = (sponsors && sponsors.length>0 ? sponsors.map((item, key)=>{
+ return (
+
+ 
+ );
+ })
+ :"")
+ return ({sponsorList}
);
+ }
+
+ render(){
+ const { current_user} = this.props;
+ const { user, isSpin, tiers} = this.state;
+ const sponsorList = this.sponsorList();
+ // console.log(tiers);
+
+ var content = "";
+ if (current_user && user && user.login !== current_user.login){
+ content = this.visitorTemplate();
+ }
+ else if(current_user && user && user.login === current_user.login && this.state.edit){
+ content = this.editTemplate();
+ }
+ else if(current_user && user && user.login === current_user.login && !this.state.edit){
+ content = this.manageTemplate();
+ }
+
+ return (
+
+
+
+
+
+
成为{user && user.username}的赞助者吧
+
+ {user && user.user_identity && (
+
+ {user && user.user_identity}
+
+ )}
+
+
+ {content}
+
+
+ 赞助者:
+ {sponsorList}
+
+
+
+
+ {/*
+ {content}
+
+
+ 赞助者:
+ {sponsorList}
+
*/}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 赞助{user && user.username}/赞助等级确认
+
+
+ 赞助者为
+
+ {current_user && current_user.username}
+
+
+
所选赞助等级
+
{tier && tier.tier}硬币
+
{tier && tier.description}
+
+
+
+
+
+
+
+
+
+ {item.tier} 硬币
+
+
+
+ {item.description}
+
+
+ );
+ }
+
+ manageTemplate = (item, key) => {
+ return (
+
+
+
{item.tier} 硬币
+
+
this.deleteTier(item, key, e)}
+ // onCancel={cancel}
+ okText="是"
+ cancelText="否"
+ >
+
+
+
+
this.editTier(item, key, e)}>
+
+
+
+ {item.description}
+
+
+
+ this.formRef = form}
+ />
+
+
+
+ );
+ }
+
+ render() {
+ const {tiers} = this.state;
+ const { current_user} = this.props;
+ const {user} = this.props;
+
+ // console.log("item state tiers:", tiers);
+ // console.log("item props tiers:", this.props.tiers);
+
+ const renderList = (
+ tiers && tiers.length > 0 ? tiers.map((item, key) => {
+ const tier = this.state.edit[key]? ():item.tier;
+ const description = this.state.edit[key]? ():item.description;
+
+ var content = "";
+ if (current_user && user && user.login !== current_user.login){
+ content = this.visitorTemplate(item, key);
+ }
+ else if(current_user && user && user.login === current_user.login && this.state.edit[key]){
+ content = this.editTemplate(item, key);
+ }
+ else if(current_user && user && user.login === current_user.login && !this.state.edit[key]){
+ content = this.manageTemplate(item, key);
+ }
+
+ // return (
+ //
+
+ //
+ // 金额：{amount}
+ // {current_user && user && user.login === current_user.login ?
+ // // ( this.editTier(item)}/>
+ // ( this.editTier(item, key, e)}>):
+ // }
+ //
+ //
+ // 描述：{description}
+ // {current_user && user && user.login === current_user.login ?
+ // ():""}
+ //
+ //
+
+ // )
+ return content;
+ }) : ""
+ );
+ return (
+
+
+
选择您的赞助等级
+ {/*
*/}
+ {renderList}
+
+ {current_user && user && user.login === current_user.login ?
+ (
):
+ ""
+ }
+
{
- avatarVisible &&
-
{user && user.description}
+ {user && current_user && user.login === current_user.login && (
+
+ {/*
*/}
+
- {/* {user && current_user && user.login === current_user.login && (
-
-
-
- )} */}
- {current_user && user && user.login !== current_user.login && (
-
-
-
- )}
- {
- current_user && user && user.login === current_user.login &&
-
- }
+
+
+ )}
+ {current_user && user && user.login !== current_user.login && (
+
+
+
+
+ )}
+
0 ?
({user.user_org_count}):""}
+ {
+ current_user && current_user.login && current_user.login === username ?
+
+
+ 我的钱包
+
+
+ :""
+ }
+ {
+ current_user && current_user.login && current_user.login === username ?
+
+
+ 赞助管理
+
+
+ :""
+ }
+ {/* {
+ current_user && current_user.login && current_user.login === username ?
+
+
+ 赞助信息统计
+
+
+ :""
+ } */}
}
{user && (
@@ -407,6 +518,24 @@ class Infos extends Component {
return
;
}}
>
+ {
+ return ;
+ }}
+ >
+ {
+ return ;
+ }}
+ >
+ {
+ return ;
+ }}
+ >
{
diff --git a/src/forge/users/new_user.css b/src/forge/users/new_user.css
index 2eb109122..70d9376ea 100644
--- a/src/forge/users/new_user.css
+++ b/src/forge/users/new_user.css
@@ -29,10 +29,15 @@
.mt-n15{margin-top: -15px;}
.position-relative{position: relative;}
.mr-5{margin-right: 5px;}
+.mt-5{margin-top: 5px;}
+.ml-5{margin-left: 5px;}
a.text-button-grey{
color: #fff;
}
-.user-info-star-button{margin: 20px 50px 0 50px}
+.user-info-star-button{
+ display: flex;
+ margin: 20px 20px 0 20px
+}
.list-l-p{
width: 100%;
display: -ms-flexbox;
diff --git a/src/forge/users/sponsor/CoinChangeItem.js b/src/forge/users/sponsor/CoinChangeItem.js
new file mode 100644
index 000000000..1f32f521c
--- /dev/null
+++ b/src/forge/users/sponsor/CoinChangeItem.js
@@ -0,0 +1,45 @@
+import React, { Component } from 'react';
+import { Tooltip } from 'antd';
+import '../../css/index.scss'
+import '../../Main/list.scss';
+
+class CoinChangeItem extends Component {
+ TurnToDetail = (login, url) => {
+ this.props.history.push({
+ pathname: url,
+ state: login
+ })
+ }
+ render() {
+ const { coinChanges, current_user } = this.props;
+ const renderList = (
+ coinChanges && coinChanges.length > 0 ? coinChanges.map((item, key) => {
+ let url = current_user && item.to_user_login == current_user.login? `/users/${item.from_user_login}`:`/users/${item.to_user_login}`;
+ return (
+
+
+
金额：{current_user && item.to_user_login == current_user.login? "收入":"支出"}{item.amount}硬币
+
变动原因：{item.reason}
+ {/*
备注：{item.description}
*/}
+
+
+
+
+ {renderList}
+
+ )
+ }
+}
+export default CoinChangeItem;
\ No newline at end of file
diff --git a/src/forge/users/sponsor/SponsorManagement.js b/src/forge/users/sponsor/SponsorManagement.js
new file mode 100644
index 000000000..5848c8d97
--- /dev/null
+++ b/src/forge/users/sponsor/SponsorManagement.js
@@ -0,0 +1,309 @@
+import React, { Component } from "react";
+import { Link } from "react-router-dom";
+import { Menu, Input, Spin, Pagination, Popover, Button, Divider } from "antd";
+import SponsorBarCharts from "./charts/sponsorBarChart";
+import SponsorPieCharts from "./charts/sponsorPieChart";
+
+import axios from "axios";
+import CoinChangeItem from "./CoinChangeItem";
+import Nodata from "../../Nodata";
+import img_array from "../../Images/array.png";
+import SponsorList from "./sponsor_list";
+import "../../sponsor/sponsor.css";
+
+// import "../new_user.css";
+// const Search = Input.Search;
+
+// const tempData = [
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: true, sponsor: false, login:"alpc104", start_time: "2020-08-01", stop_time: "-", amount: 100},
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: true, sponsor: true, login:"alpc104", start_time: "2020-08-01", stop_time: "-", amount: 100},
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: false, sponsor: false, login:"alpc104", start_time: "2020-08-01", stop_time: "-", amount: 100},
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: false, sponsor: true, login:"alpc104", start_time: "2020-08-01", stop_time: "-", amount: 100},
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: false, sponsor: false, login:"alpc104", start_time: "2020-08-01", stop_time: "-", amount: 100},
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: false, sponsor: false, login:"alpc104", start_time: "2020-08-01", stop_time: "2020-09-05", amount: 100},
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: false, sponsor: true, login:"alpc104", start_time: "2020-08-01", stop_time: "2020-09-05", amount: 100},
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: false, sponsor: false, login:"alpc104", start_time: "2020-08-01", stop_time: "2020-09-05", amount: 100},
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: false, sponsor: false, login:"alpc104", start_time: "2020-08-01", stop_time: "2020-09-05", amount: 100},
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: false, sponsor: false, login:"alpc104", start_time: "2020-08-01", stop_time: "2020-09-05", amount: 100},
+// {image_url: "avatars/User/b", username: "万山川", user_id: 1369, visible: false, sponsor: false, login:"alpc104", start_time: "2020-08-01", stop_time: "2020-09-05", amount: 100},
+// ];
+
+
+class SponsorManagement extends Component{
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ page: 1,
+ limit: 15,
+ sort_by: undefined,
+ totalCount: undefined,
+ isSpin: false,
+ total: undefined,
+ category: "sponsoring",
+ is_sponsor: false,
+ sponsors: undefined,
+ displayList: undefined,
+ chartsData: {income:[], outcome:[]},
+ };
+ }
+
+ changeCategory = (cate) => {
+ this.setState({
+ category: cate.target.value,
+ page: 1,
+ }, ()=>{
+ if(this.state.category === "chart")
+ this.get_chart_data();
+ else
+ this.get_sponsors();
+ });
+ // if(cate.target.value === "chart"){
+ // this.setState({
+ // category: cate.target.value,
+ // page: 1,
+ // });
+ // }
+ // else{
+ // this.setState({
+ // category: cate.target.value,
+ // page: 1,
+ // }, ()=>{this.get_sponsors();});
+ // }
+ };
+
+ componentDidMount = () => {
+ this.get_sponsors();
+ }
+
+ get_chart_data = () => {
+ this.setState({
+ isSpin: true
+ })
+
+ let url = `/wallets/balance_chart.json`;
+ const {current_user} = this.props;
+ let user_id = current_user && current_user.user_id;
+ if (current_user){
+ axios.get(url, {
+ params: {
+ id: user_id,
+ sponsor: true,
+ }})
+ .then((result) => {
+ this.setState({
+ chartsData: result.data,
+ isSpin: false,
+ })
+ })
+ .catch((error) => {
+ console.log(error);
+ this.setState({
+ isSpin: false,
+ });
+ });
+ }
+ };
+
+ get_sponsors = ()=>{
+ const user_id = this.props.current_user.user_id;
+
+ let url = this.state.is_sponsor? `sponsoring`:`sponsored`;
+ url = this.state.category === "stopped"? `stopped_` + url: url;
+ url = `/sponsorships/` + url + `.json`;
+
+ const {page, limit} = this.state;
+ this.setState({
+ isSpin: true
+ })
+ axios.get(url, {
+ params: {
+ id: user_id,
+ page: page,
+ limit: limit,
+ }})
+ .then((result) => {
+ // console.log(result);
+ this.setState({
+ displayList: result.data.sponsorships,
+ total: result.data.count,
+ isSpin: false,
+ })
+ })
+ .catch((error) => {
+ console.log(error);
+ this.setState({
+ isSpin: false,
+ });
+ });
+ // this.setState({
+ // sponsors: tempData,
+ // displayList: tempData,
+ // })
+ }
+
+ //切换页数
+ changePage = (page) => {
+ this.setState({
+ page: page
+ }, ()=>{this.get_sponsors()})
+ };
+
+ // 排序
+ ChangeSoryBy = (e) => {
+ console.log(e.key)
+ };
+
+ changeSearchValue = (e) => {
+ this.setState({
+ search: e.target.value,
+ });
+ };
+
+ menu =()=> (
+
+ );
+
+ category_button=(category)=>{
+ const { current_user, user } = this.props;
+ const button_lists =
+ user && current_user && user.login === current_user.login
+ ? [
+ { type: "sponsoring", name: "赞助中" },
+ { type: "stopped", name: "已终止" },
+ { type: "chart", name: "统计图表" },
+ ]
+ :
+ [];
+
+ let list = button_lists.map((item, key) => {
+ return (
+
+
+
+ );
+ })
+ return list;
+ }
+
+ changeStatus=(check_is_sponsor, e)=>{
+ // const {is_sponsor} = this.state
+ // const new_is_sponsor = is_sponsor === check_is_sponsor ? undefined : check_is_sponsor
+ // this.state.is_sponsor = check_is_sponsor;
+ this.setState({
+ is_sponsor: check_is_sponsor,
+ page: 1,
+ }, ()=>{
+ if(this.state.category === "chart")
+ this.get_chart_data();
+ else
+ this.get_sponsors();
+ });
+ }
+
+ render() {
+ const { current_user, user } = this.props;
+ const { category , is_sponsor, sponsors, displayList, chartsData} = this.state;
+ const {isSpin, total, search, limit, page }= this.state;
+ // console.log(displayList);
+ const sponsorList = displayList && displayList.length > 0 ?
+
+ :
+
+
+ const chartComponent =
+
七天内赞助{this.state.is_sponsor?"支出":"收入"}图
+
+ {/*
七天内赞助{this.state.is_sponsor?"支出":"收入"}图
+
*/}
+
+
+ {/* */}
+ {/*
*/}
+ {/*
*/}
+ {/*
+
{this.category_button(category)}
+ {
+ user && current_user && user.login === current_user.login ?
+
+
this.changeStatus(true, e)}>我赞助的
+ {
+ !is_sponsor ? (
):""
+ }
+
this.changeStatus(false, e)}>赞助我的
+
+ :""
+ }
+
+ //
+ );
+ }
+}
+
+export default CoinChangeCharts;
diff --git a/src/forge/users/sponsor/charts/sponsorBarChart.js b/src/forge/users/sponsor/charts/sponsorBarChart.js
new file mode 100644
index 000000000..90494c688
--- /dev/null
+++ b/src/forge/users/sponsor/charts/sponsorBarChart.js
@@ -0,0 +1,79 @@
+import React, { Component } from 'react';
+import {XYPlot, VerticalBarSeries, VerticalGridLines, HorizontalGridLines, XAxis, YAxis, Crosshair, DiscreteColorLegend} from 'react-vis';
+// import DiscreteColorLegend from 'legends/discrete-color-legend';
+import "./style.scss";
+
+const ONE_DAY = 86400000;
+const d = new Date().getTime()-ONE_DAY*7;
+
+const data = [
+ {x: new Date(d+ONE_DAY).toLocaleDateString(), y: 6},
+ {x: new Date(d+ONE_DAY*2).toLocaleDateString(), y: 3},
+ {x: new Date(d+ONE_DAY*3).toLocaleDateString(), y: 2},
+ {x: new Date(d+ONE_DAY*4).toLocaleDateString(), y: 7},
+ {x: new Date(d+ONE_DAY*5).toLocaleDateString(), y: 0},
+ {x: new Date(d+ONE_DAY*6).toLocaleDateString(), y: 5},
+ {x: new Date(d+ONE_DAY*7).toLocaleDateString(), y: 0},
+];
+
+const data2 = [
+ {x: new Date(d+ONE_DAY).toLocaleDateString(), y: 3},
+ {x: new Date(d+ONE_DAY*2).toLocaleDateString(), y: 4},
+ {x: new Date(d+ONE_DAY*3).toLocaleDateString(), y: 2},
+ {x: new Date(d+ONE_DAY*4).toLocaleDateString(), y: 6},
+ {x: new Date(d+ONE_DAY*5).toLocaleDateString(), y: 5},
+ {x: new Date(d+ONE_DAY*6).toLocaleDateString(), y: 1},
+ {x: new Date(d+ONE_DAY*7).toLocaleDateString(), y: 3},
+];
+
+const ITEMS = [
+ {title: '收入', strokeWidth: 13},
+ {title: '支出', strokeWidth: 13}
+];
+
+class SponsorBarCharts extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ crosshairValues: []
+ };
+ console.log(this.props)
+ }
+
+ componentWillReceiveProps = () => {
+ this.setState({
+ crosshairValues: []
+ })
+ }
+
+ render() {
+ const chartsData = this.props.is_sponsor?this.props.data.outcome:this.props.data.income;
+ var max = 0;
+ for(var i=0; i
+ {/* */}
+
+
+
+
+
+
+
+
+
+ );
+ }
+}
+
+export default SponsorBarCharts;
\ No newline at end of file
diff --git a/src/forge/users/sponsor/charts/sponsorPieChart.js b/src/forge/users/sponsor/charts/sponsorPieChart.js
new file mode 100644
index 000000000..82a15f612
--- /dev/null
+++ b/src/forge/users/sponsor/charts/sponsorPieChart.js
@@ -0,0 +1,70 @@
+import React, { Component } from 'react';
+import {FlexibleXYPlot, RadialChart, VerticalGridLines, HorizontalGridLines, XAxis, YAxis, Crosshair, DiscreteColorLegend} from 'react-vis';
+// import DiscreteColorLegend from 'legends/discrete-color-legend';
+import "./style.scss";
+
+const data = [
+ {label: "张三", angle: 1},
+ {label: "李四", angle: 2},
+ {label: "王五", angle: 5},
+ {label: "赵六", angle: 3},
+];
+
+const data2 = [
+ {label: "张三", angle: 2},
+ {label: "林磊", angle: 1},
+ {label: "赵辉", angle: 4},
+];
+
+const ITEMS = [
+ {title: '收入', color: 'powderblue', strokeWidth: 13},
+ {title: '支出', color: 'powderblue', strokeWidth: 13}
+];
+
+class SponsorPieCharts extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ crosshairValues: []
+ };
+ }
+
+ componentWillReceiveProps = () => {
+ this.setState({
+ crosshairValues: []
+ })
+ }
+
+ render() {
+ const DATA = this.props.is_sponsor?data2:data;
+ // const DATA = [{angle: 1}, {angle: 5}, {angle: 2}]
+
+ return (
+
+ {/* */}
+ {/* */}
+ {/*
+
+
+ */}
+
+
+ {/* */}
+
+ );
+ }
+}
+
+export default SponsorPieCharts;
\ No newline at end of file
diff --git a/src/forge/users/sponsor/charts/style.scss b/src/forge/users/sponsor/charts/style.scss
new file mode 100644
index 000000000..79f09ff3c
--- /dev/null
+++ b/src/forge/users/sponsor/charts/style.scss
@@ -0,0 +1,5 @@
+@import "react-vis/dist/styles/plot.scss";
+@import "react-vis/dist/styles/examples.scss";
+@import "react-vis/dist/styles/legends.scss";
+@import "react-vis/dist/styles/radial-chart.scss";
+@import "react-vis/dist/styles/treemap.scss";
\ No newline at end of file
diff --git a/src/forge/users/sponsor/communityData.js b/src/forge/users/sponsor/communityData.js
new file mode 100644
index 000000000..b71b73f91
--- /dev/null
+++ b/src/forge/users/sponsor/communityData.js
@@ -0,0 +1,133 @@
+import React, { Component } from 'react';
+import {XYPlot, VerticalBarSeries, LineSeries, VerticalGridLines, HorizontalGridLines, XAxis, YAxis, Crosshair, DiscreteColorLegend} from 'react-vis';
+// import DiscreteColorLegend from 'legends/discrete-color-legend';
+import "./charts/style.scss";
+import '../../Main/list.scss';
+import "../../UsersList/list.css";
+import "../../sponsor/sponsor.css";
+import "../new_user.css"
+import axios from "axios";
+import { isSupported } from 'clipboard';
+
+const ITEMS = [
+ {title: '资助者数量', strokeWidth: 13},
+ {title: '受资助人数', strokeWidth: 13},
+];
+
+class SponsorDataCharts extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ crosshairValues: [],
+ sponsor: [],
+ sponsored: [],
+ nums: [],
+ };
+ }
+
+ componentDidMount = () => {
+ this.get_chart_data();
+ }
+
+ get_chart_data = () => {
+ this.setState({
+ isSpin: true
+ })
+
+ let url = `/sponsorships/community_data.json`;
+ axios.get(url)
+ .then((result) => {
+ this.setState({
+ sponsor: result.data.sponsor,
+ sponsored: result.data.sponsored,
+ isSpin: false,
+ })
+ })
+ .catch((error) => {
+ console.log(error);
+ this.setState({
+ isSpin: false,
+ });
+ });
+
+ url = `/wallets/community_data.json`;
+ axios.get(url)
+ .then((result) => {
+ this.setState({
+ nums: result.data,
+ isSpin: false,
+ })
+ })
+ .catch((error) => {
+ console.log(error);
+ this.setState({
+ isSpin: false,
+ });
+ });
+ };
+
+ componentWillReceiveProps = () => {
+ this.setState({
+ crosshairValues: []
+ })
+ }
+
+ render() {
+ // const DATA = this.props.is_sponsor?data2:data;
+ const {sponsor, sponsored, nums} = this.state;
+ var max1 = 0;
+ for(var i=0; i
+ 平台资助者/受资助人数
+
+
+
+
+
+
+
+
+
+ 平台资助交易数量
+
+
+
+
+
+
+
+