<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;">
|
<!-- 按钮 -->
|
<!-- <lightning-button style="margin: 5px;" label="出库" onclick={proSale} disabled={arrivetoorder}></lightning-button> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="出库" onclick={proSale} disabled={arrivetoorder}>出库</button>
|
<p style="height: 10px;"></p>
|
<!-- 到货订单信息 -->
|
<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:140px;">
|
<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:140px;">
|
<div style="color:#696969;font-size:16px;">本次入库产品金额</div>
|
</td>
|
<td style="width:100px;">
|
<lightning-formatted-number style="font-size: 16px;" value={coc.Arrive_total_amount__c} minimum-fraction-digits="2"></lightning-formatted-number>
|
</td>
|
<td></td>
|
</tr>
|
<tr style="height: 20px;"></tr>
|
<tr>
|
<td style="width:10px;"></td>
|
<td style="width:120px;">
|
<div style="color:#696969;font-size:16px;">消耗品订单名称<lightning-helptext style="--lwc-spacingXxSmall:0px;" content={label.helpText}></lightning-helptext></div>
|
</td>
|
<td style="width:200px;">
|
<a style="text-decoration: underline;color:black;" onclick={clickOrder}><lightning-formatted-text style="font-size: 16px;" value={coc.arriveOrder}></lightning-formatted-text></a>
|
<!-- <lightning-formatted-text value={coc.Arrive_Order__r.Name}></lightning-formatted-text> -->
|
</td>
|
<td></td>
|
</tr>
|
</tbody>
|
</table>
|
</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={colms} data={consumableorderdetailsRecords}></lightning-datatable>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
</template>
|
