buli
2023-06-05 0f44cb1a0b7b36860e9ce81c1eac9e395d87f0b4
force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.html
@@ -1,130 +1,235 @@
<!-- 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">
                                            出库日&#12288;从
                                        </div>
                                        <div class="slds-form-element__label searchName" style="visibility: hidden">
                                            &#12288;到
                                        </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">出库日&#12288;从</div>
                                        <div class="slds-form-element__label searchName">
                                            出库日&#12288;从
                                        </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">&#12288;&#12288;&#12288;&#12288;到
                                            onchange={dataChange} data-field="deliveryFromDate" value={deliveryFromDate}
                                            style="min-width: 200px" class="inputFont"></lightning-input>
                                        <div class="slds-form-element__label searchName">
                                            &#12288;到
                                        </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;">
                                            出库日&#12288;从</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">
                                            出库日&#12288;从
                                        </div>
                                        <div class="slds-form-element__label searchName" style="visibility: hidden">
                                            &#12288;到
                                        </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;">
                                            出库日&#12288;从</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;">
                                            &#12288;到
                                        </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>
@@ -135,52 +240,22 @@
                    <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>