<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: 'WorkOrderMonitoring',
  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>