<!-- 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">
|
<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}
|
style="min-width: 200px" class="inputFont"></lightning-input>
|
<div class="slds-form-element__label searchName">
|
　到
|
</div>
|
<lightning-input type="date" variant="label-hidden" label="到"
|
onchange={dataChange} data-field="deliveryToDate" value={deliveryToDate}
|
style="min-width: 200px" class="inputFont"></lightning-input>
|
</div>
|
</div>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="3" style="margin-left: -80px;">
|
<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}
|
style="min-width: 215px" class="inputFont"></lightning-input>
|
</div>
|
</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="contactName" value={contactName} style="min-width: 215px"
|
class="inputFont"></lightning-input>
|
</div>
|
</div>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout multiple-rows style="margin-top: 20px">
|
<lightning-layout-item size="6">
|
<div class="slds-text-align_center">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<!-- <div class="slds-form-element__label searchName" style="visibility: hidden;">
|
出库日　从</div> -->
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
|
onclick={searchConsumableorderdetailsJs} style="width: 200px;">
|
还没出库的出库单
|
</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 lexsearchStyle"
|
onclick={searchOrderInstatusJs} style="width: 215px;margin-left: 4px;">
|
已出库未开票的出库单
|
</button>
|
</div>
|
</div>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="3" style="margin-left: -80px;">
|
<div class="slds-text-align_center">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<div class="slds-form-element__label searchName" style="visibility: hidden">
|
出库单号
|
</div>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
|
onclick={searchConsumableorFinishJs} style="width: 215px">
|
已出库已开票的出库单
|
</button>
|
</div>
|
</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" style="visibility: hidden">
|
客户名
|
</div>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
|
onclick={clearJs} style="width: 215px">
|
清空
|
</button>
|
</div>
|
</div>
|
</lightning-layout-item>
|
|
<!-- <lightning-layout-item size="5">
|
<div class="slds-text-align_center">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<div class="slds-form-element__label searchName" style="visibility: hidden;">
|
出库日　从</div>
|
<lightning-input type="date" variant="label-hidden" label="出库日 从"
|
onchange={dataChange} data-field="deliveryFromDate" value={deliveryFromDate}
|
style="min-width: 200px;visibility: hidden;"></lightning-input>
|
|
<div class="slds-form-element__label searchName" style="visibility: hidden;">
|
　到
|
</div>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorderWidth"
|
onclick={searchConsumableorderdetailsJs}>还没出库的出库单</button>
|
</div>
|
</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" style="visibility: hidden;">
|
出库单号</div>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorderWidth"
|
onclick={searchOrderInstatusJs} style="width: 215px;">已出库未开票的出库单</button>
|
</div>
|
</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" style="visibility: hidden;">客户名
|
</div>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorderWidth"
|
onclick={searchConsumableorFinishJs}
|
style="width: 215px;">已出库已开票的出库单</button>
|
</div>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorderWidth"
|
onclick={clearJs} style="width: 80px;">清空</button>
|
</div>
|
</lightning-layout-item> -->
|
|
<!-- <div class="slds-m-top_small slds-m-bottom_medium">
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorderWidth lexBorder"
|
onclick={searchConsumableorderdetailsJs}>还没出库的出库单</button>
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorderWidth lexBorder buttonMarginLeft"
|
onclick={searchOrderInstatusJs} style="width: 215px;">已出库未开票的出库单</button>
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorderWidth lexBorder buttonMarginLeft"
|
onclick={searchConsumableorFinishJs} style="width: 215px;">已出库已开票的出库单</button>
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorderWidth lexBorder buttonMarginLeft"
|
onclick={clearJs} >清空</button>
|
</div> -->
|
</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: 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>
|
