| <template> | 
|     <template if:true={showSpinner}> | 
|         <lightning-spinner size="medium" variant="brand"></lightning-spinner> | 
|     </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> |