| <!-- sldsValidatorIgnore --> | 
| <!-- sldsValidatorIgnore --> | 
| <template> | 
|     <c-common-toast></c-common-toast> | 
|     <template if:true={isShowSpinner}> | 
|         <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> | 
|     </template> | 
|     <div class="outerBorderCss"> | 
|         <div style="padding: 5px"> | 
|             <div class="borderCss"> | 
|                 <div style="padding: 10px"> | 
|                     <div lwc:dom="manual" class="resultDiv"></div> | 
|                     <div draggable="false" class="centerCss searchName"> | 
|                         <lightning-layout multiple-rows="true"> | 
|                             <lightning-layout-item size="4" style="display: flex;align-items: center;"> | 
|                                 <lightning-input class="floatLeft" label="" name="file uploader" | 
|                                     onchange={handleFilesChange} type="file" accept={acceptedType} | 
|                                     variant="label-hidden"></lightning-input> | 
|                                 <div class="slds-text-body_small floatLeft fontWeight"> | 
|                                     {fileName} | 
|                                 </div> | 
|                             </lightning-layout-item> | 
|                             <lightning-layout-item size="4"> | 
|                                 <!-- <lightning-button | 
|                                     label="读取csv文件" | 
|                                     onclick={getCsvFile} | 
|                                 ></lightning-button> --> | 
|                                 <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" | 
|                                     onclick={getCsvFile}>读取csv文件</button> | 
|                             </lightning-layout-item> | 
|                             <lightning-layout-item size="4"> | 
|                                 <!-- <lightning-button | 
|                                     label="导入数据" | 
|                                     onclick={dataImport} | 
|                                     disabled={saveFLGbln} | 
|                                 ></lightning-button> --> | 
|                                 <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" | 
|                                     onclick={dataImport} disabled={saveFLGbln}>导入数据</button> | 
|                             </lightning-layout-item> | 
|                         </lightning-layout> | 
|                     </div> | 
|   | 
|                     <div class="borderCss" style="margin-top: 10px;"> | 
|                         <div class="headerDorderCss"> | 
|                             <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: 7px"> | 
|                             <div lwc:dom="manual" class="resultDiv"></div> | 
|                             <div draggable="false"> | 
|                                 <lightning-datatable key-field="id" data={data} columns={columns} hide-checkbox-column | 
|                                     default-sort-direction={defaultSortDirection} sorted-direction={sortDirection} | 
|                                     sorted-by={sortedBy} onsort={onHandleSort} class="wrapped-header-datatable"> | 
|                                 </lightning-datatable> | 
|                             </div> | 
|                         </div> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|         </div> | 
|     </div> | 
| </template> |