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