| | |
| | | <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 class="borderCss"> |
| | | <template if:true={isShowSpinner}> |
| | | <lightning-spinner alternative-text="Loading" size="large"></lightning-spinner> |
| | | <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> |
| | |
| | | </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> |