修改bug

src/views/copilot/factoryData/components/Order.vue

@@ -8,7 +8,12 @@
         <span class="title">工单情况</span>
         <span class="line"></span>
       </div>
-      <barChartBase :energyCockpits="prodOrder" ref="barChart" style="height: 0;flex:1"></barChartBase>
+      <div class="button-type" style="margin-left: auto;position: absolute;right: 1%;top: 57%;z-index: 999;">
+        <CopilotButton v-for="i in ['目标产量', '计划投入', '实际投入', '实际产出', '废品数量', '待再加工']" :key="i" :label="i"
+          :active="i === type" @click="() => $emit('update:type', i)" />
+      </div>
+      <barChartBase :type="type" :energyCockpits="prodOrder" ref="barChart"
+        style="height: 0;flex:1"></barChartBase>
     </div>
   </div>
 
@@ -16,14 +21,18 @@
 <script>
 import { debounce } from "@/utils/debounce";
 import barChartBase from './BarChartBase'
+// import barChartBase from './BarChartBase'
+import CopilotButton from "./chartButton"
 export default {
   name: "Order",
   components: {
     barChartBase,
+    CopilotButton,
   },
   data() {
     return {
       showTable: true,
+      // type: '目标产量',
       config: {
         header: ["工单号", "工单状态", "计划投入", "实际投入", "目标产量", "实际产量", "生产进度"],
         headerBGC: "rgba(0, 106, 205, 0.22)",
@@ -39,6 +48,10 @@ export default {
     };
   },
   props: {
+    type: {
+      type: String,
+      default: "目标产量",
+    },
     prodOrder: {
       type: Array,
       default: [],
@@ -58,9 +71,18 @@ export default {
     },
   },
   mounted() {
-    window.addEventListener("resize", this.tableReset);
+    window.addEventListener("resize", this.tableReset)
+    this.$nextTick(() => {
+      let button = document.getElementsByClassName('button-type')
+      console.log(button);
+      button[0].children[0].style.borderRadius = '4px 0 0 4px'
+      button[0].children[5].style.borderRadius = '0px 4px 4px 0px'
+      // children[5].classList.add('skate')
+      // console.log(button[0].children[5].classList);
+    });
   },
   methods: {
+
     tableReset() {
       this.showTable = false;
       debounce(() => {