backupfixtablecolumn0710

buli

2023-07-10 f05bfc9a39bccc8afb928efe7555f21e0e69c5bd

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

@@ -1,17 +1,20 @@
<template>
    <template if:true={showSpinner}>
        <!-- <lightning-spinner size="medium" variant="brand"></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>
    <c-common-toast></c-common-toast>
    <template if:true={showPage}>
        <!-- <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;">
  <template if:true={showSpinner}>
    <!-- <lightning-spinner size="medium" variant="brand"></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>
  <c-common-toast></c-common-toast>
  <template if:true={showPage}>
    <!-- <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;">
            <div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
                <lightning-layout>
                    <lightning-layout-item padding="around-small">
@@ -26,43 +29,70 @@
                <p style="height: 10px;"></p>
            </div>
        </div> -->
        <!-- 未全部发货订单明细 -->
        <template if:true={over_view}>
            <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
                <div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
                    <lightning-layout>
                        <lightning-layout-item padding="around-small">
                            <p style="font-size: 18px">
                                <strong>未全部发货订单明细</strong>
                            </p>
                        </lightning-layout-item>
                    </lightning-layout>
                    <!-- <p style="font-size: 16px;"><strong>未全部发货订单明细</strong></p> -->
                </div>
                <div style="padding:10px;">
                    <c-lex-custom-lightning-datatable class="wrapped-header-datatable" hide-checkbox-column key-field="Id" data={raesList} columns={colms} onclicklink={clickLick}></c-lex-custom-lightning-datatable>
                </div>
            </div>
        </template>
        <!-- 使用期限小于一年的产品 -->
        <template if:true={overlimit}>
            <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
                <div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
                    <lightning-layout>
                        <lightning-layout-item padding="around-small">
                            <p style="font-size: 18px">
                                <strong>使用期限小于一年的产品</strong>
                            </p>
                        </lightning-layout-item>
                    </lightning-layout>
                    <!-- <p style="font-size: 16px;"><strong>使用期限小于一年的产品</strong></p> -->
                </div>
                <div style="padding:10px;">
                    <lightning-datatable class="wrapped-header-datatable" hide-checkbox-column key-field="prodName" data={overlimitdateorderdetails} columns={colm3}></lightning-datatable>
                </div>
            </div>
        </template>
        <!-- 经销商信息
    <!-- 未全部发货订单明细 -->
    <template if:true={over_view}>
      <div
        style="
          border: 1px solid #d4d4d4;
          border-top: 3px solid #51606e;
          border-radius: 5px;
          margin-bottom: 7px;
        "
      >
        <div style="border-bottom: 1px solid #d4d4d4; padding: 3px">
          <lightning-layout>
            <lightning-layout-item padding="around-small">
              <p style="font-size: 18px">
                <strong>未全部发货订单明细</strong>
              </p>
            </lightning-layout-item>
          </lightning-layout>
          <!-- <p style="font-size: 16px;"><strong>未全部发货订单明细</strong></p> -->
        </div>
        <div style="padding: 10px">
          <c-lex-custom-lightning-datatable
            class="wrapped-header-datatable"
            hide-checkbox-column
            key-field="Id"
            data={raesList}
            columns={colms}
            onclicklink={clickLick}
          ></c-lex-custom-lightning-datatable>
        </div>
      </div>
    </template>
    <!-- 使用期限小于一年的产品 -->
    <template if:true={overlimit}>
      <div
        style="
          border: 1px solid #d4d4d4;
          border-top: 3px solid #51606e;
          border-radius: 5px;
          margin-bottom: 7px;
        "
      >
        <div style="border-bottom: 1px solid #d4d4d4; padding: 3px">
          <lightning-layout>
            <lightning-layout-item padding="around-small">
              <p style="font-size: 18px">
                <strong>使用期限小于一年的产品</strong>
              </p>
            </lightning-layout-item>
          </lightning-layout>
          <!-- <p style="font-size: 16px;"><strong>使用期限小于一年的产品</strong></p> -->
        </div>
        <div style="padding: 10px">
          <lightning-datatable
            class="wrapped-header-datatable"
            hide-checkbox-column
            key-field="prodName"
            data={overlimitdateorderdetails}
            columns={colm3}
          ></lightning-datatable>
        </div>
      </div>
    </template>
    <!-- 经销商信息
        <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
            <div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
                <lightning-layout>
@@ -146,29 +176,48 @@
                </lightning-accordion>
            </div>
        </div> -->
        <!--经销商库存上下限 -->
        <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
            <div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
                <lightning-layout>
                    <lightning-layout-item padding="around-small">
                        <p style="font-size: 18px">
                            <strong>经销商库存上下限</strong>
                        </p>
                    </lightning-layout-item>
                </lightning-layout>
                <!-- <p style="font-size: 16px;"><strong>经销商库存上下限</strong></p> -->
            </div>
            <div style="padding:10px;">
                <div lwc:dom="manual" id="resultDiv" class="resultDiv"></div>
                <lightning-datatable class="wrapped-header-datatable" hide-checkbox-column key-field="prodName" data={productLimitRecords} columns={colm4}></lightning-datatable>
                <p style="height: 10px;"></p>
                <div draggable="false" >
                    <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="width: 220px;" onclick={editProductLimit}>经销商产品上下限编辑</button>
                </div>
            </div>
    <!--经销商库存上下限 -->
    <div
      style="
        border: 1px solid #d4d4d4;
        border-top: 3px solid #51606e;
        border-radius: 5px;
        margin-bottom: 7px;
      "
    >
      <div style="border-bottom: 1px solid #d4d4d4; padding: 3px">
        <lightning-layout>
          <lightning-layout-item padding="around-small">
            <p style="font-size: 18px">
              <strong>经销商库存上下限</strong>
            </p>
          </lightning-layout-item>
        </lightning-layout>
        <!-- <p style="font-size: 16px;"><strong>经销商库存上下限</strong></p> -->
      </div>
      <div style="padding: 10px">
        <div lwc:dom="manual" id="resultDiv" class="resultDiv"></div>
        <lightning-datatable
          class="wrapped-header-datatable"
          hide-checkbox-column
          key-field="prodName"
          data={productLimitRecords}
          columns={colm4}
        ></lightning-datatable>
        <p style="height: 10px"></p>
        <div draggable="false">
          <button
            class="slds-button slds-button_neutral slds-button_stretch lexBorder"
            style="width: 220px"
            onclick={editProductLimit}
          >
            经销商产品上下限编辑
          </button>
        </div>
        <!-- 在库商品库存一览 -->
        <!-- <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
      </div>
    </div>
    <!-- 在库商品库存一览 -->
    <!-- <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
            <div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
                <lightning-layout>
                    <lightning-layout-item padding="around-small">
@@ -192,30 +241,68 @@
                record-start={recordStart} record-end={recordEnd} total-records={totalRecords}></c-paginator>
            </div>
        </div> -->
        <!-- 订单各种数量信息弹窗 -->
        <template if:true={showPop}>
            <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_small" style="border: 1px solid #D4D4D4;">
                <div class="slds-modal__container">
                    <header class="slds-modal__header" style="background-color: #F3F3F3;">
                        <button style="" class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={closePop}>
                            <lightning-icon icon-name="utility:close"
                                alternative-text="close"
                                variant="inverse"
                                size="small" ></lightning-icon>
                            <span class="slds-assistive-text">Close</span>
                        </button>
                        <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">{popTitle}</h2>
                    </header>
                    <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1" style="border: 1px solid #F3F3F3;">
                        <lightning-datatable class="wrapped-header-datatable" hide-checkbox-column key-field="prodModel" columns={colms2}  data={recordList}></lightning-datatable>
                    </div>
                    <footer class="slds-modal__footer">
                        <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="关闭" onclick={closePop}></lightning-button> -->
                        <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="margin-left: 10px;" variant="neutral" label="关闭" onclick={closePop}>关闭</button>
                    </footer>
                </div>
            </section>
            <div class="slds-backdrop slds-backdrop_open"></div>
        </template>
    <!-- 订单各种数量信息弹窗 -->
    <template if:true={showPop}>
      <section
        role="dialog"
        tabindex="-1"
        aria-labelledby="modal-heading-01"
        aria-modal="true"
        aria-describedby="modal-content-id-1"
        class="slds-modal slds-fade-in-open slds-modal_small"
        style="border: 1px solid #d4d4d4"
      >
        <div class="slds-modal__container">
          <header class="slds-modal__header" style="background-color: #f3f3f3">
            <button
              style=""
              class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse"
              title="Close"
              onclick={closePop}
            >
              <lightning-icon
                icon-name="utility:close"
                alternative-text="close"
                variant="inverse"
                size="small"
              ></lightning-icon>
              <span class="slds-assistive-text">Close</span>
            </button>
            <h2
              id="modal-heading-01"
              class="slds-text-heading_medium slds-hyphenate"
            >
              {popTitle}
            </h2>
          </header>
          <div
            class="slds-modal__content slds-p-around_medium"
            id="modal-content-id-1"
            style="border: 1px solid #f3f3f3"
          >
            <lightning-datatable
              class="wrapped-header-datatable"
              hide-checkbox-column
              key-field="prodModel"
              columns={colms2}
              data={recordList}
            ></lightning-datatable>
          </div>
          <footer class="slds-modal__footer">
            <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="关闭" onclick={closePop}></lightning-button> -->
            <button
              class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
              style="margin-left: 10px"
              variant="neutral"
              label="关闭"
              onclick={closePop}
            >
              关闭
            </button>
          </footer>
        </div>
      </section>
      <div class="slds-backdrop slds-backdrop_open"></div>
    </template>
</template>
  </template>
</template>