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/lexConsumable/lexConsumable.html | 936 ++++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 772 insertions(+), 164 deletions(-) diff --git a/force-app/main/default/lwc/lexConsumable/lexConsumable.html b/force-app/main/default/lwc/lexConsumable/lexConsumable.html index 33ba4d1..9ecb2d7 100644 --- a/force-app/main/default/lwc/lexConsumable/lexConsumable.html +++ b/force-app/main/default/lwc/lexConsumable/lexConsumable.html @@ -2,7 +2,10 @@ <template if:true={showSpinner}> <!-- <lightning-spinner size="medium" variant="brand"></lightning-spinner> --> <div class="slds-spinner_container"> - <div role="status" class="slds-spinner slds-spinner_medium slds-spinner_brand"> + <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> @@ -11,36 +14,93 @@ </template> <c-common-toast></c-common-toast> <template if:true={showPage}> - <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;"> - <div style="padding:10px;"> + <div + style=" + border: 1px solid #d4d4d4; + border-top: 3px solid #51606e; + border-radius: 5px; + " + > + <div style="padding: 10px"> <!-- 鎸夐挳 --> <template if:true={showEditBtn}> <!-- <lightning-button style="margin: 5px;" label="缂栬緫" disabled={disabledEditBtn} onclick={editOrder}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" disabled={disabledEditBtn} onclick={editOrder}>缂栬緫</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + disabled={disabledEditBtn} + onclick={editOrder} + > + 缂栬緫 + </button> </template> <template if:true={showPrintSheetBtn}> <!-- <lightning-button style="margin: 5px;" label="鎵撳嵃閰嶇疆鍗�" onclick={printOrder}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="鎵撳嵃閰嶇疆鍗�" onclick={printOrder}>鎵撳嵃閰嶇疆鍗�</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px" + label="鎵撳嵃閰嶇疆鍗�" + onclick={printOrder} + > + 鎵撳嵃閰嶇疆鍗� + </button> </template> <template if:true={showUploadSheetBtn}> <!-- <lightning-button style="margin: 5px;" label="涓婁紶閰嶇疆鍗�" disabled={disabledUploadSheetBtn} onclick={uploadOrder}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="涓婁紶閰嶇疆鍗�" disabled={disabledUploadSheetBtn} onclick={uploadOrder}>涓婁紶閰嶇疆鍗�</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px" + label="涓婁紶閰嶇疆鍗�" + disabled={disabledUploadSheetBtn} + onclick={uploadOrder} + > + 涓婁紶閰嶇疆鍗� + </button> </template> <template if:true={showSubOrderbtn}> <!-- <lightning-button style="margin: 5px;" label="鎻愪氦璁㈠崟" disabled={disabledSubOrderbtn} onclick={submitOrder}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="鎻愪氦璁㈠崟" disabled={disabledSubOrderbtn} onclick={submitOrder}>鎻愪氦璁㈠崟</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px" + label="鎻愪氦璁㈠崟" + disabled={disabledSubOrderbtn} + onclick={submitOrder} + > + 鎻愪氦璁㈠崟 + </button> </template> <template if:true={showSaveOrderbtn1}> <!-- <lightning-button style="margin: 5px;" label="淇濆瓨璁㈠崟" onclick={saveOrder}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="淇濆瓨璁㈠崟" onclick={saveOrder}>淇濆瓨璁㈠崟</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px" + label="淇濆瓨璁㈠崟" + onclick={saveOrder} + > + 淇濆瓨璁㈠崟 + </button> </template> <template if:true={showSaveOrderbtn2}> <!-- <lightning-button style="margin: 5px;" label="淇濆瓨璁㈠崟" onclick={orderCopy}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="淇濆瓨璁㈠崟" onclick={orderCopy}>淇濆瓨璁㈠崟</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px" + label="淇濆瓨璁㈠崟" + onclick={orderCopy} + > + 淇濆瓨璁㈠崟 + </button> </template> <template if:true={showDeleteBtn}> <!-- <lightning-button style="margin: 5px;" label="鍒犻櫎" disabled={disabledDeleteBtn} onclick={deleteOrder}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="鍒犻櫎" disabled={disabledDeleteBtn} onclick={deleteOrder}>鍒犻櫎</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px" + label="鍒犻櫎" + disabled={disabledDeleteBtn} + onclick={deleteOrder} + > + 鍒犻櫎 + </button> </template> <!-- <template if:true={showOfferPriceInputBtn}> <lightning-button style="margin: 5px;" label="鐗逛环閲戦褰曞叆" disabled={disabledOfferPriceInputBtn} onclick={inputOfferPrice}></lightning-button> @@ -48,13 +108,32 @@ </template> --> <template if:true={showReapplyBtn}> <!-- <lightning-button style="margin: 5px;" label="鍐嶇敵璇�" onclick={reapplyOrder}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="鍐嶇敵璇�" onclick={reapplyOrder}>鍐嶇敵璇�</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px" + label="鍐嶇敵璇�" + onclick={reapplyOrder} + > + 鍐嶇敵璇� + </button> </template> - <p style="height: 10px;"></p> + <p style="height: 10px"></p> <!-- 璁㈠崟淇℃伅 --> <template if:false={editAble}> - <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> - <div style="border-bottom: 1px solid #D4D4D4;padding:3px;"> + <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"> @@ -64,21 +143,35 @@ </lightning-layout> <!-- <p style="font-size: 16px;"><strong>璁㈠崟淇℃伅</strong></p> --> </div> - <div style="padding:10px;"> - <lightning-record-view-form record-id={cocId} object-api-name="Consumable_order__c"> - <table style="width: 100%;"> + <div style="padding: 10px"> + <lightning-record-view-form + record-id={cocId} + object-api-name="Consumable_order__c" + > + <table style="width: 100%"> <tbody> <tr> <td style="width: 10%"></td> - <td style="width: 40%;"><lightning-output-field class="outputfont" field-name="Name"></lightning-output-field></td> - <td style="width: 40%;"><lightning-output-field field-name="Order_status__c"></lightning-output-field></td> + <td style="width: 40%"> + <lightning-output-field + class="outputfont" + field-name="Name" + ></lightning-output-field> + </td> + <td style="width: 40%"> + <lightning-output-field + field-name="Order_status__c" + ></lightning-output-field> + </td> <td style="width: 10%"></td> </tr> <tr> <td></td> <td> <template if:false={editAble}> - <lightning-output-field field-name="Total_amount__c"></lightning-output-field> + <lightning-output-field + field-name="Total_amount__c" + ></lightning-output-field> </template> </td> <td> @@ -87,11 +180,14 @@ <lightning-formatted-text value={contractName}></lightning-formatted-text> </div> --> <!-- style="pointer-events: none;" --> - <lightning-output-field class="showContract" field-name="Order_effective_contact__c" ></lightning-output-field> + <lightning-output-field + class="showContract" + field-name="Order_effective_contact__c" + ></lightning-output-field> </td> <!-- <td>鍚堝悓锛�<lightning-formatted-text value={coc.Order_effective_contact__r.Name}></lightning-formatted-text></td> --> <td></td> - </tr> + </tr> <tr> <td></td> <!-- <td> @@ -103,8 +199,12 @@ </template> </td> --> <td> - <template if:true={showAttUploadDate}> - <lightning-output-field field-name="Consumable_pdf_insert_day__c"></lightning-output-field> + <template + if:true={showAttUploadDate} + > + <lightning-output-field + field-name="Consumable_pdf_insert_day__c" + ></lightning-output-field> </template> </td> <td></td> @@ -122,8 +222,12 @@ <tr> <td></td> <td> - <template if:true={showOrderDate}> - <lightning-output-field field-name="Order_date__c"></lightning-output-field> + <template + if:true={showOrderDate} + > + <lightning-output-field + field-name="Order_date__c" + ></lightning-output-field> </template> </td> <td></td> @@ -132,26 +236,71 @@ <tr> <td></td> <td colspan="2"> - <lightning-card class="attListTitle" variant="Narrow" title="闄勪欢鍒楄〃" icon-name="utility:attach"> - <lightning-layout slot="footer" multiple-rows="true"> - <template for:each={attachmentRecoeds} for:item="item" for:index="index"> - <lightning-layout-item padding="around-none" size="2" key={item.recordId} style="text-align: left;padding:5px"> - <lightning-icon title={item.fileFullName} style="margin-left: 20px;" icon-name="doctype:gform" alternative-text={item.fileFullName} size="large"></lightning-icon><br/> + <lightning-card + class="attListTitle" + variant="Narrow" + title="闄勪欢鍒楄〃" + icon-name="utility:attach" + > + <lightning-layout + slot="footer" + multiple-rows="true" + > + <template + for:each={attachmentRecoeds} + for:item="item" + for:index="index" + > + <lightning-layout-item + padding="around-none" + size="2" + key={item.recordId} + style=" + text-align: left; + padding: 5px; + " + > + <lightning-icon + title={item.fileFullName} + style=" + margin-left: 20px; + " + icon-name="doctype:gform" + alternative-text={item.fileFullName} + size="large" + ></lightning-icon + ><br /> <!-- <span style="word-wrap:break-word; word-break:break-all;width:80px;display:flex;" title={item.fileFullName}> {item.fileName} </span> --> - <div title={item.fileFullName} style="width: 100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;"> + <div + title={item.fileFullName} + style=" + width: 100px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + " + > {item.fileName} </div> <p> <!-- <a data-fileid ={item.documentId} onclick={previweAtt}> --> - <a href={item.attUrl} target="_blank"> - 棰勮 - </a> 路 - <a href={item.downloadUrl}> - 涓嬭浇 - </a> 路 - <a data-fileid ={item.recordId} onclick={deleteAtt}> + <a + href={item.attUrl} + target="_blank" + > + 棰勮 </a + > 路 + <a + href={item.downloadUrl} + > + 涓嬭浇 </a + > 路 + <a + data-fileid={item.recordId} + onclick={deleteAtt} + > 鍒犻櫎 </a> </p> @@ -171,8 +320,15 @@ </template> <!-- searchBlock --> <template if:true={editAble}> - <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> - <div style="padding:10px;"> + <div + style=" + border: 1px solid #d4d4d4; + border-top: 3px solid #51606e; + border-radius: 5px; + margin-bottom: 7px; + " + > + <div style="padding: 10px"> <table> <tbody> <!-- <tr> @@ -208,62 +364,190 @@ <!-- <tr style="height: 10px;"></tr> --> <tr> <td> - <div style="color:#696969;font-size:16px;">娑堣�楀搧鍚嶇О</div> - </td> - <td> - <lightning-input class="inputFont" variant="label-hidden" label="娑堣�楀搧鍚嶇О" value={category1} onchange={category1Change}></lightning-input> - </td> - <td></td> - <td> - <div style="color:#696969;font-size:16px;">绗�3鍒嗙被</div> - </td> - <td> - <lightning-combobox class="inputFont" variant="label-hidden" label="绗�3鍒嗙被" value={category3} options={category3Option} onchange={category3Change}></lightning-combobox> - </td> - <td style="width:30px;"></td> - <td style="width:66px;"> - <div style="color:#696969;font-size:16px;">绗�4鍒嗙被</div> - </td> - <td > - <lightning-combobox class="inputFont" variant="label-hidden" label="绗�4鍒嗙被" value={category4} options={category4Option} onchange={category4Change}></lightning-combobox> - </td> - <td></td> - <td style="width: 66px;"> - <div style="color:#696969;font-size:16px;">绗�5鍒嗙被</div> - </td> - <td style="width: 160px;"> - <lightning-combobox class="inputFont" variant="label-hidden" label="绗�5鍒嗙被" value={category5} options={category5Option} onchange={category5Change}></lightning-combobox> - </td> - </tr> - <tr style="height: 10px;"></tr> - <tr> - <td style="width: 100px;"> - <div style="color:#696969;font-size:16px;"><span style="color: red;">* </span>鍚堝悓</div> - </td> - <td style="width:320px;"> - <div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right"> - <lightning-icon size="x-small" class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" icon-name="utility:search" ></lightning-icon> - <lightning-input class="inputFont" variant="label-hidden" label="鍚堝悓" placeholder="璇烽�夋嫨鍚堝悓" value={contractName} onchange={changeCon} onclick={showSearchCon}></lightning-input> + <div + style=" + color: #696969; + font-size: 16px; + " + > + 娑堣�楀搧鍚嶇О </div> </td> - <td style="width: 30px;"></td> - <td style="width:66px;"> - <template if:true={showHospital}> - <div style="color:#696969;font-size:16px;"><span style="color: red;">* </span>鍖婚櫌</div> - </template> + <td> + <lightning-input + class="inputFont" + variant="label-hidden" + label="娑堣�楀搧鍚嶇О" + value={category1} + onchange={category1Change} + ></lightning-input> </td> - <td colspan="4" style="padding-bottom:5px;padding-top:5px;"> + <td></td> + <td> + <div + style=" + color: #696969; + font-size: 16px; + " + > + 绗�3鍒嗙被 + </div> + </td> + <td> + <lightning-combobox + class="inputFont" + variant="label-hidden" + label="绗�3鍒嗙被" + value={category3} + options={category3Option} + onchange={category3Change} + ></lightning-combobox> + </td> + <td style="width: 30px"></td> + <td style="width: 66px"> + <div + style=" + color: #696969; + font-size: 16px; + " + > + 绗�4鍒嗙被 + </div> + </td> + <td> + <lightning-combobox + class="inputFont" + variant="label-hidden" + label="绗�4鍒嗙被" + value={category4} + options={category4Option} + onchange={category4Change} + ></lightning-combobox> + </td> + <td></td> + <td style="width: 66px"> + <div + style=" + color: #696969; + font-size: 16px; + " + > + 绗�5鍒嗙被 + </div> + </td> + <td style="width: 160px"> + <lightning-combobox + class="inputFont" + variant="label-hidden" + label="绗�5鍒嗙被" + value={category5} + options={category5Option} + onchange={category5Change} + ></lightning-combobox> + </td> + </tr> + <tr style="height: 10px"></tr> + <tr> + <td style="width: 100px"> + <div + style=" + color: #696969; + font-size: 16px; + " + > + <span style="color: red" + >* </span + >鍚堝悓 + </div> + </td> + <td style="width: 320px"> + <div + class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right" + > + <lightning-icon + size="x-small" + class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" + icon-name="utility:search" + ></lightning-icon> + <lightning-input + class="inputFont" + variant="label-hidden" + label="鍚堝悓" + placeholder="璇烽�夋嫨鍚堝悓" + value={contractName} + onchange={changeCon} + onclick={showSearchCon} + ></lightning-input> + </div> + </td> + <td style="width: 30px"></td> + <td style="width: 66px"> <template if:true={showHospital}> - <div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right"> - <lightning-icon size="x-small" class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" icon-name="utility:search" ></lightning-icon> - <lightning-input class="inputFont" variant="label-hidden" label="鍖婚櫌" placeholder="璇烽�夋嫨鍖婚櫌" value={hospitalName} onclick={showSearchHos} onchange={changeHos}></lightning-input> + <div + style=" + color: #696969; + font-size: 16px; + " + > + <span style="color: red" + >* </span + >鍖婚櫌 </div> </template> </td> - <td style="width: 30px;"></td> + <td + colspan="4" + style=" + padding-bottom: 5px; + padding-top: 5px; + " + > + <template if:true={showHospital}> + <div + class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right" + > + <lightning-icon + size="x-small" + class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" + icon-name="utility:search" + ></lightning-icon> + <lightning-input + class="inputFont" + variant="label-hidden" + label="鍖婚櫌" + placeholder="璇烽�夋嫨鍖婚櫌" + value={hospitalName} + onclick={showSearchHos} + onchange={changeHos} + ></lightning-input> + </div> + </template> + </td> + <td style="width: 30px"></td> <td colspan="2"> - <button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="width:130px;height:32px;margin-right: 10px;" label="娑堣�楀搧鎼滅储" onclick={searchProduct}>娑堣�楀搧鎼滅储</button> - <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="width:80px;height:32px;" label="娓呯┖" onclick={clear}>娓呯┖</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" + style=" + width: 130px; + height: 32px; + margin-right: 10px; + " + label="娑堣�楀搧鎼滅储" + onclick={searchProduct} + > + 娑堣�楀搧鎼滅储 + </button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" + style=" + width: 80px; + height: 32px; + " + label="娓呯┖" + onclick={clear} + > + 娓呯┖ + </button> </td> </tr> </tbody> @@ -273,31 +557,94 @@ </template> <!-- 璀﹀憡鎻愰啋 --> <template if:true={hasWarning}> - <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;"> - <div style="border-bottom: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;color:#ff6a00;font-size:17px;"> - <lightning-icon style="margin: 3px;" icon-name="utility:warning" size="small"></lightning-icon> + <div + style=" + border: 1px solid #d4d4d4; + border-radius: 5px; + margin-bottom: 7px; + " + > + <div + style=" + border-bottom: 1px solid #d4d4d4; + border-radius: 5px; + margin-bottom: 7px; + color: #ff6a00; + font-size: 17px; + " + > + <lightning-icon + style="margin: 3px" + icon-name="utility:warning" + size="small" + ></lightning-icon> <strong> 璀﹀憡</strong> </div> <template for:each={warningMsgs} for:item="msg"> - <p key={msg} style="color:#ff6a00;padding-left:7px;font-size:16px;margin-bottom:7px;"> 銉� {msg}</p> + <p + key={msg} + style=" + color: #ff6a00; + padding-left: 7px; + font-size: 16px; + margin-bottom: 7px; + " + > + 銉� {msg} + </p> </template> </div> </template> <!-- 鎶ラ敊鎻愰啋 --> <template if:true={hasError}> - <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;"> - <div style="border-bottom: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;color:red;font-size:17px;"> - <lightning-icon style="margin: 3px;" icon-name="utility:error" size="small"></lightning-icon> + <div + style=" + border: 1px solid #d4d4d4; + border-radius: 5px; + margin-bottom: 7px; + " + > + <div + style=" + border-bottom: 1px solid #d4d4d4; + border-radius: 5px; + margin-bottom: 7px; + color: red; + font-size: 17px; + " + > + <lightning-icon + style="margin: 3px" + icon-name="utility:error" + size="small" + ></lightning-icon> <strong> 閿欒</strong> </div> <template for:each={errorMsgs} for:item="msg"> - <p key={msg} style="color:red;padding-left:7px;font-size:16px;margin-bottom:7px;"> 銉� {msg}</p> + <p + key={msg} + style=" + color: red; + padding-left: 7px; + font-size: 16px; + margin-bottom: 7px; + " + > + 銉� {msg} + </p> </template> </div> </template> <!-- 娑堣�楀搧鏄庣粏 --> - <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> - <div style="border-bottom: 1px solid #D4D4D4;padding:3px;"> + <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"> @@ -307,24 +654,67 @@ </lightning-layout> <!-- <p style="font-size: 16px;"><strong>娑堣�楀搧鏄庣粏</strong></p> --> </div> - <div style="padding:10px;"> + <div style="padding: 10px"> <template if:true={editAble}> - <c-lex-custom-lightning-datatable class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all;" key-field="recordId" data={currentRecord} columns={cols} - selected-rows={selectRows} onrowselection={checkRows} onchangevalue={conCountChange} onvalueblur={conCountBlur} - default-sort-direction="asc" sorted-direction={sortDirection} sorted-by={sortedBy} onsort={onHandleSort}></c-lex-custom-lightning-datatable> - <c-paginator onprevious={prePageClick} onnext={nextPageClick} - onpageschange={pageSizeChange} onfirst={goFirstPage} onlast={goLastPage} - page-size-options={pageSizeOptions} previous-button-disabled={previousButtonDisabled} - next-button-disabled={nextButtonDisabled} record-start={recordStart} - record-end={recordEnd} total-records={totalRecords}></c-paginator> + <c-lex-custom-lightning-datatable + class="wrapped-header-datatable" + style=" + word-wrap: break-word; + word-break: break-all; + " + key-field="recordId" + data={currentRecord} + columns={cols} + selected-rows={selectRows} + onrowselection={checkRows} + onchangevalue={conCountChange} + onvalueblur={conCountBlur} + default-sort-direction="asc" + sorted-direction={sortDirection} + sorted-by={sortedBy} + onsort={onHandleSort} + ></c-lex-custom-lightning-datatable> + <c-paginator + onprevious={prePageClick} + onnext={nextPageClick} + onpageschange={pageSizeChange} + onfirst={goFirstPage} + onlast={goLastPage} + page-size-options={pageSizeOptions} + default-page-size={pageSize} + previous-button-disabled={previousButtonDisabled} + next-button-disabled={nextButtonDisabled} + record-start={recordStart} + record-end={recordEnd} + total-records={totalRecords} + ></c-paginator> </template> <template if:false={editAble}> - <c-lex-custom-lightning-datatable class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all;" hide-checkbox-column key-field="recordId" data={consumableorderdetailsRecordsview} columns={cols}></c-lex-custom-lightning-datatable> - <c-paginator onprevious={prePageClick} onnext={nextPageClick} - onpageschange={pageSizeChange} onfirst={goFirstPage} onlast={goLastPage} - page-size-options={pageSizeOptions} previous-button-disabled={previousButtonDisabled} - next-button-disabled={nextButtonDisabled} record-start={recordStart} - record-end={recordEnd} total-records={totalRecords}></c-paginator> + <c-lex-custom-lightning-datatable + class="wrapped-header-datatable" + style=" + word-wrap: break-word; + word-break: break-all; + " + hide-checkbox-column + key-field="recordId" + data={consumableorderdetailsRecordsview} + columns={cols} + ></c-lex-custom-lightning-datatable> + <c-paginator + onprevious={prePageClick} + onnext={nextPageClick} + onpageschange={pageSizeChange} + onfirst={goFirstPage} + onlast={goLastPage} + page-size-options={pageSizeOptions} + default-page-size={pageSize} + previous-button-disabled={previousButtonDisabled} + next-button-disabled={nextButtonDisabled} + record-start={recordStart} + record-end={recordEnd} + total-records={totalRecords} + ></c-paginator> </template> </div> </div> @@ -349,27 +739,65 @@ </template> --> <!-- 涓婁紶闄勪欢寮圭獥 --> <template if:true={showAttPop}> - <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_small" style="border: 1px solid #D4D4D4;"> + <section + role="dialog" + tabindex="-1" + aria-labelledby="modal-heading-01" + aria-modal="true" + aria-describedby="modal-content-id-1" + class="slds-modal slds-fade-in-open slds-modal_small" + style="border: 1px solid #d4d4d4" + > <template if:true={showPopSpinner}> - <lightning-spinner size="medium" variant="brand"></lightning-spinner> + <lightning-spinner + size="medium" + variant="brand" + ></lightning-spinner> </template> <div class="slds-modal__container"> - <header class="slds-modal__header" style="background-color: #F3F3F3;"> - <button style="" class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={closePop}> - <lightning-icon icon-name="utility:close" + <header + class="slds-modal__header" + style="background-color: #f3f3f3" + > + <button + style="" + class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" + title="Close" + onclick={closePop} + > + <lightning-icon + icon-name="utility:close" alternative-text="close" variant="inverse" - size="small" ></lightning-icon> + size="small" + ></lightning-icon> <span class="slds-assistive-text">Close</span> </button> - <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">涓婁紶閰嶇疆鍗�</h2> + <h2 + id="modal-heading-01" + class="slds-text-heading_medium slds-hyphenate" + > + 涓婁紶閰嶇疆鍗� + </h2> </header> - <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1" style="border: 1px solid #F3F3F3;"> + <div + class="slds-modal__content slds-p-around_medium" + id="modal-content-id-1" + style="border: 1px solid #f3f3f3" + > <div class="slds-m-top_medium slds-m-bottom_x-large"> <div class="slds-p-around_medium lgc-bg"> - <lightning-input class="fileUpload" type="file" label="闄勪欢涓婁紶" accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf" onchange={attChange}></lightning-input> + <lightning-input + class="fileUpload" + type="file" + label="闄勪欢涓婁紶" + accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf" + onchange={attChange} + ></lightning-input> </div> - <p style="font-size: 16px;">宸查�夋嫨鏂囦欢锛歿fileName} + <p style="font-size: 16px"> + 宸查�夋嫨鏂囦欢锛歿fileName} + <template if:true={attDelBtn}> <a onclick={removeAtt}>绉婚櫎</a> </template> @@ -379,8 +807,24 @@ <footer class="slds-modal__footer"> <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="鍙栨秷" onclick={closePop}></lightning-button> <lightning-button style="margin-left: 10px;" variant="neutral" label="涓婁紶" onclick={uploadAtt}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="margin-left: 10px;" variant="neutral" label="鍙栨秷" onclick={closePop}>鍙栨秷</button> - <button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="margin-left: 10px;" variant="neutral" label="涓婁紶" onclick={uploadAtt}>涓婁紶</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" + style="margin-left: 10px" + variant="neutral" + label="鍙栨秷" + onclick={closePop} + > + 鍙栨秷 + </button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" + style="margin-left: 10px" + variant="neutral" + label="涓婁紶" + onclick={uploadAtt} + > + 涓婁紶 + </button> </footer> </div> </section> @@ -388,35 +832,104 @@ </template> <!-- 鎼滅储鍖婚櫌 --> <template if:true={showAttHosPop}> - <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_medium" style="border: 1px solid #D4D4D4;"> + <section + role="dialog" + tabindex="-1" + aria-labelledby="modal-heading-01" + aria-modal="true" + aria-describedby="modal-content-id-1" + class="slds-modal slds-fade-in-open slds-modal_medium" + style="border: 1px solid #d4d4d4" + > <div class="slds-modal__container"> - <header class="slds-modal__header" style="background-color: #F3F3F3;"> - <button style="" class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={closeHospitalPop}> - <lightning-icon icon-name="utility:close" + <header + class="slds-modal__header" + style="background-color: #f3f3f3" + > + <button + style="" + class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" + title="Close" + onclick={closeHospitalPop} + > + <lightning-icon + icon-name="utility:close" alternative-text="close" variant="inverse" - size="small" ></lightning-icon> + size="small" + ></lightning-icon> <span class="slds-assistive-text">Close</span> </button> - <h2 id="modal-heading-02" class="slds-text-heading_medium slds-hyphenate">缁忛攢鍟嗗尰闄㈡绱�</h2> + <h2 + id="modal-heading-02" + class="slds-text-heading_medium slds-hyphenate" + > + 缁忛攢鍟嗗尰闄㈡绱� + </h2> </header> - <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-2" style="border: 1px solid #F3F3F3;"> - <table style="width: 100%;"> + <div + class="slds-modal__content slds-p-around_medium" + id="modal-content-id-2" + style="border: 1px solid #f3f3f3" + > + <table style="width: 100%"> <tbody> <tr> - <td style="width: 74px;"><div style="color:#696969;font-size:16px;text-align: left;">鍖婚櫌鍚嶇О</div></td> - <td style="width: 60%;"><lightning-input class="inputFont" label="鍖婚櫌鍚嶇О" variant="label-hidden" placeholder="璇疯緭鍏ュ尰闄㈠悕绉�" value={searchNameHos} onchange={searchNameHosChange}></lightning-input></td> - <td style="width: 10px;"></td> - <td><button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="height: 32px;" label="鎼滅储" onclick={searchHos}>鎼滅储</button></td> + <td style="width: 74px"> + <div + style=" + color: #696969; + font-size: 16px; + text-align: left; + " + > + 鍖婚櫌鍚嶇О + </div> + </td> + <td style="width: 60%"> + <lightning-input + class="inputFont" + label="鍖婚櫌鍚嶇О" + variant="label-hidden" + placeholder="璇疯緭鍏ュ尰闄㈠悕绉�" + value={searchNameHos} + onchange={searchNameHosChange} + ></lightning-input> + </td> + <td style="width: 10px"></td> + <td> + <button + class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" + style="height: 32px" + label="鎼滅储" + onclick={searchHos} + > + 鎼滅储 + </button> + </td> </tr> </tbody> </table> - <p style="height: 20px;"></p> + <p style="height: 20px"></p> <!-- <p>宸查�夋嫨鍖婚櫌锛歿chooseHospital}</p> --> - <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> - <div style="border-bottom: 1px solid #D4D4D4;padding:3px;"> + <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"> + <lightning-layout-item + padding="around-small" + > <p style="font-size: 18px"> <strong>鎼滅储缁撴灉</strong> </p> @@ -424,14 +937,27 @@ </lightning-layout> <!-- <p style="font-size: 16px;"><strong>鎼滅储缁撴灉</strong></p> --> </div> - <div class="myTable" style="padding:10px;"> - <lightning-datatable class="wrapped-header-datatable" key-field="id" hide-checkbox-column="true" data={hospitalList} columns={hosCols} onrowaction={chooseHos}></lightning-datatable> + <div class="myTable" style="padding: 10px"> + <lightning-datatable + class="wrapped-header-datatable" + key-field="id" + hide-checkbox-column="true" + data={hospitalList} + columns={hosCols} + onrowaction={chooseHos} + ></lightning-datatable> </div> </div> </div> <footer class="slds-modal__footer"> <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="鍙栨秷" onclick={closeHospitalPop}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="鍙栨秷" onclick={closeHospitalPop}>鍙栨秷</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" + label="鍙栨秷" + onclick={closeHospitalPop} + > + 鍙栨秷 + </button> <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="纭" onclick={confirmHospital}></lightning-button> --> </footer> </div> @@ -440,50 +966,132 @@ </template> <!-- 鎼滅储鍚堝悓 --> <template if:true={showConPop}> - <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_medium" style="border: 1px solid #D4D4D4;"> + <section + role="dialog" + tabindex="-1" + aria-labelledby="modal-heading-01" + aria-modal="true" + aria-describedby="modal-content-id-1" + class="slds-modal slds-fade-in-open slds-modal_medium" + style="border: 1px solid #d4d4d4" + > <div class="slds-modal__container"> - <header class="slds-modal__header" style="background-color: #F3F3F3;"> - <button style="" class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={closeContractPop}> - <lightning-icon icon-name="utility:close" + <header + class="slds-modal__header" + style="background-color: #f3f3f3" + > + <button + style="" + class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" + title="Close" + onclick={closeContractPop} + > + <lightning-icon + icon-name="utility:close" alternative-text="close" variant="inverse" - size="small" ></lightning-icon> + size="small" + ></lightning-icon> <span class="slds-assistive-text">Close</span> </button> - <h2 id="modal-heading-03" class="slds-text-heading_medium slds-hyphenate">鍚堝悓妫�绱�</h2> + <h2 + id="modal-heading-03" + class="slds-text-heading_medium slds-hyphenate" + > + 鍚堝悓妫�绱� + </h2> </header> - <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-3" style="border: 1px solid #F3F3F3;"> - <table style="width: 100%;"> + <div + class="slds-modal__content slds-p-around_medium" + id="modal-content-id-3" + style="border: 1px solid #f3f3f3" + > + <table style="width: 100%"> <tbody> <tr> - <td style="width: 74px;"><div style="color:#696969;font-size:16px;text-align: left;">鍚堝悓鍚嶇О</div></td> - <td style="width: 60%;"><lightning-input class="inputFont" label="鍚堝悓鍚嶇О" variant="label-hidden" placeholder="璇疯緭鍏ュ悎鍚屽悕绉�" value={searchNameCon} onchange={searchNameConChange}></lightning-input></td> - <td style="width: 10px;"></td> - <td><button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="height: 32px;" label="鎼滅储" onclick={searchCon}>鎼滅储</button></td> + <td style="width: 74px"> + <div + style=" + color: #696969; + font-size: 16px; + text-align: left; + " + > + 鍚堝悓鍚嶇О + </div> + </td> + <td style="width: 60%"> + <lightning-input + class="inputFont" + label="鍚堝悓鍚嶇О" + variant="label-hidden" + placeholder="璇疯緭鍏ュ悎鍚屽悕绉�" + value={searchNameCon} + onchange={searchNameConChange} + ></lightning-input> + </td> + <td style="width: 10px"></td> + <td> + <button + class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" + style="height: 32px" + label="鎼滅储" + onclick={searchCon} + > + 鎼滅储 + </button> + </td> <!-- <td><lightning-button label="鎼滅储" onclick={searchCon}></lightning-button></td> --> </tr> </tbody> </table> - <p style="height: 10px;"></p> + <p style="height: 10px"></p> <!-- <p>宸查�夋嫨鍚堝悓锛歿chooseContract}</p> --> - <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> - <div style="border-bottom: 1px solid #D4D4D4;padding:3px;"> + <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"> + <lightning-layout-item + padding="around-small" + > <p style="font-size: 18px"> <strong>鎼滅储缁撴灉</strong> </p> </lightning-layout-item> </lightning-layout> </div> - <div style="padding:20px;"> - <lightning-datatable class="wrapped-header-datatable" key-field="id" hide-checkbox-column="true" data={contractList} columns={conCols} onrowaction={chooseCon}></lightning-datatable> + <div style="padding: 20px"> + <lightning-datatable + class="wrapped-header-datatable" + key-field="id" + hide-checkbox-column="true" + data={contractList} + columns={conCols} + onrowaction={chooseCon} + ></lightning-datatable> </div> </div> </div> <footer class="slds-modal__footer"> <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="鍙栨秷" onclick={closeContractPop}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="鍙栨秷" onclick={closeContractPop}>鍙栨秷</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" + label="鍙栨秷" + onclick={closeContractPop} + > + 鍙栨秷 + </button> <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="纭" onclick={confirmContract}></lightning-button> --> </footer> </div> -- Gitblit v1.9.1