From 5b5c1e16deaa3a9d6d0ed1ffca390655ed103df7 Mon Sep 17 00:00:00 2001 From: buli <137736985@qq.com> Date: 星期五, 14 七月 2023 14:56:14 +0800 Subject: [PATCH] lex community --- force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html | 1103 ++++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 816 insertions(+), 287 deletions(-) diff --git a/force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html b/force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html index 4406470..9430247 100644 --- a/force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html +++ b/force-app/main/default/lwc/lexConInvoiceView/lexConInvoiceView.html @@ -3,55 +3,122 @@ <template> <c-common-toast></c-common-toast> <template if:true={isShowSpinner}> - <div role="status" class="slds-spinner slds-spinner_medium slds-spinner_brand"> -聽 聽 聽 聽 聽 聽 聽 聽 <span class="slds-assistive-text">Loading</span> -聽 聽 聽 聽 聽 聽 聽 聽 <div class="slds-spinner__dot-a"></div> -聽 聽 聽 聽 聽 聽 聽 聽 <div class="slds-spinner__dot-b"></div> -聽 聽 聽 聽 </div> + <div + role="status" + class="slds-spinner slds-spinner_medium slds-spinner_brand" + > + 聽 聽 聽 聽 聽 聽 聽 聽 <span class="slds-assistive-text">Loading</span> 聽 聽 + 聽 聽 聽 聽 聽 聽 + <div class="slds-spinner__dot-a"></div> + 聽 聽 聽 聽 聽 聽 聽 聽 + <div class="slds-spinner__dot-b"></div> + 聽 聽 聽 聽 + </div> </template> - <template if:false={isDetailsShow}> <template if:false={isConInvoiceList}> <!-- 鎼滅储瀹㈡埛鍚� --> <template if:true={isModalOpen}> - <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" - aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_medium" - style="border: 1px solid #D4D4D4;"> + <section + role="dialog" + tabindex="-1" + aria-labelledby="modal-heading-01" + aria-modal="true" + aria-describedby="modal-content-id-1" + class="slds-modal slds-fade-in-open slds-modal_medium" + style="border: 1px solid #d4d4d4" + > <div class="slds-modal__container"> - <header class="slds-modal__header" style="background-color: #F3F3F3;"> - <button style="" class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" - title="Close" onclick={closeModal}> - <lightning-icon icon-name="utility:close" alternative-text="close" variant="inverse" - size="small"></lightning-icon> + <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> + <h2 + id="modal-heading-01" + class="slds-text-heading_medium slds-hyphenate" + > + 缁忛攢鍟嗗尰闄㈡绱� + </h2> </header> - <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1" - style="border: 1px solid #F3F3F3;"> - <table style="width: 100%;"> + <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 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> + <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 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;"> + 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"> + <lightning-layout-item + padding="around-small" + > <p style="font-size: 18px"> <strong>鎼滅储缁撴灉</strong> </p> @@ -59,109 +126,199 @@ </lightning-layout> <!-- <p style="font-size: 16px;"><strong>鎼滅储缁撴灉</strong></p> --> </div> - <div class="myTable" style="padding:10px;"> + <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 + class="datatabel slds-border_top wrapped-header-datatable" + key-field="id" + data={hospitalList} + columns={hospitalColumns} + hide-checkbox-column="true" + onrowaction={searchHandleRowAction} + > </lightning-datatable> </div> </div> </div> <footer class="slds-modal__footer"> - <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="鍙栨秷" - onclick={closeModal}>鍙栨秷</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" + label="鍙栨秷" + onclick={closeModal} + > + 鍙栨秷 + </button> </footer> </div> </section> <div class="slds-backdrop slds-backdrop_open"></div> </template> <div class="outerBorderCss"> - <div style="padding:5px;"> - + <div style="padding: 5px"> <div class="borderCss"> - <div style="padding:10px;"> + <div style="padding: 10px"> <div lwc:dom="manual" class="resultDiv"></div> <div draggable="false"> <template if:false={EditAble}> <lightning-layout multiple-rows="true"> - <lightning-layout-item size="2"></lightning-layout-item> + <lightning-layout-item + size="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> + 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> + 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> + 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> + 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 + 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> + 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> + 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> + 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" + <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;"> + style="border: 1px solid #d4d4d4" + > <template if:true={showPopSpinner}> - <lightning-spinner size="medium" variant="brand"></lightning-spinner> + <lightning-spinner + size="medium" + variant="brand" + ></lightning-spinner> </template> <div class="slds-modal__container"> - <header class="slds-modal__header" style="background-color: #F3F3F3;"> - <button style="" + <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> + 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> + <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="闄勪欢涓婁紶" + <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> + onchange={attChange} + ></lightning-input> </div> - <p class="fontWeight">宸查�夋嫨鏂囦欢锛歿fileName} + <p class="fontWeight"> + 宸查�夋嫨鏂囦欢锛歿fileName} - <template if:true={attDelBtn}> - <a onclick={removeAtt}>绉婚櫎</a> + <template + if:true={attDelBtn} + > + <a + onclick={removeAtt} + >绉婚櫎</a + > </template> </p> </div> @@ -171,24 +328,49 @@ 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> + <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> + <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"> + <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> + onclick={SaveJs} + > + 纭畾 + </button> </lightning-layout-item> </lightning-layout> </template> @@ -225,7 +407,6 @@ </template> </lightning-layout> --> - </div> </div> </div> @@ -240,103 +421,180 @@ </lightning-layout-item> </lightning-layout> </div> - <div style="padding:7px;"> + <div style="padding: 7px"> <div lwc:dom="manual" class="resultDiv"></div> <div draggable="false"> <!--鍙戠エ淇℃伅 鏄剧ず鐢� --> <template if:false={isEditInvoice}> - <lightning-record-edit-form object-api-name="Consumable_order__c" record-id={cocId} - onload={handleLoad2}> + <lightning-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="5"> - <lightning-output-field field-name="Name"></lightning-output-field> - </lightning-layout-item> - - <lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;"> + <lightning-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 size="1"></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="5"> + <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="5"> + <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="5"> - <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" style="height:35.5px"> - <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="5"> + <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="5" class="readOnly" style="padding-left: 100px;"> - <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-item + size="1" + ></lightning-layout-item> </lightning-layout> <!-- 澶囨敞 --> <lightning-layout multiple-rows="true"> - <lightning-layout-item size="1"></lightning-layout-item> - <lightning-layout-item class="hehe-layoutItem" size="5"> + <lightning-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="5"> + <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 class="hehe-layoutItem" size="5" style="padding-left: 100px;"> + <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-item + size="1" + ></lightning-layout-item> </lightning-layout> <!-- 闄勪欢棰勮 --> @@ -344,30 +602,68 @@ <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" + <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" + 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;"> + 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> 路 - <a href={item.downloadUrl}> - 涓嬭浇 - </a> 路 - <a data-fileid={item.Id} onclick={deleteAtt}> + <a + href={item.attUrl} + target="_blank" + > + 棰勮 </a + > 路 + <a + href={item.downloadUrl} + > + 涓嬭浇 </a + > 路 + <a + data-fileid={item.Id} + onclick={deleteAtt} + > 鍒犻櫎 </a> </p> @@ -382,95 +678,177 @@ </template> <!--鍙戠エ淇℃伅 缂栬緫鐢� --> <template if:true={isEditInvoice}> - <lightning-record-edit-form object-api-name="Consumable_order__c" record-id={cocId} - onload={handleLoad2}> + <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="5"> - <lightning-input label="鍙戠エ鍙�" value={OrderCode} data-field="OrderCode" - onchange={dataChange} variant="label-inline" required - class="inputFont"></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 class="hehe-layoutItem" size="5" style="padding-left: 100px;"> + <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-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="5"> - <lightning-input type="date" label="鍙戠エ鏃ユ湡" variant="label-inline" - value={InvoiceDate} onchange={invoiceDateChange} required - class="inputFont"></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="5"> + <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="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> + icon-name="utility:search" + ></lightning-icon> + <lightning-input + type="text" + name="HospitalName" + label="瀹㈡埛鍚�" + value={HospitalName} + variant="label-inline" + onclick={searchHospitalNameModal} + data-field="HospitalName" + onchange={clearAgencyI} + class="inputFont" + ></lightning-input> </div> </lightning-layout-item> - <lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;"> - <lightning-combobox data-field="secondaryDistributor" - name="secondaryDistributor" label="浜岀骇缁忛攢鍟�" - value={secondaryDistributor} placeholder="璇烽�夋嫨..." - options={provinceOptsMap} variant="label-inline" - onchange={dataChange} class="inputFont"></lightning-combobox> + <lightning-layout-item + 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-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="5"> - <lightning-input-field onchange={dataChange} - data-field="ForCustomerText" value={ForCustomerText} + <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> + class="inputFont" + ></lightning-input-field> </lightning-layout-item> - <lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;"> + <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-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="5"> - <lightning-input-field onchange={dataChange} data-field="InvoiceNote" - value={InvoiceNote} field-name="Invoice_Note__c" - class="inputFont"></lightning-input-field> + <lightning-layout-item + class="hehe-layoutItem" + size="5" + > + <lightning-input-field + onchange={dataChange} + data-field="InvoiceNote" + value={InvoiceNote} + field-name="Invoice_Note__c" + class="inputFont" + ></lightning-input-field> </lightning-layout-item> </lightning-layout> - </lightning-record-edit-form> </template> </div> @@ -479,25 +857,31 @@ <!-- 鍑哄簱鍗曚竴瑙� --> <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 + size="2" + padding="around-small" + > </lightning-layout-item> <template if:false={hideCheckbox}> - <lightning-layout-item padding="around-small"> + <lightning-layout-item + padding="around-small" + > <!-- <lightning-button label=" 妫�绱� " onclick={InvoiceorderSearchJs}></lightning-button> --> <button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" - onclick={InvoiceorderSearchJs}>妫�绱�</button> + onclick={InvoiceorderSearchJs} + > + 妫�绱� + </button> </lightning-layout-item> </template> - </lightning-layout> </div> @@ -520,13 +904,25 @@ <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 + 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 + key-field="id" + data={outboundDataSumPrice} + columns={outboundColumns} + hide-checkbox-column + hide-table-header + class="wrapped-header-datatable" + > </lightning-datatable> </div> </div> @@ -536,7 +932,9 @@ <div class="borderCss"> <div class="headerDorderCss"> <lightning-layout> - <lightning-layout-item padding="around-small"> + <lightning-layout-item + padding="around-small" + > <p style="font-size: 18px"> <strong>鍙戠エ鏄庣粏</strong> </p> @@ -546,9 +944,13 @@ <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 + key-field="id" + data={invoiceOrderdetail1Recoeds} + columns={invoiceDetailsColumns} + hide-checkbox-column + class="wrapped-header-datatable" + > </lightning-datatable> </div> </div> @@ -605,21 +1007,25 @@ <template if:true={isConInvoiceList}> <div class="outerBorderCss"> - <div style="padding:5px;"> + <div style="padding: 5px"> <!-- 鏂板缓鍙戠エ --> <div class="borderCss"> - <div style="padding:15px;"> + <div style="padding: 15px"> <div lwc:dom="manual" class="resultDiv"></div> <div draggable="false"> <!-- <lightning-button label="鏂板缓鍙戠エ" onclick={newInvoiceJs}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" - onclick={newInvoiceJs}>鏂板缓鍙戠エ</button> + <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"> <lightning-layout> <lightning-layout-item padding="around-small"> @@ -632,77 +1038,150 @@ <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 ">鍑哄簱鏃� 浠�</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 + class="slds-grid slds-grid_vertical-align-center" + > + <div + class="slds-form-element__label" + > + 鍑哄簱鏃� 浠� + </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 ">    鍒� + <!-- </br> --> + <div + class="slds-grid slds-grid_vertical-align-center" + > + <div + class="slds-form-element__label" + > +     鍒� </div> - <lightning-input type="date" variant="label-hidden" label="鍒�" - onchange={dataChange} data-field="deliveryToDate" - value={deliveryToDate} class="inputFont" - style="max-width: 150px;"></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} class="inputFont" - style="max-width: 150px;"></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} class="inputFont" - style="max-width: 150px;"></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} - style="min-width: 100px;max-width: 200px;" - class="inputFont"></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"> + <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> + 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"> + <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> + 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"> <lightning-layout> <lightning-layout-item padding="around-small"> @@ -715,8 +1194,13 @@ <div style="padding: 7px"> <div lwc:dom="manual" class="resultDiv"></div> <div draggable="false"> - <lightning-datatable key-field="id" data={invoiceData} columns={invoiceColumns} - hide-checkbox-column="true" class="wrapped-header-datatable"> + <lightning-datatable + key-field="id" + data={invoiceData} + columns={invoiceColumns} + hide-checkbox-column="true" + class="wrapped-header-datatable" + > </lightning-datatable> </div> </div> @@ -728,21 +1212,25 @@ <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> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" - onclick={detailsSaveJs}>纭畾</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"> <lightning-layout> <lightning-layout-item padding="around-small"> @@ -755,26 +1243,43 @@ <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="1"></lightning-layout-item> - <lightning-layout-item size="5"> - <lightning-output-field field-name="Name"></lightning-output-field> - </lightning-layout-item> - </lightning-layout> - <lightning-layout multiple-rows="true"> - <lightning-layout-item size="1"></lightning-layout-item> - <lightning-layout-item size="5" class="hehe-layoutItem"> - <lightning-output-field field-name="ShipmentAccount__c" - class="hideHelpText"></lightning-output-field> - </lightning-layout-item> - </lightning-layout> - <lightning-layout multiple-rows="true"> - <lightning-layout-item size="1"></lightning-layout-item> + <lightning-layout-item + size="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> @@ -783,7 +1288,7 @@ </div> <!-- 鍑哄簱鍗� --> - <div class="borderCss" style="margin-top: 5px;"> + <div class="borderCss" style="margin-top: 5px"> <div class="headerDorderCss"> <lightning-layout> <lightning-layout-item padding="around-small"> @@ -796,17 +1301,28 @@ <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="1"></lightning-layout-item> + <lightning-layout-item + size="1" + ></lightning-layout-item> <lightning-layout-item size="5"> - <lightning-output-field field-name="Name"></lightning-output-field> + <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="1" + ></lightning-layout-item> <lightning-layout-item size="5"> - <lightning-output-field field-name="Outbound_Date__c"></lightning-output-field> + <lightning-output-field + field-name="Outbound_Date__c" + ></lightning-output-field> </lightning-layout-item> </lightning-layout> </lightning-record-edit-form> @@ -815,7 +1331,7 @@ </div> <!-- 鍑哄簱鍗曟槑缁� --> - <div class="borderCss" style="margin-top: 5px;"> + <div class="borderCss" style="margin-top: 5px"> <div class="headerDorderCss"> <lightning-layout> <lightning-layout-item padding="around-small"> @@ -831,15 +1347,29 @@ <!-- <lightning-datatable class="datatabel slds-border_top" key-field="id" data={detaisData} columns={detailsColumns}> </lightning-datatable> --> - <c-lex-custom-lightning-datatable key-field="Id" data={detailsData} columns={detailsColumns} - onunitchange={handleUnitChange} onshipmentnumber={handleShipmentNumber} - onrowselection={detailsGetSelectedRows} selected-rows={detailsSelectedRows} - style="word-wrap:break-word; word-break:break-all; " class="wrapped-header-datatable" - min-column-width="115"> + <c-lex-custom-lightning-datatable + key-field="Id" + data={detailsData} + columns={detailsColumns} + onunitchange={handleUnitChange} + onshipmentnumber={handleShipmentNumber} + onrowselection={detailsGetSelectedRows} + selected-rows={detailsSelectedRows} + style=" + word-wrap: break-word; + word-break: break-all; + " + class="wrapped-header-datatable" + > </c-lex-custom-lightning-datatable> - <lightning-datatable class="datatabel slds-border_top wrapped-header-datatable" - key-field="id" data={invoiceAllpriceData} columns={detailsColumns} hide-checkbox-column - hide-table-header> + <lightning-datatable + 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> @@ -847,5 +1377,4 @@ </div> </div> </template> - </template> \ No newline at end of file -- Gitblit v1.9.1