|  |  | 
 |  |  | <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> | 
 |  |  |         <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 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" | 
 |  |  |                                 > | 
 |  |  |                             <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> | 
 |  |  | 
 |  |  |                                     label="读取csv文件" | 
 |  |  |                                     onclick={getCsvFile} | 
 |  |  |                                 ></lightning-button> --> | 
 |  |  |                                 <button | 
 |  |  |                                     class="slds-button slds-button_neutral slds-button_stretch lexBorder" | 
 |  |  |                                     onclick={getCsvFile} | 
 |  |  |                                 > | 
 |  |  |                                     读取csv文件 | 
 |  |  |                                 </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 | 
 |  |  | 
 |  |  |                                     onclick={dataImport} | 
 |  |  |                                     disabled={saveFLGbln} | 
 |  |  |                                 ></lightning-button> --> | 
 |  |  |                                 <button | 
 |  |  |                                     class="slds-button slds-button_neutral slds-button_stretch lexBorder" | 
 |  |  |                                     onclick={dataImport} | 
 |  |  |                                     disabled={saveFLGbln} | 
 |  |  |                                 > | 
 |  |  |                                     导入数据 | 
 |  |  |                                 </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="borderCss" style="margin-top: 10px;"> | 
 |  |  |                         <div class="headerDorderCss"> | 
 |  |  |                             <lightning-layout> | 
 |  |  |                                 <lightning-layout-item padding="around-small"> | 
 |  |  | 
 |  |  |                         <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 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> |