From 7454e4fe769b5148309b8a932fbf2bc03b41b376 Mon Sep 17 00:00:00 2001
From: liangxiaozhen <liangxiaozhen>
Date: 星期日, 06 八月 2023 19:06:33 +0800
Subject: [PATCH] G级页面简单修改
---
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}
+
+ <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=" 纭畾 "
- 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
+ > 路
+ <a
+ href={item.downloadUrl}
+ >
+ 涓嬭浇 </a
+ > 路
+ <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=" 妫�绱� "
- 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=" 妫�绱� "
+ 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">鍑哄簱鏃� 浠�</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"
+ >
+ 鍑哄簱鏃� 浠�
+ </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}></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