<!-- 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>
|
