<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>
|
</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}
|
style="width: 150px;"></lightning-button> -->
|
</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"
|
>
|
</c-lex-custom-lightning-datatable>
|
</template>
|
<!-- 加载框 -->
|
|
<!-- <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 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>
|
</template>
|
