lexcommunityupload0714

buli

2023-07-14 744f42c5496e656a1f9927740a3b37c0b97a6cba

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

@@ -1,191 +1,196 @@
<template>
  <template if:true={showSpinner}>
    <!-- <lightning-spinner size="medium" variant="brand"></lightning-spinner> -->
    <div class="slds-spinner_container">
      <div
        role="status"
        class="slds-spinner slds-spinner_medium slds-spinner_brand"
      >
        <span class="slds-assistive-text">Loading</span>
        <div class="slds-spinner__dot-a"></div>
        <div class="slds-spinner__dot-b"></div>
      </div>
    </div>
  </template>
  <c-common-toast></c-common-toast>
  <template if:true={showPage}>
    <div
      style="
        border: 1px solid #d4d4d4;
        border-top: 3px solid #51606e;
        border-radius: 5px;
      "
    >
      <div style="padding: 10px">
        <!-- 按钮 -->
        <template if:true={showEditBtn}>
          <!-- <lightning-button style="margin: 5px;" label="编辑" disabled={disabledEditBtn} onclick={editOrder}></lightning-button> -->
          <button
            class="slds-button slds-button_neutral slds-button_stretch lexBorder"
            disabled={disabledEditBtn}
            onclick={editOrder}
          >
            编辑
          </button>
        </template>
        <template if:true={showPrintSheetBtn}>
          <!-- <lightning-button style="margin: 5px;" label="打印配置单" onclick={printOrder}></lightning-button> -->
          <button
            class="slds-button slds-button_neutral slds-button_stretch lexBorder"
            style="margin: 5px"
            label="打印配置单"
            onclick={printOrder}
          >
            打印配置单
          </button>
        </template>
        <template if:true={showUploadSheetBtn}>
          <!-- <lightning-button style="margin: 5px;" label="上传配置单" disabled={disabledUploadSheetBtn} onclick={uploadOrder}></lightning-button> -->
          <button
            class="slds-button slds-button_neutral slds-button_stretch lexBorder"
            style="margin: 5px"
            label="上传配置单"
            disabled={disabledUploadSheetBtn}
            onclick={uploadOrder}
          >
            上传配置单
          </button>
        </template>
        <template if:true={showSubOrderbtn}>
          <!-- <lightning-button style="margin: 5px;" label="提交订单" disabled={disabledSubOrderbtn} onclick={submitOrder}></lightning-button> -->
          <button
            class="slds-button slds-button_neutral slds-button_stretch lexBorder"
            style="margin: 5px"
            label="提交订单"
            disabled={disabledSubOrderbtn}
            onclick={submitOrder}
          >
            提交订单
          </button>
        </template>
        <template if:true={showSaveOrderbtn1}>
          <!-- <lightning-button style="margin: 5px;" label="保存订单" onclick={saveOrder}></lightning-button> -->
          <button
            class="slds-button slds-button_neutral slds-button_stretch lexBorder"
            style="margin: 5px"
            label="保存订单"
            onclick={saveOrder}
          >
            保存订单
          </button>
        </template>
        <template if:true={showSaveOrderbtn2}>
          <!-- <lightning-button style="margin: 5px;" label="保存订单" onclick={orderCopy}></lightning-button> -->
          <button
            class="slds-button slds-button_neutral slds-button_stretch lexBorder"
            style="margin: 5px"
            label="保存订单"
            onclick={orderCopy}
          >
            保存订单
          </button>
        </template>
        <template if:true={showDeleteBtn}>
          <!-- <lightning-button style="margin: 5px;" label="删除" disabled={disabledDeleteBtn} onclick={deleteOrder}></lightning-button> -->
          <button
            class="slds-button slds-button_neutral slds-button_stretch lexBorder"
            style="margin: 5px"
            label="删除"
            disabled={disabledDeleteBtn}
            onclick={deleteOrder}
          >
            删除
          </button>
        </template>
        <!-- <template if:true={showOfferPriceInputBtn}>
    <template if:true={showSpinner}>
        <!-- <lightning-spinner size="medium" variant="brand"></lightning-spinner> -->
        <div class="slds-spinner_container">
            <div
                role="status"
                class="slds-spinner slds-spinner_medium slds-spinner_brand"
            >
                <span class="slds-assistive-text">Loading</span>
                <div class="slds-spinner__dot-a"></div>
                <div class="slds-spinner__dot-b"></div>
            </div>
        </div>
    </template>
    <c-common-toast></c-common-toast>
    <template if:true={showPage}>
        <div
            style="
                border: 1px solid #d4d4d4;
                border-top: 3px solid #51606e;
                border-radius: 5px;
            "
        >
            <div style="padding: 10px">
                <!-- 按钮 -->
                <template if:true={showEditBtn}>
                    <!-- <lightning-button style="margin: 5px;" label="编辑" disabled={disabledEditBtn} onclick={editOrder}></lightning-button> -->
                    <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        disabled={disabledEditBtn}
                        onclick={editOrder}
                    >
                        编辑
                    </button>
                </template>
                <template if:true={showPrintSheetBtn}>
                    <!-- <lightning-button style="margin: 5px;" label="打印配置单" onclick={printOrder}></lightning-button> -->
                    <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        style="margin: 5px"
                        label="打印配置单"
                        onclick={printOrder}
                    >
                        打印配置单
                    </button>
                </template>
                <template if:true={showUploadSheetBtn}>
                    <!-- <lightning-button style="margin: 5px;" label="上传配置单" disabled={disabledUploadSheetBtn} onclick={uploadOrder}></lightning-button> -->
                    <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        style="margin: 5px"
                        label="上传配置单"
                        disabled={disabledUploadSheetBtn}
                        onclick={uploadOrder}
                    >
                        上传配置单
                    </button>
                </template>
                <template if:true={showSubOrderbtn}>
                    <!-- <lightning-button style="margin: 5px;" label="提交订单" disabled={disabledSubOrderbtn} onclick={submitOrder}></lightning-button> -->
                    <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        style="margin: 5px"
                        label="提交订单"
                        disabled={disabledSubOrderbtn}
                        onclick={submitOrder}
                    >
                        提交订单
                    </button>
                </template>
                <template if:true={showSaveOrderbtn1}>
                    <!-- <lightning-button style="margin: 5px;" label="保存订单" onclick={saveOrder}></lightning-button> -->
                    <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        style="margin: 5px"
                        label="保存订单"
                        onclick={saveOrder}
                    >
                        保存订单
                    </button>
                </template>
                <template if:true={showSaveOrderbtn2}>
                    <!-- <lightning-button style="margin: 5px;" label="保存订单" onclick={orderCopy}></lightning-button> -->
                    <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        style="margin: 5px"
                        label="保存订单"
                        onclick={orderCopy}
                    >
                        保存订单
                    </button>
                </template>
                <template if:true={showDeleteBtn}>
                    <!-- <lightning-button style="margin: 5px;" label="删除" disabled={disabledDeleteBtn} onclick={deleteOrder}></lightning-button> -->
                    <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        style="margin: 5px"
                        label="删除"
                        disabled={disabledDeleteBtn}
                        onclick={deleteOrder}
                    >
                        删除
                    </button>
                </template>
                <!-- <template if:true={showOfferPriceInputBtn}>
                    <lightning-button style="margin: 5px;" label="特价金额录入" disabled={disabledOfferPriceInputBtn} onclick={inputOfferPrice}></lightning-button>
                    <lightning-button style="margin: 5px;" label="特价金额录入" disabled={disabledOfferPriceInputBtn} onclick={inputOfferPrice}></lightning-button>
                </template> -->
        <template if:true={showReapplyBtn}>
          <!-- <lightning-button style="margin: 5px;" label="再申请" onclick={reapplyOrder}></lightning-button> -->
          <button
            class="slds-button slds-button_neutral slds-button_stretch lexBorder"
            style="margin: 5px"
            label="再申请"
            onclick={reapplyOrder}
          >
            再申请
          </button>
        </template>
        <p style="height: 10px"></p>
        <!-- 订单信息 -->
        <template if:false={editAble}>
          <div
            style="
              border: 1px solid #d4d4d4;
              border-top: 3px solid #51606e;
              border-radius: 5px;
              margin-bottom: 7px;
            "
          >
            <div style="border-bottom: 1px solid #d4d4d4; padding: 3px">
              <lightning-layout>
                <lightning-layout-item padding="around-small">
                  <p style="font-size: 18px">
                    <strong>订单信息</strong>
                  </p>
                </lightning-layout-item>
              </lightning-layout>
              <!-- <p style="font-size: 16px;"><strong>订单信息</strong></p> -->
            </div>
            <div style="padding: 10px">
              <lightning-record-view-form
                record-id={cocId}
                object-api-name="Consumable_order__c"
              >
                <table style="width: 100%">
                  <tbody>
                    <tr>
                      <td style="width: 10%"></td>
                      <td style="width: 40%">
                        <lightning-output-field
                          class="outputfont"
                          field-name="Name"
                        ></lightning-output-field>
                      </td>
                      <td style="width: 40%">
                        <lightning-output-field
                          field-name="Order_status__c"
                        ></lightning-output-field>
                      </td>
                      <td style="width: 10%"></td>
                    </tr>
                    <tr>
                      <td></td>
                      <td>
                        <template if:false={editAble}>
                          <lightning-output-field
                            field-name="Total_amount__c"
                          ></lightning-output-field>
                        </template>
                      </td>
                      <td>
                        <!-- <div class="slds-grid slds-grid_vertical-align-center">
                <template if:true={showReapplyBtn}>
                    <!-- <lightning-button style="margin: 5px;" label="再申请" onclick={reapplyOrder}></lightning-button> -->
                    <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        style="margin: 5px"
                        label="再申请"
                        onclick={reapplyOrder}
                    >
                        再申请
                    </button>
                </template>
                <p style="height: 10px"></p>
                <!-- 订单信息 -->
                <template if:false={editAble}>
                    <div
                        style="
                            border: 1px solid #d4d4d4;
                            border-top: 3px solid #51606e;
                            border-radius: 5px;
                            margin-bottom: 7px;
                        "
                    >
                        <div
                            style="
                                border-bottom: 1px solid #d4d4d4;
                                padding: 3px;
                            "
                        >
                            <lightning-layout>
                                <lightning-layout-item padding="around-small">
                                    <p style="font-size: 18px">
                                        <strong>订单信息</strong>
                                    </p>
                                </lightning-layout-item>
                            </lightning-layout>
                            <!-- <p style="font-size: 16px;"><strong>订单信息</strong></p> -->
                        </div>
                        <div style="padding: 10px">
                            <lightning-record-view-form
                                record-id={cocId}
                                object-api-name="Consumable_order__c"
                            >
                                <table style="width: 100%">
                                    <tbody>
                                        <tr>
                                            <td style="width: 10%"></td>
                                            <td style="width: 40%">
                                                <lightning-output-field
                                                    class="outputfont"
                                                    field-name="Name"
                                                ></lightning-output-field>
                                            </td>
                                            <td style="width: 40%">
                                                <lightning-output-field
                                                    field-name="Order_status__c"
                                                ></lightning-output-field>
                                            </td>
                                            <td style="width: 10%"></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <template if:false={editAble}>
                                                    <lightning-output-field
                                                        field-name="Total_amount__c"
                                                    ></lightning-output-field>
                                                </template>
                                            </td>
                                            <td>
                                                <!-- <div class="slds-grid slds-grid_vertical-align-center">
                                                    <div class="slds-form-element__label"><lightning-formatted-text value={contractLabel}></lightning-formatted-text>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                                                    <lightning-formatted-text value={contractName}></lightning-formatted-text>
                                                </div> -->
                        <!-- style="pointer-events: none;" -->
                        <lightning-output-field
                          class="showContract"
                          field-name="Order_effective_contact__c"
                        ></lightning-output-field>
                      </td>
                      <!-- <td>合同：<lightning-formatted-text value={coc.Order_effective_contact__r.Name}></lightning-formatted-text></td> -->
                      <td></td>
                    </tr>
                    <tr>
                      <td></td>
                      <!-- <td>
                                                <!-- style="pointer-events: none;" -->
                                                <lightning-output-field
                                                    class="showContract"
                                                    field-name="Order_effective_contact__c"
                                                ></lightning-output-field>
                                            </td>
                                            <!-- <td>合同：<lightning-formatted-text value={coc.Order_effective_contact__r.Name}></lightning-formatted-text></td> -->
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <!-- <td>
                                                <template if:false={edoffersPrice}>
                                                    <lightning-output-field id="sumPrice_buttom1" field-name="Offers_Price__c"></lightning-output-field>
                                                </template>
@@ -193,16 +198,18 @@
                                                    <lightning-input label="特价总金额" variant="label-inline" id="sumPrice_buttom2" value={coc.Offers_Price__c} onchange={offerPriceChange}></lightning-input>
                                                </template>
                                            </td> -->
                      <td>
                        <template if:true={showAttUploadDate}>
                          <lightning-output-field
                            field-name="Consumable_pdf_insert_day__c"
                          ></lightning-output-field>
                        </template>
                      </td>
                      <td></td>
                    </tr>
                    <!-- <tr>
                                            <td>
                                                <template
                                                    if:true={showAttUploadDate}
                                                >
                                                    <lightning-output-field
                                                        field-name="Consumable_pdf_insert_day__c"
                                                    ></lightning-output-field>
                                                </template>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <!-- <tr>
                                            <td></td>
                                            <td>
                                                <template if:true={showAttUploadDate}>
@@ -212,103 +219,119 @@
                                            <td></td>
                                            <td></td>
                                        </tr> -->
                    <tr>
                      <td></td>
                      <td>
                        <template if:true={showOrderDate}>
                          <lightning-output-field
                            field-name="Order_date__c"
                          ></lightning-output-field>
                        </template>
                      </td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td></td>
                      <td colspan="2">
                        <lightning-card
                          class="attListTitle"
                          variant="Narrow"
                          title="附件列表"
                          icon-name="utility:attach"
                        >
                          <lightning-layout slot="footer" multiple-rows="true">
                            <template
                              for:each={attachmentRecoeds}
                              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.fileFullName}
                                  style="margin-left: 20px"
                                  icon-name="doctype:gform"
                                  alternative-text={item.fileFullName}
                                  size="large"
                                ></lightning-icon
                                ><br />
                                <!-- <span style="word-wrap:break-word; word-break:break-all;width:80px;display:flex;" title={item.fileFullName}>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <template
                                                    if:true={showOrderDate}
                                                >
                                                    <lightning-output-field
                                                        field-name="Order_date__c"
                                                    ></lightning-output-field>
                                                </template>
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td colspan="2">
                                                <lightning-card
                                                    class="attListTitle"
                                                    variant="Narrow"
                                                    title="附件列表"
                                                    icon-name="utility:attach"
                                                >
                                                    <lightning-layout
                                                        slot="footer"
                                                        multiple-rows="true"
                                                    >
                                                        <template
                                                            for:each={attachmentRecoeds}
                                                            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.fileFullName}
                                                                    style="
                                                                        margin-left: 20px;
                                                                    "
                                                                    icon-name="doctype:gform"
                                                                    alternative-text={item.fileFullName}
                                                                    size="large"
                                                                ></lightning-icon
                                                                ><br />
                                                                <!-- <span style="word-wrap:break-word; word-break:break-all;width:80px;display:flex;" title={item.fileFullName}>
                                                                    {item.fileName}
                                                                </span> -->
                                <div
                                  title={item.fileFullName}
                                  style="
                                    width: 100px;
                                    text-overflow: ellipsis;
                                    overflow: hidden;
                                    white-space: nowrap;
                                  "
                                >
                                  {item.fileName}
                                </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.recordId}
                                    onclick={deleteAtt}
                                  >
                                    删除
                                  </a>
                                </p>
                                <!-- <p>{item.updateDate} · {item.ownerName}</p> -->
                              </lightning-layout-item>
                            </template>
                          </lightning-layout>
                        </lightning-card>
                      </td>
                      <td></td>
                    </tr>
                  </tbody>
                </table>
              </lightning-record-view-form>
            </div>
          </div>
        </template>
        <!-- searchBlock -->
        <template if:true={editAble}>
          <div
            style="
              border: 1px solid #d4d4d4;
              border-top: 3px solid #51606e;
              border-radius: 5px;
              margin-bottom: 7px;
            "
          >
            <div style="padding: 10px">
              <table>
                <tbody>
                  <!-- <tr>
                                                                <div
                                                                    title={item.fileFullName}
                                                                    style="
                                                                        width: 100px;
                                                                        text-overflow: ellipsis;
                                                                        overflow: hidden;
                                                                        white-space: nowrap;
                                                                    "
                                                                >
                                                                    {item.fileName}
                                                                </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.recordId}
                                                                        onclick={deleteAtt}
                                                                    >
                                                                        删除
                                                                    </a>
                                                                </p>
                                                                <!-- <p>{item.updateDate} · {item.ownerName}</p> -->
                                                            </lightning-layout-item>
                                                        </template>
                                                    </lightning-layout>
                                                </lightning-card>
                                            </td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </lightning-record-view-form>
                        </div>
                    </div>
                </template>
                <!-- searchBlock -->
                <template if:true={editAble}>
                    <div
                        style="
                            border: 1px solid #d4d4d4;
                            border-top: 3px solid #51606e;
                            border-radius: 5px;
                            margin-bottom: 7px;
                        "
                    >
                        <div style="padding: 10px">
                            <table>
                                <tbody>
                                    <!-- <tr>
                                        <td style="width: 100px;">
                                            <div style="color:#696969;font-size:16px;"><span style="color: red;">*&nbsp;</span>合同</div>
                                        </td>
@@ -338,309 +361,367 @@
                                            <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="width:80px;height:32px;" label="清空" onclick={clear}>清空</button>
                                        </td>
                                    </tr> -->
                  <!-- <tr style="height: 10px;"></tr> -->
                  <tr>
                    <td>
                      <div style="color: #696969; font-size: 16px">
                        消耗品名称
                      </div>
                    </td>
                    <td>
                      <lightning-input
                        class="inputFont"
                        variant="label-hidden"
                        label="消耗品名称"
                        value={category1}
                        onchange={category1Change}
                      ></lightning-input>
                    </td>
                    <td></td>
                    <td>
                      <div style="color: #696969; font-size: 16px">第3分类</div>
                    </td>
                    <td>
                      <lightning-combobox
                        class="inputFont"
                        variant="label-hidden"
                        label="第3分类"
                        value={category3}
                        options={category3Option}
                        onchange={category3Change}
                      ></lightning-combobox>
                    </td>
                    <td style="width: 30px"></td>
                    <td style="width: 66px">
                      <div style="color: #696969; font-size: 16px">第4分类</div>
                    </td>
                    <td>
                      <lightning-combobox
                        class="inputFont"
                        variant="label-hidden"
                        label="第4分类"
                        value={category4}
                        options={category4Option}
                        onchange={category4Change}
                      ></lightning-combobox>
                    </td>
                    <td></td>
                    <td style="width: 66px">
                      <div style="color: #696969; font-size: 16px">第5分类</div>
                    </td>
                    <td style="width: 160px">
                      <lightning-combobox
                        class="inputFont"
                        variant="label-hidden"
                        label="第5分类"
                        value={category5}
                        options={category5Option}
                        onchange={category5Change}
                      ></lightning-combobox>
                    </td>
                  </tr>
                  <tr style="height: 10px"></tr>
                  <tr>
                    <td style="width: 100px">
                      <div style="color: #696969; font-size: 16px">
                        <span style="color: red">*&nbsp;</span>合同
                      </div>
                    </td>
                    <td style="width: 320px">
                      <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"
                          icon-name="utility:search"
                        ></lightning-icon>
                        <lightning-input
                          class="inputFont"
                          variant="label-hidden"
                          label="合同"
                          placeholder="请选择合同"
                          value={contractName}
                          onchange={changeCon}
                          onclick={showSearchCon}
                        ></lightning-input>
                      </div>
                    </td>
                    <td style="width: 30px"></td>
                    <td style="width: 66px">
                      <template if:true={showHospital}>
                        <div style="color: #696969; font-size: 16px">
                          <span style="color: red">*&nbsp;</span>医院
                                    <!-- <tr style="height: 10px;"></tr> -->
                                    <tr>
                                        <td>
                                            <div
                                                style="
                                                    color: #696969;
                                                    font-size: 16px;
                                                "
                                            >
                                                消耗品名称
                                            </div>
                                        </td>
                                        <td>
                                            <lightning-input
                                                class="inputFont"
                                                variant="label-hidden"
                                                label="消耗品名称"
                                                value={category1}
                                                onchange={category1Change}
                                            ></lightning-input>
                                        </td>
                                        <td></td>
                                        <td>
                                            <div
                                                style="
                                                    color: #696969;
                                                    font-size: 16px;
                                                "
                                            >
                                                第3分类
                                            </div>
                                        </td>
                                        <td>
                                            <lightning-combobox
                                                class="inputFont"
                                                variant="label-hidden"
                                                label="第3分类"
                                                value={category3}
                                                options={category3Option}
                                                onchange={category3Change}
                                            ></lightning-combobox>
                                        </td>
                                        <td style="width: 30px"></td>
                                        <td style="width: 66px">
                                            <div
                                                style="
                                                    color: #696969;
                                                    font-size: 16px;
                                                "
                                            >
                                                第4分类
                                            </div>
                                        </td>
                                        <td>
                                            <lightning-combobox
                                                class="inputFont"
                                                variant="label-hidden"
                                                label="第4分类"
                                                value={category4}
                                                options={category4Option}
                                                onchange={category4Change}
                                            ></lightning-combobox>
                                        </td>
                                        <td></td>
                                        <td style="width: 66px">
                                            <div
                                                style="
                                                    color: #696969;
                                                    font-size: 16px;
                                                "
                                            >
                                                第5分类
                                            </div>
                                        </td>
                                        <td style="width: 160px">
                                            <lightning-combobox
                                                class="inputFont"
                                                variant="label-hidden"
                                                label="第5分类"
                                                value={category5}
                                                options={category5Option}
                                                onchange={category5Change}
                                            ></lightning-combobox>
                                        </td>
                                    </tr>
                                    <tr style="height: 10px"></tr>
                                    <tr>
                                        <td style="width: 100px">
                                            <div
                                                style="
                                                    color: #696969;
                                                    font-size: 16px;
                                                "
                                            >
                                                <span style="color: red"
                                                    >*&nbsp;</span
                                                >合同
                                            </div>
                                        </td>
                                        <td style="width: 320px">
                                            <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"
                                                    icon-name="utility:search"
                                                ></lightning-icon>
                                                <lightning-input
                                                    class="inputFont"
                                                    variant="label-hidden"
                                                    label="合同"
                                                    placeholder="请选择合同"
                                                    value={contractName}
                                                    onchange={changeCon}
                                                    onclick={showSearchCon}
                                                ></lightning-input>
                                            </div>
                                        </td>
                                        <td style="width: 30px"></td>
                                        <td style="width: 66px">
                                            <template if:true={showHospital}>
                                                <div
                                                    style="
                                                        color: #696969;
                                                        font-size: 16px;
                                                    "
                                                >
                                                    <span style="color: red"
                                                        >*&nbsp;</span
                                                    >医院
                                                </div>
                                            </template>
                                        </td>
                                        <td
                                            colspan="4"
                                            style="
                                                padding-bottom: 5px;
                                                padding-top: 5px;
                                            "
                                        >
                                            <template if:true={showHospital}>
                                                <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"
                                                        icon-name="utility:search"
                                                    ></lightning-icon>
                                                    <lightning-input
                                                        class="inputFont"
                                                        variant="label-hidden"
                                                        label="医院"
                                                        placeholder="请选择医院"
                                                        value={hospitalName}
                                                        onclick={showSearchHos}
                                                        onchange={changeHos}
                                                    ></lightning-input>
                                                </div>
                                            </template>
                                        </td>
                                        <td style="width: 30px"></td>
                                        <td colspan="2">
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                                                style="
                                                    width: 130px;
                                                    height: 32px;
                                                    margin-right: 10px;
                                                "
                                                label="消耗品搜索"
                                                onclick={searchProduct}
                                            >
                                                消耗品搜索
                                            </button>
                                            <button
                                                class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
                                                style="
                                                    width: 80px;
                                                    height: 32px;
                                                "
                                                label="清空"
                                                onclick={clear}
                                            >
                                                清空
                                            </button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                      </template>
                    </td>
                    <td
                      colspan="4"
                      style="padding-bottom: 5px; padding-top: 5px"
                    </div>
                </template>
                <!-- 警告提醒 -->
                <template if:true={hasWarning}>
                    <div
                        style="
                            border: 1px solid #d4d4d4;
                            border-radius: 5px;
                            margin-bottom: 7px;
                        "
                    >
                      <template if:true={showHospital}>
                        <div
                          class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right"
                            style="
                                border-bottom: 1px solid #d4d4d4;
                                border-radius: 5px;
                                margin-bottom: 7px;
                                color: #ff6a00;
                                font-size: 17px;
                            "
                        >
                          <lightning-icon
                            size="x-small"
                            class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default"
                            icon-name="utility:search"
                          ></lightning-icon>
                          <lightning-input
                            class="inputFont"
                            variant="label-hidden"
                            label="医院"
                            placeholder="请选择医院"
                            value={hospitalName}
                            onclick={showSearchHos}
                            onchange={changeHos}
                          ></lightning-input>
                            <lightning-icon
                                style="margin: 3px"
                                icon-name="utility:warning"
                                size="small"
                            ></lightning-icon>
                            <strong>&nbsp;&nbsp;&nbsp;警告</strong>
                        </div>
                      </template>
                    </td>
                    <td style="width: 30px"></td>
                    <td colspan="2">
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                        style="width: 130px; height: 32px; margin-right: 10px"
                        label="消耗品搜索"
                        onclick={searchProduct}
                      >
                        消耗品搜索
                      </button>
                      <button
                        class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
                        style="width: 80px; height: 32px"
                        label="清空"
                        onclick={clear}
                      >
                        清空
                      </button>
                    </td>
                  </tr>
                </tbody>
              </table>
                        <template for:each={warningMsgs} for:item="msg">
                            <p
                                key={msg}
                                style="
                                    color: #ff6a00;
                                    padding-left: 7px;
                                    font-size: 16px;
                                    margin-bottom: 7px;
                                "
                            >
                                &nbsp;&nbsp;&nbsp;・&nbsp;{msg}
                            </p>
                        </template>
                    </div>
                </template>
                <!-- 报错提醒 -->
                <template if:true={hasError}>
                    <div
                        style="
                            border: 1px solid #d4d4d4;
                            border-radius: 5px;
                            margin-bottom: 7px;
                        "
                    >
                        <div
                            style="
                                border-bottom: 1px solid #d4d4d4;
                                border-radius: 5px;
                                margin-bottom: 7px;
                                color: red;
                                font-size: 17px;
                            "
                        >
                            <lightning-icon
                                style="margin: 3px"
                                icon-name="utility:error"
                                size="small"
                            ></lightning-icon>
                            <strong>&nbsp;&nbsp;&nbsp;错误</strong>
                        </div>
                        <template for:each={errorMsgs} for:item="msg">
                            <p
                                key={msg}
                                style="
                                    color: red;
                                    padding-left: 7px;
                                    font-size: 16px;
                                    margin-bottom: 7px;
                                "
                            >
                                &nbsp;&nbsp;&nbsp;・&nbsp;{msg}
                            </p>
                        </template>
                    </div>
                </template>
                <!-- 消耗品明细 -->
                <div
                    style="
                        border: 1px solid #d4d4d4;
                        border-top: 3px solid #51606e;
                        border-radius: 5px;
                        margin-bottom: 7px;
                    "
                >
                    <div style="border-bottom: 1px solid #d4d4d4; padding: 3px">
                        <lightning-layout>
                            <lightning-layout-item padding="around-small">
                                <p style="font-size: 18px">
                                    <strong>消耗品明细</strong>
                                </p>
                            </lightning-layout-item>
                        </lightning-layout>
                        <!-- <p style="font-size: 16px;"><strong>消耗品明细</strong></p> -->
                    </div>
                    <div style="padding: 10px">
                        <template if:true={editAble}>
                            <c-lex-custom-lightning-datatable
                                class="wrapped-header-datatable"
                                style="
                                    word-wrap: break-word;
                                    word-break: break-all;
                                "
                                key-field="recordId"
                                data={currentRecord}
                                columns={cols}
                                selected-rows={selectRows}
                                onrowselection={checkRows}
                                onchangevalue={conCountChange}
                                onvalueblur={conCountBlur}
                                default-sort-direction="asc"
                                sorted-direction={sortDirection}
                                sorted-by={sortedBy}
                                onsort={onHandleSort}
                            ></c-lex-custom-lightning-datatable>
                            <c-paginator
                                onprevious={prePageClick}
                                onnext={nextPageClick}
                                onpageschange={pageSizeChange}
                                onfirst={goFirstPage}
                                onlast={goLastPage}
                                page-size-options={pageSizeOptions}
                                default-page-size={pageSize}
                                previous-button-disabled={previousButtonDisabled}
                                next-button-disabled={nextButtonDisabled}
                                record-start={recordStart}
                                record-end={recordEnd}
                                total-records={totalRecords}
                            ></c-paginator>
                        </template>
                        <template if:false={editAble}>
                            <c-lex-custom-lightning-datatable
                                class="wrapped-header-datatable"
                                style="
                                    word-wrap: break-word;
                                    word-break: break-all;
                                "
                                hide-checkbox-column
                                key-field="recordId"
                                data={consumableorderdetailsRecordsview}
                                columns={cols}
                            ></c-lex-custom-lightning-datatable>
                            <c-paginator
                                onprevious={prePageClick}
                                onnext={nextPageClick}
                                onpageschange={pageSizeChange}
                                onfirst={goFirstPage}
                                onlast={goLastPage}
                                page-size-options={pageSizeOptions}
                                default-page-size={pageSize}
                                previous-button-disabled={previousButtonDisabled}
                                next-button-disabled={nextButtonDisabled}
                                record-start={recordStart}
                                record-end={recordEnd}
                                total-records={totalRecords}
                            ></c-paginator>
                        </template>
                    </div>
                </div>
            </div>
          </div>
        </template>
        <!-- 警告提醒 -->
        <template if:true={hasWarning}>
          <div
            style="
              border: 1px solid #d4d4d4;
              border-radius: 5px;
              margin-bottom: 7px;
            "
          >
            <div
              style="
                border-bottom: 1px solid #d4d4d4;
                border-radius: 5px;
                margin-bottom: 7px;
                color: #ff6a00;
                font-size: 17px;
              "
            >
              <lightning-icon
                style="margin: 3px"
                icon-name="utility:warning"
                size="small"
              ></lightning-icon>
              <strong>&nbsp;&nbsp;&nbsp;警告</strong>
            </div>
            <template for:each={warningMsgs} for:item="msg">
              <p
                key={msg}
                style="
                  color: #ff6a00;
                  padding-left: 7px;
                  font-size: 16px;
                  margin-bottom: 7px;
                "
              >
                &nbsp;&nbsp;&nbsp;・&nbsp;{msg}
              </p>
            </template>
          </div>
        </template>
        <!-- 报错提醒 -->
        <template if:true={hasError}>
          <div
            style="
              border: 1px solid #d4d4d4;
              border-radius: 5px;
              margin-bottom: 7px;
            "
          >
            <div
              style="
                border-bottom: 1px solid #d4d4d4;
                border-radius: 5px;
                margin-bottom: 7px;
                color: red;
                font-size: 17px;
              "
            >
              <lightning-icon
                style="margin: 3px"
                icon-name="utility:error"
                size="small"
              ></lightning-icon>
              <strong>&nbsp;&nbsp;&nbsp;错误</strong>
            </div>
            <template for:each={errorMsgs} for:item="msg">
              <p
                key={msg}
                style="
                  color: red;
                  padding-left: 7px;
                  font-size: 16px;
                  margin-bottom: 7px;
                "
              >
                &nbsp;&nbsp;&nbsp;・&nbsp;{msg}
              </p>
            </template>
          </div>
        </template>
        <!-- 消耗品明细 -->
        <div
          style="
            border: 1px solid #d4d4d4;
            border-top: 3px solid #51606e;
            border-radius: 5px;
            margin-bottom: 7px;
          "
        >
          <div style="border-bottom: 1px solid #d4d4d4; padding: 3px">
            <lightning-layout>
              <lightning-layout-item padding="around-small">
                <p style="font-size: 18px">
                  <strong>消耗品明细</strong>
                </p>
              </lightning-layout-item>
            </lightning-layout>
            <!-- <p style="font-size: 16px;"><strong>消耗品明细</strong></p> -->
          </div>
          <div style="padding: 10px">
            <template if:true={editAble}>
              <c-lex-custom-lightning-datatable
                class="wrapped-header-datatable"
                style="word-wrap: break-word; word-break: break-all"
                key-field="recordId"
                data={currentRecord}
                columns={cols}
                selected-rows={selectRows}
                onrowselection={checkRows}
                onchangevalue={conCountChange}
                onvalueblur={conCountBlur}
                default-sort-direction="asc"
                sorted-direction={sortDirection}
                sorted-by={sortedBy}
                onsort={onHandleSort}
              ></c-lex-custom-lightning-datatable>
              <c-paginator
                onprevious={prePageClick}
                onnext={nextPageClick}
                onpageschange={pageSizeChange}
                onfirst={goFirstPage}
                onlast={goLastPage}
                page-size-options={pageSizeOptions}
                previous-button-disabled={previousButtonDisabled}
                next-button-disabled={nextButtonDisabled}
                record-start={recordStart}
                record-end={recordEnd}
                total-records={totalRecords}
              ></c-paginator>
            </template>
            <template if:false={editAble}>
              <c-lex-custom-lightning-datatable
                class="wrapped-header-datatable"
                style="word-wrap: break-word; word-break: break-all"
                hide-checkbox-column
                key-field="recordId"
                data={consumableorderdetailsRecordsview}
                columns={cols}
              ></c-lex-custom-lightning-datatable>
              <c-paginator
                onprevious={prePageClick}
                onnext={nextPageClick}
                onpageschange={pageSizeChange}
                onfirst={goFirstPage}
                onlast={goLastPage}
                page-size-options={pageSizeOptions}
                previous-button-disabled={previousButtonDisabled}
                next-button-disabled={nextButtonDisabled}
                record-start={recordStart}
                record-end={recordEnd}
                total-records={totalRecords}
              ></c-paginator>
            </template>
          </div>
        </div>
      </div>
    </div>
    <!-- 附件 -->
    <!-- <template if:false={editAble}>
        <!-- 附件 -->
        <!-- <template if:false={editAble}>
            <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-top:10px;">
                <div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
                    <lightning-layout>
@@ -656,332 +737,366 @@
                </div>
            </div>
        </template> -->
    <!-- 上传附件弹窗 -->
    <template if:true={showAttPop}>
      <section
        role="dialog"
        tabindex="-1"
        aria-labelledby="modal-heading-01"
        aria-modal="true"
        aria-describedby="modal-content-id-1"
        class="slds-modal slds-fade-in-open slds-modal_small"
        style="border: 1px solid #d4d4d4"
      >
        <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}
        <!-- 上传附件弹窗 -->
        <template if:true={showAttPop}>
            <section
                role="dialog"
                tabindex="-1"
                aria-labelledby="modal-heading-01"
                aria-modal="true"
                aria-describedby="modal-content-id-1"
                class="slds-modal slds-fade-in-open slds-modal_small"
                style="border: 1px solid #d4d4d4"
            >
              <lightning-icon
                icon-name="utility:close"
                alternative-text="close"
                variant="inverse"
                size="small"
              ></lightning-icon>
              <span class="slds-assistive-text">Close</span>
            </button>
            <h2
              id="modal-heading-01"
              class="slds-text-heading_medium slds-hyphenate"
            >
              上传配置单
            </h2>
          </header>
          <div
            class="slds-modal__content slds-p-around_medium"
            id="modal-content-id-1"
            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 style="font-size: 16px">
                已选择文件：{fileName}
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <template if:true={attDelBtn}>
                  <a onclick={removeAtt}>移除</a>
                <template if:true={showPopSpinner}>
                    <lightning-spinner
                        size="medium"
                        variant="brand"
                    ></lightning-spinner>
                </template>
              </p>
            </div>
          </div>
          <footer class="slds-modal__footer">
            <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closePop}></lightning-button>
                <div class="slds-modal__container">
                    <header
                        class="slds-modal__header"
                        style="background-color: #f3f3f3"
                    >
                        <button
                            style=""
                            class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse"
                            title="Close"
                            onclick={closePop}
                        >
                            <lightning-icon
                                icon-name="utility:close"
                                alternative-text="close"
                                variant="inverse"
                                size="small"
                            ></lightning-icon>
                            <span class="slds-assistive-text">Close</span>
                        </button>
                        <h2
                            id="modal-heading-01"
                            class="slds-text-heading_medium slds-hyphenate"
                        >
                            上传配置单
                        </h2>
                    </header>
                    <div
                        class="slds-modal__content slds-p-around_medium"
                        id="modal-content-id-1"
                        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 style="font-size: 16px">
                                已选择文件：{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" label="取消" onclick={closePop}></lightning-button>
                        <lightning-button style="margin-left: 10px;" variant="neutral" label="上传" onclick={uploadAtt}></lightning-button> -->
            <button
              class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
              style="margin-left: 10px"
              variant="neutral"
              label="取消"
              onclick={closePop}
                        <button
                            class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
                            style="margin-left: 10px"
                            variant="neutral"
                            label="取消"
                            onclick={closePop}
                        >
                            取消
                        </button>
                        <button
                            class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                            style="margin-left: 10px"
                            variant="neutral"
                            label="上传"
                            onclick={uploadAtt}
                        >
                            上传
                        </button>
                    </footer>
                </div>
            </section>
            <div class="slds-backdrop slds-backdrop_open"></div>
        </template>
        <!-- 搜索医院 -->
        <template if:true={showAttHosPop}>
            <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"
            >
              取消
            </button>
            <button
              class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
              style="margin-left: 10px"
              variant="neutral"
              label="上传"
              onclick={uploadAtt}
            >
              上传
            </button>
          </footer>
        </div>
      </section>
      <div class="slds-backdrop slds-backdrop_open"></div>
    </template>
    <!-- 搜索医院 -->
    <template if:true={showAttHosPop}>
      <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={closeHospitalPop}
            >
              <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"
            id="modal-content-id-2"
            style="border: 1px solid #f3f3f3"
          >
            <table style="width: 100%">
              <tbody>
                <tr>
                  <td style="width: 74px">
                <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={closeHospitalPop}
                        >
                            <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
                      style="color: #696969; font-size: 16px; text-align: left"
                        class="slds-modal__content slds-p-around_medium"
                        id="modal-content-id-2"
                        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={searchNameHos}
                                            onchange={searchNameHosChange}
                                        ></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={searchHos}
                                        >
                                            搜索
                                        </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>
                            </div>
                        </div>
                    </div>
                  </td>
                  <td style="width: 60%">
                    <lightning-input
                      class="inputFont"
                      label="医院名称"
                      variant="label-hidden"
                      placeholder="请输入医院名称"
                      value={searchNameHos}
                      onchange={searchNameHosChange}
                    ></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={searchHos}
                    <footer class="slds-modal__footer">
                        <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closeHospitalPop}></lightning-button> -->
                        <button
                            class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
                            label="取消"
                            onclick={closeHospitalPop}
                        >
                            取消
                        </button>
                        <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="确认" onclick={confirmHospital}></lightning-button> -->
                    </footer>
                </div>
            </section>
            <div class="slds-backdrop slds-backdrop_open"></div>
        </template>
        <!-- 搜索合同 -->
        <template if:true={showConPop}>
            <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>
                  </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>
              </div>
            </div>
          </div>
          <footer class="slds-modal__footer">
            <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closeHospitalPop}></lightning-button> -->
            <button
              class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
              label="取消"
              onclick={closeHospitalPop}
            >
              取消
            </button>
            <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="确认" onclick={confirmHospital}></lightning-button> -->
          </footer>
        </div>
      </section>
      <div class="slds-backdrop slds-backdrop_open"></div>
    </template>
    <!-- 搜索合同 -->
    <template if:true={showConPop}>
      <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={closeContractPop}
            >
              <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-03"
              class="slds-text-heading_medium slds-hyphenate"
            >
              合同检索
            </h2>
          </header>
          <div
            class="slds-modal__content slds-p-around_medium"
            id="modal-content-id-3"
            style="border: 1px solid #f3f3f3"
          >
            <table style="width: 100%">
              <tbody>
                <tr>
                  <td style="width: 74px">
                        <button
                            style=""
                            class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse"
                            title="Close"
                            onclick={closeContractPop}
                        >
                            <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-03"
                            class="slds-text-heading_medium slds-hyphenate"
                        >
                            合同检索
                        </h2>
                    </header>
                    <div
                      style="color: #696969; font-size: 16px; text-align: left"
                        class="slds-modal__content slds-p-around_medium"
                        id="modal-content-id-3"
                        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={searchNameCon}
                                            onchange={searchNameConChange}
                                        ></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={searchCon}
                                        >
                                            搜索
                                        </button>
                                    </td>
                                    <!-- <td><lightning-button label="搜索" onclick={searchCon}></lightning-button></td> -->
                                </tr>
                            </tbody>
                        </table>
                        <p style="height: 10px"></p>
                        <!-- <p>已选择合同：{chooseContract}</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>
                            </div>
                            <div style="padding: 20px">
                                <lightning-datatable
                                    class="wrapped-header-datatable"
                                    key-field="id"
                                    hide-checkbox-column="true"
                                    data={contractList}
                                    columns={conCols}
                                    onrowaction={chooseCon}
                                ></lightning-datatable>
                            </div>
                        </div>
                    </div>
                  </td>
                  <td style="width: 60%">
                    <lightning-input
                      class="inputFont"
                      label="合同名称"
                      variant="label-hidden"
                      placeholder="请输入合同名称"
                      value={searchNameCon}
                      onchange={searchNameConChange}
                    ></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={searchCon}
                    >
                      搜索
                    </button>
                  </td>
                  <!-- <td><lightning-button label="搜索" onclick={searchCon}></lightning-button></td> -->
                </tr>
              </tbody>
            </table>
            <p style="height: 10px"></p>
            <!-- <p>已选择合同：{chooseContract}</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>
              </div>
              <div style="padding: 20px">
                <lightning-datatable
                  class="wrapped-header-datatable"
                  key-field="id"
                  hide-checkbox-column="true"
                  data={contractList}
                  columns={conCols}
                  onrowaction={chooseCon}
                ></lightning-datatable>
              </div>
            </div>
          </div>
          <footer class="slds-modal__footer">
            <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closeContractPop}></lightning-button> -->
            <button
              class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
              label="取消"
              onclick={closeContractPop}
            >
              取消
            </button>
            <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="确认" onclick={confirmContract}></lightning-button> -->
          </footer>
        </div>
      </section>
      <div class="slds-backdrop slds-backdrop_open"></div>
                    <footer class="slds-modal__footer">
                        <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closeContractPop}></lightning-button> -->
                        <button
                            class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
                            label="取消"
                            onclick={closeContractPop}
                        >
                            取消
                        </button>
                        <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="确认" onclick={confirmContract}></lightning-button> -->
                    </footer>
                </div>
            </section>
            <div class="slds-backdrop slds-backdrop_open"></div>
        </template>
    </template>
  </template>
</template>
</template>