Browse Source

样式调整

dev01 1 year ago
parent
commit
98ea877c47

+ 4 - 1
js/component/manageCenter/index/content.jsx

@@ -696,6 +696,7 @@ const Content = React.createClass({
   },
   getKey(key) {
     switch (key) {
+      // 营销员统计
       case "statistics":
         let Statistics = require('./statistics/index').default;
         require.ensure([], () => {
@@ -730,10 +731,12 @@ const Content = React.createClass({
     window.location.hash = key;
   },
   componentWillMount() {
+    let array = window.adminData.shiroList.split(",");
+    let key = array.includes("1") ? "statistics" : "normal"
     if (window.location.hash) {
       this.getKey((window.location.hash).slice(1));
     } else {
-      this.getKey('statistics');
+      this.getKey(key);
     };
   },
   render() {

+ 3 - 1
js/component/manageCenter/index/leftTab.jsx

@@ -22,12 +22,14 @@ const LeftTab = React.createClass({
     };
   },
   render() {
+    let array = window.adminData.shiroList.split(",");
     return (
       <Menu onClick={this.handleClick}
         selectedKeys={[this.state.current]}
         mode="vertical"
         className="account-left" >
-        <Menu.Item key="statistics">
+        <Menu.Item
+          key={array.includes("1") ? "statistics" : "no"}>
           数据统计
         </Menu.Item>
         <Menu.Item key="normal">

+ 44 - 38
js/component/manageCenter/index/statistics/index.jsx

@@ -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>

+ 2 - 2
js/component/manageCenter/index/statistics/index.less

@@ -9,9 +9,9 @@
 
     .plitem {
       width: 23%;
-      margin: 20px 1%;
+      margin: 15px 1%;
       border-radius: 20px;
-      padding: 30px;
+      padding: 25px;
 
       .plititle {
         font-size: 16px;

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "name": "afanti",
-  "version": "1.2.81",
+  "version": "1.2.82",
   "description": "",
   "main": "index.js",
   "scripts": {