buli
2023-07-10 f05bfc9a39bccc8afb928efe7555f21e0e69c5bd
force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html
@@ -1,199 +1,350 @@
<!-- sldsValidatorIgnore -->
<!-- sldsValidatorIgnore -->
<template>
    <c-common-toast></c-common-toast>
    <template if:true={isShowSpinner}>
        <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>
    </template>
  <c-common-toast></c-common-toast>
  <template if:true={isShowSpinner}>
    <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>
  </template>
    <template if:false={isDetailsShow}>
        <template if:false={isConInvoiceList}>
            <!-- 搜索客户名 -->
            <template if:true={isModalOpen}>
                <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_medium"
                    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={closeModal}>
                                <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">经销商医院检索</h2>
                        </header>
                        <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1"
                            style="border: 1px solid #F3F3F3;">
                            <table style="width: 100%;">
                                <tbody>
                                    <tr>
                                        <td style="width: 74px;">
                                            <div style="color:#696969;font-size:16px;text-align: left;">医院名称</div>
                                        </td>
                                        <td style="width: 60%;"><lightning-input class="inputFont" label="医院名称"
                                                variant="label-hidden" placeholder="请输入医院名称" value={searchHospitalName}
                                                data-field="searchHospitalName" onchange={dataChange}></lightning-input></td>
                                        <td style="width: 10px;"></td>
                                        <td><button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                                                style="height: 32px;" label="搜索" onclick={searchHospital}>搜索</button></td>
                                    </tr>
                                </tbody>
                            </table>
                            <p style="height: 20px;"></p>
                            <!-- <p>已选择医院:{chooseHospital}</p> -->
                            <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 class="myTable" style="padding:10px;">
                                    <!-- <lightning-datatable class="wrapped-header-datatable" key-field="id"
  <template if:false={isDetailsShow}>
    <template if:false={isConInvoiceList}>
      <!-- 搜索客户名 -->
      <template if:true={isModalOpen}>
        <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_medium"
          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={closeModal}
              >
                <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"
              >
                经销商医院检索
              </h2>
            </header>
            <div
              class="slds-modal__content slds-p-around_medium"
              id="modal-content-id-1"
              style="border: 1px solid #f3f3f3"
            >
              <table style="width: 100%">
                <tbody>
                  <tr>
                    <td style="width: 74px">
                      <div
                        style="
                          color: #696969;
                          font-size: 16px;
                          text-align: left;
                        "
                      >
                        医院名称
                      </div>
                    </td>
                    <td style="width: 60%">
                      <lightning-input
                        class="inputFont"
                        label="医院名称"
                        variant="label-hidden"
                        placeholder="请输入医院名称"
                        value={searchHospitalName}
                        data-field="searchHospitalName"
                        onchange={dataChange}
                      ></lightning-input>
                    </td>
                    <td style="width: 10px"></td>
                    <td>
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                        style="height: 32px"
                        label="搜索"
                        onclick={searchHospital}
                      >
                        搜索
                      </button>
                    </td>
                  </tr>
                </tbody>
              </table>
              <p style="height: 20px"></p>
              <!-- <p>已选择医院:{chooseHospital}</p> -->
              <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 class="myTable" style="padding: 10px">
                  <!-- <lightning-datatable class="wrapped-header-datatable" key-field="id"
                                        hide-checkbox-column="true" data={hospitalList} columns={hosCols}
                                        onrowaction={chooseHos}></lightning-datatable> -->
                                    <lightning-datatable class="datatabel slds-border_top wrapped-header-datatable"
                                        key-field="id" data={hospitalList} columns={hospitalColumns} hide-checkbox-column="true"
                                        onrowaction={searchHandleRowAction}>
                                    </lightning-datatable>
                                </div>
                            </div>
                  <lightning-datatable
                    class="datatabel slds-border_top wrapped-header-datatable"
                    key-field="id"
                    data={hospitalList}
                    columns={hospitalColumns}
                    hide-checkbox-column="true"
                    onrowaction={searchHandleRowAction}
                  >
                  </lightning-datatable>
                </div>
              </div>
            </div>
            <footer class="slds-modal__footer">
              <button
                class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
                label="取消"
                onclick={closeModal}
              >
                取消
              </button>
            </footer>
          </div>
        </section>
        <div class="slds-backdrop slds-backdrop_open"></div>
      </template>
      <div class="outerBorderCss">
        <div style="padding: 5px">
          <div class="borderCss">
            <div style="padding: 10px">
              <div lwc:dom="manual" class="resultDiv"></div>
              <div draggable="false">
                <template if:false={EditAble}>
                  <lightning-layout multiple-rows="true">
                    <lightning-layout-item size="2"></lightning-layout-item>
                    <lightning-layout-item size="10">
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        onclick={SetEditAbleJs}
                        disabled={isDisabledEdit}
                        style="width: 150px"
                      >
                        编辑
                      </button>
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
                        onclick={approvalJs}
                        disabled={isDisabledEdit}
                        style="width: 150px"
                      >
                        提交
                      </button>
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
                        onclick={openReportJs}
                        disabled={isOpenReportDisabled}
                        style="width: 150px"
                      >
                        显示明细
                      </button>
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
                        onclick={reopenJs}
                        disabled={isDisabledReopen}
                        style="width: 150px"
                      >
                        作废重开
                      </button>
                    </lightning-layout-item>
                  </lightning-layout>
                  <lightning-layout
                    multiple-rows="true"
                    style="margin-top: 20px"
                  >
                    <lightning-layout-item size="2"></lightning-layout-item>
                    <lightning-layout-item size="10">
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        onclick={deleteButtonJs}
                        disabled={isDisabledDelete}
                        style="width: 150px"
                      >
                        删除
                      </button>
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
                        disabled={isDisabledReopen}
                        onclick={uploadOrder}
                        style="width: 150px"
                      >
                        上传附件
                      </button>
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
                        onclick={saveAttachmentJs}
                        disabled={isDisabledReopen}
                        style="width: 150px"
                      >
                        保存附件
                      </button>
                    </lightning-layout-item>
                  </lightning-layout>
                </template>
                <!-- 上传附件弹窗 -->
                <template if:true={showAttPop}>
                  <section
                    role="dialog"
                    tabindex="-1"
                    aria-labelledby="modal-heading-02"
                    aria-modal="true"
                    aria-describedby="modal-content-id-2"
                    class="slds-modal slds-fade-in-open slds-modal_small"
                    style="border: 1px solid #d4d4d4"
                  >
                    <template if:true={showPopSpinner}>
                      <lightning-spinner
                        size="medium"
                        variant="brand"
                      ></lightning-spinner>
                    </template>
                    <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-02"
                          class="slds-text-heading_medium slds-hyphenate"
                        >
                          上传附件
                        </h2>
                      </header>
                      <div
                        class="slds-modal__content slds-p-around_medium searchName"
                        id="modal-content-id-2"
                        style="border: 1px solid #f3f3f3"
                      >
                        <div class="slds-m-top_medium slds-m-bottom_x-large">
                          <div class="slds-p-around_medium lgc-bg">
                            <lightning-input
                              class="fileUpload"
                              type="file"
                              label="附件上传"
                              accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf"
                              onchange={attChange}
                            ></lightning-input>
                          </div>
                          <p class="fontWeight">
                            已选择文件:{fileName}
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <template if:true={attDelBtn}>
                              <a onclick={removeAtt}>移除</a>
                            </template>
                          </p>
                        </div>
                        <footer class="slds-modal__footer">
                            <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="取消"
                                onclick={closeModal}>取消</button>
                        </footer>
                    </div>
                </section>
                <div class="slds-backdrop slds-backdrop_open"></div>
            </template>
            <div class="outerBorderCss">
                <div style="padding:5px;">
                    <div class="borderCss">
                        <div style="padding:10px;">
                            <div lwc:dom="manual" class="resultDiv"></div>
                            <div draggable="false">
                                <template if:false={EditAble}>
                                    <lightning-layout multiple-rows="true">
                                        <lightning-layout-item size="2"></lightning-layout-item>
                                        <lightning-layout-item size="10">
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                                                onclick={SetEditAbleJs} disabled={isDisabledEdit}
                                                style="width: 150px;">编辑</button>
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
                                                onclick={approvalJs} disabled={isDisabledEdit}
                                                style="width: 150px;">提交</button>
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
                                                onclick={openReportJs} disabled={isOpenReportDisabled}
                                                style="width: 150px;">显示明细</button>
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
                                                onclick={reopenJs} disabled={isDisabledReopen}
                                                style="width: 150px;">作废重开</button>
                                        </lightning-layout-item>
                                    </lightning-layout>
                                    <lightning-layout multiple-rows="true" style="margin-top: 20px;">
                                        <lightning-layout-item size="2"></lightning-layout-item>
                                        <lightning-layout-item size="10">
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                                                onclick={deleteButtonJs} disabled={isDisabledDelete}
                                                style="width: 150px;">删除</button>
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
                                                disabled={isDisabledReopen} onclick={uploadOrder}
                                                style="width: 150px;">上传附件</button>
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
                                                onclick={saveAttachmentJs} disabled={isDisabledReopen}
                                                style="width: 150px;">保存附件</button>
                                        </lightning-layout-item>
                                    </lightning-layout>
                                </template>
                                <!-- 上传附件弹窗 -->
                                <template if:true={showAttPop}>
                                    <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-02"
                                        aria-modal="true" aria-describedby="modal-content-id-2"
                                        class="slds-modal slds-fade-in-open slds-modal_small"
                                        style="border: 1px solid #D4D4D4;">
                                        <template if:true={showPopSpinner}>
                                            <lightning-spinner size="medium" variant="brand"></lightning-spinner>
                                        </template>
                                        <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-02"
                                                    class="slds-text-heading_medium slds-hyphenate">上传附件</h2>
                                            </header>
                                            <div class="slds-modal__content slds-p-around_medium searchName"
                                                id="modal-content-id-2" style="border: 1px solid #F3F3F3;">
                                                <div class="slds-m-top_medium slds-m-bottom_x-large">
                                                    <div class="slds-p-around_medium lgc-bg">
                                                        <lightning-input class="fileUpload" type="file" label="附件上传"
                                                            accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf"
                                                            onchange={attChange}></lightning-input>
                                                    </div>
                                                    <p class="fontWeight">已选择文件:{fileName}
                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <template if:true={attDelBtn}>
                                                            <a onclick={removeAtt}>移除</a>
                                                        </template>
                                                    </p>
                                                </div>
                                            </div>
                                            <footer class="slds-modal__footer">
                                                <!-- <lightning-button style="margin-left: 10px;" variant="neutral"
                      </div>
                      <footer class="slds-modal__footer">
                        <!-- <lightning-button style="margin-left: 10px;" variant="neutral"
                                                    label="取消" onclick={closePop}></lightning-button>
                                                <lightning-button style="margin-left: 10px;" variant="neutral"
                                                    label="上传" onclick={handleFilesChange}></lightning-button> -->
                                                <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="margin-left: 10px;"
                                                    label="取消" onclick={closePop}>取消</button>
                                                <button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="margin-left: 10px;"
                                                    label="上传" onclick={handleFilesChange}>上传</button>
                                            </footer>
                                        </div>
                                    </section>
                                    <div class="slds-backdrop slds-backdrop_open"></div>
                                </template>
                        <button
                          class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
                          style="margin-left: 10px"
                          label="取消"
                          onclick={closePop}
                        >
                          取消
                        </button>
                        <button
                          class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                          style="margin-left: 10px"
                          label="上传"
                          onclick={handleFilesChange}
                        >
                          上传
                        </button>
                      </footer>
                    </div>
                  </section>
                  <div class="slds-backdrop slds-backdrop_open"></div>
                </template>
                                <template if:true={EditAble}>
                                    <lightning-layout>
                                        <lightning-layout-item size="1" padding="around-small"></lightning-layout-item>
                                        <lightning-layout-item size="2" padding="around-small"></lightning-layout-item>
                                        <lightning-layout-item padding="around-small">
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                                                onclick={SaveJs}>确定</button>
                                        </lightning-layout-item>
                                    </lightning-layout>
                                </template>
                <template if:true={EditAble}>
                  <lightning-layout>
                    <lightning-layout-item
                      size="1"
                      padding="around-small"
                    ></lightning-layout-item>
                    <lightning-layout-item
                      size="2"
                      padding="around-small"
                    ></lightning-layout-item>
                    <lightning-layout-item padding="around-small">
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        onclick={SaveJs}
                      >
                        确定
                      </button>
                    </lightning-layout-item>
                  </lightning-layout>
                </template>
                                <!-- <lightning-layout>
                <!-- <lightning-layout>
                                    <lightning-layout-item size="3"></lightning-layout-item>
                                    <template if:true={EditAble}>
                                        <lightning-layout-item size="1" padding="around-small">
@@ -225,283 +376,386 @@
                                    </template>
                                </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: 7px">
              <div lwc:dom="manual" class="resultDiv"></div>
              <div draggable="false">
                <!--发票信息 显示用 -->
                <template if:false={isEditInvoice}>
                  <lightning-record-edit-form
                    object-api-name="Consumable_order__c"
                    record-id={cocId}
                    onload={handleLoad2}
                  >
                    <!-- 发票号 状态 -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <lightning-output-field
                          field-name="Name"
                        ></lightning-output-field>
                      </lightning-layout-item>
                      <lightning-layout-item
                        class="hehe-layoutItem"
                        size="5"
                        style="padding-left: 100px"
                      >
                        <lightning-output-field
                          field-name="Invoice_status__c"
                        ></lightning-output-field>
                      </lightning-layout-item>
                      <lightning-layout-item size="1"></lightning-layout-item>
                    </lightning-layout>
                    <!-- 发票日期 -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <lightning-output-field
                          field-name="Invoice_Date__c"
                        ></lightning-output-field>
                      </lightning-layout-item>
                    </lightning-layout>
                    <!-- 二级经销商 -->
                    <template if:true={isShowSecondaryDistributor}>
                      <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout multiple-rows="true">
                        <lightning-layout-item class="hehe-layoutItem" size="5">
                          <lightning-output-field
                            field-name="Order_Dealer_Info__c"
                          ></lightning-output-field>
                        </lightning-layout-item>
                      </lightning-layout>
                    </template>
                    <!-- 客户名 -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <lightning-output-field
                          field-name="ShipmentAccount__c"
                          class="hideHelpText"
                        ></lightning-output-field>
                      </lightning-layout-item>
                    </lightning-layout>
                    <!-- 科室 发票票面金额 -->
                    <lightning-layout
                      multiple-rows="true"
                      style="height: 35.5px"
                    >
                      <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <lightning-output-field
                          field-name="Order_ForCustomerText__c"
                        ></lightning-output-field>
                      </lightning-layout-item>
                      <lightning-layout-item
                        size="5"
                        class="readOnly"
                        style="padding-left: 100px"
                      >
                        <lightning-input
                          label="发票票面金额(元)"
                          value={sumPrice}
                          read-only
                          variant="label-inline"
                        ></lightning-input>
                      </lightning-layout-item>
                      <lightning-layout-item size="1"></lightning-layout-item>
                    </lightning-layout>
                    <!-- 备注 -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <lightning-output-field
                          field-name="Invoice_Note__c"
                        ></lightning-output-field>
                      </lightning-layout-item>
                    </lightning-layout>
                    <!-- 发票附件 明细附件 -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <lightning-output-field
                          field-name="Invoice_attachment__c"
                        ></lightning-output-field>
                      </lightning-layout-item>
                      <lightning-layout-item
                        class="hehe-layoutItem"
                        size="5"
                        style="padding-left: 100px"
                      >
                        <lightning-output-field
                          field-name="Invoicedet_attachment__c"
                        ></lightning-output-field>
                      </lightning-layout-item>
                      <lightning-layout-item size="1"></lightning-layout-item>
                    </lightning-layout>
                    <!-- 附件预览 -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"> </lightning-layout-item>
                      <lightning-layout-item size="10">
                        <lightning-card
                          class="attListTitle"
                          variant="Narrow"
                          title="附件列表"
                          icon-name="utility:attach"
                        >
                          <lightning-layout slot="footer" multiple-rows="true">
                            <template
                              for:each={fileData}
                              for:item="item"
                              for:index="index"
                            >
                              <lightning-layout-item
                                padding="around-none"
                                size="2"
                                key={item.recordId}
                                style="text-align: left; padding: 5px"
                              >
                                <lightning-icon
                                  title={item.Title}
                                  style="margin-left: 20px"
                                  icon-name="doctype:gform"
                                  alternative-text={item.Title}
                                  size="large"
                                ></lightning-icon
                                ><br />
                                <div
                                  title={item.Title}
                                  style="
                                    width: 100px;
                                    text-overflow: ellipsis;
                                    overflow: hidden;
                                    white-space: nowrap;
                                  "
                                >
                                  {item.Title}
                                </div>
                                <p>
                                  <!-- <a data-fileid ={item.documentId} onclick={previweAtt}> -->
                                  <a href={item.attUrl} target="_blank">
                                    预览 </a
                                  >&nbsp;·&nbsp;
                                  <a href={item.downloadUrl}> 下载 </a
                                  >&nbsp;·&nbsp;
                                  <a data-fileid={item.Id} onclick={deleteAtt}>
                                    删除
                                  </a>
                                </p>
                                <!-- <p>{item.updateDate} · {item.ownerName}</p> -->
                              </lightning-layout-item>
                            </template>
                          </lightning-layout>
                        </lightning-card>
                      </lightning-layout-item>
                    </lightning-layout>
                  </lightning-record-edit-form>
                </template>
                <!--发票信息 编辑用 -->
                <template if:true={isEditInvoice}>
                  <lightning-record-edit-form
                    object-api-name="Consumable_order__c"
                    record-id={cocId}
                    onload={handleLoad2}
                  >
                    <!-- 发票号 状态 -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <lightning-input
                          label="发票号"
                          value={OrderCode}
                          data-field="OrderCode"
                          onchange={dataChange}
                          variant="label-inline"
                          required
                          class="inputFont"
                        ></lightning-input>
                      </lightning-layout-item>
                      <lightning-layout-item
                        class="hehe-layoutItem"
                        size="5"
                        style="padding-left: 100px"
                      >
                        <lightning-output-field
                          field-name="Invoice_status__c"
                        ></lightning-output-field>
                      </lightning-layout-item>
                      <lightning-layout-item size="1"></lightning-layout-item>
                    </lightning-layout>
                    <!-- 发票日期 -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <lightning-input
                          type="date"
                          label="发票日期"
                          variant="label-inline"
                          value={InvoiceDate}
                          onchange={invoiceDateChange}
                          required
                          class="inputFont"
                        ></lightning-input>
                      </lightning-layout-item>
                    </lightning-layout>
                    <!-- 客户名 二级经销商 -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <div
                          class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right"
                        >
                          <lightning-icon
                            size="x-small"
                            class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default hideHelpText"
                            icon-name="utility:search"
                          ></lightning-icon>
                          <lightning-input
                            type="text"
                            name="HospitalName"
                            label="客户名"
                            value={HospitalName}
                            variant="label-inline"
                            onclick={searchHospitalNameModal}
                            data-field="HospitalName"
                            onchange={clearAgencyI}
                            class="inputFont"
                          ></lightning-input>
                        </div>
                    </div>
                      </lightning-layout-item>
                    <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:7px;">
                            <div lwc:dom="manual" class="resultDiv"></div>
                            <div draggable="false">
                                <!--发票信息 显示用 -->
                                <template if:false={isEditInvoice}>
                                    <lightning-record-edit-form object-api-name="Consumable_order__c" record-id={cocId}
                                        onload={handleLoad2}>
                                        <!-- 发票号 状态 -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item
                        class="hehe-layoutItem"
                        size="5"
                        style="padding-left: 100px"
                      >
                        <lightning-combobox
                          data-field="secondaryDistributor"
                          name="secondaryDistributor"
                          label="二级经销商"
                          value={secondaryDistributor}
                          placeholder="请选择..."
                          options={provinceOptsMap}
                          variant="label-inline"
                          onchange={dataChange}
                          class="inputFont"
                        ></lightning-combobox>
                      </lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <lightning-output-field field-name="Name"></lightning-output-field>
                                            </lightning-layout-item>
                      <lightning-layout-item size="1"></lightning-layout-item>
                    </lightning-layout>
                                            <lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;">
                                                <lightning-output-field
                                                    field-name="Invoice_status__c"></lightning-output-field>
                                            </lightning-layout-item>
                    <!-- 科室 经销商(录入) -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <lightning-input-field
                          onchange={dataChange}
                          data-field="ForCustomerText"
                          value={ForCustomerText}
                          field-name="Order_ForCustomerText__c"
                          class="inputFont"
                        ></lightning-input-field>
                      </lightning-layout-item>
                                        </lightning-layout>
                      <lightning-layout-item
                        class="hehe-layoutItem"
                        size="5"
                        style="padding-left: 100px"
                      >
                        <lightning-output-field
                          field-name="Order_ForDealerText__c"
                        ></lightning-output-field>
                      </lightning-layout-item>
                                        <!-- 发票日期 -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                      <lightning-layout-item size="1"></lightning-layout-item>
                    </lightning-layout>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <lightning-output-field
                                                    field-name="Invoice_Date__c"></lightning-output-field>
                                            </lightning-layout-item>
                                        </lightning-layout>
                    <!-- 备注 -->
                    <lightning-layout multiple-rows="true">
                      <lightning-layout-item size="1"></lightning-layout-item>
                                        <!-- 二级经销商 -->
                                        <template if:true={isShowSecondaryDistributor}>
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout multiple-rows="true">
                                                <lightning-layout-item class="hehe-layoutItem" size="5">
                                                    <lightning-output-field
                                                        field-name="Order_Dealer_Info__c"></lightning-output-field>
                                                </lightning-layout-item>
                                            </lightning-layout>
                                        </template>
                                        <!-- 客户名 -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <lightning-output-field field-name="ShipmentAccount__c"
                                                    class="hideHelpText"></lightning-output-field>
                                            </lightning-layout-item>
                                        </lightning-layout>
                                        <!-- 科室 发票票面金额 -->
                                        <lightning-layout multiple-rows="true" style="height:35.5px">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <lightning-output-field
                                                    field-name="Order_ForCustomerText__c"></lightning-output-field>
                                            </lightning-layout-item>
                                            <lightning-layout-item size="5" class="readOnly" style="padding-left: 100px;">
                                                <lightning-input label="发票票面金额(元)" value={sumPrice} read-only
                                                    variant="label-inline"></lightning-input>
                                            </lightning-layout-item>
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                        </lightning-layout>
                                        <!-- 备注 -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <lightning-output-field
                                                    field-name="Invoice_Note__c"></lightning-output-field>
                                            </lightning-layout-item>
                                        </lightning-layout>
                                        <!-- 发票附件 明细附件 -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <lightning-output-field
                                                    field-name="Invoice_attachment__c"></lightning-output-field>
                                            </lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;">
                                                <lightning-output-field
                                                    field-name="Invoicedet_attachment__c"></lightning-output-field>
                                            </lightning-layout-item>
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                        </lightning-layout>
                                        <!-- 附件预览 -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1">
                                            </lightning-layout-item>
                                            <lightning-layout-item size="10">
                                                <lightning-card class="attListTitle" variant="Narrow" title="附件列表"
                                                    icon-name="utility:attach">
                                                    <lightning-layout slot="footer" multiple-rows="true">
                                                        <template for:each={fileData} for:item="item" for:index="index">
                                                            <lightning-layout-item padding="around-none" size="2"
                                                                key={item.recordId}
                                                                style="text-align: left;padding:5px">
                                                                <lightning-icon title={item.Title}
                                                                    style="margin-left: 20px;" icon-name="doctype:gform"
                                                                    alternative-text={item.Title}
                                                                    size="large"></lightning-icon><br />
                                                                <div title={item.Title} style="width: 100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">
                                                                    {item.Title}
                                                                </div>
                                                                <p>
                                                                    <!-- <a data-fileid ={item.documentId} onclick={previweAtt}> -->
                                                                    <a href={item.attUrl} target="_blank">
                                                                        预览
                                                                    </a>&nbsp;·&nbsp;
                                                                    <a href={item.downloadUrl}>
                                                                        下载
                                                                    </a>&nbsp;·&nbsp;
                                                                    <a data-fileid={item.Id} onclick={deleteAtt}>
                                                                        删除
                                                                    </a>
                                                                </p>
                                                                <!-- <p>{item.updateDate} · {item.ownerName}</p> -->
                                                            </lightning-layout-item>
                                                        </template>
                                                    </lightning-layout>
                                                </lightning-card>
                                            </lightning-layout-item>
                                        </lightning-layout>
                                    </lightning-record-edit-form>
                                </template>
                                <!--发票信息 编辑用 -->
                                <template if:true={isEditInvoice}>
                                    <lightning-record-edit-form object-api-name="Consumable_order__c" record-id={cocId}
                                        onload={handleLoad2}>
                                        <!-- 发票号 状态 -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <lightning-input label="发票号" value={OrderCode} data-field="OrderCode"
                                                    onchange={dataChange} variant="label-inline" required
                                                    class="inputFont"></lightning-input>
                                            </lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;">
                                                <lightning-output-field
                                                    field-name="Invoice_status__c"></lightning-output-field>
                                            </lightning-layout-item>
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                        </lightning-layout>
                                        <!-- 发票日期 -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <lightning-input type="date" label="发票日期" variant="label-inline"
                                                    value={InvoiceDate} onchange={invoiceDateChange} required
                                                    class="inputFont"></lightning-input>
                                            </lightning-layout-item>
                                        </lightning-layout>
                                        <!-- 客户名 二级经销商 -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <div
                                                    class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right">
                                                    <lightning-icon size="x-small"
                                                        class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default hideHelpText"
                                                        icon-name="utility:search"></lightning-icon>
                                                    <lightning-input type="text" name="HospitalName" label="客户名"
                                                        value={HospitalName} variant="label-inline"
                                                        onclick={searchHospitalNameModal} data-field="HospitalName"
                                                        onchange={clearAgencyI} class="inputFont"></lightning-input>
                                                </div>
                                            </lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;">
                                                <lightning-combobox data-field="secondaryDistributor"
                                                    name="secondaryDistributor" label="二级经销商"
                                                    value={secondaryDistributor} placeholder="请选择..."
                                                    options={provinceOptsMap} variant="label-inline"
                                                    onchange={dataChange} class="inputFont"></lightning-combobox>
                                            </lightning-layout-item>
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                        </lightning-layout>
                                        <!-- 科室 经销商(录入) -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <lightning-input-field onchange={dataChange}
                                                    data-field="ForCustomerText" value={ForCustomerText}
                                                    field-name="Order_ForCustomerText__c"
                                                    class="inputFont"></lightning-input-field>
                                            </lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;">
                                                <lightning-output-field
                                                    field-name="Order_ForDealerText__c"></lightning-output-field>
                                            </lightning-layout-item>
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                        </lightning-layout>
                                        <!-- 备注 -->
                                        <lightning-layout multiple-rows="true">
                                            <lightning-layout-item size="1"></lightning-layout-item>
                                            <lightning-layout-item class="hehe-layoutItem" size="5">
                                                <lightning-input-field onchange={dataChange} data-field="InvoiceNote"
                                                    value={InvoiceNote} field-name="Invoice_Note__c"
                                                    class="inputFont"></lightning-input-field>
                                            </lightning-layout-item>
                                        </lightning-layout>
                                    </lightning-record-edit-form>
                                </template>
                            </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-item size="2" padding="around-small">
                                </lightning-layout-item>
                                <template if:false={hideCheckbox}>
                                    <lightning-layout-item padding="around-small">
                                        <!-- <lightning-button label="&#12288;检索&#12288;"
                      <lightning-layout-item class="hehe-layoutItem" size="5">
                        <lightning-input-field
                          onchange={dataChange}
                          data-field="InvoiceNote"
                          value={InvoiceNote}
                          field-name="Invoice_Note__c"
                          class="inputFont"
                        ></lightning-input-field>
                      </lightning-layout-item>
                    </lightning-layout>
                  </lightning-record-edit-form>
                </template>
              </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-item size="2" padding="around-small">
                </lightning-layout-item>
                <template if:false={hideCheckbox}>
                  <lightning-layout-item padding="around-small">
                    <!-- <lightning-button label="&#12288;检索&#12288;"
                                            onclick={InvoiceorderSearchJs}></lightning-button> -->
                                        <button
                                            class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                                            onclick={InvoiceorderSearchJs}>检索</button>
                                    </lightning-layout-item>
                                </template>
                    <button
                      class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                      onclick={InvoiceorderSearchJs}
                    >
                      检索
                    </button>
                  </lightning-layout-item>
                </template>
              </lightning-layout>
            </div>
                            </lightning-layout>
                        </div>
                        <!-- <template if:false={hideCheckbox}>
            <!-- <template if:false={hideCheckbox}>
                            <div style="padding: 10px">
                                <div lwc:dom="manual" class="resultDiv"></div>
                                <div draggable="false">
@@ -517,45 +771,61 @@
                            </div>
                        </template> -->
                        <div style="padding: 7px">
                            <div lwc:dom="manual" class="resultDiv"></div>
                            <div draggable="false">
                                <lightning-datatable key-field="Id" data={outboundData} columns={outboundColumns}
                                    hide-checkbox-column={hideCheckbox} onrowselection={getSelectedRows}
                                    selected-rows={selectedRows} class="wrapped-header-datatable" data-field="outbound">
                                </lightning-datatable>
                                <lightning-datatable key-field="id" data={outboundDataSumPrice}
                                    columns={outboundColumns} hide-checkbox-column hide-table-header
                                    class="wrapped-header-datatable">
                                </lightning-datatable>
                            </div>
                        </div>
                    </div>
                    <!-- 发票明细 -->
                    <template if:true={done}>
                        <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: 7px">
                                <div lwc:dom="manual" class="resultDiv"></div>
                                <div draggable="false">
                                    <lightning-datatable key-field="id" data={invoiceOrderdetail1Recoeds}
                                        columns={invoiceDetailsColumns} hide-checkbox-column
                                        class="wrapped-header-datatable">
                                    </lightning-datatable>
                                </div>
                            </div>
                        </div>
                    </template>
                    <!-- 上传附件 -->
                    <!-- <template if:false={EditAble}>
            <div style="padding: 7px">
              <div lwc:dom="manual" class="resultDiv"></div>
              <div draggable="false">
                <lightning-datatable
                  key-field="Id"
                  data={outboundData}
                  columns={outboundColumns}
                  hide-checkbox-column={hideCheckbox}
                  onrowselection={getSelectedRows}
                  selected-rows={selectedRows}
                  class="wrapped-header-datatable"
                  data-field="outbound"
                >
                </lightning-datatable>
                <lightning-datatable
                  key-field="id"
                  data={outboundDataSumPrice}
                  columns={outboundColumns}
                  hide-checkbox-column
                  hide-table-header
                  class="wrapped-header-datatable"
                >
                </lightning-datatable>
              </div>
            </div>
          </div>
          <!-- 发票明细 -->
          <template if:true={done}>
            <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: 7px">
                <div lwc:dom="manual" class="resultDiv"></div>
                <div draggable="false">
                  <lightning-datatable
                    key-field="id"
                    data={invoiceOrderdetail1Recoeds}
                    columns={invoiceDetailsColumns}
                    hide-checkbox-column
                    class="wrapped-header-datatable"
                  >
                  </lightning-datatable>
                </div>
              </div>
            </div>
          </template>
          <!-- 上传附件 -->
          <!-- <template if:false={EditAble}>
                        <div class="borderCss">
                            <div class="headerDorderCss">
                                <lightning-layout>
@@ -599,253 +869,331 @@
                            </div>
                        </div>
                    </template> -->
                </div>
            </div>
        </template>
        <template if:true={isConInvoiceList}>
            <div class="outerBorderCss">
                <div style="padding:5px;">
                    <!-- 新建发票 -->
                    <div class="borderCss">
                        <div style="padding:15px;">
                            <div lwc:dom="manual" class="resultDiv"></div>
                            <div draggable="false">
                                <!-- <lightning-button label="新建发票" onclick={newInvoiceJs}></lightning-button> -->
                                <button class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                                    onclick={newInvoiceJs}>新建发票</button>
                            </div>
                        </div>
                    </div>
                    <!-- 检索条件 -->
                    <div class="borderCss" style="margin-top: 5px;">
                        <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 flexibility="auto">
                                        <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} class="inputFont"
                                                    style="max-width: 150px;"></lightning-input>
                                            </div>
                                            </br>
                                            <div class="slds-grid slds-grid_vertical-align-center">
                                                <div class="slds-form-element__label ">&#12288;&#12288;&#12288;&#12288;到
                                                </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>
                                        </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="category1" value={category1} class="inputFont"
                                                style="max-width: 150px;"></lightning-input>
                                        </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="category2" value={category2} class="inputFont"
                                                style="max-width: 150px;"></lightning-input>
                                        </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-combobox data-field="invoiceStatus" name="invoiceStatus"
                                                label="状态" value={invoiceStatusValue} placeholder="请选择..."
                                                options={Options} variant="label-hidden" onchange={dataChange}
                                                style="min-width: 100px;max-width: 200px;"
                                                class="inputFont"></lightning-combobox>
                                        </div>
                                    </lightning-layout-item>
                                    <lightning-layout-item flexibility="auto">
                                        <div class="slds-grid slds-grid_vertical-align-center">
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                                                onclick={invoiceCodeSearchJs} style="max-width: 110px;">检索</button>
                                        </div>
                                    </lightning-layout-item>
                                    <lightning-layout-item flexibility="auto">
                                        <div class="slds-grid slds-grid_vertical-align-center">
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
                                                onclick={ClearJs} style="max-width: 110px;">清空</button>
                                        </div>
                                    </lightning-layout-item>
                                </lightning-layout>
                            </div>
                        </div>
                    </div>
                    <!-- 发票一览 -->
                    <div class="borderCss" style="margin-top: 5px;">
                        <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: 7px">
                            <div lwc:dom="manual" class="resultDiv"></div>
                            <div draggable="false">
                                <lightning-datatable key-field="id" data={invoiceData} columns={invoiceColumns}
                                    hide-checkbox-column="true" class="wrapped-header-datatable">
                                </lightning-datatable>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </template>
        </div>
      </div>
    </template>
    <template if:true={isDetailsShow}>
        <div class="outerBorderCss">
            <div style="padding:5px;">
                <!-- 确定 -->
                <div class="borderCss">
                    <div style="padding:10px;">
                        <div lwc:dom="manual" class="resultDiv"></div>
                        <div draggable="false">
                            <!-- <lightning-button label="确定" onclick={detailsSaveJs}></lightning-button> -->
                            <button class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                                onclick={detailsSaveJs}>确定</button>
                        </div>
                    </div>
                </div>
    <template if:true={isConInvoiceList}>
      <div class="outerBorderCss">
        <div style="padding: 5px">
          <!-- 新建发票 -->
          <div class="borderCss">
            <div style="padding: 15px">
              <div lwc:dom="manual" class="resultDiv"></div>
              <div draggable="false">
                <!-- <lightning-button label="新建发票" onclick={newInvoiceJs}></lightning-button> -->
                <button
                  class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                  onclick={newInvoiceJs}
                >
                  新建发票
                </button>
              </div>
            </div>
          </div>
                <!-- 发票信息 -->
                <div class="borderCss" style="margin-top: 5px;">
                    <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: 7px">
                        <div lwc:dom="manual" class="resultDiv"></div>
                        <div draggable="false">
                            <lightning-record-edit-form object-api-name="Consumable_order__c"
                                record-id={detailsInvoiceId} onload={handleLoad2}>
                                <lightning-layout multiple-rows="true">
                                    <lightning-layout-item size="1"></lightning-layout-item>
                                    <lightning-layout-item size="5">
                                        <lightning-output-field field-name="Name"></lightning-output-field>
                                    </lightning-layout-item>
                                </lightning-layout>
                                <lightning-layout multiple-rows="true">
                                    <lightning-layout-item size="1"></lightning-layout-item>
                                    <lightning-layout-item size="5" class="hehe-layoutItem">
                                        <lightning-output-field field-name="ShipmentAccount__c"
                                            class="hideHelpText"></lightning-output-field>
                                    </lightning-layout-item>
                                </lightning-layout>
                                <lightning-layout multiple-rows="true">
                                    <lightning-layout-item size="1"></lightning-layout-item>
                                    <lightning-layout-item size="5">
                                        <lightning-output-field
                                            field-name="Order_ForCustomerText__c"></lightning-output-field>
                                    </lightning-layout-item>
                                </lightning-layout>
                            </lightning-record-edit-form>
          <!-- 检索条件 -->
          <div class="borderCss" style="margin-top: 5px">
            <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 flexibility="auto">
                    <div class="slds-text-align_center">
                      <div class="slds-grid slds-grid_vertical-align-center">
                        <div class="slds-form-element__label">
                          出库日&#12288;从
                        </div>
                    </div>
                </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>
                <!-- 出库单 -->
                <div class="borderCss" style="margin-top: 5px;">
                    <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: 7px">
                        <div lwc:dom="manual" class="resultDiv"></div>
                        <div draggable="false">
                            <lightning-record-edit-form object-api-name="Consumable_order__c" record-id={detailsCocId}>
                                <lightning-layout multiple-rows="true">
                                    <lightning-layout-item size="1"></lightning-layout-item>
                                    <lightning-layout-item size="5">
                                        <lightning-output-field field-name="Name"></lightning-output-field>
                                    </lightning-layout-item>
                                </lightning-layout>
                                <lightning-layout multiple-rows="true">
                                    <lightning-layout-item size="1"></lightning-layout-item>
                                    <lightning-layout-item size="5">
                                        <lightning-output-field field-name="Outbound_Date__c"></lightning-output-field>
                                    </lightning-layout-item>
                                </lightning-layout>
                            </lightning-record-edit-form>
                      <!-- </br> -->
                      <div class="slds-grid slds-grid_vertical-align-center">
                        <div class="slds-form-element__label">
                          &#12288;&#12288;&#12288;&#12288;到
                        </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>
                    </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="category1"
                        value={category1}
                        class="inputFont"
                        style="max-width: 150px"
                      ></lightning-input>
                    </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="category2"
                        value={category2}
                        class="inputFont"
                        style="max-width: 150px"
                      ></lightning-input>
                    </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-combobox
                        data-field="invoiceStatus"
                        name="invoiceStatus"
                        label="状态"
                        value={invoiceStatusValue}
                        placeholder="请选择..."
                        options={Options}
                        variant="label-hidden"
                        onchange={dataChange}
                        style="min-width: 100px; max-width: 200px"
                        class="inputFont"
                      ></lightning-combobox>
                    </div>
                  </lightning-layout-item>
                  <lightning-layout-item flexibility="auto">
                    <div class="slds-grid slds-grid_vertical-align-center">
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                        onclick={invoiceCodeSearchJs}
                        style="max-width: 110px"
                      >
                        检索
                      </button>
                    </div>
                  </lightning-layout-item>
                  <lightning-layout-item flexibility="auto">
                    <div class="slds-grid slds-grid_vertical-align-center">
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
                        onclick={ClearJs}
                        style="max-width: 110px"
                      >
                        清空
                      </button>
                    </div>
                  </lightning-layout-item>
                </lightning-layout>
              </div>
            </div>
          </div>
                <!-- 出库单明细 -->
                <div class="borderCss" style="margin-top: 5px;">
                    <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: 7px">
                        <div lwc:dom="manual" class="resultDiv"></div>
                        <div draggable="false">
                            <!-- <lightning-datatable class="datatabel slds-border_top" key-field="id"
          <!-- 发票一览 -->
          <div class="borderCss" style="margin-top: 5px">
            <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: 7px">
              <div lwc:dom="manual" class="resultDiv"></div>
              <div draggable="false">
                <lightning-datatable
                  key-field="id"
                  data={invoiceData}
                  columns={invoiceColumns}
                  hide-checkbox-column="true"
                  class="wrapped-header-datatable"
                >
                </lightning-datatable>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>
  </template>
  <template if:true={isDetailsShow}>
    <div class="outerBorderCss">
      <div style="padding: 5px">
        <!-- 确定 -->
        <div class="borderCss">
          <div style="padding: 10px">
            <div lwc:dom="manual" class="resultDiv"></div>
            <div draggable="false">
              <!-- <lightning-button label="确定" onclick={detailsSaveJs}></lightning-button> -->
              <button
                class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                onclick={detailsSaveJs}
              >
                确定
              </button>
            </div>
          </div>
        </div>
        <!-- 发票信息 -->
        <div class="borderCss" style="margin-top: 5px">
          <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: 7px">
            <div lwc:dom="manual" class="resultDiv"></div>
            <div draggable="false">
              <lightning-record-edit-form
                object-api-name="Consumable_order__c"
                record-id={detailsInvoiceId}
                onload={handleLoad2}
              >
                <lightning-layout multiple-rows="true">
                  <lightning-layout-item size="1"></lightning-layout-item>
                  <lightning-layout-item size="5">
                    <lightning-output-field
                      field-name="Name"
                    ></lightning-output-field>
                  </lightning-layout-item>
                </lightning-layout>
                <lightning-layout multiple-rows="true">
                  <lightning-layout-item size="1"></lightning-layout-item>
                  <lightning-layout-item size="5" class="hehe-layoutItem">
                    <lightning-output-field
                      field-name="ShipmentAccount__c"
                      class="hideHelpText"
                    ></lightning-output-field>
                  </lightning-layout-item>
                </lightning-layout>
                <lightning-layout multiple-rows="true">
                  <lightning-layout-item size="1"></lightning-layout-item>
                  <lightning-layout-item size="5">
                    <lightning-output-field
                      field-name="Order_ForCustomerText__c"
                    ></lightning-output-field>
                  </lightning-layout-item>
                </lightning-layout>
              </lightning-record-edit-form>
            </div>
          </div>
        </div>
        <!-- 出库单 -->
        <div class="borderCss" style="margin-top: 5px">
          <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: 7px">
            <div lwc:dom="manual" class="resultDiv"></div>
            <div draggable="false">
              <lightning-record-edit-form
                object-api-name="Consumable_order__c"
                record-id={detailsCocId}
              >
                <lightning-layout multiple-rows="true">
                  <lightning-layout-item size="1"></lightning-layout-item>
                  <lightning-layout-item size="5">
                    <lightning-output-field
                      field-name="Name"
                    ></lightning-output-field>
                  </lightning-layout-item>
                </lightning-layout>
                <lightning-layout multiple-rows="true">
                  <lightning-layout-item size="1"></lightning-layout-item>
                  <lightning-layout-item size="5">
                    <lightning-output-field
                      field-name="Outbound_Date__c"
                    ></lightning-output-field>
                  </lightning-layout-item>
                </lightning-layout>
              </lightning-record-edit-form>
            </div>
          </div>
        </div>
        <!-- 出库单明细 -->
        <div class="borderCss" style="margin-top: 5px">
          <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: 7px">
            <div lwc:dom="manual" class="resultDiv"></div>
            <div draggable="false">
              <!-- <lightning-datatable class="datatabel slds-border_top" key-field="id"
                                data={detaisData} columns={detailsColumns}>
                            </lightning-datatable> -->
                            <c-lex-custom-lightning-datatable key-field="Id" data={detailsData} columns={detailsColumns}
                                onunitchange={handleUnitChange} onshipmentnumber={handleShipmentNumber}
                                onrowselection={detailsGetSelectedRows} selected-rows={detailsSelectedRows}
                                style="word-wrap:break-word; word-break:break-all; " class="wrapped-header-datatable"
                                min-column-width="115">
                            </c-lex-custom-lightning-datatable>
                            <lightning-datatable class="datatabel slds-border_top wrapped-header-datatable"
                                key-field="id" data={invoiceAllpriceData} columns={detailsColumns} hide-checkbox-column
                                hide-table-header>
                            </lightning-datatable>
                        </div>
                    </div>
                </div>
              <c-lex-custom-lightning-datatable
                key-field="Id"
                data={detailsData}
                columns={detailsColumns}
                onunitchange={handleUnitChange}
                onshipmentnumber={handleShipmentNumber}
                onrowselection={detailsGetSelectedRows}
                selected-rows={detailsSelectedRows}
                style="word-wrap: break-word; word-break: break-all"
                class="wrapped-header-datatable"
              >
              </c-lex-custom-lightning-datatable>
              <lightning-datatable
                class="datatabel slds-border_top wrapped-header-datatable"
                key-field="id"
                data={invoiceAllpriceData}
                columns={detailsColumns}
                hide-checkbox-column
                hide-table-header
              >
              </lightning-datatable>
            </div>
          </div>
        </div>
    </template>
</template>
      </div>
    </div>
  </template>
</template>