| | |
| | | <!-- 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} |
| | | <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" |
| | | |
| | | <!-- <button class="slds-button slds-button_neutral slds-button_stretch lexBorder lexBorderWidth" |
| | | onclick={neworderhead}> |
| | | 新建出库单 |
| | | </button> |
| | |
| | | 上传已出库一览 |
| | | </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" |
| | | > |
| | | 出库日 从 |
| | | <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 |
| | | 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 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> |
| | | <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> |