<template>
    <el-dialog title="新增" append-to-body :modelValue="boundDialog" width="90%" @close="closeDialog" @open="open">
        <div style="margin-bottom: 20px;">
            <el-input placeholder="流程卡号" style="width: 220px;margin-right: 10px;" v-model="cardNo"
                @keyup.enter="handleEnter"></el-input>
            <el-button plain type="danger" @click="handleDelete">删除选择行</el-button>
            <el-button type="primary" @click="handleSave">保存</el-button>
        </div>

        <el-table :data="beforePlatingEntryData" @selection-change="selectionChangeProject" @select="selectChange">
            <el-table-column type="selection"></el-table-column>
            <el-table-column label="单号" prop="paCode" width="150" align="center"></el-table-column>
            <el-table-column label="车间订单" prop="woCode" width="200" align="center"></el-table-column>
            <el-table-column label="批单号" prop="batchNo" width="150" align="center"></el-table-column>
            <el-table-column label="流程卡号" prop="cardNo" width="150" align="center"></el-table-column>
            <el-table-column label="出库班组/供应商" prop="tsName" width="200" align="center">
                <template #default="scope">
                    <el-select v-model="scope.row.tsName">
                        <el-option label="化学镀镍一班崔胜伟" value="化学镀镍一班崔胜伟"></el-option>
                        <el-option label="L235" value="L235"></el-option>
                    </el-select>
                </template>
            </el-table-column>
            <el-table-column label="出库工序号" prop="orders" width="200" align="center">
                <template #default="scope">
                    <el-input v-model="scope.row.orders"></el-input>
                </template>
            </el-table-column>
            <el-table-column label="出库工序名称" prop="ppsName" width="200" align="center">
                <template #default="scope">
                    <el-input v-model="scope.row.ppsName"></el-input>
                </template>
            </el-table-column>
            <el-table-column label="上序号" prop="nextOrders" width="200" align="center">
                <template #default="scope">
                    <el-input v-model="scope.row.nextOrders"></el-input>
                </template>
            </el-table-column>
            <el-table-column label="上序名称" prop="nextPpsName" width="200" align="center">
                <template #default="scope">
                    <el-input v-model="scope.row.nextPpsName"></el-input>
                </template>
            </el-table-column>
            <el-table-column label="上序班组/供应商" prop="nextTsName" width="200" align="center">
                <template #default="scope">
                    <el-option label="化学镀镍一班崔胜伟" value="化学镀镍一班崔胜伟"></el-option>
                    <el-option label="L235" value="L235"></el-option>
                </template>
            </el-table-column>
            <el-table-column label="出库数量" prop="quantity" width="200" align="center">
                <template #default="scope">
                    <el-input v-model="scope.row.quantity"></el-input>
                </template>
            </el-table-column>
            <el-table-column label="出库人员" prop="userName" width="200" align="center">
                <template #default="scope">
                    <el-input v-model="scope.row.userName"></el-input>
                </template>
            </el-table-column>
            <el-table-column label="出库时间" prop="createTime" width="200" align="center">
                <template #default="scope">
                    <el-input v-model="scope.row.createTime"></el-input>
                </template>
            </el-table-column>
        </el-table>
    </el-dialog>
</template>

<script>
export default {
    props: {
        boundDialog: {
            type: Boolean,
            default: false
        },
    },
    data() {
        return {
            cardNo: "",
            beforePlatingEntryData: []
        }
    },
    mounted() {

    },
    methods: {
        open(){
            this.cardNo = ''
            this.beforePlatingEntryData = []
        },
        handleEnter() {
            this.beforePlatingEntryData.push({
                paCode: 'FE-20231223003', woCode: 'WO-S22122668-R01', batchNo: 'WB135230311004', cardNo: '1016663941',
                tsName: '', orders: '', ppsName: '', nextOrders: '', nextPpsName: '', nextTsName: '', quantity: '', userName: '',
                createTime: ''
            }, {
                paCode: 'FE-20231223003', woCode: 'WO-S22122668-R01', batchNo: 'WB135230311004', cardNo: '1016663941',
                tsName: '', orders: '', ppsName: '', nextOrders: '', nextPpsName: '', nextTsName: '', quantity: '', userName: '',
                createTime: ''
            })
        },
        handleDelete() {        },
        handleSave(){
            this.closeDialog()
        },
        selectionChangeProject() { },
        selectChange() { },
        closeDialog(){
            this.$emit('closeDialog');
        },
    }
}
</script>

<style></style>