From af908216bb0012fe849e3b49b3039c7ba238f8f0 Mon Sep 17 00:00:00 2001
From: liangxiaozhen <liangxiaozhen>
Date: 星期五, 11 八月 2023 14:35:43 +0800
Subject: [PATCH] 补充controller,修改变量,主页bug修改

---
 force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html | 1448 +++++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 1,094 insertions(+), 354 deletions(-)

diff --git a/force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html b/force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html
index 710c9d2..8e12258 100644
--- a/force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html
+++ b/force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html
@@ -1,57 +1,154 @@
 <!-- sldsValidatorIgnore -->
 <!-- sldsValidatorIgnore -->
 <template>
+    <c-common-toast></c-common-toast>
     <template if:true={isShowSpinner}>
-        <lightning-spinner alternative-text="Loading" size="large"></lightning-spinner>
+        <div
+            role="status"
+            class="slds-spinner slds-spinner_medium slds-spinner_brand"
+        >
+            聽 聽 聽 聽 聽 聽 聽 聽 <span class="slds-assistive-text">Loading</span> 聽 聽
+            聽 聽 聽 聽 聽 聽
+            <div class="slds-spinner__dot-a"></div>
+            聽 聽 聽 聽 聽 聽 聽 聽
+            <div class="slds-spinner__dot-b"></div>
+            聽 聽 聽 聽
+        </div>
     </template>
-
 
     <template if:false={isDetailsShow}>
         <template if:false={isConInvoiceList}>
             <!-- 鎼滅储瀹㈡埛鍚� -->
             <template if:true={isModalOpen}>
-                <!-- Modal/Popup Box LWC starts here -->
-                <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">
+                <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">
-                        <!-- Modal/Popup Box LWC header here -->
-                        <header class="slds-modal__header">
-                            <button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse"
-                                title="Close" onclick={closeModal}>
-                                <lightning-icon icon-name="utility:close" alternative-text="close" variant="inverse"
-                                    size="small"></lightning-icon>
+                        <header
+                            class="slds-modal__header"
+                            style="background-color: #f3f3f3"
+                        >
+                            <button
+                                style=""
+                                class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse"
+                                title="Close"
+                                onclick={closeModal}
+                            >
+                                <lightning-icon
+                                    icon-name="utility:close"
+                                    alternative-text="close"
+                                    variant="inverse"
+                                    size="small"
+                                ></lightning-icon>
                                 <span class="slds-assistive-text">Close</span>
                             </button>
-                            <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">
+                            <h2
+                                id="modal-heading-01"
+                                class="slds-text-heading_medium slds-hyphenate"
+                            >
                                 缁忛攢鍟嗗尰闄㈡绱�
                             </h2>
                         </header>
-                        <!-- Modal/Popup Box LWC body starts here -->
-                        <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
-                            <lightning-layout>
-                                <lightning-layout-item flexibility="auto" padding="around-small">
-                                    <lightning-input type="text" label="鍖婚櫌鍚嶇О" onchange={dataChange}
-                                        data-field="searchHospitalName" value={searchHospitalName}
-                                        variant="label-inline"></lightning-input>
-                                </lightning-layout-item>
-                                <lightning-layout-item flexibility="auto" padding="around-small">
-                                    <lightning-button label="妫�绱�" onclick={searchHospital}></lightning-button>
-                                </lightning-layout-item>
-                            </lightning-layout>
-
-                            <div class="tableColumn">
-                                <lightning-layout class="datatable">
-                                    <lightning-datatable class="datatabel slds-border_top" key-field="id"
-                                        data={hospitalList} columns={hospitalColumns} hide-checkbox-column="true"
-                                        onrowaction={searchHandleRowAction}>
+                        <div
+                            class="slds-modal__content slds-p-around_medium"
+                            id="modal-content-id-1"
+                            style="border: 1px solid #f3f3f3"
+                        >
+                            <table style="width: 100%">
+                                <tbody>
+                                    <tr>
+                                        <td style="width: 74px">
+                                            <div
+                                                style="
+                                                    color: #696969;
+                                                    font-size: 16px;
+                                                    text-align: left;
+                                                "
+                                            >
+                                                鍖婚櫌鍚嶇О
+                                            </div>
+                                        </td>
+                                        <td style="width: 60%">
+                                            <lightning-input
+                                                class="inputFont"
+                                                label="鍖婚櫌鍚嶇О"
+                                                variant="label-hidden"
+                                                placeholder="璇疯緭鍏ュ尰闄㈠悕绉�"
+                                                value={searchHospitalName}
+                                                data-field="searchHospitalName"
+                                                onchange={dataChange}
+                                            ></lightning-input>
+                                        </td>
+                                        <td style="width: 10px"></td>
+                                        <td>
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
+                                                style="height: 32px"
+                                                label="鎼滅储"
+                                                onclick={searchHospital}
+                                            >
+                                                鎼滅储
+                                            </button>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <p style="height: 20px"></p>
+                            <!-- <p>宸查�夋嫨鍖婚櫌锛歿chooseHospital}</p> -->
+                            <div
+                                style="
+                                    border: 1px solid #d4d4d4;
+                                    border-top: 3px solid #51606e;
+                                    border-radius: 5px;
+                                    margin-bottom: 7px;
+                                "
+                            >
+                                <div
+                                    style="
+                                        border-bottom: 1px solid #d4d4d4;
+                                        padding: 3px;
+                                    "
+                                >
+                                    <lightning-layout>
+                                        <lightning-layout-item
+                                            padding="around-small"
+                                        >
+                                            <p style="font-size: 18px">
+                                                <strong>鎼滅储缁撴灉</strong>
+                                            </p>
+                                        </lightning-layout-item>
+                                    </lightning-layout>
+                                    <!-- <p style="font-size: 16px;"><strong>鎼滅储缁撴灉</strong></p> -->
+                                </div>
+                                <div class="myTable" style="padding: 10px">
+                                    <!-- <lightning-datatable class="wrapped-header-datatable" key-field="id"
+                                        hide-checkbox-column="true" data={hospitalList} columns={hosCols}
+                                        onrowaction={chooseHos}></lightning-datatable> -->
+                                    <lightning-datatable
+                                        class="datatabel slds-border_top wrapped-header-datatable"
+                                        key-field="id"
+                                        data={hospitalList}
+                                        columns={hospitalColumns}
+                                        hide-checkbox-column="true"
+                                        onrowaction={searchHandleRowAction}
+                                    >
                                     </lightning-datatable>
-                                </lightning-layout>
+                                </div>
                             </div>
                         </div>
-                        <!-- Modal/Popup Box LWC footer starts here -->
                         <footer class="slds-modal__footer">
-                            <button class="slds-button slds-button_neutral" onclick={closeModal} title="Cancel">
-                                鍏抽棴
+                            <button
+                                class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
+                                label="鍙栨秷"
+                                onclick={closeModal}
+                            >
+                                鍙栨秷
                             </button>
                         </footer>
                     </div>
@@ -59,19 +156,230 @@
                 <div class="slds-backdrop slds-backdrop_open"></div>
             </template>
             <div class="outerBorderCss">
-                <div style="padding:5px;">
-
+                <div style="padding: 5px">
                     <div class="borderCss">
-                        <div style="padding:10px;">
+                        <div style="padding: 10px">
                             <div lwc:dom="manual" class="resultDiv"></div>
                             <div draggable="false">
-                                <lightning-layout>
+                                <template if:false={EditAble}>
+                                    <lightning-layout multiple-rows="true">
+                                        <lightning-layout-item
+                                            size="2"
+                                        ></lightning-layout-item>
+                                        <lightning-layout-item size="10">
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder"
+                                                onclick={SetEditAbleJs}
+                                                disabled={isDisabledEdit}
+                                                style="width: 150px"
+                                            >
+                                                缂栬緫
+                                            </button>
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
+                                                onclick={approvalJs}
+                                                disabled={isDisabledEdit}
+                                                style="width: 150px"
+                                            >
+                                                鎻愪氦
+                                            </button>
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
+                                                onclick={openReportJs}
+                                                disabled={isOpenReportDisabled}
+                                                style="width: 150px"
+                                            >
+                                                鏄剧ず鏄庣粏
+                                            </button>
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
+                                                onclick={reopenJs}
+                                                disabled={isDisabledReopen}
+                                                style="width: 150px"
+                                            >
+                                                浣滃簾閲嶅紑
+                                            </button>
+                                        </lightning-layout-item>
+                                    </lightning-layout>
 
+                                    <lightning-layout
+                                        multiple-rows="true"
+                                        style="margin-top: 20px"
+                                    >
+                                        <lightning-layout-item
+                                            size="2"
+                                        ></lightning-layout-item>
+                                        <lightning-layout-item size="10">
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder"
+                                                onclick={deleteButtonJs}
+                                                disabled={isDisabledDelete}
+                                                style="width: 150px"
+                                            >
+                                                鍒犻櫎
+                                            </button>
+
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
+                                                disabled={isDisabledReopen}
+                                                onclick={uploadOrder}
+                                                style="width: 150px"
+                                            >
+                                                涓婁紶闄勪欢
+                                            </button>
+
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
+                                                onclick={saveAttachmentJs}
+                                                disabled={isDisabledReopen}
+                                                style="width: 150px"
+                                            >
+                                                淇濆瓨闄勪欢
+                                            </button>
+                                        </lightning-layout-item>
+                                    </lightning-layout>
+                                </template>
+
+                                <!-- 涓婁紶闄勪欢寮圭獥 -->
+                                <template if:true={showAttPop}>
+                                    <section
+                                        role="dialog"
+                                        tabindex="-1"
+                                        aria-labelledby="modal-heading-02"
+                                        aria-modal="true"
+                                        aria-describedby="modal-content-id-2"
+                                        class="slds-modal slds-fade-in-open slds-modal_small"
+                                        style="border: 1px solid #d4d4d4"
+                                    >
+                                        <template if:true={showPopSpinner}>
+                                            <lightning-spinner
+                                                size="medium"
+                                                variant="brand"
+                                            ></lightning-spinner>
+                                        </template>
+                                        <div class="slds-modal__container">
+                                            <header
+                                                class="slds-modal__header"
+                                                style="
+                                                    background-color: #f3f3f3;
+                                                "
+                                            >
+                                                <button
+                                                    style=""
+                                                    class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse"
+                                                    title="Close"
+                                                    onclick={closePop}
+                                                >
+                                                    <lightning-icon
+                                                        icon-name="utility:close"
+                                                        alternative-text="close"
+                                                        variant="inverse"
+                                                        size="small"
+                                                    ></lightning-icon>
+                                                    <span
+                                                        class="slds-assistive-text"
+                                                        >Close</span
+                                                    >
+                                                </button>
+                                                <h2
+                                                    id="modal-heading-02"
+                                                    class="slds-text-heading_medium slds-hyphenate"
+                                                >
+                                                    涓婁紶闄勪欢
+                                                </h2>
+                                            </header>
+                                            <div
+                                                class="slds-modal__content slds-p-around_medium searchName"
+                                                id="modal-content-id-2"
+                                                style="
+                                                    border: 1px solid #f3f3f3;
+                                                "
+                                            >
+                                                <div
+                                                    class="slds-m-top_medium slds-m-bottom_x-large"
+                                                >
+                                                    <div
+                                                        class="slds-p-around_medium lgc-bg"
+                                                    >
+                                                        <lightning-input
+                                                            class="fileUpload"
+                                                            type="file"
+                                                            label="闄勪欢涓婁紶"
+                                                            accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf"
+                                                            onchange={attChange}
+                                                        ></lightning-input>
+                                                    </div>
+                                                    <p class="fontWeight">
+                                                        宸查�夋嫨鏂囦欢锛歿fileName}
+                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                                        <template
+                                                            if:true={attDelBtn}
+                                                        >
+                                                            <a
+                                                                onclick={removeAtt}
+                                                                >绉婚櫎</a
+                                                            >
+                                                        </template>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                            <footer class="slds-modal__footer">
+                                                <!-- <lightning-button style="margin-left: 10px;" variant="neutral"
+                                                    label="鍙栨秷" onclick={closePop}></lightning-button>
+                                                <lightning-button style="margin-left: 10px;" variant="neutral"
+                                                    label="涓婁紶" onclick={handleFilesChange}></lightning-button> -->
+                                                <button
+                                                    class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
+                                                    style="margin-left: 10px"
+                                                    label="鍙栨秷"
+                                                    onclick={closePop}
+                                                >
+                                                    鍙栨秷
+                                                </button>
+                                                <button
+                                                    class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
+                                                    style="margin-left: 10px"
+                                                    label="涓婁紶"
+                                                    onclick={handleFilesChange}
+                                                >
+                                                    涓婁紶
+                                                </button>
+                                            </footer>
+                                        </div>
+                                    </section>
+                                    <div
+                                        class="slds-backdrop slds-backdrop_open"
+                                    ></div>
+                                </template>
+
+                                <template if:true={EditAble}>
+                                    <lightning-layout>
+                                        <lightning-layout-item
+                                            size="1"
+                                            padding="around-small"
+                                        ></lightning-layout-item>
+                                        <lightning-layout-item
+                                            size="2"
+                                            padding="around-small"
+                                        ></lightning-layout-item>
+                                        <lightning-layout-item
+                                            padding="around-small"
+                                        >
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexBorder"
+                                                onclick={SaveJs}
+                                            >
+                                                纭畾
+                                            </button>
+                                        </lightning-layout-item>
+                                    </lightning-layout>
+                                </template>
+
+                                <!-- <lightning-layout>
                                     <lightning-layout-item size="3"></lightning-layout-item>
                                     <template if:true={EditAble}>
                                         <lightning-layout-item size="1" padding="around-small">
-                                            <lightning-button label="&#12288;纭畾&#12288;"
-                                                onclick={SaveJs}></lightning-button>
+                                                <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" onclick={SaveJs}>纭畾</button>
                                         </lightning-layout-item>
                                     </template>
 
@@ -85,7 +393,8 @@
                                                 disabled={isDisabledEdit}></lightning-button>
                                         </lightning-layout-item>
                                         <lightning-layout-item size="1" padding="around-small">
-                                            <lightning-button label="鏄剧ず鏄庣粏" onclick={openReportJs}></lightning-button>
+                                            <lightning-button label="鏄剧ず鏄庣粏" onclick={openReportJs}
+                                                disabled={isOpenReportDisabled}></lightning-button>
                                         </lightning-layout-item>
                                         <lightning-layout-item size="1" padding="around-small">
                                             <lightning-button label="浣滃簾閲嶅紑" onclick={reopenJs}
@@ -97,431 +406,801 @@
                                         </lightning-layout-item>
                                     </template>
 
-                                </lightning-layout>
-
+                                </lightning-layout> -->
                             </div>
                         </div>
                     </div>
 
                     <div class="borderCss">
                         <div class="headerDorderCss">
-                            <p style="font-size: 16px;"><strong>鍙戠エ淇℃伅</strong></p>
+                            <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:10px;">
+                        <div style="padding: 7px">
                             <div lwc:dom="manual" class="resultDiv"></div>
                             <div draggable="false">
                                 <!--鍙戠エ淇℃伅 鏄剧ず鐢� -->
                                 <template if:false={isEditInvoice}>
-                                    <lightning-record-edit-form object-api-name="Consumable_order__c" record-id={cocId}
-                                        onload={handleLoad}>
+                                    <lightning-record-edit-form
+                                        object-api-name="Consumable_order__c"
+                                        record-id={cocId}
+                                        onload={handleLoad2}
+                                    >
                                         <!-- 鍙戠エ鍙� 鐘舵�� -->
                                         <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
-                                                <lightning-output-field field-name="Name"></lightning-output-field>
-                                            </lightning-layout-item>
-
-                                            <lightning-layout-item size="1"></lightning-layout-item>
-
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
                                                 <lightning-output-field
-                                                    field-name="Invoice_status__c"></lightning-output-field>
+                                                    field-name="Name"
+                                                ></lightning-output-field>
                                             </lightning-layout-item>
+
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                                style="padding-left: 100px"
+                                            >
+                                                <lightning-output-field
+                                                    field-name="Invoice_status__c"
+                                                ></lightning-output-field>
+                                            </lightning-layout-item>
+
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
                                         </lightning-layout>
 
                                         <!-- 鍙戠エ鏃ユ湡 -->
                                         <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
                                                 <lightning-output-field
-                                                    field-name="Invoice_Date__c"></lightning-output-field>
+                                                    field-name="Invoice_Date__c"
+                                                ></lightning-output-field>
                                             </lightning-layout-item>
                                         </lightning-layout>
 
                                         <!-- 浜岀骇缁忛攢鍟� -->
-                                        <template if:true={isShowSecondaryDistributor}>
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                        <template
+                                            if:true={isShowSecondaryDistributor}
+                                        >
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout multiple-rows="true">
-                                                <lightning-layout-item class="hehe-layoutItem" size="4">
+                                            <lightning-layout
+                                                multiple-rows="true"
+                                            >
+                                                <lightning-layout-item
+                                                    class="hehe-layoutItem"
+                                                    size="5"
+                                                >
                                                     <lightning-output-field
-                                                        field-name="Order_Dealer_Info__c"></lightning-output-field>
+                                                        field-name="Order_Dealer_Info__c"
+                                                    ></lightning-output-field>
                                                 </lightning-layout-item>
                                             </lightning-layout>
                                         </template>
 
                                         <!-- 瀹㈡埛鍚� -->
                                         <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
-                                                <lightning-output-field field-name="ShipmentAccount__c"
-                                                    class="hideHelpText"></lightning-output-field>
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
+                                                <lightning-output-field
+                                                    field-name="ShipmentAccount__c"
+                                                    class="hideHelpText"
+                                                ></lightning-output-field>
                                             </lightning-layout-item>
                                         </lightning-layout>
 
                                         <!-- 绉戝 鍙戠エ绁ㄩ潰閲戦 -->
-                                        <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                        <lightning-layout
+                                            multiple-rows="true"
+                                            style="height: 35.5px"
+                                        >
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
                                                 <lightning-output-field
-                                                    field-name="Order_ForCustomerText__c"></lightning-output-field>
+                                                    field-name="Order_ForCustomerText__c"
+                                                ></lightning-output-field>
                                             </lightning-layout-item>
 
-                                            <lightning-layout-item size="1"></lightning-layout-item>
-
-                                            <lightning-layout-item size="4">
-                                                <lightning-input label="鍙戠エ绁ㄩ潰閲戦(鍏�)" value={sumPrice} read-only
-                                                    variant="label-inline"></lightning-input>
+                                            <lightning-layout-item
+                                                size="5"
+                                                class="readOnly"
+                                                style="padding-left: 100px"
+                                            >
+                                                <lightning-input
+                                                    label="鍙戠エ绁ㄩ潰閲戦(鍏�)"
+                                                    value={sumPrice}
+                                                    read-only
+                                                    variant="label-inline"
+                                                ></lightning-input>
                                             </lightning-layout-item>
+
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
                                         </lightning-layout>
 
                                         <!-- 澶囨敞 -->
                                         <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
                                                 <lightning-output-field
-                                                    field-name="Invoice_Note__c"></lightning-output-field>
+                                                    field-name="Invoice_Note__c"
+                                                ></lightning-output-field>
                                             </lightning-layout-item>
                                         </lightning-layout>
 
                                         <!-- 鍙戠エ闄勪欢 鏄庣粏闄勪欢 -->
                                         <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
                                                 <lightning-output-field
-                                                    field-name="Invoice_attachment__c"></lightning-output-field>
+                                                    field-name="Invoice_attachment__c"
+                                                ></lightning-output-field>
                                             </lightning-layout-item>
 
-                                            <lightning-layout-item size="1"></lightning-layout-item>
-
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                                style="padding-left: 100px"
+                                            >
                                                 <lightning-output-field
-                                                    field-name="Invoicedet_attachment__c"></lightning-output-field>
+                                                    field-name="Invoicedet_attachment__c"
+                                                ></lightning-output-field>
+                                            </lightning-layout-item>
+
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
+                                        </lightning-layout>
+
+                                        <!-- 闄勪欢棰勮 -->
+                                        <lightning-layout multiple-rows="true">
+                                            <lightning-layout-item size="1">
+                                            </lightning-layout-item>
+                                            <lightning-layout-item size="10">
+                                                <lightning-card
+                                                    class="attListTitle"
+                                                    variant="Narrow"
+                                                    title="闄勪欢鍒楄〃"
+                                                    icon-name="utility:attach"
+                                                >
+                                                    <lightning-layout
+                                                        slot="footer"
+                                                        multiple-rows="true"
+                                                    >
+                                                        <template
+                                                            for:each={fileData}
+                                                            for:item="item"
+                                                            for:index="index"
+                                                        >
+                                                            <lightning-layout-item
+                                                                padding="around-none"
+                                                                size="2"
+                                                                key={item.recordId}
+                                                                style="
+                                                                    text-align: left;
+                                                                    padding: 5px;
+                                                                "
+                                                            >
+                                                                <lightning-icon
+                                                                    title={item.Title}
+                                                                    style="
+                                                                        margin-left: 20px;
+                                                                    "
+                                                                    icon-name="doctype:gform"
+                                                                    alternative-text={item.Title}
+                                                                    size="large"
+                                                                ></lightning-icon
+                                                                ><br />
+                                                                <div
+                                                                    title={item.Title}
+                                                                    style="
+                                                                        width: 100px;
+                                                                        text-overflow: ellipsis;
+                                                                        overflow: hidden;
+                                                                        white-space: nowrap;
+                                                                    "
+                                                                >
+                                                                    {item.Title}
+                                                                </div>
+                                                                <p>
+                                                                    <!-- <a data-fileid ={item.documentId} onclick={previweAtt}> -->
+                                                                    <a
+                                                                        href={item.attUrl}
+                                                                        target="_blank"
+                                                                    >
+                                                                        棰勮 </a
+                                                                    >&nbsp;路&nbsp;
+                                                                    <a
+                                                                        href={item.downloadUrl}
+                                                                    >
+                                                                        涓嬭浇 </a
+                                                                    >&nbsp;路&nbsp;
+                                                                    <a
+                                                                        data-fileid={item.Id}
+                                                                        onclick={deleteAtt}
+                                                                    >
+                                                                        鍒犻櫎
+                                                                    </a>
+                                                                </p>
+                                                                <!-- <p>{item.updateDate} 路 {item.ownerName}</p> -->
+                                                            </lightning-layout-item>
+                                                        </template>
+                                                    </lightning-layout>
+                                                </lightning-card>
                                             </lightning-layout-item>
                                         </lightning-layout>
                                     </lightning-record-edit-form>
                                 </template>
                                 <!--鍙戠エ淇℃伅 缂栬緫鐢� -->
                                 <template if:true={isEditInvoice}>
-                                    <lightning-record-edit-form object-api-name="Consumable_order__c" record-id={cocId}>
+                                    <lightning-record-edit-form
+                                        object-api-name="Consumable_order__c"
+                                        record-id={cocId}
+                                        onload={handleLoad2}
+                                    >
                                         <!-- 鍙戠エ鍙� 鐘舵�� -->
                                         <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
-                                                <lightning-input label="鍙戠エ鍙�" value={OrderCode} data-field="OrderCode"
-                                                    onchange={dataChange} variant="label-inline"
-                                                    required></lightning-input>
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
+                                                <lightning-input
+                                                    label="鍙戠エ鍙�"
+                                                    value={OrderCode}
+                                                    data-field="OrderCode"
+                                                    onchange={dataChange}
+                                                    variant="label-inline"
+                                                    required
+                                                    class="inputFont"
+                                                ></lightning-input>
                                             </lightning-layout-item>
 
-                                            <lightning-layout-item size="1"></lightning-layout-item>
-
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                                style="padding-left: 100px"
+                                            >
                                                 <lightning-output-field
-                                                    field-name="Invoice_status__c"></lightning-output-field>
+                                                    field-name="Invoice_status__c"
+                                                ></lightning-output-field>
                                             </lightning-layout-item>
+
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
                                         </lightning-layout>
 
                                         <!-- 鍙戠エ鏃ユ湡 -->
                                         <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
-                                                <lightning-input type="date" label="鍙戠エ鏃ユ湡" variant="label-inline"
-                                                    value={InvoiceDate} onchange={invoiceDateChange}
-                                                    required></lightning-input>
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
+                                                <lightning-input
+                                                    type="date"
+                                                    label="鍙戠エ鏃ユ湡"
+                                                    variant="label-inline"
+                                                    value={InvoiceDate}
+                                                    onchange={invoiceDateChange}
+                                                    required
+                                                    class="inputFont"
+                                                ></lightning-input>
                                             </lightning-layout-item>
                                         </lightning-layout>
 
                                         <!-- 瀹㈡埛鍚� 浜岀骇缁忛攢鍟� -->
                                         <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
                                                 <div
-                                                    class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right">
-                                                    <lightning-icon size="x-small"
-                                                        class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default"
-                                                        icon-name="utility:search"></lightning-icon>
-                                                    <lightning-input type="text" name="HospitalName" label="瀹㈡埛鍚�"
-                                                        value={HospitalName} variant="label-inline"
-                                                        onclick={searchHospitalNameModal} data-field="HospitalName"
-                                                        onchange={clearAgencyI}></lightning-input>
+                                                    class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right"
+                                                >
+                                                    <lightning-icon
+                                                        size="x-small"
+                                                        class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default hideHelpText"
+                                                        icon-name="utility:search"
+                                                    ></lightning-icon>
+                                                    <lightning-input
+                                                        type="text"
+                                                        name="HospitalName"
+                                                        label="瀹㈡埛鍚�"
+                                                        value={HospitalName}
+                                                        variant="label-inline"
+                                                        onclick={searchHospitalNameModal}
+                                                        data-field="HospitalName"
+                                                        onchange={clearAgencyI}
+                                                        class="inputFont"
+                                                    ></lightning-input>
                                                 </div>
                                             </lightning-layout-item>
 
-                                            <lightning-layout-item size="1"></lightning-layout-item>
-
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
-                                                <lightning-combobox data-field="secondaryDistributor"
-                                                    name="secondaryDistributor" label="浜岀骇缁忛攢鍟�"
-                                                    value={secondaryDistributor} placeholder="璇烽�夋嫨..."
-                                                    options={provinceOptsMap} variant="label-inline"
-                                                    onchange={dataChange}></lightning-combobox>
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                                style="padding-left: 100px"
+                                            >
+                                                <lightning-combobox
+                                                    data-field="secondaryDistributor"
+                                                    name="secondaryDistributor"
+                                                    label="浜岀骇缁忛攢鍟�"
+                                                    value={secondaryDistributor}
+                                                    placeholder="璇烽�夋嫨..."
+                                                    options={provinceOptsMap}
+                                                    variant="label-inline"
+                                                    onchange={dataChange}
+                                                    class="inputFont"
+                                                ></lightning-combobox>
                                             </lightning-layout-item>
+
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
                                         </lightning-layout>
 
                                         <!-- 绉戝 缁忛攢鍟�(褰曞叆) -->
                                         <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
-                                                <lightning-input-field onchange={dataChange}
-                                                    data-field="ForCustomerText" value={ForCustomerText}
-                                                    field-name="Order_ForCustomerText__c"></lightning-input-field>
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
+                                                <lightning-input-field
+                                                    onchange={dataChange}
+                                                    data-field="ForCustomerText"
+                                                    value={ForCustomerText}
+                                                    field-name="Order_ForCustomerText__c"
+                                                    class="inputFont"
+                                                ></lightning-input-field>
                                             </lightning-layout-item>
 
-                                            <lightning-layout-item size="1"></lightning-layout-item>
-
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                                style="padding-left: 100px"
+                                            >
                                                 <lightning-output-field
-                                                    field-name="Order_ForDealerText__c"></lightning-output-field>
+                                                    field-name="Order_ForDealerText__c"
+                                                ></lightning-output-field>
                                             </lightning-layout-item>
+
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
                                         </lightning-layout>
 
                                         <!-- 澶囨敞 -->
                                         <lightning-layout multiple-rows="true">
-                                            <lightning-layout-item size="1"></lightning-layout-item>
+                                            <lightning-layout-item
+                                                size="1"
+                                            ></lightning-layout-item>
 
-                                            <lightning-layout-item class="hehe-layoutItem" size="4">
-                                                <lightning-input-field onchange={dataChange} data-field="InvoiceNote"
+                                            <lightning-layout-item
+                                                class="hehe-layoutItem"
+                                                size="5"
+                                            >
+                                                <lightning-input-field
+                                                    onchange={dataChange}
+                                                    data-field="InvoiceNote"
                                                     value={InvoiceNote}
-                                                    field-name="Invoice_Note__c"></lightning-input-field>
+                                                    field-name="Invoice_Note__c"
+                                                    class="inputFont"
+                                                ></lightning-input-field>
                                             </lightning-layout-item>
                                         </lightning-layout>
-
                                     </lightning-record-edit-form>
-                                </template>
-                                <!-- 鍑哄簱鍗曚竴瑙� -->
-                                <div class="borderCss">
-                                    <div class="headerDorderCss">
-                                        
-                                            <lightning-layout>
-                                                <lightning-layout-item size="1" padding="around-small">
-                                                    <p style="font-size: 16px">
-                                                        <strong>鍑哄簱鍗曚竴瑙�</strong>
-                                                    </p>
-                                                </lightning-layout-item>
-                                                <lightning-layout-item size="3" padding="around-small">
-                                                </lightning-layout-item>
-                                                <template if:false={hideCheckbox}>
-                                                    <lightning-layout-item padding="around-small">
-                                                        <lightning-button label="&#12288;妫�绱�&#12288;"
-                                                            onclick={InvoiceorderSearchJs}></lightning-button>
-                                                    </lightning-layout-item>
-                                                </template>
-
-                                            </lightning-layout>
-                                    </div>
-
-                                    <!-- <template if:false={hideCheckbox}>
-                                        <div style="padding: 10px">
-                                            <div lwc:dom="manual" class="resultDiv"></div>
-                                            <div draggable="false">
-                                                <lightning-layout>
-                                                    <lightning-layout-item size="5" padding="around-small">
-                                                    </lightning-layout-item>
-                                                    <lightning-layout-item padding="around-small">
-                                                        <lightning-button label="妫�绱�"
-                                                            onclick={InvoiceorderSearchJs}></lightning-button>
-                                                    </lightning-layout-item>
-                                                </lightning-layout>
-                                            </div>
-                                        </div>
-                                    </template> -->
-
-                                    <div style="padding: 10px">
-                                        <div lwc:dom="manual" class="resultDiv"></div>
-                                        <div draggable="false">
-                                            <lightning-datatable key-field="Id" data={outboundData}
-                                                columns={outboundColumns} hide-checkbox-column={hideCheckbox}
-                                                onrowselection={getSelectedRows} selected-rows={selectedRows}>
-                                            </lightning-datatable>
-                                            <lightning-datatable key-field="id" data={outboundDataSumPrice}
-                                                columns={outboundColumns} hide-checkbox-column hide-table-header>
-                                            </lightning-datatable>
-                                        </div>
-                                    </div>
-                                </div>
-                                <!-- 鍙戠エ鏄庣粏 -->
-                                <template if:true={done}>
-                                    <div class="borderCss">
-                                        <div class="headerDorderCss">
-                                            <p style="font-size: 16px">
-                                                <strong>鍙戠エ鏄庣粏</strong>
-                                            </p>
-                                        </div>
-                                        <div style="padding: 10px">
-                                            <div lwc:dom="manual" class="resultDiv"></div>
-                                            <div draggable="false">
-                                                <lightning-datatable key-field="id" data={invoiceOrderdetail1Recoeds}
-                                                    columns={invoiceDetailsColumns} hide-checkbox-column>
-                                                </lightning-datatable>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </template>
-                                <!-- 涓婁紶闄勪欢 -->
-                                <template if:false={EditAble}>
-                                    <div class="borderCss">
-                                        <div class="headerDorderCss">
-                                            <p style="font-size: 16px">
-                                                <strong>闄勪欢</strong>
-                                            </p>
-                                        </div>
-                                        <div style="padding: 10px">
-                                            <div lwc:dom="manual" class="resultDiv"></div>
-                                            <div draggable="false">
-                                                <lightning-card title="">
-                                                    <lightning-layout multiple-rows="true" style="margin-top: -20px">
-                                                        <lightning-layout-item size="3">
-                                                            <lightning-input label="" name="涓婁紶闄勪欢"
-                                                                onchange={handleFilesChange} type="file"
-                                                                accept={acceptedType}
-                                                                disabled={isDisabledReopen}></lightning-input>
-                                                            <!-- <lightning-input label="" name="涓婁紶闄勪欢"
-                                                                onchange={handleFilesChange} type="file"
-                                                                accept={acceptedType}></lightning-input> -->
-                                                        </lightning-layout-item>
-                                                        <lightning-layout-item size="3">
-                                                            <span class="slds-form-element__label"
-                                                                data-form-label></span>
-                                                            </br>
-                                                            <lightning-button label="淇濆瓨闄勪欢" style="margin-top: 20px"
-                                                                onclick={saveAttachmentJs}
-                                                                disabled={isDisabledReopen}></lightning-button>
-                                                            <!-- <lightning-button label="淇濆瓨闄勪欢" style="margin-top: 20px"
-                                                                onclick={saveAttachmentJs}></lightning-button> -->
-                                                        </lightning-layout-item>
-                                                    </lightning-layout>
-                                                    <template if:true={showLoadingSpinner}>
-                                                        <lightning-spinner
-                                                            alternative-text="Uploading now"></lightning-spinner>
-                                                    </template>
-                                                    <footer style="margin-top: 20px">
-                                                        <!-- <lightning-datatable key-field="id" data={fileData}
-                                                            columns={fileColumns} hide-checkbox-column>
-                                                        </lightning-datatable> -->
-                                                        <c-lex-custom-lightning-datatable key-field="Id" data={fileData}
-                                                            columns={fileColumns} ontypechange={handleTypeChange}
-                                                            hide-checkbox-column>
-                                                        </c-lex-custom-lightning-datatable>
-                                                    </footer>
-                                                </lightning-card>
-                                            </div>
-                                        </div>
-                                    </div>
                                 </template>
                             </div>
                         </div>
                     </div>
+                    <!-- 鍑哄簱鍗曚竴瑙� -->
+                    <div class="borderCss">
+                        <div class="headerDorderCss">
+                            <lightning-layout>
+                                <lightning-layout-item padding="around-small">
+                                    <p style="font-size: 18px">
+                                        <strong>鍑哄簱鍗曚竴瑙�</strong>
+                                    </p>
+                                </lightning-layout-item>
+                                <lightning-layout-item
+                                    size="2"
+                                    padding="around-small"
+                                >
+                                </lightning-layout-item>
+                                <template if:false={hideCheckbox}>
+                                    <lightning-layout-item
+                                        padding="around-small"
+                                    >
+                                        <!-- <lightning-button label="&#12288;妫�绱�&#12288;"
+                                            onclick={InvoiceorderSearchJs}></lightning-button> -->
+                                        <button
+                                            class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
+                                            onclick={InvoiceorderSearchJs}
+                                        >
+                                            妫�绱�
+                                        </button>
+                                    </lightning-layout-item>
+                                </template>
+                            </lightning-layout>
+                        </div>
+
+                        <!-- <template if:false={hideCheckbox}>
+                            <div style="padding: 10px">
+                                <div lwc:dom="manual" class="resultDiv"></div>
+                                <div draggable="false">
+                                    <lightning-layout>
+                                        <lightning-layout-item size="5" padding="around-small">
+                                        </lightning-layout-item>
+                                        <lightning-layout-item padding="around-small">
+                                            <lightning-button label="妫�绱�"
+                                                onclick={InvoiceorderSearchJs}></lightning-button>
+                                        </lightning-layout-item>
+                                    </lightning-layout>
+                                </div>
+                            </div>
+                        </template> -->
+
+                        <div style="padding: 7px">
+                            <div lwc:dom="manual" class="resultDiv"></div>
+                            <div draggable="false">
+                                <lightning-datatable
+                                    key-field="Id"
+                                    data={outboundData}
+                                    columns={outboundColumns}
+                                    hide-checkbox-column={hideCheckbox}
+                                    onrowselection={getSelectedRows}
+                                    selected-rows={selectedRows}
+                                    class="wrapped-header-datatable"
+                                    data-field="outbound"
+                                >
+                                </lightning-datatable>
+                                <lightning-datatable
+                                    key-field="id"
+                                    data={outboundDataSumPrice}
+                                    columns={outboundColumns}
+                                    hide-checkbox-column
+                                    hide-table-header
+                                    class="wrapped-header-datatable"
+                                >
+                                </lightning-datatable>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 鍙戠エ鏄庣粏 -->
+                    <template if:true={done}>
+                        <div class="borderCss">
+                            <div class="headerDorderCss">
+                                <lightning-layout>
+                                    <lightning-layout-item
+                                        padding="around-small"
+                                    >
+                                        <p style="font-size: 18px">
+                                            <strong>鍙戠エ鏄庣粏</strong>
+                                        </p>
+                                    </lightning-layout-item>
+                                </lightning-layout>
+                            </div>
+                            <div style="padding: 7px">
+                                <div lwc:dom="manual" class="resultDiv"></div>
+                                <div draggable="false">
+                                    <lightning-datatable
+                                        key-field="id"
+                                        data={invoiceOrderdetail1Recoeds}
+                                        columns={invoiceDetailsColumns}
+                                        hide-checkbox-column
+                                        class="wrapped-header-datatable"
+                                    >
+                                    </lightning-datatable>
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                    <!-- 涓婁紶闄勪欢 -->
+                    <!-- <template if:false={EditAble}>
+                        <div class="borderCss">
+                            <div class="headerDorderCss">
+                                <lightning-layout>
+                                    <lightning-layout-item size="1" padding="around-small">
+                                        <p style="font-size: 16px">
+                                            <strong>闄勪欢</strong>
+                                        </p>
+                                    </lightning-layout-item>
+                                </lightning-layout>
+                            </div>
+                            <div style="padding: 7px">
+                                <div lwc:dom="manual" class="resultDiv"></div>
+                                <div draggable="false">
+                                    <lightning-card title="">
+                                        <lightning-layout multiple-rows="true" style="margin-top: -20px">
+                                            <lightning-layout-item size="3">
+                                                <lightning-input label="" name="涓婁紶闄勪欢" onchange={handleFilesChange}
+                                                    type="file" accept={acceptedType}
+                                                    disabled={isDisabledReopen}></lightning-input>
+                                            </lightning-layout-item>
+                                            <lightning-layout-item size="3">
+                                                <span class="slds-form-element__label" data-form-label></span>
+                                                </br>
+                                                <lightning-button label="淇濆瓨闄勪欢" style="margin-top: 20px"
+                                                    onclick={saveAttachmentJs}
+                                                    disabled={isDisabledReopen}></lightning-button>
+                                            </lightning-layout-item>
+                                        </lightning-layout>
+                                        <template if:true={showLoadingSpinner}>
+                                            <lightning-spinner alternative-text="Uploading now"></lightning-spinner>
+                                        </template>
+                                        <footer style="margin-top: 20px">
+                                            <c-lex-custom-lightning-datatable key-field="Id" data={fileData}
+                                                columns={fileColumns} ontypechange={handleTypeChange}
+                                                hide-checkbox-column onclickicon={deleteAtt}
+                                                class="wrapped-header-datatable">
+                                            </c-lex-custom-lightning-datatable>
+                                        </footer>
+                                    </lightning-card>
+                                </div>
+                            </div>
+                        </div>
+                    </template> -->
                 </div>
             </div>
         </template>
 
         <template if:true={isConInvoiceList}>
             <div class="outerBorderCss">
-                <div style="padding:5px;">
+                <div style="padding: 5px">
                     <!-- 鏂板缓鍙戠エ -->
                     <div class="borderCss">
-                        <div style="padding:10px;">
+                        <div style="padding: 15px">
                             <div lwc:dom="manual" class="resultDiv"></div>
                             <div draggable="false">
-                                <lightning-button label="鏂板缓鍙戠エ" onclick={newInvoiceJs}></lightning-button>
-
-
+                                <!-- <lightning-button label="鏂板缓鍙戠エ" onclick={newInvoiceJs}></lightning-button> -->
+                                <button
+                                    class="slds-button slds-button_neutral slds-button_stretch lexBorder"
+                                    onclick={newInvoiceJs}
+                                >
+                                    鏂板缓鍙戠エ
+                                </button>
                             </div>
                         </div>
                     </div>
 
                     <!-- 妫�绱㈡潯浠� -->
-                    <div class="borderCss" style="margin-top: 5px;">
+                    <div class="borderCss" style="margin-top: 5px">
                         <div class="headerDorderCss">
-                            <p style="font-size: 16px">
-                                <strong>妫�绱㈡潯浠�</strong>
-                            </p>
+                            <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: 10px">
+                        <div style="padding: 15px">
                             <div lwc:dom="manual" class="resultDiv"></div>
                             <div draggable="false">
-
                                 <lightning-layout multiple-rows>
                                     <lightning-layout-item flexibility="auto">
                                         <div class="slds-text-align_center">
-                                            <div class="slds-grid slds-grid_vertical-align-center">
-                                                <div class="slds-form-element__label">鍑哄簱鏃�&#12288;浠�</div>
-                                                <lightning-input type="date" variant="label-hidden" label="鍑哄簱鏃� 浠�"
-                                                    onchange={dataChange} data-field="deliveryFromDate"
-                                                    value={deliveryFromDate}></lightning-input>
+                                            <div
+                                                class="slds-grid slds-grid_vertical-align-center"
+                                            >
+                                                <div
+                                                    class="slds-form-element__label"
+                                                >
+                                                    鍑哄簱鏃�&#12288;浠�
+                                                </div>
+                                                <lightning-input
+                                                    type="date"
+                                                    variant="label-hidden"
+                                                    label="鍑哄簱鏃� 浠�"
+                                                    onchange={dataChange}
+                                                    data-field="deliveryFromDate"
+                                                    value={deliveryFromDate}
+                                                    class="inputFont"
+                                                    style="max-width: 150px"
+                                                ></lightning-input>
                                             </div>
 
-                                            </br>
-                                            <div class="slds-grid slds-grid_vertical-align-center">
-                                                <div class="slds-form-element__label">&#12288;&#12288;&#12288;&#12288;鍒�
+                                            <!-- </br> -->
+                                            <div
+                                                class="slds-grid slds-grid_vertical-align-center"
+                                            >
+                                                <div
+                                                    class="slds-form-element__label"
+                                                >
+                                                    &#12288;&#12288;&#12288;&#12288;鍒�
                                                 </div>
-                                                <lightning-input type="date" variant="label-hidden" label="鍒�"
-                                                    onchange={dataChange} data-field="deliveryToDate"
-                                                    value={deliveryToDate}></lightning-input>
+                                                <lightning-input
+                                                    type="date"
+                                                    variant="label-hidden"
+                                                    label="鍒�"
+                                                    onchange={dataChange}
+                                                    data-field="deliveryToDate"
+                                                    value={deliveryToDate}
+                                                    class="inputFont"
+                                                    style="max-width: 150px"
+                                                ></lightning-input>
                                             </div>
                                         </div>
                                     </lightning-layout-item>
                                     <lightning-layout-item flexibility="auto">
-                                        <div class="slds-grid slds-grid_vertical-align-center">
-                                            <div class="slds-form-element__label">鍙戠エ鍙�</div>
-                                            <lightning-input variant="label-hidden" label="鍙戠エ鍙�" onchange={dataChange}
-                                                data-field="category1" value={category1}></lightning-input>
+                                        <div
+                                            class="slds-grid slds-grid_vertical-align-center"
+                                        >
+                                            <div
+                                                class="slds-form-element__label"
+                                            >
+                                                鍙戠エ鍙�
+                                            </div>
+                                            <lightning-input
+                                                variant="label-hidden"
+                                                label="鍙戠エ鍙�"
+                                                onchange={dataChange}
+                                                data-field="category1"
+                                                value={category1}
+                                                class="inputFont"
+                                                style="max-width: 150px"
+                                            ></lightning-input>
                                         </div>
                                     </lightning-layout-item>
                                     <lightning-layout-item flexibility="auto">
-                                        <div class="slds-grid slds-grid_vertical-align-center">
-                                            <div class="slds-form-element__label">瀹㈡埛鍚�</div>
-                                            <lightning-input variant="label-hidden" label="瀹㈡埛鍚�" onchange={dataChange}
-                                                data-field="category2" value={category2}></lightning-input>
+                                        <div
+                                            class="slds-grid slds-grid_vertical-align-center"
+                                        >
+                                            <div
+                                                class="slds-form-element__label"
+                                            >
+                                                瀹㈡埛鍚�
+                                            </div>
+                                            <lightning-input
+                                                variant="label-hidden"
+                                                label="瀹㈡埛鍚�"
+                                                onchange={dataChange}
+                                                data-field="category2"
+                                                value={category2}
+                                                class="inputFont"
+                                                style="max-width: 150px"
+                                            ></lightning-input>
                                         </div>
                                     </lightning-layout-item>
                                     <lightning-layout-item flexibility="auto">
-                                        <div class="slds-grid slds-grid_vertical-align-center">
-                                            <div class="slds-form-element__label">鐘舵��</div>
-                                            <lightning-combobox data-field="invoiceStatus" name="invoiceStatus"
-                                                label="鐘舵��" value={invoiceStatusValue} placeholder="璇烽�夋嫨..."
-                                                options={Options} variant="label-hidden"
-                                                onchange={dataChange}></lightning-combobox>
+                                        <div
+                                            class="slds-grid slds-grid_vertical-align-center"
+                                        >
+                                            <div
+                                                class="slds-form-element__label"
+                                            >
+                                                鐘舵��
+                                            </div>
+                                            <lightning-combobox
+                                                data-field="invoiceStatus"
+                                                name="invoiceStatus"
+                                                label="鐘舵��"
+                                                value={invoiceStatusValue}
+                                                placeholder="璇烽�夋嫨..."
+                                                options={Options}
+                                                variant="label-hidden"
+                                                onchange={dataChange}
+                                                style="
+                                                    min-width: 100px;
+                                                    max-width: 200px;
+                                                "
+                                                class="inputFont"
+                                            ></lightning-combobox>
                                         </div>
                                     </lightning-layout-item>
                                     <lightning-layout-item flexibility="auto">
-                                        <div class="slds-grid slds-grid_vertical-align-center">
-                                            <lightning-button label="妫�绱�"
-                                                onclick={invoiceCodeSearchJs}></lightning-button>
+                                        <div
+                                            class="slds-grid slds-grid_vertical-align-center"
+                                        >
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
+                                                onclick={invoiceCodeSearchJs}
+                                                style="max-width: 110px"
+                                            >
+                                                妫�绱�
+                                            </button>
                                         </div>
                                     </lightning-layout-item>
                                     <lightning-layout-item flexibility="auto">
-                                        <div class="slds-grid slds-grid_vertical-align-center">
-                                            <lightning-button label="娓呯┖" onclick={ClearJs}></lightning-button>
+                                        <div
+                                            class="slds-grid slds-grid_vertical-align-center"
+                                        >
+                                            <button
+                                                class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
+                                                onclick={ClearJs}
+                                                style="max-width: 110px"
+                                            >
+                                                娓呯┖
+                                            </button>
                                         </div>
                                     </lightning-layout-item>
                                 </lightning-layout>
-
                             </div>
                         </div>
                     </div>
 
                     <!-- 鍙戠エ涓�瑙� -->
-                    <div class="borderCss" style="margin-top: 5px;">
+                    <div class="borderCss" style="margin-top: 5px">
                         <div class="headerDorderCss">
-                            <p style="font-size: 16px">
-                                <strong>鍙戠エ涓�瑙�</strong>
-                            </p>
+                            <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: 10px">
+                        <div style="padding: 7px">
                             <div lwc:dom="manual" class="resultDiv"></div>
                             <div draggable="false">
-                                <lightning-datatable key-field="id" data={invoiceData} columns={invoiceColumns}
-                                    hide-checkbox-column="true">
+                                <lightning-datatable
+                                    key-field="id"
+                                    data={invoiceData}
+                                    columns={invoiceColumns}
+                                    hide-checkbox-column="true"
+                                    class="wrapped-header-datatable"
+                                >
                                 </lightning-datatable>
                             </div>
                         </div>
@@ -533,47 +1212,74 @@
 
     <template if:true={isDetailsShow}>
         <div class="outerBorderCss">
-            <div style="padding:5px;">
+            <div style="padding: 5px">
                 <!-- 纭畾 -->
                 <div class="borderCss">
-                    <div style="padding:10px;">
+                    <div style="padding: 10px">
                         <div lwc:dom="manual" class="resultDiv"></div>
                         <div draggable="false">
-                            <lightning-button label="纭畾" onclick={detailsSaveJs}></lightning-button>
+                            <!-- <lightning-button label="纭畾" onclick={detailsSaveJs}></lightning-button> -->
+                            <button
+                                class="slds-button slds-button_neutral slds-button_stretch lexBorder"
+                                onclick={detailsSaveJs}
+                            >
+                                纭畾
+                            </button>
                         </div>
                     </div>
                 </div>
 
                 <!-- 鍙戠エ淇℃伅 -->
-                <div class="borderCss" style="margin-top: 5px;">
+                <div class="borderCss" style="margin-top: 5px">
                     <div class="headerDorderCss">
-                        <p style="font-size: 16px">
-                            <strong>鍙戠エ淇℃伅</strong>
-                        </p>
+                        <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: 10px">
+                    <div style="padding: 7px">
                         <div lwc:dom="manual" class="resultDiv"></div>
                         <div draggable="false">
-                            <lightning-record-edit-form object-api-name="Consumable_order__c"
-                                record-id={detailsInvoiceId} onload={handleLoad2}>
+                            <lightning-record-edit-form
+                                object-api-name="Consumable_order__c"
+                                record-id={detailsInvoiceId}
+                                onload={handleLoad2}
+                            >
                                 <lightning-layout multiple-rows="true">
-                                    <lightning-layout-item size="2"></lightning-layout-item>
-                                    <lightning-layout-item size="4">
-                                        <lightning-output-field field-name="Name"></lightning-output-field>
-                                    </lightning-layout-item>
-                                </lightning-layout>
-                                <lightning-layout multiple-rows="true">
-                                    <lightning-layout-item size="2"></lightning-layout-item>
-                                    <lightning-layout-item size="4">
-                                        <lightning-output-field field-name="ShipmentAccount__c"
-                                            class="hideHelpText"></lightning-output-field>
-                                    </lightning-layout-item>
-                                </lightning-layout>
-                                <lightning-layout multiple-rows="true">
-                                    <lightning-layout-item size="2"></lightning-layout-item>
-                                    <lightning-layout-item size="4">
+                                    <lightning-layout-item
+                                        size="1"
+                                    ></lightning-layout-item>
+                                    <lightning-layout-item size="5">
                                         <lightning-output-field
-                                            field-name="Order_ForCustomerText__c"></lightning-output-field>
+                                            field-name="Name"
+                                        ></lightning-output-field>
+                                    </lightning-layout-item>
+                                </lightning-layout>
+                                <lightning-layout multiple-rows="true">
+                                    <lightning-layout-item
+                                        size="1"
+                                    ></lightning-layout-item>
+                                    <lightning-layout-item
+                                        size="5"
+                                        class="hehe-layoutItem"
+                                    >
+                                        <lightning-output-field
+                                            field-name="ShipmentAccount__c"
+                                            class="hideHelpText"
+                                        ></lightning-output-field>
+                                    </lightning-layout-item>
+                                </lightning-layout>
+                                <lightning-layout multiple-rows="true">
+                                    <lightning-layout-item
+                                        size="1"
+                                    ></lightning-layout-item>
+                                    <lightning-layout-item size="5">
+                                        <lightning-output-field
+                                            field-name="Order_ForCustomerText__c"
+                                        ></lightning-output-field>
                                     </lightning-layout-item>
                                 </lightning-layout>
                             </lightning-record-edit-form>
@@ -582,26 +1288,41 @@
                 </div>
 
                 <!-- 鍑哄簱鍗� -->
-                <div class="borderCss" style="margin-top: 5px;">
+                <div class="borderCss" style="margin-top: 5px">
                     <div class="headerDorderCss">
-                        <p style="font-size: 16px">
-                            <strong>鍑哄簱鍗�</strong>
-                        </p>
+                        <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: 10px">
+                    <div style="padding: 7px">
                         <div lwc:dom="manual" class="resultDiv"></div>
                         <div draggable="false">
-                            <lightning-record-edit-form object-api-name="Consumable_order__c" record-id={detailsCocId}>
+                            <lightning-record-edit-form
+                                object-api-name="Consumable_order__c"
+                                record-id={detailsCocId}
+                            >
                                 <lightning-layout multiple-rows="true">
-                                    <lightning-layout-item size="2"></lightning-layout-item>
-                                    <lightning-layout-item size="4">
-                                        <lightning-output-field field-name="Name"></lightning-output-field>
+                                    <lightning-layout-item
+                                        size="1"
+                                    ></lightning-layout-item>
+                                    <lightning-layout-item size="5">
+                                        <lightning-output-field
+                                            field-name="Name"
+                                        ></lightning-output-field>
                                     </lightning-layout-item>
                                 </lightning-layout>
                                 <lightning-layout multiple-rows="true">
-                                    <lightning-layout-item size="2"></lightning-layout-item>
-                                    <lightning-layout-item size="4">
-                                        <lightning-output-field field-name="Outbound_Date__c"></lightning-output-field>
+                                    <lightning-layout-item
+                                        size="1"
+                                    ></lightning-layout-item>
+                                    <lightning-layout-item size="5">
+                                        <lightning-output-field
+                                            field-name="Outbound_Date__c"
+                                        ></lightning-output-field>
                                     </lightning-layout-item>
                                 </lightning-layout>
                             </lightning-record-edit-form>
@@ -610,26 +1331,46 @@
                 </div>
 
                 <!-- 鍑哄簱鍗曟槑缁� -->
-                <div class="borderCss" style="margin-top: 5px;">
+                <div class="borderCss" style="margin-top: 5px">
                     <div class="headerDorderCss">
-                        <p style="font-size: 16px">
-                            <strong>鍑哄簱鍗曟槑缁�</strong>
-                        </p>
+                        <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: 10px">
+                    <div style="padding: 7px">
                         <div lwc:dom="manual" class="resultDiv"></div>
                         <div draggable="false">
                             <!-- <lightning-datatable class="datatabel slds-border_top" key-field="id"
                                 data={detaisData} columns={detailsColumns}>
                             </lightning-datatable> -->
-                            <c-lex-custom-lightning-datatable key-field="Id" data={detailsData} columns={detailsColumns}
-                                onunitchange={handleUnitChange} onshipmentnumber={handleShipmentNumber}
-                                onrowselection={detailsGetSelectedRows} selected-rows={detailsSelectedRows}
-                                style="word-wrap:break-word; word-break:break-all; ">
+                            <c-lex-custom-lightning-datatable
+                                key-field="Id"
+                                data={detailsData}
+                                columns={detailsColumns}
+                                onunitchange={handleUnitChange}
+                                onshipmentnumber={handleShipmentNumber}
+                                onrowselection={detailsGetSelectedRows}
+                                selected-rows={detailsSelectedRows}
+                                style="
+                                    word-wrap: break-word;
+                                    word-break: break-all;
+                                "
+                                class="wrapped-header-datatable"
+                                min-column-width="115"
+                            >
                             </c-lex-custom-lightning-datatable>
-                            <lightning-datatable class="datatabel slds-border_top" key-field="id"
-                                data={invoiceAllpriceData} columns={detailsColumns} hide-checkbox-column
-                                hide-table-header>
+                            <lightning-datatable
+                                class="datatabel slds-border_top wrapped-header-datatable"
+                                key-field="id"
+                                data={invoiceAllpriceData}
+                                columns={detailsColumns}
+                                hide-checkbox-column
+                                hide-table-header
+                            >
                             </lightning-datatable>
                         </div>
                     </div>
@@ -637,5 +1378,4 @@
             </div>
         </div>
     </template>
-
 </template>
\ No newline at end of file

--
Gitblit v1.9.1