<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:60px;">
|
<div style="color:#696969;font-size:12px;">订单名称</div>
|
</td>
|
<td style="width:200px;">
|
<lightning-formatted-text value={coc.Name}></lightning-formatted-text>
|
</td>
|
<td style="width:30px;"></td>
|
<td style="width:60px;">
|
<div style="color:#696969;font-size:12px;">订单总数</div>
|
</td>
|
<td style="width:100px;">
|
<lightning-formatted-number value={coc.Total_num__c}></lightning-formatted-number>
|
</td>
|
<td style="width:30px;"></td>
|
<td style="width:72px;">
|
<div style="color:#696969;font-size:12px;">已到货数量</div>
|
</td>
|
<td style="width:100px;">
|
<lightning-formatted-number value={coc.OrderNumber_arrived__c}></lightning-formatted-number>
|
</td>
|
<td style="width:30px;"></td>
|
<td style="width:84px;">
|
<div style="color:#696969;font-size:12px;">还没发货数量</div>
|
</td>
|
<td style="width:100px;">
|
<lightning-formatted-number 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>
|
