9月29日学习进度

一.所花时间

1h

二.代码量

200行

三.博客量

1篇

四.了解到的知识点

今天把原型做完了。希望明天能通过检查。

<script setup lang="ts">
const formInline = [
    {
        region:'',
        user:'',
        onSubmit:''
    }
]
const tableData =[
    {
        taskNumber:'1',
        orderNumber:'1',
        productName:'a',
        unit:'a',
        reportedQuantity:'100',
        orderCount:'1',
        status:'已暂停'
    }
]
</script>

<template>
    <h1>生产报工</h1>
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item label="报工状态">
            <el-select
                v-model="formInline.region"
                placeholder="请选择报工状态"
                clearable
            >
                <el-option label="未开工" value="shanghai" />
                <el-option label="已暂停" value="beijing" />
                <el-option label="已报工" value="beijing" />
            </el-select>
        </el-form-item>
        <el-form-item label="工单编号">
            <el-input v-model="formInline.user" placeholder="请输入工单编号" clearable />
        </el-form-item>
        <el-form-item label="工单编号">
            <el-input v-model="formInline.user" placeholder="请输入报工人工号" clearable />
        </el-form-item>


        <el-form-item>
            <el-button type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
    </el-form>

    <el-row :gutter="20" class="mb-4">
        <el-col :span="8">
            <el-card class="box-card">
                <template #header>
                    <div class="card-header">
                        <span>未开工订单数量</span>
                    </div>
                </template>
                <div class="text-item">
                    <span class="value">9</span>
                </div>
            </el-card>
        </el-col>
        <el-col :span="8">
            <el-card class="box-card">
                <template #header>
                    <div class="card-header">
                        <span>已报工订单数量</span>
                    </div>
                </template>
                <div class="text-item">
                    <span class="value">0</span>
                </div>
            </el-card>
        </el-col>
        <el-col :span="8">
            <el-card class="box-card">
                <template #header>
                    <div class="card-header">
                        <span>已暂停订单数量</span>
                    </div>
                </template>
                <div class="text-item">
                    <span class="value">0</span>
                </div>
            </el-card>
        </el-col>
    </el-row>
    <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="taskNumber" label="任务单号" />
        <el-table-column prop="orderNumber" label="订单编号" />
        <el-table-column prop="productName" label="产品名称" />
        <el-table-column prop="unit" label="单位" />
        <el-table-column prop="reportedQuantity" label="报工数量" />
        <el-table-column prop="orderCount" label="订单数" />
        <el-table-column prop="status" label="状态" />
        <el-table-column label="操作">
            <template #default="scope">
                <el-button size="small" @click="handleEdit(scope.$index, scope.row)">批准</el-button>
                <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row)">驳回</el-button>
            </template>
        </el-table-column>
    </el-table>
</template>

<style scoped >
demo-form-inline .el-input {
    --el-input-width: 220px;
}

.demo-form-inline .el-select {
    --el-select-width: 220px;
}
</style>

<script setup lang="ts">
const tableData = [
    {
        pch: '4',
        tcsl: '200',
        xywl: '塑料、金属',
        cjh: '1',
        gh:'1-1',
        jqh: '1',
        fzsl:'100',
        ksrq: '20240929',
        jsrq: '20241020'
    },
    {
        pch: '4',
        tcsl: '200',
        xywl: '塑料、金属',
        cjh: '1',
        gh:'1-2',
        jqh: '3',
        fzsl:'100',
        ksrq: '20240929',
        jsrq: '20241020'
    },
    {
        pch: '1',
        tcsl: '200',
        xywl: '塑料、金属',
        cjh: '1',
        gh:'1-3',
        jqh: '4',
        fzsl:'100',
        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="pch" label="批次号" />
        <el-table-column prop="tcsl" label="投产数量" />
        <el-table-column prop="xywl" label="需要物料" />
        <el-table-column prop="cjh" label="车间号" />
        <el-table-column prop="gh" label="工号" />
        <el-table-column prop="jqh" label="机器号" />
        <el-table-column prop="fzsl" label="负责数量" />
        <el-table-column prop="ksrq" label="开始日期" />
        <el-table-column prop="jsrq" label="结束日期"  />


    </el-table>
</template>

<style scoped >

</style>