From be102ae06e8f986bd9d1a544cd2752e5fa94231a Mon Sep 17 00:00:00 2001
From: binxie <137736985@qq.com>
Date: 星期二, 11 七月 2023 14:23:51 +0800
Subject: [PATCH] LEX Community Deploy0711

---
 force-app/main/default/lwc/lexConsumable/lexConsumable.html | 1185 ++++++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 893 insertions(+), 292 deletions(-)

diff --git a/force-app/main/default/lwc/lexConsumable/lexConsumable.html b/force-app/main/default/lwc/lexConsumable/lexConsumable.html
index c691916..0b6d4b0 100644
--- a/force-app/main/default/lwc/lexConsumable/lexConsumable.html
+++ b/force-app/main/default/lwc/lexConsumable/lexConsumable.html
@@ -1,99 +1,215 @@
 <template>
     <template if:true={showSpinner}>
-        <lightning-spinner size="medium" variant="brand"></lightning-spinner>
+        <!-- <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;">
+        <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>
+                    <!-- <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>
+                    <!-- <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>
+                    <!-- <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>
+                    <!-- <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>
+                    <!-- <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>
+                    <!-- <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>
+                    <!-- <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={showOfferPriceInputBtn}>
                     <lightning-button style="margin: 5px;" label="鐗逛环閲戦褰曞叆" disabled={disabledOfferPriceInputBtn} onclick={inputOfferPrice}></lightning-button>
-                </template>
+                    <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>
+                    <!-- <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>
-                <!-- <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;">
-                    <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
-                    </div>
-                    <div style="padding:10px;">
-                    </div>
-                </div> -->
+                <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;">
-                            <p style="font-size: 16px;"><strong>璁㈠崟淇℃伅</strong></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 style="padding:10px;">
-                            <lightning-record-view-form record-id={cocId} object-api-name="Consumable_order__c">
-                                <table style="width: 100%;">
+                        <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 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: 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>
+                                                    <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-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>
-                                                <!-- <lightning-output-field field-name="Order_effective_contact__c"></lightning-output-field> -->
+                                                </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>
                                         <tr>
                                             <td></td>
-                                            <td>
+                                            <!-- <td>
                                                 <template if:false={edoffersPrice}>
                                                     <lightning-output-field id="sumPrice_buttom1" field-name="Offers_Price__c"></lightning-output-field>
                                                 </template>
-                                            </td>
-                                            <td></td>
-                                            <td></td>
-                                        </tr>
-                                        <tr>
-                                            <td></td>
-                                            <td>
                                                 <template if:true={edoffersPrice}>
                                                     <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>
-                                            <td></td>
                                         </tr>
-                                        <tr>
+                                        <!-- <tr>
                                             <td></td>
                                             <td>
                                                 <template if:true={showAttUploadDate}>
@@ -102,15 +218,98 @@
                                             </td>
                                             <td></td>
                                             <td></td>
-                                        </tr>
+                                        </tr> -->
                                         <tr>
                                             <td></td>
                                             <td>
-                                                <template if:true={showOrderDate}>
-                                                    <lightning-output-field field-name="Order_date__c"></lightning-output-field>
+                                                <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>
@@ -121,73 +320,234 @@
                 </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 style="width: 100%;">
+                    <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: 6%;">
+                                    <!-- <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:12px;text-align: right;padding-right:7px;"><span style="color: red;">*&nbsp;</span>鍖婚櫌</div>
+                                                <div style="color:#696969;font-size:16px;"><span style="color: red;">*&nbsp;</span>鍖婚櫌</div>
                                             </template>
                                         </td>
-                                        <td style="width:20%;padding-bottom:5px;padding-top:5px;">
+                                        <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 variant="label-hidden" label="鍖婚櫌" placeholder="璇烽�夋嫨鍖婚櫌" value={hospitalName} onclick={showSearchHos}></lightning-input>
+                                                    <lightning-input class="inputFont" variant="label-hidden" label="鍖婚櫌" placeholder="璇烽�夋嫨鍖婚櫌" value={hospitalName} onclick={showSearchHos} onchange={changeHos}></lightning-input>
                                                 </div>
                                             </template>
                                         </td>
-                                        <td style="width: 6%;"></td>
-                                        <td style="width:14%;"></td>
-                                        <td style="width: 6%;"></td>
-                                        <td style="width:14%;"></td>
-                                        <td style="width: 6%;"></td>
-                                        <td style="width:14%;"></td>
-                                        <td style="width:16%;"></td>
-                                    </tr>
+                                        <td style="width: 30px;"></td>
+                                        <td colspan="4">
+                                            <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> -->
+                                    <!-- <tr style="height: 10px;"></tr> -->
                                     <tr>
                                         <td>
-                                            <div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;">娑堣�楀搧鍚嶇О</div>
-                                        </td>
-                                        <td>
-                                            <lightning-input variant="label-hidden" label="娑堣�楀搧鍚嶇О" value={category1} onchange={category1Change}></lightning-input>
-                                        </td>
-                                        <td>
-                                            <div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;">绗�3鍒嗙被</div>
-                                        </td>
-                                        <td>
-                                            <lightning-combobox variant="label-hidden" label="绗�3鍒嗙被" value={category3} options={category3Option} onchange={category3Change}></lightning-combobox>
-                                        </td>
-                                        <td>
-                                            <div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;">绗�4鍒嗙被</div></td>
-                                        <td>
-                                            <lightning-combobox variant="label-hidden" label="绗�4鍒嗙被" value={category4} options={category4Option} onchange={category4Change}></lightning-combobox>
-                                        </td>
-                                        <td>
-                                            <div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;">绗�5鍒嗙被</div></td>
-                                        <td>
-                                            <lightning-combobox variant="label-hidden" label="绗�5鍒嗙被" value={category5} options={category5Option} onchange={category5Change}></lightning-combobox>
-                                        </td>
-                                        <td>
-                                            <lightning-button style="margin-right: 10px;margin-left: 15px;" label="娑堣�楀搧鎼滅储" onclick={searchProduct}></lightning-button>
-                                            <lightning-button label="娓呯┖" onclick={clear}></lightning-button>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
-                                        <td><div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;"><span style="color: red;">*&nbsp;</span>鍚堝悓</div></td>
-                                        <td colspan="2" style="padding-bottom:5px;padding-top:5px;">
-                                            <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 variant="label-hidden" label="鍚堝悓" placeholder="璇烽�夋嫨鍚堝悓" value={contractName} onclick={showSearchCon} required="true"></lightning-input>
+                                            <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>
@@ -197,164 +557,245 @@
                 </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-button-icon icon-name="utility:warning"></lightning-button-icon>
+                    <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:14px;">&nbsp;&nbsp;&nbsp;銉�&nbsp;{msg}</p>
+                            <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-button-icon icon-name="utility:error"></lightning-button-icon>
+                    <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:14px;">&nbsp;&nbsp;&nbsp;銉�&nbsp;{msg}</p>
+                            <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;">
-                        <p style="font-size: 16px;"><strong>娑堣�楀搧鏄庣粏</strong></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 style="padding:10px;">
-                        <!-- <table style="width: 100%;" class="conTable">
-                            <thead>
-                                <tr style="border-bottom: 1px solid #D4D4D4;">
-                                    <template if:true={editAble}>
-                                        <th><lightning-input type="checkbox" onchange={checkAll} name="checkAll"></lightning-input></th>
-                                    </template>
-                                    <th style="width: 20%;">娑堣�楀搧鍚嶇О</th>
-                                    <th>瑙勬牸</th>
-                                    <th>CFDA鐘舵��</th>
-                                    <th>娉ㄥ唽璇佺紪鐮佸彿</th>
-                                    <th>娉ㄥ唽璇佹晥鏈�</th>
-                                    <th>绗�3鍒嗙被</th>
-                                    <th>绗�4鍒嗙被</th>
-                                    <th>绗�5鍒嗙被</th>
-                                    <template if:true={cansee}>
-                                        <th>鏍囧噯鍗曚环(鍏�)</th>
-                                    </template>
-                                    <th style="width: 5%;">閲囪喘鏁伴噺</th>
-                                    <th>鍦ㄥ簱鏁颁笅闄�</th>
-                                    <th>鍦ㄥ簱鏁颁笂闄�</th>
-                                    <th>鏈夋晥鏈熷簱瀛�(鐩�)</th>
-                                    <th>鏈夋晥鏈熷簱瀛�(涓�)</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <template for:each={consumableorderdetailsRecordsview} for:item="record" for:index="index">
-                                    <tr key={record.Prod.Name}>
-                                        <template if:true={editAble}>
-                                            <td>
-                                                <lightning-input data-index={index} type="checkbox" checked={record.check} onchange={check} name="check"></lightning-input>
-                                                <lightning-input data-index={index} type="checkbox" checked={record.oldCheck} onchange={check} name="check" style="display:none;"></lightning-input>
-                                            </td>
-                                        </template>
-                                        <td>
-                                            {record.Prod.Name__c}
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.packing_list}</div>
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.Prod.SFDA_Status__c}</div>
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.approbation_No}</div>
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.expiration_Date}</div>
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.Prod.Category3__c}</div>
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.Prod.Category4__c}</div>
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.Prod.Category5__c}</div>
-                                        </td>
-                                        <template if:true={cansee}>
-                                            <td>
-                                                <div class="slds-truncate" title="Value Proposition">{record.Prod.Intra_Trade_List_RMB__c}</div>
-                                            </td>
-                                        </template>
-                                        <td>
-                                            <template if:true={editAble}>
-                                                <lightning-input style="margin-bottom: 10px;" data-index={index} value={record.esd.Consumable_count__c} onchange={consumableCountChange}></lightning-input>
-                                            </template>
-                                            <template if:false={editAble}>
-                                                <div class="slds-truncate" title="Value Proposition">{record.esd.Consumable_count__c}</div>
-                                            </template>
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.lowerlimit}</div>
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.upperlimit}</div>
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.allnumber}</div>
-                                        </td>
-                                        <td>
-                                            <div class="slds-truncate" title="Value Proposition">{record.allnumber_piece}</div>
-                                        </td>
-                                    </tr>
-                                </template>
-                            </tbody>
-                        </table> -->
+                    <div style="padding: 10px">
                         <template if:true={editAble}>
-                            <c-lex-custom-lightning-datatable key-field="recordId" data={consumableorderdetailsRecordsview} columns={cols} selected-rows={selectRows} onrowselection={checkRows} onchangevalue={conCountChange}></c-lex-custom-lightning-datatable>
+                            <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 hide-checkbox-column key-field="recordId" data={consumableorderdetailsRecordsview} columns={cols}></c-lex-custom-lightning-datatable>
+                            <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;">
-                    <p style="font-size: 16px;"><strong>闄勪欢</strong></p>
+                    <lightning-layout>
+                        <lightning-layout-item padding="around-small">
+                            <p style="font-size: 16px">
+                                <strong>闄勪欢</strong>
+                            </p>
+                        </lightning-layout-item>
+                    </lightning-layout>
                 </div>
                 <div style="padding:10px;">
-                    <lightning-datatable hide-checkbox-column key-field="recordId" columns={attCols} data={attachmentRecoeds}></lightning-datatable>
+                    <c-lex-custom-lightning-datatable class="wrapped-header-datatable" hide-checkbox-column key-field="recordId" columns={attCols} data={attachmentRecoeds} onclickicon={deleteAtt}></c-lex-custom-lightning-datatable>
                 </div>
             </div>
-        </template>
+        </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;">
+            <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>
+                    <lightning-spinner
+                        size="medium"
+                        variant="brand"
+                    ></lightning-spinner>
                 </template>
                 <div class="slds-modal__container">
-                    <header class="slds-modal__header" style="background-color: #F3F3F3;">
-                        <button style="" class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={closePop}>
-                            <lightning-icon icon-name="utility:close"
+                    <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>
+                                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>
+                        <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-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 type="file" label="闄勪欢涓婁紶" accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf" onchange={attChange}></lightning-input>
+                                <lightning-input
+                                    class="fileUpload"
+                                    type="file"
+                                    label="闄勪欢涓婁紶"
+                                    accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf"
+                                    onchange={attChange}
+                                ></lightning-input>
                             </div>
-                            <p>宸查�夋嫨鏂囦欢锛歿fileName} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                            <p style="font-size: 16px">
+                                宸查�夋嫨鏂囦欢锛歿fileName}
+                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                 <template if:true={attDelBtn}>
                                     <a onclick={removeAtt}>绉婚櫎</a>
                                 </template>
@@ -362,8 +803,26 @@
                         </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>
+                        <!-- <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>
+                        <button
+                            class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
+                            style="margin-left: 10px"
+                            variant="neutral"
+                            label="涓婁紶"
+                            onclick={uploadAtt}
+                        >
+                            涓婁紶
+                        </button>
                     </footer>
                 </div>
             </section>
@@ -371,59 +830,132 @@
         </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;">
+            <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"
+                    <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>
+                                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>
+                        <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%;">
+                    <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: 60px;"><div style="color:#696969;font-size:13px;text-align: left;">鍖婚櫌鍚嶇О</div></td>
-                                    <td style="width: 60%;"><lightning-input label="鍖婚櫌鍚嶇О" variant="label-hidden" placeholder="璇疯緭鍏ュ尰闄㈠悕绉�" value={searchNameHos} onchange={searchNameHosChange}></lightning-input></td>
-                                    <td style="width: 10px;"></td>
-                                    <td><lightning-button label="鎼滅储" onclick={searchHos}></lightning-button></td>
+                                    <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 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;">
-                                <p style="font-size: 16px;"><strong>鎼滅储缁撴灉</strong></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;">
-                                <!-- <table>
-                                    <thead>
-                                        <th style="width: 50%;">鍖婚櫌鍚嶇О</th>
-                                        <th style="width: 10%;">鐪佷唤</th>
-                                        <th style="width: 40%;">鍦板潃</th>
-                                    </thead>
-                                    <tbody>
-                                        <template for:each={hospitalList} for:item="hos" for:index="index">
-                                            <tr key={hos.Id}>
-                                                <td><a data-hosid={hos.Id} data-name={hos.Name} onclick={chooseHos}>{hos.Name}</a></td>
-                                                <td>{hos.StateMaster}</td>
-                                                <td>{hos.Address__c}</td>
-                                            </tr>
-                                        </template>
-                                        <tr></tr>
-                                    </tbody>
-                                </table> -->
-                                <lightning-datatable key-field="id" hide-checkbox-column="true" data={hospitalList} columns={hosCols} onrowaction={chooseHos}></lightning-datatable>
+                            <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>
+                        <!-- <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>
@@ -432,63 +964,132 @@
         </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;">
+            <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"
+                    <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>
+                                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>
+                        <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%;">
+                    <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: 60px;"><div style="color:#696969;font-size:13px;text-align: left;">鍚堝悓鍚嶇О</div></td>
-                                    <td style="width: 60%;"><lightning-input label="鍚堝悓鍚嶇О" variant="label-hidden" placeholder="璇疯緭鍏ュ悎鍚屽悕绉�" value={searchNameCon} onchange={searchNameConChange}></lightning-input></td>
-                                    <td style="width: 10px;"></td>
-                                    <td><lightning-button label="鎼滅储" onclick={searchCon}></lightning-button></td>
+                                    <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 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;">
-                                <p style="font-size: 16px;"><strong>鎼滅储缁撴灉</strong></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;">
-                                <!-- <table>
-                                    <thead>
-                                        <th style="width: 30%;">鍚堝悓鍚嶇О</th>
-                                        <th style="width: 10%;">鐪佷唤</th>
-                                        <th style="width: 20%;">鐢宠閿�鍞</th>
-                                        <th style="width: 20%;">鍏佽鎶ヤ环鏈熼棿(寮�濮嬫棩)</th>
-                                        <th style="width: 20%;">鍏佽鎶ヤ环鏈熼棿(缁撴潫鏃�)</th>
-                                    </thead>
-                                    <tbody>
-                                        <template for:each={contractList} for:item="con" for:index="index">
-                                            <tr key={con.Id}>
-                                                <td><a data-hosid={con.Id} data-name={con.Name} onclick={chooseCon}>{con.Name}</a></td>
-                                                <td>{con.StateMaster}</td>
-                                                <td>{con.Sales_Section__c}</td>
-                                                <td>{con.Contract_Decide_Start_Date__c}</td>
-                                                <td>{con.Contract_Decide_End_Date__c}</td>
-                                            </tr>
-                                        </template>
-                                        <tr></tr>
-                                    </tbody>
-                                </table> -->
-                                <lightning-datatable key-field="id" hide-checkbox-column="true" data={contractList} columns={conCols} onrowaction={chooseCon}></lightning-datatable>
+                            <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>
+                        <!-- <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>

--
Gitblit v1.9.1