<!-- 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">
|
<p style="font-size: 16px;"><strong>检索条件</strong></p>
|
</div>
|
<div style="padding:10px;">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<!-- <table>
|
<colgroup>
|
<col width="50px" />
|
<col width="200px" />
|
<col width="10px" />
|
<col width="50px" />
|
<col width="100px" />
|
<col width="10px" />
|
<col width="50px" />
|
<col width="100px" />
|
<col width="150px" />
|
<col width="200px" />
|
<col width="200px" />
|
<col width="100px" />
|
</colgroup>
|
<tr>
|
<td>出库日</td>
|
<td><lightning-input type="date" variant="label-inline" label="从" onchange={dataChange} data-field ="deliveryFromDate" value={deliveryFromDate}></lightning-input></td>
|
<td></td>
|
<td>出库单号</td>
|
<td><lightning-input type="text" name="deliveryOrderNo" label="deliveryOrderNo"
|
variant="label-hidden" onchange={dataChange} data-field ="deliveryOrderNo" value={deliveryOrderNo}></lightning-input></td>
|
<td></td>
|
<td>客户名</td>
|
<td><lightning-input type="text" name="contactName" label="contactName"
|
variant="label-hidden" onchange={dataChange} data-field ="contactName" value={contactName}></lightning-input></td>
|
<td style="text-align: center;"><lightning-button label="还没出库的出库单" onclick={searchConsumableorderdetailsJs}></lightning-button>
|
</td>
|
<td style="text-align: center;"><lightning-button label="已出库未开票的出库单" onclick={searchOrderInstatusJs}></lightning-button>
|
</td>
|
<td style="text-align: center;"><lightning-button label="已出库已开票的出库单" onclick={searchConsumableorFinishJs}></lightning-button>
|
</td>
|
<td style="text-align: center;"><lightning-button label="清空" onclick={clearJs}></lightning-button></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><lightning-input type="date" name="toDataInput" variant="label-inline" label="到" onchange={dataChange} data-field ="deliveryToDate" value={deliveryToDate}></lightning-input></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
</table> -->
|
<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">
|
<p style="font-size: 16px;"><strong>出库单一览表</strong><span> {message}</span></p>
|
</div>
|
<div style="padding:10px;">
|
<!-- <div style="height: 300px;">
|
<lightning-datatable
|
key-field="id"
|
data={data}
|
columns={columns}
|
hide-checkbox-column
|
default-sort-direction={defaultSortDirection}
|
sorted-direction={sortDirection}
|
sorted-by={sortedBy}
|
onsort={onHandleSort}>
|
</lightning-datatable>
|
</div> -->
|
<template if:true={showTable}>
|
<!-- <c-lwc-datatable-utility
|
hidecheckboxcolumn = {hidecheckboxcolumn}
|
records={data}
|
total-records={data.length}
|
columns = {columns}a
|
key-field="Id"
|
show-search-box="true"
|
max-row-selection={data.length}
|
onpaginatorchange={handlePaginatorChange}>
|
</c-lwc-datatable-utility> -->
|
<lightning-datatable
|
key-field="id"
|
data={data}
|
columns={columns}
|
hide-checkbox-column
|
default-sort-direction={defaultSortDirection}
|
sorted-direction={sortDirection}
|
sorted-by={sortedBy}
|
onsort={onHandleSort}>
|
</lightning-datatable>
|
</template>
|
|
|
<!-- <c-my-custom-type-datatable
|
key-field="Id"
|
data={data}
|
columns={columns}
|
show-row-number-column>
|
</c-my-custom-type-datatable> -->
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|