<!-- 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>
|