一.所花时间
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>
浙公网安备 33010602011771号