工厂驾驶舱样式

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

@@ -1,11 +1,17 @@
 <template>
-  <dv-scroll-board :config="config" style="width: 100%; height: 100%" />
+  <dv-scroll-board
+    v-if="aa"
+    :config="config"
+    style="width: 100%; height: 100%"
+  />
 </template>
 <script>
+import { debounce } from "@/utils/debounce";
 export default {
   name: "Order",
   data() {
     return {
+      aa: true,
       config: {
         header: ["序号", "客户名称", "产品名称", "计划加工数量", "加工进度"],
         headerBGC: "rgba(0, 106, 205, 0.22)",
@@ -41,5 +47,20 @@ export default {
       },
     };
   },
+  mounted() {
+    this.tableReset();
+    window.addEventListener("resize", this.tableReset);
+  },
+  methods: {
+    tableReset() {
+      this.aa = false;
+      debounce(() => {
+        this.initTable();
+      }, 500)();
+    },
+    initTable() {
+      this.aa = true;
+    },
+  },
 };
 </script>