学习目标：

  • 掌握MES系统的架构、模块以及关键技术。

学习内容：

  • MES的架构通常包括数据采集、调度管理、生产监控、质量管理等模块。
  • 重点学习数据采集与实时监控模块。

  • <template>
    <div>
    <h1>实时生产数据</h1>
    <ul>
    <li v-for="data in productionData" :key="data.id">
    生产订单：{{ data.orderId }} - 进度：{{ data.progress }}%
    </li>
    </ul>
    </div>
    </template>

    <script>
    import axios from 'axios';

    export default {
    data() {
    return {
    productionData: [],
    };
    },
    mounted() {
    this.fetchProductionData();
    },
    methods: {
    async fetchProductionData() {
    const response = await axios.get('/api/production-data');
    this.productionData = response.data;
    },
    },
    };
    </script>