一.所花时间

0.6h

二.代码量

30行

三.博客量

1篇

四.了解到的知识点

今天又读了读文档,可能是基本搞懂流程了,,,吧?

大概写了写原型。用的假数据,先不写后端。

<script setup lang="ts">
const tableData= [
    {
        pch: 'PCH001',
        gxxh: 'LM001',
        sl: 100,
        kssj: '2024-09-01 08:00',
        jssj: '2024-09-01 12:00',
        czr: '1',
        jjr: '2',
        jjgxxh: 'LM002',
        qrcode: 'QR001'
    },
    {
        pch: 'PCH001',
        gxxh: 'LM002',
        sl: 200,
        kssj: '2024-09-02 09:00',
        jssj: '2024-09-02 13:00',
        czr: '2',
        jjr: '3',
        jjgxxh: 'LM003',
        qrcode: 'QR002'
    },
    {
        pch: 'PCH001',
        gxxh: 'LM003',
        sl: 150,
        kssj: '2024-09-03 10:00',
        jssj: '2024-09-03 14:00',
        czr: '3',
        jjr: '4',
        jjgxxh: 'LM004',
        qrcode: 'QR003'
    },
    {
        pch: 'PCH001',
        gxxh: 'LM004',
        sl: 80,
        kssj: '2024-09-04 11:00',
        jssj: '2024-09-04 15:00',
        czr: '4',
        jjr: '5',
        jjgxxh: 'LM005',
        qrcode: 'QR004'
    },
    {
        pch: 'PCH001',
        gxxh: 'LM005',
        sl: 120,
        kssj: '2024-09-05 12:00',
        jssj: '2024-09-05 16:00',
        czr: '5',
        jjr: '6',
        jjgxxh: 'LM006',
        qrcode: 'QR005'
    },
    {
        pch: 'PCH001',
        gxxh: 'LM006',
        sl: 120,
        kssj: '2024-09-05 12:00',
        jssj: '2024-09-05 16:00',
        czr: '6',
        jjr: '7',
        jjgxxh: 'ZK001',
        qrcode: 'QR005'
    }
]
</script>

<template>
    <h1>蜡模车间管理</h1>
    <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="pch" label="批次号"  />
        <el-table-column prop="gxxh" label="工序序号"  />
        <el-table-column prop="sl" label="数量"  />
        <el-table-column prop="kssj" label="开始时间"  />
        <el-table-column prop="jssj" label="结束时间"  />
        <el-table-column prop="czr" label="操作人"  />
        <el-table-column prop="jjr" label="交接人"  />
        <el-table-column prop="jjgxxh" label="交接工序序号"  />
        <el-table-column prop="qrcode" label="二维码" />
    </el-table>
</template>

<style scoped >

</style>

 

posted on 2024-09-26 19:54  leapss  阅读(8)  评论(0)    收藏  举报