.env.dev

@@ -5,8 +5,7 @@ ENV = 'development'
 VUE_APP_TITLE = 芋道管理系统
 
 # 芋道管理系统/开发环境
-# VUE_APP_BASE_API = 'http://192.168.1.61:48080'
-VUE_APP_BASE_API = 'http://glass.kszny.picaiba.com'
+VUE_APP_BASE_API = 'http://192.168.1.61:48080'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

src/store/modules/home.js

@@ -68,15 +68,9 @@ const actions = {
       energy: null,
       efficiency: null,
     }[source];
-    // 获取产量数据
     let { data: factoryList, type } = await fetcher(period);
-    let targetList = null;
-    if (source === "yield") {
-      // 获取目标数据
-      let { data } = await fetcher(period, true);
-      targetList = data;
-    }
-    const payload = splitCurrentAndPrevious(factoryList, targetList);
+
+    const payload = splitCurrentAndPrevious(factoryList);
     commit("SET_COPILOT_INFO", { type, payload });
   },
 };
@@ -93,6 +87,7 @@ function splitCurrentAndPrevious(factoryListResponse, targetListResponse) {
   const { chipInvest, ftoInvest, chipOutput, stdOutput, bipvOutput } = init();
   if (factoryListResponse) {
     for (const factory of factoryListResponse) {
+      debugger;
       const fId = getFactoryId(factory);
       // 获取目标值
       if (targetListResponse) {
@@ -109,12 +104,9 @@ function splitCurrentAndPrevious(factoryListResponse, targetListResponse) {
       ftoInvest.current[fId] = factory.chipInput;
       ftoInvest.previous[fId] = factory.previousYearChipInput;
       // 产出数据, 0 - （玻璃）芯片产出， 1 - 标准组件产出， 2 - BIPV产出
-      // 因为后端写的垃圾数据，所以这里要做一下判断
-      if (![0, 1, 2].includes(factory.glassType)) continue;
       const _t = [chipOutput, stdOutput, bipvOutput][factory.glassType];
       _t.current[fId] = factory.outputNumber;
       _t.previous[fId] = factory.previousYearOutputNumber;
-      // debugger;
     }
 
     return {
@@ -210,17 +202,10 @@ async function getHomeTarget() {
   return null;
 }
 
-async function fetcher(type = "yield", params) {
-  const { code, data } = await axios.post(
-    type == "yield"
-      ? // 产量 数据
-        "/ip/prod-output/query-by-date"
-      : // 目标数据
-        "/ip/prod-target/query-by-date",
-    {
+async function fetcher(params) {
+  const { code, data } = await axios.post("/ip/prod-output/query-by-date", {
     ...params,
-    }
-  );
+  });
   if (code == 0) {
     return data;
   }
@@ -228,13 +213,7 @@ async function fetcher(type = "yield", params) {
   return null;
 }
 
-/**
- *
- * @param {*} period 周期： 日周月年
- * @param {*} target 是否获取目标数据：默认 否
- * @returns
- */
-async function getCopilotYield(period, target = false) {
+async function getCopilotYield(period) {
   // 请求参数，直接一次性获取所有工厂
   let queryParams = {
     factorys: [],
@@ -259,8 +238,5 @@ async function getCopilotYield(period, target = false) {
       break;
   }
 
-  return {
-    data: await fetcher(target ? "target" : "yield", queryParams),
-    type: "yield",
-  };
+  return { data: await fetcher(queryParams), type: "yield" };
 }

src/views/copilot/components/charts/BipvOutput.vue

@@ -6,7 +6,7 @@
 -->
 
 <template>
-  <DoubleRingWrapperVue data-source="BIPV产出" :period="period" />
+  <DoubleRingWrapperVue :data-source="dataBundle" :period="period" />
 </template>
 
 <script>
@@ -22,7 +22,7 @@ export default {
     },
   },
   data() {
-    return {};
+    return { dataBundle: null };
   },
 };
 </script>

src/views/copilot/components/charts/ChipInvest.vue

@@ -10,8 +10,7 @@
     :legend="legend"
     :series="series"
     :xAxis="xAxis"
-    in="ChipInvest"
-    class="chip-invest-chart"
+    class="fto-chart"
   />
 </template>
 
@@ -45,8 +44,8 @@ export default {
           const year = new Date().getFullYear();
           const month = new Date().getMonth() + 1;
           return [
-            { label: `${year - 1}年${month}月`, color: "#12f7f1" },
-            { label: `${year}年${month}月`, color: "#58adfa" },
+            { label: `${year}年${month}月`, color: "#12f7f1" },
+            { label: `${year - 1}年${month}月`, color: "#58adfa" },
           ];
         }
         case "年": {
@@ -64,43 +63,59 @@ export default {
       }
     },
     series() {
-      const { chipInvest } = this.$store.getters.copilot.yield;
-      let dataList = null;
-      switch (this.period) {
-        case "日":
-        case "周":
-          dataList = chipInvest?.current;
-          break;
-        default:
-          dataList = [];
-          dataList[0] = chipInvest?.pervious;
-          dataList[1] = chipInvest?.current;
-      }
-      return getTemplate(this.period, dataList);
-    },
-  },
-};
-
-function getTemplate(period, dataList) {
-  const year = new Date().getFullYear();
-  const month = new Date().getMonth() + 1;
-  return period == "日" || period == "周"
+      const template =
+        this.period == "日" || this.period == "周"
           ? [
               {
-          name: period == "日" ? "昨日" : "本周",
-          data: dataList ?? [],
+                name: "样例数据--2023年",
+                data: Array.from({ length: 7 }, () =>
+                  Math.floor(Math.random() * 1000)
+                ),
               },
             ]
           : [
               {
-          name: period == "年" ? `${year - 1}年` : `${year - 1}年${month}月`,
-          data: dataList ? dataList[0] : [],
+                name: "样例数据--2023年",
+                data: Array.from({ length: 7 }, () =>
+                  Math.floor(Math.random() * 1000)
+                ),
               },
               {
-          name: period == "年" ? `${year}年` : `${year}年${month}月`,
-          data: dataList ? dataList[1] : [],
-          // : Array.from({ length: 7 }, () => Math.floor(Math.random() * 1000)),
+                name: "样例数据--2024年",
+                data: Array.from({ length: 7 }, () =>
+                  Math.floor(Math.random() * 1000)
+                ),
+              },
+            ];
+      const ftoInvest = this.$store.getters.home.ftoInvest;
+      if (!ftoInvest || !ftoInvest.current || !ftoInvest.previous) {
+        return [
+          {
+            name: "样例数据--2023年",
+            data: Array.from({ length: 7 }, () =>
+              Math.floor(Math.random() * 1000)
+            ),
+          },
+          {
+            name: "样例数据--2024年",
+            data: Array.from({ length: 7 }, () =>
+              Math.floor(Math.random() * 1000)
+            ),
           },
         ];
       }
+
+      return [
+        {
+          name: `${new Date().getFullYear() - 1}年`,
+          data: ftoInvest.previous,
+        },
+        {
+          name: `${new Date().getFullYear()}年`,
+          data: ftoInvest.current,
+        },
+      ];
+    },
+  },
+};
 </script>

src/views/copilot/components/charts/ChipOutput.vue

@@ -6,7 +6,7 @@
 -->
 
 <template>
-  <DoubleRingWrapperVue data-source="芯片产出" :period="period" />
+  <DoubleRingWrapperVue :data-source="dataBundle" :period="period" />
 </template>
 
 <script>
@@ -22,7 +22,7 @@ export default {
     },
   },
   data() {
-    return {};
+    return { dataBundle: null };
   },
 };
 </script>

src/views/copilot/components/charts/FtoInvest.vue

@@ -10,7 +10,6 @@
     :legend="legend"
     :series="series"
     :xAxis="xAxis"
-    in="ftoInvest"
     class="fto-chart"
   />
 </template>
@@ -45,8 +44,8 @@ export default {
           const year = new Date().getFullYear();
           const month = new Date().getMonth() + 1;
           return [
-            { label: `${year - 1}年${month}月`, color: "#12f7f1" },
-            { label: `${year}年${month}月`, color: "#58adfa" },
+            { label: `${year}年${month}月`, color: "#12f7f1" },
+            { label: `${year - 1}年${month}月`, color: "#58adfa" },
           ];
         }
         case "年": {
@@ -64,45 +63,59 @@ export default {
       }
     },
     series() {
-      const { ftoInvest } = this.$store.getters.copilot.yield;
-      let dataList = null;
-
-      switch (this.period) {
-        case "日":
-        case "周":
-          dataList = ftoInvest?.current;
-          break;
-        default:
-          dataList = [];
-          dataList[0] = ftoInvest?.pervious;
-          dataList[1] = ftoInvest?.current;
-      }
-
-      return getTemplate(this.period, dataList);
-    },
-  },
-};
-
-function getTemplate(period, dataList) {
-  const year = new Date().getFullYear();
-  const month = new Date().getMonth() + 1;
-  return period == "日" || period == "周"
+      const template =
+        this.period == "日" || this.period == "周"
           ? [
               {
-          name: period == "日" ? "昨日" : "本周",
-          data: dataList ?? [],
+                name: "样例数据--2023年",
+                data: Array.from({ length: 7 }, () =>
+                  Math.floor(Math.random() * 1000)
+                ),
               },
             ]
           : [
               {
-          name: period == "年" ? `${year - 1}年` : `${year - 1}年${month}月`,
-          data: dataList ? dataList[0] : [],
+                name: "样例数据--2023年",
+                data: Array.from({ length: 7 }, () =>
+                  Math.floor(Math.random() * 1000)
+                ),
               },
               {
-          name: period == "年" ? `${year}年` : `${year}年${month}月`,
-          data: dataList ? dataList[1] : [],
-          // : Array.from({ length: 7 }, () => Math.floor(Math.random() * 1000)),
+                name: "样例数据--2024年",
+                data: Array.from({ length: 7 }, () =>
+                  Math.floor(Math.random() * 1000)
+                ),
+              },
+            ];
+      const ftoInvest = this.$store.getters.home.ftoInvest;
+      if (!ftoInvest || !ftoInvest.current || !ftoInvest.previous) {
+        return [
+          {
+            name: "样例数据--2023年",
+            data: Array.from({ length: 7 }, () =>
+              Math.floor(Math.random() * 1000)
+            ),
+          },
+          {
+            name: "样例数据--2024年",
+            data: Array.from({ length: 7 }, () =>
+              Math.floor(Math.random() * 1000)
+            ),
           },
         ];
       }
+
+      return [
+        {
+          name: `${new Date().getFullYear() - 1}年`,
+          data: ftoInvest.previous,
+        },
+        {
+          name: `${new Date().getFullYear()}年`,
+          data: ftoInvest.current,
+        },
+      ];
+    },
+  },
+};
 </script>

src/views/copilot/components/charts/StdOutput.vue

@@ -6,7 +6,7 @@
 -->
 
 <template>
-  <DoubleRingWrapperVue data-source="标准组件产出" :period="period" />
+  <DoubleRingWrapperVue data-source="标准组件输出" :period="period" />
 </template>
 
 <script>

src/views/copilot/components/charts/base/BarChartBase.vue

@@ -52,10 +52,6 @@ export default {
       type: Array,
       required: true,
     },
-    in: {
-      type: String,
-      default: "",
-    },
   },
   data() {
     return {
@@ -201,8 +197,8 @@ export default {
       const actualOptions = JSON.parse(JSON.stringify(this.options));
       actualOptions.series[0].data = val[0].data;
       actualOptions.series[0].name = val[0].name;
-      actualOptions.series[1].data = val?.[1]?.data || [];
-      actualOptions.series[1].name = val?.[1]?.name || "";
+      actualOptions.series[1].data = val[1].data;
+      actualOptions.series[1].name = val[1].name;
       this.actualOptions = actualOptions;
       this.initOptions(actualOptions);
     },

src/views/copilot/components/charts/base/CityData.vue

@@ -57,13 +57,13 @@ export default {
     headquarterValue() {
       let getterName = "";
       switch (this.dataSource) {
-        case "标准组件产出":
+        case "标准组件输出":
           getterName = "stdOutput";
           break;
-        case "芯片产出":
+        case "芯片输出":
           getterName = "chipOutput";
           break;
-        case "BIPV产出":
+        case "BIPV输出":
           getterName = "bipvOutput";
           break;
       }
@@ -74,13 +74,13 @@ export default {
     cities() {
       let getterName = "";
       switch (this.dataSource) {
-        case "标准组件产出":
+        case "标准组件输出":
           getterName = "stdOutput";
           break;
-        case "芯片产出":
+        case "芯片输出":
           getterName = "chipOutput";
           break;
-        case "BIPV产出":
+        case "BIPV输出":
           getterName = "bipvOutput";
           break;
       }

src/views/copilot/components/charts/base/DoubleRingChart.vue

@@ -23,7 +23,7 @@
 <script>
 import chartMixin from "@/mixins/chart.js";
 import fullscreenMixin from "@/mixins/fullscreen.js";
-import getOptions from "./double-ring-chart-options";
+import options from "./double-ring-chart-options";
 
 export default {
   name: "DoubleRingChart",
@@ -37,10 +37,6 @@ export default {
       type: String,
       default: "日",
     },
-    dataSource: {
-      type: String,
-      default: null,
-    },
   },
   data() {
     return {};
@@ -49,25 +45,9 @@ export default {
     legendItems() {
       return calculateItems(this.period);
     },
-    options() {
-      // TODO: 此处更新数据
-      let titleValue = "10%",
-        subtitle = "测试子标题",
-        previousSum = 10,
-        currentSum = 0,
-        targetSum = 100;
-
-      return getOptions({
-        titleValue,
-        subtitle,
-        previousSum,
-        currentSum,
-        targetSum,
-      });
-    },
   },
   mounted() {
-    this.initOptions(this.options);
+    this.initOptions(options);
   },
   methods: {
     // fullscreen mixin 需要的回调
@@ -156,17 +136,17 @@ function calculateItems(period) {
 }
 
 .legend-item:nth-child(1) .legend-item__label::before {
-  background: #12fff5;
+  background: #0f65ff;
 }
 .legend-item:nth-child(1) .legend-item__value {
-  color: #12fff5;
+  color: #0f65ff;
 }
 
 .legend-item:nth-child(2) .legend-item__label::before {
-  background: #0f65ff;
+  background: #12fff5;
 }
 .legend-item:nth-child(2) .legend-item__value {
-  color: #0f65ff;
+  color: #12fff5;
 }
 
 .legend-item:nth-child(3) .legend-item__label::before {

src/views/copilot/components/charts/base/DoubleRingWrapper.vue

@@ -13,7 +13,7 @@
         :options="cityOptions"
       />
       <div class="flex-1 stretch">
-        <DoubleRingChartVue :data-source="dataSource" :period="period" />
+        <DoubleRingChartVue :period="period" />
       </div>
     </template>
     <template v-else>
@@ -24,6 +24,7 @@
 
 <script>
 import CopilotSelect from "../../select.vue";
+import fetcher from "./fetcherDoubleRing";
 import DoubleRingChartVue from "./DoubleRingChart.vue";
 import CityData from "./CityData.vue";
 
@@ -53,9 +54,15 @@ export default {
       ],
     };
   },
+  computed: {},
+  mounted() {
+    fetcher.getData().then((res) => {
+      console.log("getData--->", res);
+    });
+  },
   methods: {
-    handleActiveUpdate(index) {
-      console.log("handleActiveUpdate--->", index);
+    handleActiveUpdate(val) {
+      console.log("handleActiveUpdate--->", val);
     },
   },
 };

src/views/copilot/components/charts/base/double-ring-chart-options.js

@@ -1,10 +1,4 @@
-export default ({
-  titleValue,
-  subtitle,
-  previousSum,
-  currentSum,
-  targetSum,
-}) => ({
+export default {
   grid: {
     left: 0,
     right: 0,
@@ -14,16 +8,16 @@ export default ({
   },
   tooltip: {},
   title: {
-    text: titleValue,
-    left: "49%",
-    top: "39%",
+    text: "78%",
+    left: "50%",
+    top: "40%",
     textAlign: "center",
     textStyle: {
       fontWeight: 600,
       fontSize: 32,
       color: "#fffd",
     },
-    subtext: `\u2002${subtitle}\u2002`,
+    subtext: "\u200224年累计产出\u2002",
     subtextStyle: {
       fontSize: 14,
       fontWeight: 100,
@@ -32,17 +26,17 @@ export default ({
     },
   },
   series: [
-    // 背景 series
+    // 背景 series - 2024计划
     {
       type: "pie",
-      name: "当前目标",
+      name: "2024目标",
       radius: ["70%", "85%"],
       center: ["50%", "52%"],
       emptyCircleStyle: {
         color: "#042c5f33",
       },
     },
-    // 数据 series
+    // 数据 series - 2024累计
     {
       type: "pie",
       radius: ["70%", "85%"],
@@ -50,14 +44,15 @@ export default ({
       avoidLabelOvervlap: false,
       label: {
         show: false,
+        // position: "center",
       },
       labelLine: {
         show: false,
       },
       data: [
         {
-          value: currentSum,
-          name: "当前累计产出",
+          value: 90,
+          name: "2024累计产出",
           selected: false,
           itemStyle: {
             borderJoin: "round",
@@ -78,15 +73,8 @@ export default ({
           },
         },
         {
-          value:
-            targetSum > currentSum
-              ? targetSum - currentSum
-              : targetSum == currentSum
-              ? currentSum == 0
-                ? 1
-                : 0
-              : 0,
-          name: "未达成累计",
+          value: 20,
+          name: "-",
           itemStyle: { color: "transparent" },
           label: { show: false },
         },
@@ -106,8 +94,8 @@ export default ({
       },
       data: [
         {
-          value: previousSum,
-          name: "上期累计产出",
+          value: 90,
+          name: "2023累计产出",
           selected: false,
           itemStyle: {
             borderJoin: "round",
@@ -128,7 +116,7 @@ export default ({
           },
         },
         {
-          value: targetSum > previousSum ? targetSum - previousSum : 0,
+          value: 20,
           name: "-",
           itemStyle: { color: "transparent" },
           label: { show: false },
@@ -136,4 +124,4 @@ export default ({
       ],
     },
   ],
-});
+};

src/views/copilot/components/select.vue

@@ -39,18 +39,7 @@ export default {
   watch: {
     currentActive: {
       handler(val) {
-        this.$emit(
-          "update:active",
-          [
-            "瑞昌",
-            "邯郸",
-            "株洲",
-            "佳木斯",
-            "成都",
-            "凯盛光伏",
-            "蚌埠兴科",
-          ].indexOf(val)
-        );
+        this.$emit("update:active", val);
       },
       immediate: true,
     },