<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>
|
<template if:true={showPage}>
|
<div
|
style="
|
border: 1px solid #d4d4d4;
|
border-top: 3px solid #51606e;
|
border-radius: 5px;
|
"
|
>
|
<div style="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>
|
<!-- <p style="font-size: 16px;"><strong>入库/返品</strong></p> -->
|
</div>
|
<div style="padding: 10px">
|
<!-- 按钮 -->
|
<template if:false={returnFLGbln}>
|
<!-- <lightning-button style="margin: 5px;" label="到货确认" onclick={arriveGoodsConfim} disabled={saveFLGbln}></lightning-button> -->
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder"
|
style="margin: 5px"
|
label="到货确认"
|
onclick={arriveGoodsConfim}
|
disabled={saveFLGbln}
|
>
|
到货确认
|
</button>
|
</template>
|
<template if:true={returnFLGbln}>
|
<!-- <lightning-button style="margin: 5px;" label="登录返品" onclick={updateGoodsOfReturn}></lightning-button> -->
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder"
|
style="margin: 5px"
|
label="登录返品"
|
onclick={updateGoodsOfReturn}
|
>
|
登录返品
|
</button>
|
</template>
|
<p style="height: 10px"></p>
|
<!-- 订单信息 -->
|
<template if:true={showOrderDetail}>
|
<div
|
style="
|
border: 1px solid #d4d4d4;
|
border-top: 3px solid #51606e;
|
border-radius: 5px;
|
margin-bottom: 7px;
|
"
|
>
|
<div
|
style="
|
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>
|
<!-- <p style="font-size: 16px;"><strong>订单信息</strong></p> -->
|
</div>
|
<div style="padding: 10px">
|
<table>
|
<tbody>
|
<tr>
|
<td style="width: 10px"></td>
|
<td style="width: 74px">
|
<div
|
style="
|
color: #696969;
|
font-size: 16px;
|
"
|
>
|
订单名称
|
</div>
|
</td>
|
<td style="width: 200px">
|
<lightning-formatted-text
|
style="font-size: 16px"
|
value={coc.Name}
|
></lightning-formatted-text>
|
</td>
|
<td style="width: 30px"></td>
|
<td style="width: 74px">
|
<div
|
style="
|
color: #696969;
|
font-size: 16px;
|
"
|
>
|
订单总数
|
</div>
|
</td>
|
<td style="width: 100px">
|
<lightning-formatted-number
|
style="font-size: 16px"
|
value={coc.Total_num__c}
|
></lightning-formatted-number>
|
</td>
|
<td style="width: 30px"></td>
|
<td style="width: 90px">
|
<div
|
style="
|
color: #696969;
|
font-size: 16px;
|
"
|
>
|
已到货数量
|
</div>
|
</td>
|
<td style="width: 100px">
|
<lightning-formatted-number
|
style="font-size: 16px"
|
value={coc.OrderNumber_arrived__c}
|
></lightning-formatted-number>
|
</td>
|
<td style="width: 30px"></td>
|
<td style="width: 106px">
|
<div
|
style="
|
color: #696969;
|
font-size: 16px;
|
"
|
>
|
还没发货数量
|
</div>
|
</td>
|
<td style="width: 100px">
|
<lightning-formatted-number
|
style="font-size: 16px"
|
value={coc.OrderNumber_notarrive__c}
|
></lightning-formatted-number>
|
</td>
|
<td></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</template>
|
<!-- BarCode录入 -->
|
<div
|
style="
|
border: 1px solid #d4d4d4;
|
border-top: 3px solid #51606e;
|
border-radius: 5px;
|
margin-bottom: 7px;
|
"
|
>
|
<div style="border-bottom: 1px solid #d4d4d4; padding: 3px">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>BarCode录入</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
<!-- <p style="font-size: 16px;"><strong>BarCode录入</strong></p> -->
|
</div>
|
<div style="padding: 10px">
|
<table>
|
<tbody>
|
<tr>
|
<td style="width: 20px"></td>
|
<td style="width: 60px; font-size: 16px">
|
BarCode
|
</td>
|
<td style="width: 30px"></td>
|
<td style="width: 600px">
|
<lightning-textarea
|
class="inputFont"
|
name="BarCode"
|
value={barcode}
|
label=""
|
variant="label-hidden"
|
onchange={barcodeChange}
|
></lightning-textarea>
|
</td>
|
<td style="width: 30px"></td>
|
<td style="width: 200px">
|
<!-- <lightning-button label="获取明细" title="获取明细" onclick={barcodeEntrys} style="width: 300px;"></lightning-button> -->
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder"
|
label="获取明细"
|
onclick={barcodeEntrys}
|
>
|
获取明细
|
</button>
|
</td>
|
<td></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<!-- 警告提醒 -->
|
<template if:true={hasWarning}>
|
<div
|
style="
|
border: 1px solid #d4d4d4;
|
border-radius: 5px;
|
margin-bottom: 7px;
|
"
|
>
|
<div
|
style="
|
border-bottom: 1px solid #d4d4d4;
|
border-radius: 5px;
|
margin-bottom: 7px;
|
color: #ff6a00;
|
font-size: 17px;
|
"
|
>
|
<lightning-icon
|
icon-name="utility:warning"
|
></lightning-icon>
|
<strong> 警告</strong>
|
</div>
|
<template for:each={warningMsgs} for:item="msg">
|
<p
|
key={msg}
|
style="
|
color: #ff6a00;
|
padding-left: 7px;
|
font-size: 14px;
|
"
|
>
|
・ {msg}
|
</p>
|
</template>
|
</div>
|
</template>
|
<!-- 报错提醒 -->
|
<template if:true={hasError}>
|
<div
|
style="
|
border: 1px solid #d4d4d4;
|
border-radius: 5px;
|
margin-bottom: 7px;
|
"
|
>
|
<div
|
style="
|
border-bottom: 1px solid #d4d4d4;
|
border-radius: 5px;
|
margin-bottom: 7px;
|
color: red;
|
font-size: 17px;
|
"
|
>
|
<lightning-icon
|
icon-name="utility:error"
|
></lightning-icon>
|
<strong> 错误</strong>
|
</div>
|
<template for:each={errorMsgs} for:item="msg">
|
<p
|
key={msg}
|
style="
|
color: red;
|
padding-left: 7px;
|
font-size: 14px;
|
"
|
>
|
・ {msg}
|
</p>
|
</template>
|
</div>
|
</template>
|
<!-- 本次到货产品汇总 -->
|
<template if:false={returnFLGbln}>
|
<div
|
style="
|
border: 1px solid #d4d4d4;
|
border-top: 3px solid #51606e;
|
border-radius: 5px;
|
margin-bottom: 7px;
|
"
|
>
|
<div
|
style="
|
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>
|
<!-- <p style="font-size: 16px;"><strong>本次到货产品汇总</strong></p> -->
|
</div>
|
<div style="padding: 10px">
|
<lightning-datatable
|
class="wrapped-header-datatable"
|
style="
|
word-wrap: break-word;
|
word-break: break-all;
|
"
|
hide-checkbox-column
|
key-field="recordId"
|
columns={currentArrProdCols}
|
data={detailsSummary}
|
></lightning-datatable>
|
</div>
|
</div>
|
</template>
|
<!-- 到货明细 -->
|
<template if:false={returnFLGbln}>
|
<div
|
style="
|
border: 1px solid #d4d4d4;
|
border-top: 3px solid #51606e;
|
border-radius: 5px;
|
margin-bottom: 7px;
|
"
|
>
|
<div
|
style="
|
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
|
class="wrapped-header-datatable"
|
style="
|
word-wrap: break-word;
|
word-break: break-all;
|
"
|
hide-checkbox-column
|
key-field="recordId"
|
columns={arrDetailCols}
|
data={consumableorderdetailsRecordsview}
|
></lightning-datatable>
|
</div>
|
</div>
|
</template>
|
<!-- 返品明细 -->
|
<template if:true={returnFLGbln}>
|
<div
|
style="
|
border: 1px solid #d4d4d4;
|
border-top: 3px solid #51606e;
|
border-radius: 5px;
|
margin-bottom: 7px;
|
"
|
>
|
<div
|
style="
|
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">
|
<c-lex-custom-lightning-datatable
|
class="wrapped-header-datatable"
|
style="
|
word-wrap: break-word;
|
word-break: break-all;
|
"
|
hide-checkbox-column
|
key-field="recordId"
|
data={showGoodsofReturnListView}
|
columns={returnDetailCols}
|
onchangereturncount={returnCountChange}
|
onchangevalue={returnReasonChange}
|
></c-lex-custom-lightning-datatable>
|
</div>
|
</div>
|
</template>
|
<!-- 入库明细 -->
|
<!-- <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
|
<div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 16px">
|
<strong>入库明细</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding:10px;">
|
<lightning-datatable class="wrapped-header-datatable" hide-checkbox-column key-field="recordId" columns={inDetailCols} data={consumableInventory}></lightning-datatable>
|
</div>
|
</div> -->
|
<!-- 错误明细 -->
|
<div
|
style="
|
border: 1px solid #d4d4d4;
|
border-top: 3px solid #51606e;
|
border-radius: 5px;
|
margin-bottom: 7px;
|
"
|
>
|
<div style="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>
|
<!-- <p style="font-size: 16px;"><strong>错误明细</strong></p> -->
|
</div>
|
<div style="padding: 10px">
|
<lightning-datatable
|
class="wrapped-header-datatable"
|
style="word-wrap: break-word; word-break: break-all"
|
hide-checkbox-column
|
key-field="recordId"
|
columns={errorDetailCols}
|
data={consumableorderdetailsRecordserror}
|
></lightning-datatable>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
</template>
|
