lexcommunityupload0714

buli

2023-07-14 744f42c5496e656a1f9927740a3b37c0b97a6cba

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

@@ -1,20 +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">
@@ -29,70 +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>
@@ -176,48 +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
            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>
      </div>
    </div>
    <!-- 在库商品库存一览 -->
    <!-- <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
        <!-- 在库商品库存一览 -->
        <!-- <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">
@@ -241,68 +241,71 @@
                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}
        <!-- 订单各种数量信息弹窗 -->
        <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"
            >
              <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>
                <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>
</template>