<!-- sldsValidatorIgnore -->
|
<!-- sldsValidatorIgnore -->
|
<template>
|
<c-common-toast></c-common-toast>
|
<div class="outerBorderCss">
|
<div style="padding: 5px">
|
<div class="borderCss">
|
<div style="padding: 15px">
|
<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" disabled></lightning-button>
|
<lightning-button label="上传已出库一览" onclick={editProductLimit}
|
class="slds-m-left_x-small"></lightning-button> -->
|
|
<!-- <button class="slds-button slds-button_neutral slds-button_stretch lexBorder lexBorderWidth"
|
onclick={neworderhead}>
|
新建出库单
|
</button>
|
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonMarginLeft lexBorderWidth"
|
onclick={editProductLimit}>
|
上传已出库一览
|
</button> -->
|
|
<lightning-layout multiple-rows>
|
<lightning-layout-item size="6">
|
<div class="slds-text-align_center">
|
<div
|
class="slds-grid slds-grid_vertical-align-center"
|
>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder lexBorderWidth"
|
onclick={neworderhead}
|
>
|
新建出库单
|
</button>
|
|
<div
|
class="slds-form-element__label searchName"
|
style="visibility: hidden"
|
>
|
出库日　从
|
</div>
|
<div
|
class="slds-form-element__label searchName"
|
style="visibility: hidden"
|
>
|
　到
|
</div>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder lexBorderWidth"
|
onclick={editProductLimit}
|
style="margin-left: 4px"
|
>
|
上传已出库一览
|
</button>
|
</div>
|
</div>
|
</lightning-layout-item>
|
</lightning-layout>
|
<!-- </div> -->
|
</div>
|
</div>
|
</div>
|
|
<div class="borderCss">
|
<div class="headerDorderCss">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>检索条件</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding: 15px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-layout multiple-rows>
|
<lightning-layout-item size="6">
|
<div class="slds-text-align_center">
|
<lightning-layout multiple-rows>
|
<lightning-layout-item size="6">
|
<div
|
class="slds-grid slds-grid_vertical-align-center"
|
>
|
<div
|
class="slds-form-element__label searchName"
|
>
|
出库日　从
|
</div>
|
<lightning-input
|
type="date"
|
variant="label-hidden"
|
label="出库日 从"
|
onchange={dataChange}
|
data-field="deliveryFromDate"
|
value={deliveryFromDate}
|
class="inputFont"
|
style="max-width: 150px"
|
></lightning-input>
|
</div>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="6">
|
<div
|
class="slds-grid slds-grid_vertical-align-center"
|
>
|
<div
|
class="slds-form-element__label searchName"
|
>
|
到
|
</div>
|
<lightning-input
|
type="date"
|
variant="label-hidden"
|
label="到"
|
onchange={dataChange}
|
data-field="deliveryToDate"
|
value={deliveryToDate}
|
class="inputFont"
|
style="max-width: 150px"
|
></lightning-input>
|
</div>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="3">
|
<div class="slds-text-align_center">
|
<div
|
class="slds-grid slds-grid_vertical-align-center"
|
>
|
<div
|
class="slds-form-element__label searchName"
|
>
|
出库单号
|
</div>
|
<lightning-input
|
variant="label-hidden"
|
label="出库单号"
|
onchange={dataChange}
|
data-field="deliveryOrderNo"
|
value={deliveryOrderNo}
|
class="inputFont"
|
style="max-width: 150px"
|
></lightning-input>
|
</div>
|
</div>
|
</lightning-layout-item>
|
|
<lightning-layout-item>
|
<div class="slds-text-align_center">
|
<div
|
class="slds-grid slds-grid_vertical-align-center"
|
>
|
<div
|
class="slds-form-element__label searchName"
|
>
|
客户名
|
</div>
|
<lightning-input
|
variant="label-hidden"
|
label="客户名"
|
onchange={dataChange}
|
data-field="contactName"
|
value={contactName}
|
class="inputFont"
|
style="max-width: 150px"
|
></lightning-input>
|
</div>
|
</div>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout
|
multiple-rows
|
style="margin-top: 20px"
|
>
|
<lightning-layout-item size="6">
|
<lightning-layout multiple-rows>
|
<lightning-layout-item size="6">
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
|
onclick={searchConsumableorderdetailsJs}
|
style="min-width: 180px"
|
>
|
还没出库的出库单
|
</button>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="6">
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
|
onclick={searchOrderInstatusJs}
|
style="min-width: 215px"
|
>
|
已出库未开票的出库单
|
</button>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="3">
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
|
onclick={searchConsumableorFinishJs}
|
style="min-width: 225px"
|
>
|
已出库已开票的出库单
|
</button>
|
</lightning-layout-item>
|
|
<lightning-layout-item>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
|
onclick={clearJs}
|
style="width: 206px"
|
>
|
清空
|
</button>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
</div>
|
</div>
|
|
<div class="borderCss">
|
<template if:true={isShowSpinner}>
|
<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>
|
<div class="headerDorderCss">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>出库单一览表</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<template if:true={showTable}>
|
<div style="padding: 7px; height: 500px">
|
<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>
|
</div>
|
</template>
|
</div>
|
</div>
|
</div>
|
</template>
|
