LEX Community Deploy0711

binxie

2023-07-11 be102ae06e8f986bd9d1a544cd2752e5fa94231a

 force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.html

@@ -1,80 +1,229 @@
<!-- 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">
                        <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>
                                        <lightning-input type="date" variant="label-hidden" label="出库日 从"
                                            onchange={dataChange} data-field="deliveryFromDate"
                                            value={deliveryFromDate}></lightning-input>
                                    </div>
                                    <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"
                                                >
                                                    出库日&#12288;从
                                                </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>

                                    </br>
                                    <div class="slds-grid slds-grid_vertical-align-center">
                                        <div class="slds-form-element__label">&#12288;&#12288;&#12288;&#12288;到
                                        <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 type="date" variant="label-hidden" label="到"
                                            onchange={dataChange} data-field="deliveryToDate"
                                            value={deliveryToDate}></lightning-input>
                                        <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 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>
                                <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-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>
                                </div>
                        </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 flexibility="auto">
                                <div class="slds-grid slds-grid_vertical-align-center">
                                    <lightning-button label="还没出库的出库单" onclick={searchConsumableorderdetailsJs}></lightning-button>
                                </div>

                            <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 flexibility="auto">
                                <div class="slds-grid slds-grid_vertical-align-center">
                                    <lightning-button label="已出库未开票的出库单" onclick={searchOrderInstatusJs}></lightning-button>
                                </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>
                                </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>
                                </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>
                    </div>
@@ -83,55 +232,48 @@

            <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">
                    <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;">
                <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}>
                            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>