<template>
    <el-dialog title="详情" append-to-body :modelValue="openShow" width="70%" @close="closeDialog" fullscreen>
        <el-descriptions class="margin-top" :column="4" border title="需求信息" >
            <el-descriptions-item label="需求编号">9999</el-descriptions-item>
            <el-descriptions-item label="工装编号">9999</el-descriptions-item>
            <el-descriptions-item label="工装名称">9999</el-descriptions-item>
            <el-descriptions-item label="关联订单数">9999</el-descriptions-item>
            <el-descriptions-item label="订单需求量">9999</el-descriptions-item>
            <el-descriptions-item label="库存数量">9999</el-descriptions-item>
            <el-descriptions-item label="占用数量">9999</el-descriptions-item>
        </el-descriptions>
        <el-descriptions class="margin-top" :column="4" border title="工装占用信息"></el-descriptions>
        <el-table :data="tableData" style="width: 100%">
            
            <el-table-column prop="shuliang" label="工作订单号" align="center">
                
            </el-table-column>
             <el-table-column prop="shuliang" label="占用数" align="center">
                
            </el-table-column>
             <el-table-column prop="shuliang" label="占用时间" align="center">
                
            </el-table-column>
        </el-table>
        <el-descriptions class="margin-top" :column="4" border title="关联订单"></el-descriptions>
        <el-table :data="tableData" style="width: 100%">
            <el-table-column type="index" width="80" label="序号" align="center">
            </el-table-column>
            <el-table-column prop="shuliang" label="计划单号" align="center">
            </el-table-column>
             <el-table-column prop="shuliang" label="零件号" align="center">
            </el-table-column>
            <el-table-column prop="shuliang" label="产品名称" align="center">
            </el-table-column>
            <el-table-column prop="shuliang" label="零件数量" align="center">
            </el-table-column>
            <el-table-column prop="shuliang" label="需求交期" align="center">
            </el-table-column>
            <el-table-column prop="shuliang" label="工装需求数量" align="center">
            </el-table-column>
            <el-table-column prop="shuliang" label="已交付数量" align="center">
            </el-table-column>
            <el-table-column prop="shuliang" label="未交付数量" align="center">
            </el-table-column>
            <el-table-column prop="shuliang" label="计划下达时间" align="center">
            </el-table-column>
        </el-table>
        <el-descriptions class="margin-top" :column="4" border title="申报记录(近一个的记录)"></el-descriptions>
        <el-table :data="tableData" style="width: 100%">
           
            <el-table-column prop="shuliang" label="零件号" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="零件名称" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="对应工装号" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="工装名称" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="数量" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="计划类型" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="需求日期" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="生产标识" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="保管员" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="下达人" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="建立时间" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="建立人员" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="备注" align="center"></el-table-column>
            <el-table-column prop="shuliang" label="状态" align="center"></el-table-column>
        </el-table>
        <template #footer>
            <span class="dialog-footer">
                <el-button @click="closeDialog">取 消</el-button>
                <el-button type="primary" @click="submit">确 定</el-button>
            </span>
        </template>
    </el-dialog>
</template>
<script>
export default {
    props: {
        showDialog: {
            type: Boolean,
            default: false
        },
    },
    data() {
        return {
            openShow: false,
            form: {},
            tableData: [],


        }
    },
    mounted() {
        this.openShow = this.showDialog
    },
    methods: {
        closeDialog() {
            this.openShow = false
            this.$emit('closeDialog');
        },
        addTable() {
            this.tableData.push({
                code: '3',
                No: '3',
                number: '3',
                shuliang: '',
                shuliang: 0

            })
        },
        delTable(row, index) {
            this.tableData.splice(index, 1)
        },
    }
}
</script>
<style lang="scss" scoped>
.margin-top{
    margin-top: 24px;
}
</style>