<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>
|
