|
@@ -105,16 +105,18 @@ const Statistics = React.createClass({
|
|
|
this.loadData();
|
|
|
},
|
|
|
|
|
|
+
|
|
|
+
|
|
|
render() {
|
|
|
const { status, info, data } = this.state
|
|
|
const list = [
|
|
|
- { color: "#99FFFF", title: "全部签单客户数:", sum: info.signSum, tit: "签单客户数", number: info.rangeSignSum },
|
|
|
- { color: "#FFFFCC", title: "全部私有客户数:", sum: info.privateSum, tit: "私有客户数", number: info.rangePrivateSum },
|
|
|
- { color: "#FFCCCC", title: "全部渠道数:", sum: info.channelSum, tit: "私有渠道数", number: info.rangeChannelSum },
|
|
|
- { color: "#99CCFF", title: "全部公出数:", sum: info.publicReleaseSum, tit: "公出企业数", number: info.rangePublicReleaseSum },
|
|
|
- { color: "#99FFCC", title: "全部跟进客户数:", sum: info.followSum, tit: "跟进客户数", number: info.rangeFollowSum },
|
|
|
- { color: "#CC99CC", title: "全部订单数:", sum: info.orderSum, tit: "订单数", number: info.rangeOrderSum },
|
|
|
- { color: "#99CCCC", title: "全部应收款:", sum: 10.54, tit: "应收款", number: 0.25 },
|
|
|
+ { color: "#99FFFF", title: "全部签单客户数:", sum: info.signSum, tit: "签单客户数", number: info.rangeSignSum, url: "/admin/customer.html?rid=a691e23c-d4bd-4346-b67e-8887a84a3637#companySign" },
|
|
|
+ { color: "#FFFFCC", title: "全部私有客户数:", sum: info.privateSum, tit: "私有客户数", number: info.rangePrivateSum, url: "" },
|
|
|
+ { color: "#FFCCCC", title: "全部渠道数:", sum: info.channelSum, tit: "私有渠道数", number: info.rangeChannelSum, url: "" },
|
|
|
+ { color: "#99CCFF", title: "全部公出数:", sum: info.publicReleaseSum, tit: "公出企业数", number: info.rangePublicReleaseSum, url: "" },
|
|
|
+ { color: "#99FFCC", title: "全部跟进客户数:", sum: info.followSum, tit: "跟进客户数", number: info.rangeFollowSum, url: "" },
|
|
|
+ { color: "#CC99CC", title: "全部订单数:", sum: info.orderSum, tit: "订单数", number: info.rangeOrderSum, url: "" },
|
|
|
+ { color: "#99CCCC", title: "全部应收款:", sum: info.receivables, tit: "应收款", number: info.rangeReceivables },
|
|
|
{
|
|
|
color: "#FFCC99", title: "待紧急处理事项", sum: "", tit: "签单客户数", number: "",
|
|
|
list: [{ key: "被驳回订单:", value: info.rejectSum }, { key: "待变更订单:", value: info.changeSum }, { key: "待核对订单:", value: info.projectCheckSum }, { key: "暂停项目:", value: info.projectStopSum },]
|
|
@@ -144,6 +146,9 @@ const Statistics = React.createClass({
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
boundaryGap: false,
|
|
|
+ // axisLabel: {
|
|
|
+ // interval: 0, // 设置X轴刻度间隔为0
|
|
|
+ // },
|
|
|
data: data.dates
|
|
|
},
|
|
|
yAxis: {
|
|
@@ -236,38 +241,39 @@ const Statistics = React.createClass({
|
|
|
}
|
|
|
</div>
|
|
|
<div className="patent-table">
|
|
|
- {/* <Spin spinning={this.state.loading}>
|
|
|
-
|
|
|
- </Spin> */}
|
|
|
- <div className='plist'>
|
|
|
- {
|
|
|
- list.map((item, index) =>
|
|
|
- <div className='plitem' style={{ background: item.color }} key={index}>
|
|
|
- <div className='plititle'>
|
|
|
- <span style={{ fontWeight: item.title == "待紧急处理事项" && "bold" }}>{item.title}</span>
|
|
|
- <span className='plisum'>{item.sum}</span>
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <div className='plist'>
|
|
|
+ {
|
|
|
+ list.map((item, index) =>
|
|
|
+ <div className='plitem' style={{ background: item.color }} key={index}>
|
|
|
+ <div className='plititle'>
|
|
|
+ <span style={{ fontWeight: item.title == "待紧急处理事项" && "bold" }}>{item.title}</span>
|
|
|
+ <a href={globalConfig.context + item.url}>
|
|
|
+ <span className='plisum'>{item.sum}</span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ {
|
|
|
+ item.title == "待紧急处理事项"
|
|
|
+ ? <div className='list'>
|
|
|
+ {
|
|
|
+ item.list.map((t, i) =>
|
|
|
+ <div key={i}>
|
|
|
+ <span>{t.key}</span>
|
|
|
+ <span style={{ textDecoration: "underline", color: "#0000FF" }}>{t.value}</span>
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+ }
|
|
|
+ </div>
|
|
|
+ : <div className='count'>
|
|
|
+ <div className='plinum'>{item.number}</div>
|
|
|
+ <div className='plitit'>{item.tit}</div>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
</div>
|
|
|
- {
|
|
|
- item.title == "待紧急处理事项"
|
|
|
- ? <div className='list'>
|
|
|
- {
|
|
|
- item.list.map((t, i) =>
|
|
|
- <div key={i}>
|
|
|
- <span>{t.key}</span>
|
|
|
- <span style={{ textDecoration: "underline", color: "#0000FF" }}>{t.value}</span>
|
|
|
- </div>
|
|
|
- )
|
|
|
- }
|
|
|
- </div>
|
|
|
- : <div className='count'>
|
|
|
- <div className='plinum'>{item.number}</div>
|
|
|
- <div className='plitit'>{item.tit}</div>
|
|
|
- </div>
|
|
|
- }
|
|
|
- </div>
|
|
|
- )
|
|
|
- }
|
|
|
- </div>
|
|
|
+ )
|
|
|
+ }
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
<ReactEcharts option={option} echarts={echarts} />
|
|
|
</div>
|
|
|
</div>
|