<!-- sldsValidatorIgnore -->
|
<!-- sldsValidatorIgnore -->
|
<template>
|
<div class="outerBorderCss">
|
<div style="padding:5px;">
|
<div class="borderCss">
|
<div style="padding:10px;">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<div class="slds-m-top_small slds-m-bottom_medium">
|
<lightning-button label="新建出库单" onclick={neworderhead}
|
class="slds-m-left_x-small"></lightning-button>
|
<lightning-button label="上传已出库一览" onclick={editProductLimit}
|
class="slds-m-left_x-small"></lightning-button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="borderCss">
|
<div class="headerDorderCss">
|
<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;">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-layout multiple-rows>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-text-align_center">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<div class="slds-form-element__label">出库日　从</div>
|
<lightning-input type="date" variant="label-hidden" label="出库日 从"
|
onchange={dataChange} data-field="deliveryFromDate"
|
value={deliveryFromDate}></lightning-input>
|
</div>
|
|
</br>
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<div class="slds-form-element__label">　　　　到
|
</div>
|
<lightning-input type="date" variant="label-hidden" label="到"
|
onchange={dataChange} data-field="deliveryToDate"
|
value={deliveryToDate}></lightning-input>
|
</div>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<div class="slds-form-element__label">出库单号</div>
|
<lightning-input variant="label-hidden" label="出库单号" onchange={dataChange}
|
data-field="deliveryOrderNo" value={deliveryOrderNo}></lightning-input>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<div class="slds-form-element__label">客户名</div>
|
<lightning-input variant="label-hidden" label="客户名" onchange={dataChange}
|
data-field="contactName" value={contactName}></lightning-input>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<lightning-button label="还没出库的出库单"
|
onclick={searchConsumableorderdetailsJs}></lightning-button>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<lightning-button label="已出库未开票的出库单"
|
onclick={searchOrderInstatusJs}></lightning-button>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<lightning-button label="已出库已开票的出库单"
|
onclick={searchConsumableorFinishJs}></lightning-button>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<lightning-button label="清空" onclick={clearJs}></lightning-button>
|
</div>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
</div>
|
</div>
|
|
<div class="borderCss">
|
<template if:true={isShowSpinner}>
|
<lightning-spinner alternative-text="Loading" size="large"></lightning-spinner>
|
</template>
|
<div class="headerDorderCss">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 16px">
|
<strong>出库单一览表</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div class="table-container">
|
<template if:true={showTable}>
|
<lightning-datatable key-field="id" data={data} columns={columns} hide-checkbox-column
|
default-sort-direction={defaultSortDirection} sorted-direction={sortDirection}
|
sorted-by={sortedBy} onsort={onHandleSort} class="wrapped-header-datatable">
|
</lightning-datatable>
|
</template>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
