backupfixtablecolumn0710

buli

2023-07-10 f05bfc9a39bccc8afb928efe7555f21e0e69c5bd

 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,175 +25,233 @@
                            上传已出库一览
                        </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> -->
            <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>
            </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
                      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>
            </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>
              </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>
        <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>
  </div>
</template>