feat: 数据联调

src/assets/css/styleTemplate.less

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 茶百道主题样式
  * @Date: 2022-10-27 10:56:37 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-01 16:02:46
+ * @Last Modified time: 2023-11-05 09:43:29
  */
 
 @import url("../../themes/themes.less");
@@ -665,15 +665,15 @@
             justify-content: center;
 
             .topMsg_number_2 {
-              font-size: 0.2em;
+              font-size: 0.5em;
             }
 
             .topMsg_number_p {
-              font-size: 0.2em;
+              font-size: 0.5em;
               line-height: 0em;
               color: #fff;
               font-weight: 100;
-              margin-top: -3em;
+              margin-top: -1.5em;
             }
 
           }
@@ -708,7 +708,7 @@
               width: 52%;
 
               .topMsg_number_p {
-                font-size: 0.2em;
+                font-size: 0.5em;
                 line-height: 0em;
                 color: #fff;
                 font-weight: 100;
@@ -717,7 +717,7 @@
             }
 
             .topMsg_number_2 {
-              font-size: 0.2em;
+              font-size: 0.5em;
             }
           }
 

src/pages/tqcDataVHome/api.js

@@ -3,24 +3,193 @@ import request from "@utils/request";
 
 /**碳排放 */
 export function dataengineCenterOneservice(params) {
-    return request({
-      url: "/data-screen/dataengine-center-oneservice/list/1356250396177503367",
-      method: "POST",
-      data: {
-        "apiId":"1356250396177503367",
-        "appKey":"200000134",
-        "env":"PROD",
-        "reqProtocol":1,
-        "returnFields":[
-            "byear",
-            "missionsIntensity",
-            "missionsTotal",
-            "biz_id"
-        ],
-        "pageNum":1,
-        "pageSize":10,
-        "useResultCache":false
+  return request({
+    url: "/data-screen/dataengine-center-oneservice/list/1356250396177503367",
+    method: "POST",
+    data: {
+      "apiId": "1356250396177503367",
+      "appKey": "200000134",
+      "env": "PROD",
+      "reqProtocol": 1,
+      "returnFields": [
+        "byear",
+        "missionsIntensity",
+        "missionsTotal",
+        "biz_id"
+      ],
+      "pageNum": 1,
+      "pageSize": 10,
+      "useResultCache": false
     },
-    });
-  }
-  
+    headers: {
+      sign: '19c3cdb58b80e44f2490b8eba3b7f938',
+      account: 'yunxi_fuxue',
+      'Cache-Control': 'no-cache',
+      apiId: '1356250396177503367',
+      appKey: '200000134',
+      execType: '3',
+      env: 'PROD',
+    }
+  });
+}
+
+
+/**库存金额 */
+export function momeyService(params) {
+  return request({
+    url: "/data-screen/dataengine-center-oneservice/list/1356247728606450795",
+    method: "POST",
+    data: {
+      "apiId": "1356247728606450795",
+      "appKey": "200000134",
+      "env": "PROD",
+      "reqProtocol": 1,
+      "returnFields": [
+        "indexName",
+        "prodCatgory",
+        "indexValue"
+      ],
+      "pageNum": 1,
+      "pageSize": 10,
+      "useResultCache": false
+    },
+    headers: {
+      sign: 'c8c1b40b31930c3fd50214bf3e02ee0f',
+      account: 'yunxi_fuxue',
+      'Cache-Control': 'no-cache',
+      apiId: '1356247728606450795',
+      appKey: '200000134',
+      execType: '3',
+      env: 'PROD',
+    }
+  });
+}
+
+
+/**百万工时损工率   产量计划完成率*/
+export function timeService(params) {
+  return request({
+    url: "/data-screen/dataengine-center-oneservice/list/1356250124518724729",
+    method: "POST",
+    data: {
+      "apiId": "1356250124518724729",
+      "appKey": "200000134",
+      "env": "PROD",
+      "reqProtocol": 1,
+      "returnFields": [
+        "indexName",
+        "factoryName",
+        "indexValue"
+      ],
+      "pageNum": 1,
+      "pageSize": 10,
+      "useResultCache": false
+    },
+    headers: {
+      sign: '46847fe90889330f13cdc3318d848d45',
+      account: 'yunxi_fuxue',
+      'Cache-Control': 'no-cache',
+      apiId: '1356250124518724729',
+      appKey: '200000134',
+      execType: '3',
+      env: 'PROD',
+    }
+  });
+}
+
+/**产值+发货量+产量+库存*/
+export function numberService(params) {
+  return request({
+    url: "/data-screen/dataengine-center-oneservice/list/1356243326548087867",
+    method: "POST",
+    data: {
+      "apiId": "1356243326548087867",
+      "appKey": "200000134",
+      "env": "PROD",
+      "reqProtocol": 1,
+      "returnFields": [
+        "indexName",
+        "indexValue"
+      ],
+      "pageNum": 1,
+      "pageSize": 10,
+      "useResultCache": false
+    },
+    headers: {
+      sign: '2f079b53e1e63b753bb6f9807f6c6818',
+      account: 'yunxi_fuxue',
+      'Cache-Control': 'no-cache',
+      apiId: '1356243326548087867',
+      appKey: '200000134',
+      execType: '3',
+      env: 'PROD',
+    }
+  });
+}
+
+
+/**近30天产量*/
+export function mondService(params) {
+  return request({
+    url: "/data-screen/dataengine-center-oneservice/list/1356244872119751767",
+    method: "POST",
+    data: {
+      "apiId": "1356244872119751767",
+      "appKey": "200000134",
+      "env": "PROD",
+      "reqProtocol": 1,
+      "returnFields": [
+        "indexName",
+        "indexDate",
+        "indexValue"
+      ],
+      "pageNum": 1,
+      "pageSize": 10,
+      "useResultCache": false
+    },
+    headers: {
+      sign: 'ef3ecc442896d925cc02d36f1107d9e3',
+      account: 'yunxi_fuxue',
+      'Cache-Control': 'no-cache',
+      apiId: '1356244872119751767',
+      appKey: '200000134',
+      execType: '3',
+      env: 'PROD',
+    }
+  });
+}
+
+/**月度产量/发货量+一次合格率*/
+export function twoService(params) {
+  return request({
+    url: "/data-screen/dataengine-center-oneservice/list/1356411403496625359",
+    method: "POST",
+    data: {
+      "apiId": "1356411403496625359",
+      "appKey": "200000134",
+      "env": "PROD",
+      "reqProtocol": 1,
+      "returnFields": [
+        "bMonth",
+        "proQty",
+        "deliveryQty",
+        "qcRate",
+        "targeRate",
+      ],
+      "pageNum": 1,
+      "pageSize": 10,
+      "useResultCache": false
+    },
+    headers: {
+      sign: '9c472223a9acbdb9f16bebb7002e0c40',
+      account: 'yunxi_fuxue',
+      'Cache-Control': 'no-cache',
+      apiId: '1356411403496625359',
+      appKey: '200000134',
+      execType: '3',
+      env: 'PROD',
+    }
+  });
+}
+
+

src/pages/tqcDataVHome/component/bottomLineForSend.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 近30天产量
  * @Date: 2023-10-23 09:32:12 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-10-30 18:02:38
+ * @Last Modified time: 2023-11-05 11:09:51
  */
 
 
@@ -10,6 +10,9 @@ import React, { useState, useEffect, Component } from "react";
 import styles from "../style.less";
 import { useHistory, useLocation, withRouter } from "react-router-dom";
 import mod from '../mod';
+import {
+  mondService,
+} from "../api";
 
 @withRouter
 
@@ -19,11 +22,28 @@ class BottomLineForSend extends Component {
     super(props, context);
     this.store = mod;
     this.state = {
+      missionsIntensity_arr:[],
+      year:[],
     };
   }
 
   componentDidMount() {
-    this.setData();
+    this.getUrl()
+  }
+  async getUrl() {
+    await mondService().then(({ data = [], resultCode }) => {
+      if (+resultCode === 0) {
+        let year = [], missionsIntensity_arr = [];
+        data.map((x, i) => {
+          const name_ = x.indexDate.split('-')[1]+ '-'+x.indexDate.split('-')[2];
+          year.push(name_);
+          missionsIntensity_arr.push(x.indexValue)
+        });
+        this.setState({ year, missionsIntensity_arr });
+        this.setData();
+      }
+    });
+
   }
 
   setData() {
@@ -35,6 +55,15 @@ class BottomLineForSend extends Component {
         tooltip: {
           trigger: 'axis',
           axisPointer: { type: 'shadow' },
+          borderColor:"rgba(105, 255, 222, 0.5)",
+          borderWidth:2,
+          padding:5,
+          textStyle:{
+            fontSize:12,
+            color:"#ededed"
+          },
+          backgroundColor:"#0000008a"
+
           // formatter:'{c}' ,
         },
         grid: {
@@ -73,14 +102,14 @@ class BottomLineForSend extends Component {
 
             }
           },
-          splitLine:{
-            show:true,
-            lineStyle:{
+          splitLine: {
+            show: true,
+            lineStyle: {
               color: '#3b3b3b',
               type: 'dashed',
             }
           },
-          data: ['17-3', '17-6', '17-9', '17-12', '18-3']
+          data: this.state.year
         }, {
 
           axisPointer: { show: false },
@@ -117,7 +146,7 @@ class BottomLineForSend extends Component {
         }],
         series: [
           {
-            name: '字段1',
+            name: '吨数',
             type: 'line',
             smooth: true,
             symbol: 'circle',
@@ -148,9 +177,9 @@ class BottomLineForSend extends Component {
                 borderWidth: 12
               }
             },
-            data: [12.50, 14.4, 16.1, 14.9, 20.1, 17.2, 17.0, 13.42, 20.12, 18.94, 17.27, 16.10],
+            data: this.state.missionsIntensity_arr,
             "smooth": true
-          }, 
+          },
           // {
           //   name: '字段2',
           //   type: 'line',

src/pages/tqcDataVHome/component/leftMenoyView.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 库存金额
  * @Date: 2023-10-23 09:32:12 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-02 13:57:00
+ * @Last Modified time: 2023-11-05 10:03:24
  */
 
 
@@ -10,6 +10,9 @@ import React, { useState, useEffect, Component } from "react";
 import styles from "../style.less";
 import { useHistory, useLocation, withRouter } from "react-router-dom";
 import mod from '../mod';
+import {
+  momeyService,
+} from "../api";
 
 @withRouter
 
@@ -19,62 +22,22 @@ class LeftMenoyView extends Component {
     super(props, context);
     this.store = mod;
     this.state = {
+      year:["碳酸锂","氧化纳",'金属锂',"氢氧化钠"],
+      missionsIntensity_arr:[
+        {value:0,name:"碳酸锂"},
+        {value:0,name:"氧化纳"},
+        {value:0,name:'金属锂'},
+        {value:0,name:"氢氧化钠"},
+      ],
     };
   }
 
   componentDidMount() {
-    this.setData();
-    this.setData2();
+    this.getUrl()
   }
 
-  setData() {
-    setTimeout(() => {
-      // 基于准备好的dom，初始化echarts实例
-      var myChart = echarts.init(document.getElementById('echarts4'));
-      var myColor = ['#eb2100', '#eb3600', '#d0570e', '#d0a00e', '#34da62', '#00e9db', '#00c0e9', '#0096f3'];
-      var option = {
-
-        grid: {
-          left: '0%',
-          top: '1%',
-          right: '5%',
-          bottom: '0%',
-          containLabel: true
-        },
-        xAxis: [{
-          show: false,
-        }],
-        yAxis: [{
-          axisTick: 'none',
-          axisLine: 'none',
-          offset: '7',
-          axisLabel: {
-            textStyle: {
-              color: 'rgba(255,255,255,.9)',
-              fontSize: '0',
-            }
-          },
-          data: ['碳酸锂', '氧化纳', '金属锂', '氢氧化钠']
-        },
-        {
-          name: '单位：件',
-          nameGap: '50',
-          nameTextStyle: {
-            color: 'rgba(255,255,255,.6)',
-            fontSize: '16',
-          },
-          axisLine: {
-            lineStyle: {
-              color: 'rgba(0,0,0,0)'
-            }
-          },
-          data: [],
-        }],
-        series: [{
-          name: '条',
-          type: 'bar',
-          yAxisIndex: 0,
-          data: [{
+  async getUrl() {
+    let data_style= [{
             value: 25, name: '碳酸锂', itemStyle: {
               normal: {
                 // barBorderRadius: 15,
@@ -165,7 +128,76 @@ class LeftMenoyView extends Component {
               },
             },
 
-          }],
+          }]
+    await momeyService().then(({ data = [], resultCode }) => {
+      
+      if (+resultCode === 0) {
+        let year = [], missionsIntensity_arr = [];
+        data.map((x, i) => {
+          year.push(x.indexName);
+          data_style[i].value = x.indexValue;
+          data_style[i].name = x.indexName;
+          missionsIntensity_arr.push(data_style[i])
+        });
+        this.setState({ year, missionsIntensity_arr });
+        debugger
+
+        this.setData();
+        this.setData2();
+      }
+    });
+
+  }
+
+
+  setData() {
+    setTimeout(() => {
+      // 基于准备好的dom，初始化echarts实例
+      var myChart = echarts.init(document.getElementById('echarts4'));
+      var myColor = ['#eb2100', '#eb3600', '#d0570e', '#d0a00e', '#34da62', '#00e9db', '#00c0e9', '#0096f3'];
+      var option = {
+
+        grid: {
+          left: '0%',
+          top: '1%',
+          right: '5%',
+          bottom: '0%',
+          containLabel: true
+        },
+        xAxis: [{
+          show: false,
+        }],
+        yAxis: [{
+          axisTick: 'none',
+          axisLine: 'none',
+          offset: '7',
+          axisLabel: {
+            textStyle: {
+              color: 'rgba(255,255,255,.9)',
+              fontSize: '0',
+            }
+          },
+          data: this.state.year
+        },
+        {
+          name: '单位：件',
+          nameGap: '50',
+          nameTextStyle: {
+            color: 'rgba(255,255,255,.6)',
+            fontSize: '16',
+          },
+          axisLine: {
+            lineStyle: {
+              color: 'rgba(0,0,0,0)'
+            }
+          },
+          data: [],
+        }],
+        series: [{
+          name: '条',
+          type: 'bar',
+          yAxisIndex: 0,
+          data: this.state.missionsIntensity_arr,
           label: {
             normal: {
               show: true,
@@ -343,100 +375,7 @@ class LeftMenoyView extends Component {
             labelLine: {
               show: false
             },
-
-            data: [{
-              value: 205,
-              name: '碳酸锂',
-              itemStyle: {
-                normal: {
-                  color: {
-                    // 完成的圆环的颜色
-                    colorStops: [
-                      {
-                        offset: 0,
-                        color: 'rgba(141, 147, 255, 0.3)', // 0% 处的颜色
-                      },
-                      {
-                        offset: 1,
-                        color: 'rgba(141, 147, 255, 1)', // 100% 处的颜色
-                      },
-                    ],
-                  },
-                },
-              },
-            },
-            {
-              value: 310,
-              name: '氧化锂',
-              itemStyle: {
-                borderCap: 'round',
-
-                normal: {
-                  color: {
-                    // 完成的圆环的颜色
-                    colorStops: [
-                      {
-                        offset: 0,
-                        color: 'rgba(105, 255, 222, 0.3)', // 0% 处的颜色
-                      },
-                      {
-                        offset: 1,
-                        color: 'rgba(105, 255, 222, 1)', // 100% 处的颜色
-                      },
-                    ],
-                  },
-                },
-              },
-            },
-            {
-              value: 234,
-              name: '金属锂',
-              itemStyle: {
-                borderCap: 'round',
-
-                normal: {
-                  color: {
-                    // 完成的圆环的颜色
-                    colorStops: [
-                      {
-                        offset: 0,
-                        color: 'rgba(47, 210, 255, 0.3)', // 0% 处的颜色
-                      },
-                      {
-                        offset: 1,
-                        color: 'rgba(47, 210, 255, 1)', // 100% 处的颜色
-                      },
-                    ],
-                  },
-                },
-              },
-            },
-            {
-              value: 135,
-              name: '氢氧化锂',
-              itemStyle: {
-                borderCap: 'round',
-
-                normal: {
-                  barBorderRadius: 15,
-                  color: {
-                    // 完成的圆环的颜色
-                    colorStops: [
-                      {
-                        offset: 0,
-                        color: 'rgba(255, 206, 0, 0.3)', // 0% 处的颜色
-                      },
-                      {
-                        offset: 1,
-                        color: 'rgba(255, 206, 0, 1)', // 100% 处的颜色
-                      },
-                    ],
-                  },
-                },
-              },
-            },
-            ],
-
+            data: this.state.missionsIntensity_arr,
           },
         ],
       };
@@ -457,19 +396,20 @@ class LeftMenoyView extends Component {
     return (
       <div className={["eacharView cbLeftMenoyView"]}>
         <div id="echarts6_box">
-        <img
-              src={require("@assets/imgs/dataVimg/guanghuan.png").default}
-              alt=""
-              class="guanghuan animate__animated animate__pulse animate__infinite animate__slower"
-            />
+          <img
+            src={require("@assets/imgs/dataVimg/guanghuan.png").default}
+            alt=""
+            class="guanghuan animate__animated animate__pulse animate__infinite animate__slower"
+          />
 
           <div id="echarts6"></div>
         </div>
         <ul className={"name_ul"}>
-          <li>碳酸锂</li>
-          <li>氧化纳</li>
-          <li>金属锂</li>
-          <li>氢氧化钠</li>
+          {
+            this.state.year.map(x=>{
+              return (<li>x</li>)
+            })
+          }
         </ul>
         <div id="echarts4"></div>
       </div>

src/pages/tqcDataVHome/component/moodSendView.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 月度产量/发货量
  * @Date: 2023-10-23 09:32:12 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-01 14:58:29
+ * @Last Modified time: 2023-11-05 11:09:21
  */
 
 
@@ -10,6 +10,9 @@ import React, { useState, useEffect, Component } from "react";
 import styles from "../style.less";
 import { useHistory, useLocation, withRouter } from "react-router-dom";
 import mod from '../mod';
+import {
+  twoService,
+} from "../api";
 
 @withRouter
 
@@ -19,18 +22,36 @@ class MoodSendView extends Component {
     super(props, context);
     this.store = mod;
     this.state = {
+      proQty:[],
+      year:[],
+      deliveryQty:[],
     };
   }
 
   componentDidMount() {
-    this.setData();
+    this.getUrl()
   }
 
+  async getUrl() {
+    await twoService().then(({ data = [], resultCode }) => {
+      if (+resultCode === 0) {
+        let year = [], proQty = [], deliveryQty = [];
+        data.map((x, i) => {
+          year.push(x.bMonth);
+          proQty.push(x.proQty)
+          deliveryQty.push(x.deliveryQty)
+        });
+        this.setState({ year, deliveryQty,proQty });
+        this.setData();
+      }
+    });
+
+  }
+
+
   setData() {
     setTimeout(() => {
-      var dataAxis = ['1日', '2日', '3日', '4日', '5日', '6日', '7日', '8日', '9日', '10日', '11日', '12日', '13日', '14日', '15日'];
       var data = [220, 182, 191, 234, 290, 330, 310, 123, 442, 321, 90, 149, 210, 122, 200];
-      var data2 = [120, 22, 141, 24, 29, 30, 30, 93, 49, 91, 90, 55, 34, 33, 77];
       var yMax = 500;
       var dataShadow = [];
       for (var i = 0; i < data.length; i++) {
@@ -41,7 +62,15 @@ class MoodSendView extends Component {
           trigger: 'axis',
           axisPointer: {
             type: 'shadow'
-          }
+          },
+          borderColor:"rgba(105, 255, 222, 0.5)",
+          borderWidth:2,
+          padding:5,
+          textStyle:{
+            fontSize:12,
+            color:"#ededed"
+          },
+          backgroundColor:"#0000008a"
         },
         legend: {
           data: ['发货量', '产量'],
@@ -86,7 +115,7 @@ class MoodSendView extends Component {
           {
             type: 'category',
             axisTick: { show: false },
-            data: ['2月', '3月', '4月', '5月', '6月'],
+            data: this.state.year,
             axisLabel: {
               /*inside: true,*/
               color: "rgba(255,255,255,.6)",
@@ -160,7 +189,7 @@ class MoodSendView extends Component {
               ])
             },
 
-            data: [220, 182, 191, 234, 290]
+            data:this.state.proQty
           },
           {
             name: '发货量',
@@ -184,7 +213,7 @@ class MoodSendView extends Component {
                 { offset: 1, color: 'rgba(105, 255, 222, 0.3)' },
               ])
             },
-            data: [320, 332, 301, 334, 390]
+            data: this.state.deliveryQty
           }
         ]
       }

src/pages/tqcDataVHome/component/oneQualified.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 一次合格率
  * @Date: 2023-10-23 09:32:12 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-10-23 16:09:39
+ * @Last Modified time: 2023-11-05 11:13:22
  */
 
 
@@ -10,6 +10,9 @@ import React, { useState, useEffect, Component } from "react";
 import styles from "../style.less";
 import { useHistory, useLocation, withRouter } from "react-router-dom";
 import mod from '../mod';
+import {
+  twoService,
+} from "../api";
 
 @withRouter
 
@@ -19,13 +22,32 @@ class BottomLineForSend extends Component {
     super(props, context);
     this.store = mod;
     this.state = {
+      targeRate:[],
+      year:[],
+      qcRate:[],
     };
   }
 
   componentDidMount() {
-    this.setData();
+    this.getUrl()
   }
 
+  async getUrl() {
+    await twoService().then(({ data = [], resultCode }) => {
+      if (+resultCode === 0) {
+        let year = [], qcRate = [], targeRate = [];
+        data.map((x, i) => {
+          year.push(x.bMonth);
+          qcRate.push(x.qcRate)
+          targeRate.push(x.targeRate)
+        });
+        this.setState({ year, targeRate,qcRate });
+        this.setData();
+      }
+    });
+  }
+
+  
   setData() {
     setTimeout(() => {
       // 基于准备好的dom，初始化echarts实例
@@ -64,8 +86,7 @@ class BottomLineForSend extends Component {
         "xAxis": [
           {
             "type": "category",
-
-            data: ['2月', '3月', '4月', '5月', '6月'],
+            data: this.state.year,
             axisLine: { lineStyle: { color: "rgba(255,255,255,.1)" } },
             axisLabel: {
               textStyle: { color: "rgba(255,255,255,.7)", fontSize: '12', },
@@ -112,7 +133,7 @@ class BottomLineForSend extends Component {
           {
             "name": "目标一次及格率",
             "type": "line",
-            "data": [66, 16.8, 1.33, 12.65],
+            data: this.state.targeRate,
             lineStyle: {
               normal: {
                 width: 2
@@ -129,7 +150,7 @@ class BottomLineForSend extends Component {
           {
             "name": "实际一次及格率",
             "type": "line",
-            "data": [0, 11.48, 18.00, 25.65],
+            data: this.state.qcRate,
             lineStyle: {
               normal: {
                 width: 2

src/pages/tqcDataVHome/mod.js

@@ -14,6 +14,10 @@ import { message } from 'antd';
 
 // 默认状态
 const defaultState = {
+  totalValue:0,
+  yearDecline:0,
+  yearSend:0,
+  productInventory:0,
   list:[{name:'营运数据大屏'},{name:'经营大盘'},{name:'到家专题'},{name:'门店大盘'},{name:'自助跑数SQL平台'},{name:'月度包材预警跑数模板'}],
   rightlist:[],
   bumen:'数字化中心/数据工程部',

src/pages/tqcDataVHome/view.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 
  * @Date: 2023-10-25 10:32:44 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-01 16:03:12
+ * @Last Modified time: 2023-11-05 11:14:56
  */
 /*
  * @Author: dayan_hjm 
@@ -24,6 +24,11 @@ import LeftMenoyView from "./component/leftMenoyView.jsx";
 import RightBottomView from "./component/rightBottomView.jsx";
 import OneQualified from "./component/oneQualified.jsx";
 import MapView from "./component/mapView.jsx";
+import {
+  timeService,
+  numberService,
+} from "./api";
+
 import 'animate.css';
 @withRouter
 
@@ -54,8 +59,9 @@ class Home extends Component {
 
   componentDidMount() {
     this.fontMsgChange();
+    this.getUrl();
+    this.getUrl2()
     setTimeout(() => {
-      $(".shu1").numScroll();
       this.videoStart();
     }, 200)
     setTimeout(() => {
@@ -119,6 +125,50 @@ class Home extends Component {
 
   }
 
+  async getUrl(){
+    await timeService().then(({ data=[], resultCode }) => {
+      if (+resultCode === 0) {
+        let plannedCompletionData = [],manHourData = [];
+        data.map((x,i)=>{
+          if(x.indexName == '产量计划完成率'){
+            plannedCompletionData.push({
+              name:x.factoryName,
+              value:x.indexValue*100,
+            })
+          }else{
+            manHourData.push({
+              name:x.factoryName,
+              value:x.indexValue*100,
+            })
+          }
+        });
+        this.setState({plannedCompletionData,manHourData,plannedCompletionNum:1,manHourNum:1});
+      }
+    });
+  }
+  async getUrl2(){
+    await numberService().then(({ data=[], resultCode }) => {
+      if (+resultCode === 0) {
+        let totalValue = 0,yearDecline = 0,yearSend=0,productInventory=0;
+        data.map((x,i)=>{
+          if(x.indexName == '产值'){
+            totalValue = x.indexValue
+          }else if(x.indexName == '年度产量'){
+            yearDecline = x.indexValue
+          }else if(x.indexName == '产品库存'){
+            yearSend = x.indexValue
+          }else if(x.indexName == '年度产量'){
+            productInventory = x.indexValue
+          }
+        });
+        this.store.saveState({totalValue,yearDecline,yearSend,productInventory});
+        setTimeout(() => {
+          $(".shu1").numScroll();
+        }, 2500)
+      }
+    });
+  }
+
   componentDidCatch(){
     clearInterval(this.timer);
     this.timer = null;
@@ -148,8 +198,8 @@ class Home extends Component {
 
   render() {
     const stores = this.store.state;
-    const { changGif,plannedCompletionData } = this.state;
-
+    const {totalValue,yearDecline,yearSend,productInventory} = this.store.state;
+    let { changGif,plannedCompletionData, } = this.state;
     return (
       <div className={"home_box"}>
         {/* 视频播放器 */}
@@ -164,7 +214,7 @@ class Home extends Component {
               <div className="topMsg">
                 <p className="topMsg_title">总产值</p>
                 <div className={changGif ? "topMsg_content changBg_topMsg_content" : "topMsg_content"}>
-                  <span className="topMsg_number" class="shu1">232425.23</span><span className="topMsg_number_2">万元</span>
+                  <span className="topMsg_number" class="shu1">{totalValue}</span><span className="topMsg_number_2">万元</span>
                 </div>
               </div>
             </div>
@@ -196,20 +246,20 @@ class Home extends Component {
                   <div className="topMsg_content">
                     <div className="center_li">
                       <div className="right_li">
-                        <span className="topMsg_number" class="shu1">232425</span>
+                        <span className="topMsg_number" class="shu1">{yearDecline}</span>
                         <p className="topMsg_line"></p>
                         <span className="topMsg_tip">年度产量/吨</span>
                       </div>
                     </div>
                     <div className="center_li">
                       <div className="right_li">
-                        <span className="topMsg_number" class="shu1">32425</span>
+                        <span className="topMsg_number" class="shu1">{yearSend}</span>
                         <p className="topMsg_line"></p>
                         <span className="topMsg_tip">年度发货量/吨</span>
                       </div>
                     </div>
                     <div className="center_li">
-                      <span className="topMsg_number" class="shu1">13456</span>
+                      <span className="topMsg_number" class="shu1">{productInventory}</span>
                       <p className="topMsg_line"></p>
                       <span className="topMsg_tip">产品库存/吨</span>
                     </div>
@@ -235,8 +285,8 @@ class Home extends Component {
                 <p className="topMsg_title">百万工时损工率</p>
                 <div className={changGif ? "topMsg_content changBg_topMsg_content" : "topMsg_content"} id="manHourBox">
                   <div className="topMsg_box">
-                    <span className="topMsg_number" class="shu1">232425.23</span><span className="topMsg_number_2">%</span>
-                    <p className="topMsg_number_p">谢洪</p>
+                    <span className="topMsg_number" class="shu1"></span><span className="topMsg_number_2"></span>
+                    <p className="topMsg_number_p"></p>
                   </div>
                 </div>
               </div>
@@ -256,8 +306,8 @@ class Home extends Component {
                 <p className="topMsg_title">产量计划完成率</p>
                 <div className={changGif ? "topMsg_content changBg_topMsg_content" : "topMsg_content"} id="plannedCompletionBox">
                   <div className="topMsg_box">
-                    <span className="topMsg_number" class="shu1">78.1</span><span className="topMsg_number_2">%</span>
-                    <p className="topMsg_number_p">谢洪</p>
+                    <span className="topMsg_number" class="shu1"></span><span className="topMsg_number_2"></span>
+                    <p className="topMsg_number_p"></p>
                   </div>
                 </div>
               </div>

src/utils/request.js

@@ -129,21 +129,6 @@ export default function (option) {
   let relationship = JSON.parse(sessionStorage.getItem("nodeData") || "{}");
   option.headers = option.headers || {};
   option.headers["token"] = localStorage.getItem("token") || sessionStorage.getItem("token");
-
-  //大屏参数 -------start
-  //碳排放
-  const token_1 = '19c3cdb58b80e44f2490b8eba3b7f938';
-
-  instance.defaults.headers.common["sign"] = token_1;
-  instance.defaults.headers.common["account"] = "yunxi_fuxue";
-  instance.defaults.headers.common["apiId"] = "1356250396177503367";
-  instance.defaults.headers.common["Cache-Control"] = "no-cache";
-  instance.defaults.headers.common["appKey"] = "200000134";
-  instance.defaults.headers.common["execType"] = "3";
-  instance.defaults.headers.common["env"] = "PROD";
-
-  //大屏参数 -------end
-
   option.headers["visitId"] = sessionStorage.getItem("unionId");
   option.headers["pageId"] = relationship.pageId;
   option.headers["resourceId"] = sessionStorage.getItem("curNodeId");