SJG样式

src/views/databoard/deepProcessing/DefectSum.vue

@@ -1,14 +1,43 @@
 <template>
   <div style="flex: 1;">
     <Container name="各工序缺陷汇总" size="small" style="">
-      设备报警
+      <div style="padding: 5px 10px;">
+        <ScrollBoard :config = "config" width='575px' height='380px'/>
+      </div>
     </Container>
   </div>
 </template>
 <script>
 import Container from '../components/Container.vue';
+import ScrollBoard from '../components/ScrollBoard'
 export default {
   name: 'DefectSum',
-  components: { Container },
+  components: { Container, ScrollBoard },
+  data() {
+    return {
+      config: {
+        header: ['序号', '产线', '工序','损耗片数','缺陷类型'],
+        // headerHeight: '17',
+        headerBGC: 'rgba(32, 55, 96, 0.8)',
+        oddRowBGC: 'rgba(32, 55, 96, 0.8)',
+        evenRowBGC: 'rgba(14, 32, 62, 0.8)',
+        columnWidth: [60],
+        align: ['center'],
+        data: [
+          [1, '产线1', '行1列3', '', ''],
+          [2, '产线2', '行2列3', '', ''],
+          [3, '产线3', '行3列3', '', ''],
+          [4, '产线4', '行4列3', '', ''],
+          [5, '产线5', '行5列3', '', ''],
+          [6, '产线6', '行6列3', '', ''],
+          [7, '产线7', '行7列3', '', ''],
+          [8, '产线8', '行8列3', '', ''],
+          [9, '产线9', '行9列3', '', ''],
+          [10, '产线10', '行10列3', '', '']
+        ],
+        rowNum: 10
+      }
+    }
+  }
 }
 </script>

src/views/databoard/deepProcessing/EqAlarm.vue

@@ -1,14 +1,43 @@
 <template>
   <div style="flex: 1;">
     <Container name="设备报警" size="small" style="">
-      设备报警
+      <div style="padding: 5px 10px;">
+        <ScrollBoard :config = "config" width='575px' height='380px'/>
+      </div>
     </Container>
   </div>
 </template>
 <script>
 import Container from '../components/Container.vue';
+import ScrollBoard from '../components/ScrollBoard'
 export default {
   name: 'EqAlarm',
-  components: { Container },
+  components: { Container, ScrollBoard },
+  data() {
+    return {
+      config: {
+        header: ['序号', '设备名称', '设备编码','设备状态','是否故障'],
+        // headerHeight: '17',
+        headerBGC: 'rgba(32, 55, 96, 0.8)',
+        oddRowBGC: 'rgba(32, 55, 96, 0.8)',
+        evenRowBGC: 'rgba(14, 32, 62, 0.8)',
+        columnWidth: [60],
+        align: ['center'],
+        data: [
+          [1, '设备1', '行1列3', '', ''],
+          [2, '设备2', '行2列3', '', ''],
+          [3, '设备3', '行3列3', '', ''],
+          [4, '设备4', '行4列3', '', ''],
+          [5, '设备5', '行5列3', '', ''],
+          [6, '设备6', '行6列3', '', ''],
+          [7, '设备7', '行7列3', '', ''],
+          [8, '设备8', '行8列3', '', ''],
+          [9, '设备9', '行9列3', '', ''],
+          [10, '设备10', '行10列3', '', '']
+        ],
+        rowNum: 10
+      }
+    }
+  }
 }
 </script>

src/views/databoard/deepProcessing/WorkOrderMonitoring.vue

@@ -1,14 +1,43 @@
 <template>
   <div style="flex: 1;">
     <Container name="工单监控" size="small" style="">
-      设备报警111
+      <div style="padding: 5px 10px;">
+        <ScrollBoard :config = "config" width='575px' height='380px'/>
+      </div>
     </Container>
   </div>
 </template>
 <script>
 import Container from '../components/Container.vue';
+import ScrollBoard from '../components/ScrollBoard'
 export default {
   name: 'WorkOrderMonitoring',
-  components: { Container },
+  components: { Container, ScrollBoard },
+  data() {
+    return {
+      config: {
+        header: ['序号', '工单名称', '规格','产线','工单状态', '计划完成时间', '计划产量', '实际产量'],
+        // headerHeight: '17',
+        headerBGC: 'rgba(32, 55, 96, 0.8)',
+        oddRowBGC: 'rgba(32, 55, 96, 0.8)',
+        evenRowBGC: 'rgba(14, 32, 62, 0.8)',
+        columnWidth: [60],
+        align: ['center'],
+        data: [
+          [1, '设备1', '行1列3', '', '','','',''],
+          [2, '设备2', '行2列3', '', '','','',''],
+          [3, '设备3', '行3列3', '', '','','',''],
+          [4, '设备4', '行4列3', '', '','','',''],
+          [5, '设备5', '行5列3', '', '','','',''],
+          [6, '设备6', '行6列3', '', '','','',''],
+          [7, '设备7', '行7列3', '', '','','',''],
+          [8, '设备8', '行8列3', '', '','','',''],
+          [9, '设备9', '行9列3', '', '','','',''],
+          [10, '设备10', '行10列3', '', '','','','']
+        ],
+        rowNum: 10
+      }
+    }
+  }
 }
 </script>

src/views/databoard/deepProcessing/index.vue

@@ -17,7 +17,7 @@
 				gap: 24px;
 			"
 			:style="{transform:'scale('+scaleNum+')'}">
-			<KHeader :isFullScreen='isFullScreen' @screenfullChange='screenfullChange' topTitle='全厂总览驾驶舱'/>
+			<KHeader :isFullScreen='isFullScreen' @screenfullChange='screenfullChange' topTitle='深加工生产运行驾驶舱'/>
 			<div
 				class="main-body"
 				style="