feat: 联调

src/pages/gvc/api.js

@@ -8,32 +8,31 @@ export function checkToken(params) {
   });
 }
 
-/**碳排放 */
-export function dataengineCenterOneservice(params) {
+/**各基地库存明细 */
+export function smallMaterialService(params) {
   return request({
-    url: "/dataengine-center-oneservice/list/1356250396177503367",
+    url: "/dataengine-center-oneservice/list/1357515512842851674",
     method: "POST",
     data: {
-      "apiId": "1356250396177503367",
-      "appKey": "200000134",
+      "apiId": "1357515512842851674",
+      "appKey": "200000135",
       "env": "PROD",
       "reqProtocol": 1,
       "returnFields": [
-        "byear",
-        "missionsIntensity",
-        "missionsTotal",
-        "biz_id"
+        "factoryNameCode",
+        "prodCatgory",
+        "indexValue",
       ],
       "pageNum": 1,
       "pageSize": 10,
       "useResultCache": false
     },
     headers: {
-      sign: '19c3cdb58b80e44f2490b8eba3b7f938',
+      sign: '74cd2e9daad07a24d6dd052d0e099a04',
       account: 'yunxi_fuxue',
       'Cache-Control': 'no-cache',
-      apiId: '1356250396177503367',
-      appKey: '200000134',
+      apiId: '1357515512842851674',
+      appKey: '200000135',
       execType: '3',
       env: 'PROD',
     }
@@ -41,19 +40,19 @@ export function dataengineCenterOneservice(params) {
 }
 
 
-/**库存金额 */
-export function momeyService(params) {
+/**各基地日，月累计，年累计产量 */
+export function smallDayService(params) {
   return request({
-    url: "/dataengine-center-oneservice/list/1356776817075459329",
+    url: "/dataengine-center-oneservice/list/1357506251394946361",
     method: "POST",
     data: {
-      "apiId": "1356776817075459329",
-      "appKey": "200000134",
+      "apiId": "1357506251394946361",
+      "appKey": "200000135",
       "env": "PROD",
       "reqProtocol": 1,
       "returnFields": [
-        "indexName",
-        "prodCatgory",
+        "factoryNameCode",
+        "dateType",
         "indexValue"
       ],
       "pageNum": 1,
@@ -61,11 +60,11 @@ export function momeyService(params) {
       "useResultCache": false
     },
     headers: {
-      sign: 'd58de970856e583f126d186662251024',
+      sign: 'a31d189029e2b940a6d5e5188b6b49cf',
       account: 'yunxi_fuxue',
       'Cache-Control': 'no-cache',
-      apiId: '1356776817075459329',
-      appKey: '200000134',
+      apiId: '1357506251394946361',
+      appKey: '200000135',
       execType: '3',
       env: 'PROD',
     }
@@ -135,64 +134,61 @@ export function rollService(params) {
 }
 
 
-/**近30天产量*/
-export function mondService(params) {
+/**锂辉石库存*/
+export function bigShopService(params) {
   return request({
-    url: "/dataengine-center-oneservice/list/1356244872119751767",
+    url: "/dataengine-center-oneservice/list/1357489941160170789",
     method: "POST",
     data: {
-      "apiId": "1356244872119751767",
-      "appKey": "200000134",
+      "apiId": "1357489941160170789",
+      "appKey": "200000135",
       "env": "PROD",
       "reqProtocol": 1,
       "returnFields": [
-        "indexName",
-        "indexDate",
-        "indexValue"
+        "warehouseNameCode",
+        "indexValue",
       ],
       "pageNum": 1,
       "pageSize": 10,
       "useResultCache": false
     },
     headers: {
-      sign: 'ef3ecc442896d925cc02d36f1107d9e3',
+      sign: 'ae4c520da5ae882455307324f75f5277',
       account: 'yunxi_fuxue',
       'Cache-Control': 'no-cache',
-      apiId: '1356244872119751767',
-      appKey: '200000134',
+      apiId: '1357489941160170789',
+      appKey: '200000135',
       execType: '3',
       env: 'PROD',
     }
   });
 }
 
-/**月度产量/发货量+一次合格率*/
-export function twoService(params) {
+/**个基地年累计产量，库存*/
+export function smallShopService(params) {
   return request({
-    url: "/dataengine-center-oneservice/list/1356411403496625359",
+    url: "/dataengine-center-oneservice/list/1357592780709598582",
     method: "POST",
     data: {
-      "apiId": "1356411403496625359",
-      "appKey": "200000134",
+      "apiId": "1357592780709598582",
+      "appKey": "200000135",
       "env": "PROD",
       "reqProtocol": 1,
       "returnFields": [
-        "bMonth",
-        "proQty",
-        "deliveryQty",
-        "qcRate",
-        "targeRate",
+        "factoryCode",
+        "production",
+        "inventory",
       ],
       "pageNum": 1,
       "pageSize": 10,
       "useResultCache": false
     },
     headers: {
-      sign: '9c472223a9acbdb9f16bebb7002e0c40',
+      sign: 'a842b5c5c462d7cacd2baad402ea94a7',
       account: 'yunxi_fuxue',
       'Cache-Control': 'no-cache',
-      apiId: '1356411403496625359',
-      appKey: '200000134',
+      apiId: '1357592780709598582',
+      appKey: '200000135',
       execType: '3',
       env: 'PROD',
     }

src/pages/gvc/mod.js

@@ -19,21 +19,21 @@ const defaultState = {
       total: 4500,
       totalName: "累计运输锂辉石",
       styles: { left: "0%", top: "19%" },
-      cumulativeProduction: "",
+      cumulativeProduction: null,
       inventory: 0,
     },
     {
       total: 3233,
       totalName: "锂辉石库存量",
       styles: { left: "11%", top: "45%" },
-      cumulativeProduction: "",
+      cumulativeProduction: null,
       inventory: 0,
     },
     {
       total: 3578,
       totalName: "锂辉石库存量",
       styles: { left: "34%", top: "27%" },
-      cumulativeProduction: "",
+      cumulativeProduction: null,
       inventory: 0,
     },
     {

src/pages/gvc/style.less

@@ -201,7 +201,7 @@
 
           li {
             position: absolute;
-            width: 14em;
+            width: 17em;
             height: 4em;
             opacity: 1;
             background: linear-gradient(0deg, #ffffff26 0%, #ffffff00 100%);

src/pages/gvc/view.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm  产供销价值链
  * @Date: 2023-11-10 10:19:34 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-16 16:47:16
+ * @Last Modified time: 2023-11-17 15:52:57
  */
 
 import React, { useState, useEffect, Component } from "react";
@@ -15,7 +15,10 @@ import { toJS } from "mobx";
 import RightBottomView from "./component/rightBottomView.jsx";
 import {
   leftService,
-  rollService,
+  bigShopService,
+  smallShopService,
+  smallDayService,
+  smallMaterialService,
   checkToken,
   updateTimeService
 } from "./api";
@@ -66,8 +69,11 @@ class Gvc extends Component {
   componentDidMount() {
     // this.fontMsgChange();
     this.getUrl();
-    // this.getUrl2()
+    this.getUrl2()
+    this.getUrl4()
     this.getUrl3();
+
+
     setTimeout(() => {
       this.videoStart();
     }, 200)
@@ -76,6 +82,12 @@ class Gvc extends Component {
       this.setState({ changGif: true });
       $(".shu1").numScroll();
     }, 3000)
+    setTimeout(() => {
+      this.getUrl5()
+      setTimeout(() => {
+        this.getUrl6()
+      }, 500)
+    }, 2000)
   }
   videoStart() {
     /*     Chrome 浏览器的视频自动播放策略
@@ -153,21 +165,139 @@ class Gvc extends Component {
     });
   }
   async getUrl2() {
-    await rollService().then(({ data = [], resultCode }) => {
+    await bigShopService().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
+        const name_ = ["", "锂辉石库存量", "锂辉石库存量", "累计运输锂辉石"];
+        const style__ = [{}, { left: "34%", top: "27%" }, { left: "11%", top: "45%" }, { left: "0%", top: "19%" }]
+        data = data.map((x, i) => {
+          return {
+            ...x,
+            total: x.indexValue,
+            totalName: name_[x.warehouseNameCode],
+            styles: style__[x.warehouseNameCode],
+            cumulativeProduction: null,
+            inventory: 0,
           }
         });
-        this.store.saveState({ totalValue, yearDecline, yearSend, productInventory });
+        const d_1 = data.filter(x => { return x.warehouseNameCode == 3 })[0];
+        const d_2 = data.filter(x => { return x.warehouseNameCode == 2 })[0];
+        const d_3 = data.filter(x => { return x.warehouseNameCode == 1 })[0];
+        let old_imgMsgData = this.store.state.imgMsgData;
+        old_imgMsgData[0] = d_1;
+        old_imgMsgData[1] = d_2;
+        old_imgMsgData[2] = d_3;
+
+        this.store.saveState({ imgMsgData: old_imgMsgData });
+      }
+    });
+  }
+  async getUrl4() {
+    await smallShopService().then(({ data = [], resultCode }) => {
+      if (+resultCode === 0) {
+        const style__ = [{}, { left: "88%", top: "28%" }, { left: "70%", top: "42%" }, { left: "52%", top: "56%" }, { left: "11%", top: "88%" }, { left: "30%", top: "73%" }]
+        data = data.map((x, i) => {
+          return {
+            ...x,
+            total: 0,
+            totalName: "",
+            styles: style__[x.factoryCode],
+            cumulativeProduction: x.production,
+            inventory: x.inventory,
+          }
+        });
+        const d_1 = data.filter(x => { return x.factoryCode == 4 })[0];
+        const d_2 = data.filter(x => { return x.factoryCode == 5 })[0];
+        const d_3 = data.filter(x => { return x.factoryCode == 3 })[0];
+        // const d_4 = data.filter(x=>{return x.factoryCode == 2})[0];
+        const d_4 = data.filter(x => { return x.factoryCode == null })[0];
+        const d_5 = data.filter(x => { return x.factoryCode == 1 })[0];
+        let old_imgMsgData = this.store.state.imgMsgData;
+        old_imgMsgData[3] = d_1;
+        old_imgMsgData[4] = d_2;
+        old_imgMsgData[5] = d_3;
+        old_imgMsgData[6] = d_4;
+        old_imgMsgData[7] = d_5;
+        console.log(old_imgMsgData, "old_imgMsgData")
+        this.store.saveState({ imgMsgData: old_imgMsgData });
+      }
+    });
+  }
+  async getUrl5() {
+    await smallDayService().then(({ data = [], resultCode }) => {
+      if (+resultCode === 0) {
+        function getItems(num) {
+          const datas = data.filter(x => { return x.factoryNameCode == num });
+          const par = {
+            day: datas?.filter(x => { return x.dateType == 1 })?.[0]?.indexValue || 0,
+            mood: datas?.filter(x => { return x.dateType == 2 })?.[0]?.indexValue || 0,
+            year: datas?.filter(x => { return x.dateType == 3 })?.[0]?.indexValue || 0,
+          }
+          return par
+        }
+
+        const d_1 = getItems(5);
+        const d_2 = getItems(4);
+        const d_3 = getItems(3);
+        // const d_4 = data.filter(x=>{return x.factoryCode == 2})[0];
+        const d_4 = getItems(2);
+        const d_5 = getItems(1);
+        let old_imgMsgData = this.store.state.imgMsgData;
+        old_imgMsgData[3] = { ...old_imgMsgData[3], ...d_1 };
+        old_imgMsgData[4] = { ...old_imgMsgData[4], ...d_2 };
+        old_imgMsgData[5] = { ...old_imgMsgData[5], ...d_3 };
+        old_imgMsgData[6] = { ...old_imgMsgData[6], ...d_4 };
+        old_imgMsgData[7] = { ...old_imgMsgData[7], ...d_5 };
+        console.log(old_imgMsgData, "1111old_imgMsgData")
+        this.store.saveState({ imgMsgData: old_imgMsgData });
+      }
+    });
+  }
+
+  async getUrl6() {
+    await smallMaterialService().then(({ data = [], resultCode }) => {
+      if (+resultCode === 0) {
+        function getItems(num) {
+          const datas = data.filter(x => { return x.factoryNameCode == num });
+          const par = {
+            rawMaterial: [
+              {
+                prodCatgory: "原料-鲤辉石",
+                indexValue: datas?.filter(x => { return x.prodCatgory == 1 })?.[0]?.indexValue || 0,
+              },
+              {
+                prodCatgory: "产品-碳酸锂",
+                indexValue: datas?.filter(x => { return x.prodCatgory == 2 })?.[0]?.indexValue || 0,
+              },
+              {
+                prodCatgory: "产品-氯化锂",
+                indexValue: datas?.filter(x => { return x.prodCatgory == 3 })?.[0]?.indexValue || 0,
+              },
+              {
+                prodCatgory: "产品-氢氧化锂",
+                indexValue: datas?.filter(x => { return x.prodCatgory == 4 })?.[0]?.indexValue || 0,
+              },
+              {
+                prodCatgory: "产品-金属锂",
+                indexValue: datas?.filter(x => { return x.prodCatgory == 5 })?.[0]?.indexValue || 0,
+              }
+            ]
+          }
+          return par
+        }
+
+        const d_1 = getItems(5);
+        const d_2 = getItems(4);
+        const d_3 = getItems(3);
+        const d_4 = getItems(2);
+        const d_5 = getItems(1);
+        let old_imgMsgData = this.store.state.imgMsgData;
+        old_imgMsgData[3] = { ...old_imgMsgData[3], ...d_1 };
+        old_imgMsgData[4] = { ...old_imgMsgData[4], ...d_2 };
+        old_imgMsgData[5] = { ...old_imgMsgData[5], ...d_3 };
+        old_imgMsgData[6] = { ...old_imgMsgData[6], ...d_4 };
+        old_imgMsgData[7] = { ...old_imgMsgData[7], ...d_5 };
+        console.log(old_imgMsgData, "1111old_imgMsgData")
+        this.store.saveState({ imgMsgData: old_imgMsgData });
       }
     });
   }
@@ -240,7 +370,7 @@ class Gvc extends Component {
   render() {
     const stores = this.store.state;
     let { totalValue, yearDecline, yearSend, imgMsgData } = this.store.state;
-    let { LeftHtml,updateTime } = this.state;
+    let { LeftHtml, updateTime } = this.state;
     return (
       <div className={[styles.home_box + ' home_box']}>
         <div className={"all_box"}>
@@ -282,7 +412,7 @@ class Gvc extends Component {
                         }
                         {/* 基地 */}
                         {
-                          item.cumulativeProduction && <div className="hoverR">
+                          item.cumulativeProduction !== null && <div className="hoverR">
                             <div className="hoverDiv chanL">
                               <div style={{ width: "38%" }}>
                                 <p className="title">
@@ -306,7 +436,7 @@ class Gvc extends Component {
                           </div>
                         }
                         {
-                          item.cumulativeProduction && <div className="chanL text">
+                          item.cumulativeProduction !== null && <div className="chanL text">
                             <div>
                               <p>累计产量</p>
                               <span class="nums shu1">{item.cumulativeProduction}</span><span class="topMsg_number_2" style={{ fontSize: "0.75em", color: "#fff" }}>吨</span>
@@ -337,7 +467,7 @@ class Gvc extends Component {
               </div>
             </div>
             <div className="bottom_box">
-              <p style={{ color: "#6a818d", lineHeight: '2px',width: '100%',textAlign: "center" }}>
+              <p style={{ color: "#6a818d", lineHeight: '2px', width: '100%', textAlign: "center" }}>
                 更新时间 : {updateTime}
               </p>
             </div>