|  |  | 
 |  |  | <template> | 
 |  |  |     <template if:true={showSpinner}> | 
 |  |  |         <!-- <lightning-spinner size="medium" variant="brand"></lightning-spinner> --> | 
 |  |  |         <div class="slds-spinner_container"> | 
 |  |  |             <div | 
 |  |  |                 role="status" | 
 |  |  |                 class="slds-spinner slds-spinner_medium slds-spinner_brand" | 
 |  |  |             > | 
 |  |  |                 <span class="slds-assistive-text">Loading</span> | 
 |  |  |                 <div class="slds-spinner__dot-a"></div> | 
 |  |  |                 <div class="slds-spinner__dot-b"></div> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |     </template> | 
 |  |  |     <c-common-toast></c-common-toast> | 
 |  |  |     <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: 18px;"><strong>拆盒</strong></p> --> | 
 |  |  |                 <lightning-layout> | 
 |  |  |                     <lightning-layout-item padding="around-small"> | 
 |  |  |                         <p style="font-size: 18px"> | 
 |  |  |                             <strong>拆盒</strong> | 
 |  |  |                         </p> | 
 |  |  |                     </lightning-layout-item> | 
 |  |  |                 </lightning-layout> | 
 |  |  |             </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 variant="brand" class='lexstyle' style="margin-left:10px;" label="拆盒确认" title="拆盒确认" onclick={saveConfirm}></lightning-button>--> | 
 |  |  |                     <button | 
 |  |  |                         class="slds-button slds-button_neutral slds-button_stretch lexBorder" | 
 |  |  |                         style=" | 
 |  |  |                             margin-left: 10px; | 
 |  |  |                             margin-top: 12px; | 
 |  |  |                             margin-bottom: 12px; | 
 |  |  |                         " | 
 |  |  |                         label="拆盒确认" | 
 |  |  |                         onclick={saveConfirm} | 
 |  |  |                     > | 
 |  |  |                         拆盒确认 | 
 |  |  |                     </button> | 
 |  |  |                 </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; | 
 |  |  |                     " | 
 |  |  |                 > | 
 |  |  |                     <lightning-layout> | 
 |  |  |                         <lightning-layout-item padding="around-small"> | 
 |  |  |                             <p style="font-size: 16px"> | 
 |  |  |                                 <strong>BarCode录入</strong> | 
 |  |  |                             </p> | 
 |  |  |                         </lightning-layout-item> | 
 |  |  |                     </lightning-layout> | 
 |  |  |                 </div> | 
 |  |  |   <template if:true={showSpinner}> | 
 |  |  |       <!-- <lightning-spinner size="medium" variant="brand"></lightning-spinner> --> | 
 |  |  |       <div class="slds-spinner_container"> | 
 |  |  |           <div role="status" class="slds-spinner slds-spinner_medium slds-spinner_brand"> | 
 |  |  |               <span class="slds-assistive-text">Loading</span> | 
 |  |  |               <div class="slds-spinner__dot-a"></div> | 
 |  |  |               <div class="slds-spinner__dot-b"></div> | 
 |  |  |           </div> | 
 |  |  |       </div> | 
 |  |  |   </template> | 
 |  |  |   <c-common-toast></c-common-toast> | 
 |  |  |   <div style="border: 1px solid #D4D4D4;border-radius:5px;">  | 
 |  |  |  | 
 |  |  |                 <!-- <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" class="searchName">BarCode</td> | 
 |  |  |                             <td style="width: 600px"> | 
 |  |  |                                 <lightning-textarea | 
 |  |  |                                     class="inputFont" | 
 |  |  |                                     name="BarCode" | 
 |  |  |                                     label="" | 
 |  |  |                                     onchange={handleChange} | 
 |  |  |                                 ></lightning-textarea> | 
 |  |  |                             </td> | 
 |  |  |                             <td align="right"></td> | 
 |  |  |                             <td></td> | 
 |  |  |                             <td style="width: 200px"> | 
 |  |  |                                 <button | 
 |  |  |                                     style="margin-top: 14px" | 
 |  |  |                                     class="slds-button slds-button_neutral slds-button_stretch lexBorder" | 
 |  |  |                                     label="获取明细" | 
 |  |  |                                     onclick={getDetails} | 
 |  |  |                                 > | 
 |  |  |                                     获取明细 | 
 |  |  |                                 </button> | 
 |  |  |                                 <!-- <lightning-button variant="brand" class='lexstyle' label="获取明细" title="获取明细" onclick={getDetails} | 
 |  |  |                                        ></lightning-button> --> | 
 |  |  |                             </td> | 
 |  |  |                         </tr> | 
 |  |  |                     </tbody> | 
 |  |  |                 </table> | 
 |  |  |                 <!-- </div> --> | 
 |  |  |             </div> | 
 |  |  |       <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:3px;"> | 
 |  |  |           <div> | 
 |  |  |               <!-- <p style="font-size: 18px;"><strong>拆盒</strong></p> --> | 
 |  |  |               <lightning-layout> | 
 |  |  |                   <lightning-layout-item padding="around-small"> | 
 |  |  |                       <p style="font-size: 18px"> | 
 |  |  |                           <strong>拆盒</strong> | 
 |  |  |                       </p> | 
 |  |  |                   </lightning-layout-item> | 
 |  |  |               </lightning-layout> | 
 |  |  |           </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 variant="brand" class='lexstyle' style="margin-left:10px;" label="拆盒确认" title="拆盒确认" onclick={saveConfirm}></lightning-button>--> | 
 |  |  |               <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin-left:10px;margin-top:12px;margin-bottom:12px;"  label="拆盒确认" onclick={saveConfirm}>拆盒确认</button> | 
 |  |  |           </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;"> | 
 |  |  |                   <lightning-layout> | 
 |  |  |                       <lightning-layout-item padding="around-small"> | 
 |  |  |                           <p style="font-size: 16px"> | 
 |  |  |                               <strong>BarCode录入</strong> | 
 |  |  |                           </p> | 
 |  |  |                       </lightning-layout-item> | 
 |  |  |                   </lightning-layout> | 
 |  |  |               </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" class="searchName">BarCode</td> | 
 |  |  |                               <td style="width:600px"><lightning-textarea class="inputFont"  name="BarCode" label="" | 
 |  |  |                                       onchange={handleChange}></lightning-textarea></td> | 
 |  |  |                               <td align="right"></td> | 
 |  |  |                               <td></td> | 
 |  |  |                               <td  style="width: 200px;"> | 
 |  |  |                                   <button style="margin-top:14px;" class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="获取明细" onclick={getDetails}>获取明细</button> | 
 |  |  |                                   <!-- <lightning-button variant="brand" class='lexstyle' label="获取明细" title="获取明细" onclick={getDetails} | 
 |  |  |                                      ></lightning-button> --> | 
 |  |  |                               </td> | 
 |  |  |                           </tr> | 
 |  |  |                       </tbody> | 
 |  |  |                   </table> | 
 |  |  |               <!-- </div> --> | 
 |  |  |           </div> | 
 |  |  |  | 
 |  |  |             <div | 
 |  |  |                 style=" | 
 |  |  |                     border: 1px solid #d4d4d4; | 
 |  |  |                     border-radius: 5px; | 
 |  |  |                     margin-bottom: 7px; | 
 |  |  |                     margin-top: 10px; | 
 |  |  |                 " | 
 |  |  |             > | 
 |  |  |                 <div | 
 |  |  |                     style=" | 
 |  |  |                         border-top: 3px solid #51606e; | 
 |  |  |                         border-bottom: 1px solid #d4d4d4; | 
 |  |  |                         padding: 3px; | 
 |  |  |                     " | 
 |  |  |                 > | 
 |  |  |                     <lightning-layout> | 
 |  |  |                         <lightning-layout-item padding="around-small"> | 
 |  |  |                             <p style="font-size: 18px"> | 
 |  |  |                                 <strong>拆盒明细</strong> | 
 |  |  |                             </p> | 
 |  |  |                         </lightning-layout-item> | 
 |  |  |                     </lightning-layout> | 
 |  |  |                 </div> | 
 |  |  |                 <div style="padding: 10px"> | 
 |  |  |                     <lightning-datatable | 
 |  |  |                         key-field="prodid" | 
 |  |  |                         data={data} | 
 |  |  |                         columns={columns} | 
 |  |  |                         onrowselection={getSelectedRows} | 
 |  |  |                         hide-checkbox-column="true" | 
 |  |  |                         selected-rows={selectedRows} | 
 |  |  |                         class="wrapped-header-datatable" | 
 |  |  |                         style="word-wrap: break-word; word-break: break-all" | 
 |  |  |                     > | 
 |  |  |                     </lightning-datatable> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |             <div | 
 |  |  |                 style=" | 
 |  |  |                     border: 1px solid #d4d4d4; | 
 |  |  |                     border-radius: 5px; | 
 |  |  |                     margin-bottom: 7px; | 
 |  |  |                     margin-top: 10px; | 
 |  |  |                 " | 
 |  |  |             > | 
 |  |  |                 <div | 
 |  |  |                     style=" | 
 |  |  |                         border-top: 3px solid #51606e; | 
 |  |  |                         border-bottom: 1px solid #d4d4d4; | 
 |  |  |                         padding: 3px; | 
 |  |  |                     " | 
 |  |  |                 > | 
 |  |  |                     <table> | 
 |  |  |                         <tr> | 
 |  |  |                             <td> | 
 |  |  |                                 <lightning-layout> | 
 |  |  |                                     <lightning-layout-item | 
 |  |  |                                         padding="around-small" | 
 |  |  |                                     > | 
 |  |  |                                         <p style="font-size: 18px"> | 
 |  |  |                                             <strong>错误明细</strong> | 
 |  |  |                                         </p> | 
 |  |  |                                     </lightning-layout-item> | 
 |  |  |                                 </lightning-layout> | 
 |  |  |                             </td> | 
 |  |  |                         </tr> | 
 |  |  |                     </table> | 
 |  |  |                 </div> | 
 |  |  |           <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px"> | 
 |  |  |               <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> | 
 |  |  |                   <lightning-layout> | 
 |  |  |                       <lightning-layout-item padding="around-small"> | 
 |  |  |                           <p style="font-size: 18px"> | 
 |  |  |                               <strong>拆盒明细</strong> | 
 |  |  |                           </p> | 
 |  |  |                       </lightning-layout-item> | 
 |  |  |                   </lightning-layout> | 
 |  |  |               </div> | 
 |  |  |               <div style="padding:10px;"> | 
 |  |  |  | 
 |  |  |                 <div style="padding: 10px"> | 
 |  |  |                     <!-- <template if:true={showTables}> --> | 
 |  |  |                               <lightning-datatable | 
 |  |  |                               key-field="prodid" data={data} columns={columns} | 
 |  |  |                               onrowselection={getSelectedRows} hide-checkbox-column="true" | 
 |  |  |                               selected-rows={selectedRows} class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all; "> | 
 |  |  |                       </lightning-datatable> | 
 |  |  |               </div> | 
 |  |  |           </div> | 
 |  |  |           <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px"> | 
 |  |  |               <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> | 
 |  |  |                   <table> | 
 |  |  |                       <tr> | 
 |  |  |                           <td> | 
 |  |  |                               <lightning-layout> | 
 |  |  |                                   <lightning-layout-item padding="around-small"> | 
 |  |  |                                       <p style="font-size: 18px"> | 
 |  |  |                                           <strong>错误明细</strong> | 
 |  |  |                                       </p> | 
 |  |  |                                   </lightning-layout-item> | 
 |  |  |                               </lightning-layout> | 
 |  |  |                           </td> | 
 |  |  |                       </tr> | 
 |  |  |                   </table> | 
 |  |  |               </div> | 
 |  |  |  | 
 |  |  |                     <!-- <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> --> | 
 |  |  |                     <lightning-datatable | 
 |  |  |                         key-field="id" | 
 |  |  |                         data={errorDetail} | 
 |  |  |                         columns={column} | 
 |  |  |                         onrowselection={getSelectedRows} | 
 |  |  |                         hide-checkbox-column="true" | 
 |  |  |                         selected-rows={selectedRows} | 
 |  |  |                         class="wrapped-header-datatable" | 
 |  |  |                         style="word-wrap: break-word; word-break: break-all" | 
 |  |  |                     > | 
 |  |  |                     </lightning-datatable> | 
 |  |  |                     <!-- </template> --> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |           <div style="padding:10px;"> | 
 |  |  |               <!-- <template if:true={showTables}> --> | 
 |  |  |                 | 
 |  |  |                   <!-- <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> --> | 
 |  |  |              <lightning-datatable | 
 |  |  |              key-field="id" data={errorDetail} columns={column} | 
 |  |  |              onrowselection={getSelectedRows}   hide-checkbox-column="true" | 
 |  |  |             selected-rows={selectedRows} class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all; "> | 
 |  |  |      </lightning-datatable> | 
 |  |  |               <!-- </template> --> | 
 |  |  |  | 
 |  |  |  | 
 |  |  |           </div> | 
 |  |  |       </div> | 
 |  |  |       </div> | 
 |  |  |  | 
 |  |  |      | 
 |  |  |      | 
 |  |  |   </div> | 
 |  |  |    | 
 |  |  | </template> |