<template> 
 | 
    <template if:true={showSpinner}> 
 | 
        <!-- <lightning-spinner class="spinner-container" 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> 
 | 
    <template if:true={showcount}> 
 | 
        <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 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} style="width: 300px;"></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> --> 
 | 
                        <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="height: 300px;"> 
 | 
                            <template if:true={showTable}> 
 | 
                                <c-lex-custom-lightning-datatable key-field="key" data={data} columns={columns} 
 | 
                                    ondiffreasons={diffreasons} onrowselection={getSelectedRows} 
 | 
                                    selected-rows={selectedRows} class="wrapped-header-datatable"> 
 | 
                                </c-lex-custom-lightning-datatable> 
 | 
                            </template> 
 | 
  
 | 
  
 | 
                        </div> 
 | 
  
 | 
                    </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;"> 
 | 
                        <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> 
 | 
                                <template if:true={showbutton}> 
 | 
                                    <td align="center">  
 | 
                                        <!-- <lightning-button variant="brand"  class='count' label="下载本次盘点库存变化明细" title="下载本次盘点库存变化明细" 
 | 
                                            onclick={exportData} style="width: 150px;"></lightning-button> --> 
 | 
                                            <button class="slds-button slds-button_neutral slds-button_stretch changeDetail" label="下载本次盘点库存变化明细" onclick={exportData}>下载本次盘点库存变化明细</button> 
 | 
                                        </td> 
 | 
                                </template> 
 | 
                            </tr> 
 | 
                        </table> 
 | 
                    </div> 
 | 
                    <!-- <template if:true={showTable}> --> 
 | 
                    <div style="padding:10px;"> 
 | 
                        <lightning-datatable key-field="id" data={pageCodeRecords} columns={column} 
 | 
                            hide-checkbox-column={hidecheckbox} class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all; "> 
 | 
                        </lightning-datatable> 
 | 
                        <c-paginator onprevious={handlePrevious} onnext={handleNext} onpageschange={handlePageschange} 
 | 
                            onfirst={handleFirst} onlast={handleLast} page-size-options={pageSizeOptions} 
 | 
                            previous-button-disabled={previousButtonDisabled} next-button-disabled={nextButtonDisabled} 
 | 
                            record-start={recordStart} record-end={recordEnd} 
 | 
                            total-records={totalRecords}></c-paginator> 
 | 
                    </div> 
 | 
                    <!-- </template> --> 
 | 
                </div> 
 | 
            </div> 
 | 
  
 | 
  
 | 
        </div> 
 | 
    </template> 
 | 
  
 | 
  
 | 
    <template if:true={EditAble}> 
 | 
        <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="border: 1px solid #D4D4D4;border-radius:5px;"> 
 | 
                    <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:6px;"> 
 | 
                        <p style="font-size: 19px;"><strong>盘点情况一览</strong></p> 
 | 
                    </div> 
 | 
                    <div class="acc-container"> 
 | 
                        <lightning-record-edit-form object-api-name="Consumable_order__c" record-id={conId} 
 | 
                            onload={handleLoad2} class="hideHelpText"> 
 | 
                            <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1"> 
 | 
                                <div class="slds-grid"> 
 | 
                                    <div class="slds-col slds-size_1-of-2"> 
 | 
                                        <lightning-output-field field-name="Name" 
 | 
                                            class="hehe-layoutItem" style="padding-left:20px;"></lightning-output-field> 
 | 
                                    </div> 
 | 
                                    <div class="slds-col slds-size_1-of-2"> 
 | 
                                        <lightning-output-field field-name="Inventory_date__c" 
 | 
                                            class="hehe-layoutItem"></lightning-output-field> 
 | 
                                    </div> 
 | 
                                </div> 
 | 
                            </div> 
 | 
                        </lightning-record-edit-form> 
 | 
                    </div> 
 | 
                </div> 
 | 
                <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-top:10px"> 
 | 
                    <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:6px;"> 
 | 
                        <lightning-accordion allow-multiple-sections-open class="slds-m-around_medium" 
 | 
                            active-section-name={activeSections}> 
 | 
                            <lightning-accordion-section name="dataExpand" label="盘点明细" class="accordionClass"> 
 | 
                                <lightning-datatable key-field="id" data={detailData} columns={dcolumns} 
 | 
                                    hide-checkbox-column={hidecheckbox} 
 | 
                                    class="wrapped-header-datatable accordionClass2"> 
 | 
                                </lightning-datatable> 
 | 
                            </lightning-accordion-section> 
 | 
                        </lightning-accordion> 
 | 
  
 | 
  
 | 
                    </div> 
 | 
                </div> 
 | 
                <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-top:10px"> 
 | 
                    <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:6px;"> 
 | 
                        <lightning-accordion allow-multiple-sections-open class="slds-m-around_medium" 
 | 
                            active-section-name={activeSections}> 
 | 
                            <lightning-accordion-section name="dataExpand" label="在库调整明细" class="accordionClass"> 
 | 
                                <lightning-datatable key-field="id" data={adjustdata} columns={stockadjustcolumns} 
 | 
                                    hide-checkbox-column={hidecheckbox} 
 | 
                                    class="wrapped-header-datatable accordionClass2"> 
 | 
                                </lightning-datatable> 
 | 
                            </lightning-accordion-section> 
 | 
                        </lightning-accordion> 
 | 
  
 | 
                    </div> 
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
  
 | 
    </template> 
 | 
</template> 
 |