<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>
|
<!-- <p style="font-size: 18px;"><strong>拆盒</strong></p> -->
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>拆盒</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</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;">
|
<!-- <lightning-button variant="brand" class='lexstyle' style="margin-left:10px;" label="拆盒确认" title="拆盒确认" onclick={saveConfirm}></lightning-button>-->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin-left:10px;margin-top:12px;margin-bottom:12px;" label="拆盒确认" onclick={saveConfirm}>拆盒确认</button>
|
</div>
|
</div>
|
<div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:5px;">
|
<div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 16px">
|
<strong>BarCode录入</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
|
<!-- <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={getDetails}>获取明细</button>
|
<!-- <lightning-button variant="brand" class='lexstyle' label="获取明细" title="获取明细" onclick={getDetails}
|
></lightning-button> -->
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<!-- </div> -->
|
</div>
|
|
<div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px">
|
<div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
|
<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:10px;">
|
|
<lightning-datatable
|
key-field="prodid" data={data} columns={columns}
|
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 style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px">
|
<div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
|
<table>
|
<tr>
|
<td>
|
<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;">
|
<!-- <template if:true={showTables}> -->
|
|
<!-- <c-lex-custom-lightning-datatable key-field="id" data={errorDetail} columns={column}
|
onrowselection={getSelectedRows} hide-checkbox-column="true"
|
selected-rows={selectedRows}>
|
</c-lex-custom-lightning-datatable> -->
|
<lightning-datatable
|
key-field="id" data={errorDetail} 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>
|
<!-- </template> -->
|
|
|
</div>
|
</div>
|
</div>
|
|
|
|
</div>
|
|
</template>
|
