|  |  | 
 |  |  | <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> | 
 |  |  |         <!-- <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> | 
 |  |  |     </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 style="margin: 12px;"> | 
 |  |  |         <p style="font-size: 18px;float:left"><strong>过期库存销存</strong></p> | 
 |  |  |     </div> | 
 |  |  |     <div style="margin-left:400px;margin-bottom:12px;"> | 
 |  |  |         <!-- <lightning-button variant="brand" class = 'lexstyle'  label="销存确认" title="销存确认" onclick={saveConfirm}></lightning-button> --> | 
 |  |  |         <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="销存确认" onclick={saveConfirm}>销存确认</button> | 
 |  |  |     </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 style="margin: 12px"> | 
 |  |  |                 <p style="font-size: 18px; float: left"> | 
 |  |  |                     <strong>过期库存销存</strong> | 
 |  |  |                 </p> | 
 |  |  |             </div> | 
 |  |  |             <div style="margin-left: 400px; margin-bottom: 12px"> | 
 |  |  |                 <!-- <lightning-button variant="brand" class = 'lexstyle'  label="销存确认" title="销存确认" onclick={saveConfirm}></lightning-button> --> | 
 |  |  |                 <button | 
 |  |  |                     class="slds-button slds-button_neutral slds-button_stretch lexBorder" | 
 |  |  |                     label="销存确认" | 
 |  |  |                     onclick={saveConfirm} | 
 |  |  |                 > | 
 |  |  |                     销存确认 | 
 |  |  |                 </button> | 
 |  |  |             </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;"> | 
 |  |  |             <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={barcodeEntrys}>获取明细</button> | 
 |  |  |                             <!-- <lightning-button class='lexstyle'  label="BarCode录入" title="BarCode录入" onclick={barcodeEntrys} | 
 |  |  |         <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; | 
 |  |  |                     " | 
 |  |  |                 > | 
 |  |  |                     <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={barcodeEntrys} | 
 |  |  |                                     > | 
 |  |  |                                         获取明细 | 
 |  |  |                                     </button> | 
 |  |  |                                     <!-- <lightning-button class='lexstyle'  label="BarCode录入" title="BarCode录入" onclick={barcodeEntrys} | 
 |  |  |                                 style="width: 150px;"></lightning-button> --> | 
 |  |  |                         </td> | 
 |  |  |                     </tr> | 
 |  |  |                 </tbody> | 
 |  |  |             </table> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |                                 </td> | 
 |  |  |                             </tr> | 
 |  |  |                         </tbody> | 
 |  |  |                     </table> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |  | 
 |  |  |     <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:5px;"> | 
 |  |  |         <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> | 
 |  |  |             <!-- <p style="font-size: 16px;"><strong>过期库存一览</strong></p> --> | 
 |  |  |             <table> | 
 |  |  |                 <tr> | 
 |  |  |                     <td> | 
 |  |  |                         <!-- <p style="font-size: 16px;"><strong>销存明细</strong></p> --> | 
 |  |  |                         <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="padding:10px;"> | 
 |  |  |  | 
 |  |  |             <!-- <div style="height: 300px;"> --> | 
 |  |  |                 <template if:true={showTable}> | 
 |  |  |                     <c-lex-custom-lightning-datatable key-field="key" data={data} columns={columns} | 
 |  |  |                     onrowselection={getSelectedRows} | 
 |  |  |                     selected-rows={selectedRows} class="wrapped-header-datatable"> | 
 |  |  |             <div | 
 |  |  |                 style=" | 
 |  |  |                     border: 1px solid #d4d4d4; | 
 |  |  |                     border-radius: 5px; | 
 |  |  |                     margin-bottom: 5px; | 
 |  |  |                 " | 
 |  |  |             > | 
 |  |  |                 <div | 
 |  |  |                     style=" | 
 |  |  |                         border-top: 3px solid #51606e; | 
 |  |  |                         border-bottom: 1px solid #d4d4d4; | 
 |  |  |                         padding: 3px; | 
 |  |  |                     " | 
 |  |  |                 > | 
 |  |  |                     <!-- <p style="font-size: 16px;"><strong>过期库存一览</strong></p> --> | 
 |  |  |                     <table> | 
 |  |  |                         <tr> | 
 |  |  |                             <td> | 
 |  |  |                                 <!-- <p style="font-size: 16px;"><strong>销存明细</strong></p> --> | 
 |  |  |                                 <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="padding: 10px"> | 
 |  |  |                     <!-- <div style="height: 300px;"> --> | 
 |  |  |                     <template if:true={showTable}> | 
 |  |  |                         <c-lex-custom-lightning-datatable | 
 |  |  |                             key-field="key" | 
 |  |  |                             data={data} | 
 |  |  |                             columns={columns} | 
 |  |  |                             onrowselection={getSelectedRows} | 
 |  |  |                             selected-rows={selectedRows} | 
 |  |  |                             class="wrapped-header-datatable" | 
 |  |  |                         > | 
 |  |  |                         </c-lex-custom-lightning-datatable> | 
 |  |  |                 </template> | 
 |  |  |                 <!-- 加载框 --> | 
 |  |  |                     </template> | 
 |  |  |                     <!-- 加载框 --> | 
 |  |  |  | 
 |  |  |                    <!-- <div if:true={casesSpinner} class="slds-spinner_inline spinner-padding" | 
 |  |  |                     <!-- <div if:true={casesSpinner} class="slds-spinner_inline spinner-padding" | 
 |  |  |                     style="margin-top:10px;"> | 
 |  |  |                     <lightning-spinner variant="brand" alternative-text="Loading Cases" size="medium"> | 
 |  |  |                     </lightning-spinner> | 
 |  |  |                 </div> --> | 
 |  |  |  | 
 |  |  |             <!-- </div> --> | 
 |  |  |  | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |  | 
 |  |  |     <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:5px;"> | 
 |  |  |         <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> --> | 
 |  |  |                             <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> | 
 |  |  |             </div> | 
 |  |  |  | 
 |  |  |         <div style="padding:10px;"> | 
 |  |  |             <lightning-datatable | 
 |  |  |             key-field="id" data={overduePageRecords} 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> | 
 |  |  | </div> | 
 |  |  |             <div | 
 |  |  |                 style=" | 
 |  |  |                     border: 1px solid #d4d4d4; | 
 |  |  |                     border-radius: 5px; | 
 |  |  |                     margin-bottom: 5px; | 
 |  |  |                 " | 
 |  |  |             > | 
 |  |  |                 <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> --> | 
 |  |  |                                 <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="padding: 10px"> | 
 |  |  |                     <lightning-datatable | 
 |  |  |                         key-field="id" | 
 |  |  |                         data={overduePageRecords} | 
 |  |  |                         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> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  | </div> | 
 |  |  | </div> | 
 |  |  | </template> | 
 |  |  | </template> |