<template>
|
<template if:true={showSpinner}>
|
<lightning-spinner size="medium" variant="brand"></lightning-spinner>
|
</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">
|
<!-- <div style="height: 300px;"> -->
|
<!-- <template if:true={showTable}> -->
|
<!-- <c-lex-custom-lightning-datatable key-field="prodid" data={data} columns={columns}
|
onrowselection={getSelectedRows} hide-checkbox-column="true"
|
selected-rows={selectedRows}>
|
</c-lex-custom-lightning-datatable> -->
|
<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>
|
<!-- </template> -->
|
<!-- </div> -->
|
</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>
|
