| | |
| | | <!-- sldsValidatorIgnore --> |
| | | <!-- sldsValidatorIgnore --> |
| | | <template> |
| | | <c-common-toast></c-common-toast> |
| | | <div class="outerBorderCss"> |
| | | <div style="padding:5px;"> |
| | | <div style="padding: 5px"> |
| | | <div class="borderCss"> |
| | | <div style="padding:10px;"> |
| | | <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"></lightning-button> |
| | | <lightning-button label="上传已出库一览" onclick={editProductLimit} class="slds-m-left_x-small"></lightning-button> |
| | | </div> |
| | | <!-- <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"> |
| | | <p style="font-size: 16px;"><strong>检索条件</strong></p> |
| | | <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:10px;"> |
| | | <div style="padding: 15px"> |
| | | <div lwc:dom="manual" class="resultDiv"></div> |
| | | <div draggable="false"> |
| | | <!-- <table> |
| | | <colgroup> |
| | | <col width="50px" /> |
| | | <col width="200px" /> |
| | | <col width="10px" /> |
| | | <col width="50px" /> |
| | | <col width="100px" /> |
| | | <col width="10px" /> |
| | | <col width="50px" /> |
| | | <col width="100px" /> |
| | | <col width="150px" /> |
| | | <col width="200px" /> |
| | | <col width="200px" /> |
| | | <col width="100px" /> |
| | | </colgroup> |
| | | <tr> |
| | | <td>出库日</td> |
| | | <td><lightning-input type="date" variant="label-inline" label="从" onchange={dataChange} data-field ="deliveryFromDate" value={deliveryFromDate}></lightning-input></td> |
| | | <td></td> |
| | | <td>出库单号</td> |
| | | <td><lightning-input type="text" name="deliveryOrderNo" label="deliveryOrderNo" |
| | | variant="label-hidden" onchange={dataChange} data-field ="deliveryOrderNo" value={deliveryOrderNo}></lightning-input></td> |
| | | <td></td> |
| | | <td>客户名</td> |
| | | <td><lightning-input type="text" name="contactName" label="contactName" |
| | | variant="label-hidden" onchange={dataChange} data-field ="contactName" value={contactName}></lightning-input></td> |
| | | <td style="text-align: center;"><lightning-button label="还没出库的出库单" onclick={searchConsumableorderdetailsJs}></lightning-button> |
| | | </td> |
| | | <td style="text-align: center;"><lightning-button label="已出库未开票的出库单" onclick={searchOrderInstatusJs}></lightning-button> |
| | | </td> |
| | | <td style="text-align: center;"><lightning-button label="已出库已开票的出库单" onclick={searchConsumableorFinishJs}></lightning-button> |
| | | </td> |
| | | <td style="text-align: center;"><lightning-button label="清空" onclick={clearJs}></lightning-button></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td><lightning-input type="date" name="toDataInput" variant="label-inline" label="到" onchange={dataChange} data-field ="deliveryToDate" value={deliveryToDate}></lightning-input></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | </table> --> |
| | | <lightning-layout multiple-rows> |
| | | <lightning-layout-item flexibility="auto"> |
| | | <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">出库日 从</div> |
| | | <div class="slds-form-element__label searchName"> |
| | | 出库日 从 |
| | | </div> |
| | | <lightning-input type="date" variant="label-hidden" label="出库日 从" |
| | | onchange={dataChange} data-field="deliveryFromDate" |
| | | value={deliveryFromDate}></lightning-input> |
| | | </div> |
| | | |
| | | </br> |
| | | <div class="slds-grid slds-grid_vertical-align-center"> |
| | | <div class="slds-form-element__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}></lightning-input> |
| | | onchange={dataChange} data-field="deliveryToDate" value={deliveryToDate} |
| | | style="min-width: 200px" class="inputFont"></lightning-input> |
| | | </div> |
| | | </div> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item flexibility="auto"> |
| | | <div class="slds-grid slds-grid_vertical-align-center"> |
| | | <div class="slds-form-element__label">出库单号</div> |
| | | <lightning-input variant="label-hidden" label="出库单号" onchange={dataChange} |
| | | data-field="deliveryOrderNo" value={deliveryOrderNo}></lightning-input> |
| | | |
| | | <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 flexibility="auto"> |
| | | <div class="slds-grid slds-grid_vertical-align-center"> |
| | | <div class="slds-form-element__label">客户名</div> |
| | | <lightning-input variant="label-hidden" label="客户名" onchange={dataChange} |
| | | data-field="contactName" value={contactName}></lightning-input> |
| | | |
| | | <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-item flexibility="auto"> |
| | | <div class="slds-grid slds-grid_vertical-align-center"> |
| | | <lightning-button label="还没出库的出库单" onclick={searchConsumableorderdetailsJs}></lightning-button> |
| | | </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 flexibility="auto"> |
| | | <div class="slds-grid slds-grid_vertical-align-center"> |
| | | <lightning-button label="已出库未开票的出库单" onclick={searchOrderInstatusJs}></lightning-button> |
| | | |
| | | <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 flexibility="auto"> |
| | | <div class="slds-grid slds-grid_vertical-align-center"> |
| | | <lightning-button label="已出库已开票的出库单" onclick={searchConsumableorFinishJs}></lightning-button> |
| | | |
| | | <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 flexibility="auto"> |
| | | <div class="slds-grid slds-grid_vertical-align-center"> |
| | | <lightning-button label="清空" onclick={clearJs}></lightning-button> |
| | | |
| | | <!-- <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> |
| | |
| | | <lightning-spinner alternative-text="Loading" size="large"></lightning-spinner> |
| | | </template> |
| | | <div class="headerDorderCss"> |
| | | <p style="font-size: 16px;"><strong>出库单一览表</strong><span> {message}</span></p> |
| | | <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:10px;"> |
| | | <!-- <div style="height: 300px;"> |
| | | <lightning-datatable |
| | | key-field="id" |
| | | data={data} |
| | | columns={columns} |
| | | hide-checkbox-column |
| | | default-sort-direction={defaultSortDirection} |
| | | sorted-direction={sortDirection} |
| | | sorted-by={sortedBy} |
| | | onsort={onHandleSort}> |
| | | <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 if:true={showTable}> |
| | | <!-- <c-lwc-datatable-utility |
| | | hidecheckboxcolumn = {hidecheckboxcolumn} |
| | | records={data} |
| | | total-records={data.length} |
| | | columns = {columns}a |
| | | key-field="Id" |
| | | show-search-box="true" |
| | | max-row-selection={data.length} |
| | | onpaginatorchange={handlePaginatorChange}> |
| | | </c-lwc-datatable-utility> --> |
| | | <lightning-datatable |
| | | key-field="id" |
| | | data={data} |
| | | columns={columns} |
| | | hide-checkbox-column |
| | | default-sort-direction={defaultSortDirection} |
| | | sorted-direction={sortDirection} |
| | | sorted-by={sortedBy} |
| | | onsort={onHandleSort}> |
| | | </lightning-datatable> |
| | | </template> |
| | | |
| | | |
| | | <!-- <c-my-custom-type-datatable |
| | | key-field="Id" |
| | | data={data} |
| | | columns={columns} |
| | | show-row-number-column> |
| | | </c-my-custom-type-datatable> --> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </div> |
| | | </div> |
| | | </div> |