|  |  |  | 
|---|
|  |  |  | <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 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="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> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | <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} style="min-width: 215px" | 
|---|
|  |  |  | class="inputFont"></lightning-input> | 
|---|
|  |  |  | data-field="contactName" value={contactName} class="inputFont" | 
|---|
|  |  |  | style="max-width: 150px;"></lightning-input> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </lightning-layout-item> | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <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> --> | 
|---|
|  |  |  | <lightning-layout multiple-rows> | 
|---|
|  |  |  | <lightning-layout-item size="6"> | 
|---|
|  |  |  | <button | 
|---|
|  |  |  | class="slds-button slds-button_neutral slds-button_stretch  lexsearchStyle" | 
|---|
|  |  |  | onclick={searchConsumableorderdetailsJs} style="width: 200px;"> | 
|---|
|  |  |  | onclick={searchConsumableorderdetailsJs} style="min-width: 180px;"> | 
|---|
|  |  |  | 还没出库的出库单 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | </lightning-layout-item> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="slds-form-element__label searchName" style="visibility: hidden"> | 
|---|
|  |  |  | 出库日 从 | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="slds-form-element__label searchName" style="visibility: hidden"> | 
|---|
|  |  |  |  到 | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <lightning-layout-item size="6"> | 
|---|
|  |  |  | <button | 
|---|
|  |  |  | class="slds-button slds-button_neutral slds-button_stretch  lexsearchStyle" | 
|---|
|  |  |  | onclick={searchOrderInstatusJs} style="width: 215px;margin-left: 4px;"> | 
|---|
|  |  |  | onclick={searchOrderInstatusJs} style="min-width: 215px;"> | 
|---|
|  |  |  | 已出库未开票的出库单 | 
|---|
|  |  |  | </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> | 
|---|
|  |  |  | </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> | 
|---|
|  |  |  | <button class="slds-button slds-button_neutral slds-button_stretch  lexsearchStyle" | 
|---|
|  |  |  | onclick={searchConsumableorFinishJs} style="min-width: 225px"> | 
|---|
|  |  |  | 已出库已开票的出库单 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | </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> | 
|---|
|  |  |  | <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" | 
|---|
|  |  |  | onclick={clearJs} style="width: 206px;"> | 
|---|
|  |  |  | 清空 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | </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> | 
|---|
|  |  |  | <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 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> | 
|---|