9月28日学习进度

一.所花时间

1h

二.代码量

200行

三.博客量

1篇

四.了解到的知识点

今天继续写原型。

<script setup lang="ts">
const tableData = [
    {
        zongzl: '240929001',
        fzl: '240929001-1',
        zizl: '240929001-1-1',
        qrcode: 'QRCode'
    },
    {
        zongzl: '240929001',
        fzl: '240929001-1',
        zizl: '240929001-1-2',
        qrcode: 'QRCode'
    },
    {
        zongzl: '240929001',
        fzl: '240929001-1',
        zizl: '240929001-1-3',
        qrcode: 'QRCode'
    },
    {
        zongzl: '240929001',
        fzl: '240929001-2',
        zizl: '240929001-2-1',
        qrcode: 'QRCode'
    },
    {
        zongzl: '240929001',
        fzl: '240929001-2',
        zizl: '240929001-2-2',
        qrcode: 'QRCode'
    },
    {
        zongzl: '240929002',
        fzl: '240929002-1',
        zizl: '240929002-1-1',
        qrcode: 'QRCode'
    },

]
</script>

<template>
    <h1>生成制令</h1>

    <div style="margin-bottom: 20px;">
        <el-input v-model="searchTerm" placeholder="输入查询内容" style="width: 300px; display: inline-block;"></el-input>
        <el-button type="primary" @click="search">查找</el-button>
        <el-button type="success" @click="addRecord">增加</el-button>
    </div>

    <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="zongzl" label="总制令" width="300" />
        <el-table-column prop="fzl" label="分支令" width="300" />
        <el-table-column prop="zizl" label="子制令" width="300" />
        <el-table-column prop="qrcode" label="二维码" />
    </el-table>
</template>

<style scoped >

</style>

<script setup lang="ts">
const tableData = [
    {
        zzl: '240929001-1-1',
        pch: '1',
        yscsl: '400',
        kcsl: '200',
        tcsh: '100',
        ksrq: '20240929',
        jsrq: '20241020'
    },
    {
        zzl: '240929001-2-1',
        pch: '2',
        yscsl: '400',
        kcsl: '200',
        tcsh: '200',
        ksrq: '20240929',
        jsrq: '20241020'
    },
    {
        zzl: '240929001-1-2',
        pch: '3',
        yscsl: '400',
        kcsl: '200',
        tcsh: '200',
        ksrq: '20240929',
        jsrq: '20241020'
    },
    {
        zzl: '240929001-1-3',
        pch: '4',
        yscsl: '400',
        kcsl: '200',
        tcsh: '200',
        ksrq: '20240929',
        jsrq: '20241020'
    },
]
</script>

<template>
    <h1>确认投产数量</h1>
    <div style="margin-bottom: 20px;">
        <el-input v-model="searchTerm" placeholder="输入查询内容" style="width: 300px; display: inline-block;"></el-input>
        <el-button type="primary" @click="search">查找</el-button>

    </div>
    <el-table :data="tableData" style="width: 100%">

        <el-table-column prop="zzl" label="子制令"  />
        <el-table-column prop="pch" label="批次号"  />
        <el-table-column prop="yscsl" label="应生产数量"  />
        <el-table-column prop="kcsl" label="库存数量"  />
        <el-table-column prop="tcsh" label="投产数量"  />
        <el-table-column prop="ksrq" label="开始日期" />
        <el-table-column prop="jsrq" label="结束日期"  />
        <el-table-column  label="状态"  >
            <template #default>
                <div style="display: flex; gap: 10px;">
                    <el-button type="primary" >同意</el-button>
                    <el-button type="danger" >驳回</el-button>
                </div>
            </template>
        </el-table-column>

    </el-table>
</template>

<style scoped >

</style>