| | |
| | | <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" |
| | | > |
| | | <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> |
| | |
| | | </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"> |
| | | <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"> |
| | |
| | | </lightning-layout> |
| | | <!-- <p style="font-size: 16px;"><strong>到货</strong></p> --> |
| | | </div> |
| | | <div style="padding: 10px"> |
| | | <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> |
| | | <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"> |
| | | <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"> |
| | |
| | | </lightning-layout> |
| | | <!-- <p style="font-size: 16px;"><strong>到货订单信息</strong></p> --> |
| | | </div> |
| | | <div style="padding: 10px"> |
| | | <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 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 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 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 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 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 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> |
| | | <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> |
| | |
| | | </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"> |
| | | <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"> |
| | |
| | | </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 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> |