update 产量驾驶舱

src/views/copilot/yield/index.vue

@@ -9,7 +9,7 @@
   <div class="yield-copilot">
     <section class="top flex">
       <db-container class="std-yield" title="标准组件产出" icon="std">
-        <std-output />
+        <std-output :period="period" />
       </db-container>
       <db-container class="chip-yield" title="芯片产出" icon="chip2">
         <chip-output />
@@ -19,7 +19,9 @@
       </db-container>
     </section>
     <section class="bottom flex">
-      <db-container class="fto-involve" title="FTO投入"></db-container>
+      <db-container class="fto-involve" title="FTO投入">
+        <fto-invest :period="period" />
+      </db-container>
       <db-container
         class="chip-involve"
         title="芯片投入"
@@ -33,7 +35,7 @@
 import Container from "../components/Container.vue";
 import StdOutputVue from "../components/charts/StdOutput.vue";
 import ChipOutputVue from "../components/charts/ChipOutput.vue";
-
+import FtoInvestVue from "../components/charts/FtoInvest.vue";
 import BipvOutputVue from "../components/charts/BipvOutput.vue";
 
 export default {
@@ -43,13 +45,31 @@ export default {
     StdOutput: StdOutputVue,
     ChipOutput: ChipOutputVue,
     BipvOutput: BipvOutputVue,
+    FtoInvest: FtoInvestVue
+  },
+  props: {
+    period: {
+      type: String,
+      default: "日",
+    },
   },
-  props: {},
   data() {
     return {};
   },
   computed: {},
-  methods: {},
+  watch: {
+    period: {
+      handler(val) {
+        val && this.fetchData(val);
+      },
+      immediate: true,
+    },
+  },
+  methods: {
+    fetchData(period = "日") {
+      this.$store.dispatch("copilot/initCopilot", { period });
+    },
+  },
 };
 </script>