<template> 
 | 
    <template if:true={showSpinner}> 
 | 
        <lightning-spinner size="medium" variant="brand"></lightning-spinner> 
 | 
    </template> 
 | 
    <div style="border: 1px solid #D4D4D4;border-radius:5px;">  
 | 
  
 | 
        <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:3px;"> 
 | 
            <div> 
 | 
                <p style="font-size: 19px;"><strong>拆盒</strong></p> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div style="padding:10px;"> 
 | 
            <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;"> 
 | 
            <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> 
 | 
                <lightning-button label="拆盒确认" title="拆盒确认" onclick={saveConfirm}></lightning-button></td> 
 | 
            </div> 
 | 
            </div> 
 | 
            <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:5px;"> 
 | 
                <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> 
 | 
                    <p style="font-size: 19px;"><strong>BarCode录入</strong></p> 
 | 
                </div> 
 | 
                
 | 
                <!-- <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> --> 
 | 
                    <table> 
 | 
                        <colgroup> 
 | 
                            <col width="160px" /> 
 | 
                            <col width="100px" /> 
 | 
                            <col width="10px" /> 
 | 
                            <col width="70px" /> 
 | 
                            <col width="100px" /> 
 | 
                            <col width="10px" /> 
 | 
                            <col width="90px" /> 
 | 
                            <col width="100px" /> 
 | 
                            <col width="10px" /> 
 | 
                            <col width="85px" /> 
 | 
                            <col width="100px" /> 
 | 
                            <col width="10px" /> 
 | 
                            <col width="70px" /> 
 | 
                            <col width="100px" /> 
 | 
                        </colgroup> 
 | 
                        <tbody> 
 | 
                            <tr> 
 | 
                                <td></td> 
 | 
                                <td align="right">Barcode</td> 
 | 
                                <td style="width:600px"><lightning-textarea name="Barcode" label="" 
 | 
                                        onchange={handleChange}></lightning-textarea></td> 
 | 
                                <td align="right"></td> 
 | 
                                <td></td> 
 | 
                                <td  style="width: 200px;"><lightning-button label="获取明细" title="获取明细" onclick={getDetails} 
 | 
                                       ></lightning-button> 
 | 
                                </td> 
 | 
                            </tr> 
 | 
                        </tbody> 
 | 
                    </table> 
 | 
                <!-- </div> --> 
 | 
            </div> 
 | 
  
 | 
            <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;"> 
 | 
                <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> 
 | 
                    <p style="font-size: 16px;"><strong>拆盒明细</strong></p> 
 | 
                </div> 
 | 
                <div style="padding:10px;"> 
 | 
  
 | 
                    <div style="height: 300px;"> 
 | 
                        <template if:true={showTable}> 
 | 
                            <c-lex-custom-lightning-datatable key-field="prodid" data={data} columns={columns} 
 | 
                            onrowselection={getSelectedRows} hide-checkbox-column="true" 
 | 
                            selected-rows={selectedRows}> 
 | 
                                </c-lex-custom-lightning-datatable> 
 | 
                        </template> 
 | 
                    </div> 
 | 
  
 | 
                </div> 
 | 
            </div> 
 | 
            <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:20px"> 
 | 
                <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> 
 | 
                    <table> 
 | 
                        <tr> 
 | 
                            <td> 
 | 
                                <p style="font-size: 16px;"><strong>错误明细</strong></p> 
 | 
                            </td> 
 | 
                        </tr> 
 | 
                    </table> 
 | 
                </div> 
 | 
  
 | 
            <div style="padding:10px;"> 
 | 
                <template if:true={showTables}> 
 | 
                    <!-- <c-lwc-datatable-utility records={overduePageRecords} total-records={overduePageRecords.length} 
 | 
                        columns={column} key-field="Id" show-search-box="true" max-row-selection={overduePageRecords.length} 
 | 
                        onpaginatorchange={handlePaginatorChange}> 
 | 
                    </c-lwc-datatable-utility> --> 
 | 
                    <c-lex-custom-lightning-datatable key-field="id" data={errorDetail} columns={column} 
 | 
                    onrowselection={getSelectedRows}   hide-checkbox-column="true" 
 | 
                   selected-rows={selectedRows}> 
 | 
               </c-lex-custom-lightning-datatable> 
 | 
                </template> 
 | 
  
 | 
  
 | 
            </div> 
 | 
        </div> 
 | 
        </div> 
 | 
  
 | 
       
 | 
       
 | 
    </div> 
 | 
     
 | 
</template> 
 |