buli
2023-07-14 e6068da47c1bef5517c9e5fdc8c726766867ad4e
force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.html
@@ -1,20 +1,20 @@
<!-- 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>
@@ -25,233 +25,255 @@
                            上传已出库一览
                        </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;从
                        <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
                      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">
          <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">
                          出库日&#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>
                    <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"
                                                >
                                                    出库日&#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>
                                        <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>