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/lexArriveGoods/lexArriveGoods.html | 356 ++++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 291 insertions(+), 65 deletions(-) diff --git a/force-app/main/default/lwc/lexArriveGoods/lexArriveGoods.html b/force-app/main/default/lwc/lexArriveGoods/lexArriveGoods.html index 9a4bd7e..bff6b32 100644 --- a/force-app/main/default/lwc/lexArriveGoods/lexArriveGoods.html +++ b/force-app/main/default/lwc/lexArriveGoods/lexArriveGoods.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,8 +14,14 @@ </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="border-bottom: 1px solid #D4D4D4;padding:3px;"> + <div + style=" + border: 1px solid #d4d4d4; + border-top: 3px solid #51606e; + border-radius: 5px; + " + > + <div style="border-bottom: 1px solid #d4d4d4; padding: 3px"> <lightning-layout> <lightning-layout-item padding="around-small"> <p style="font-size: 18px"> @@ -22,21 +31,48 @@ </lightning-layout> <!-- <p style="font-size: 16px;"><strong>鍏ュ簱/杩斿搧</strong></p> --> </div> - <div style="padding:10px;"> + <div style="padding: 10px"> <!-- 鎸夐挳 --> <template if:false={returnFLGbln}> <!-- <lightning-button style="margin: 5px;" label="鍒拌揣纭" onclick={arriveGoodsConfim} disabled={saveFLGbln}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="鍒拌揣纭" onclick={arriveGoodsConfim} disabled={saveFLGbln}>鍒拌揣纭</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px" + label="鍒拌揣纭" + onclick={arriveGoodsConfim} + disabled={saveFLGbln} + > + 鍒拌揣纭 + </button> </template> <template if:true={returnFLGbln}> <!-- <lightning-button style="margin: 5px;" label="鐧诲綍杩斿搧" onclick={updateGoodsOfReturn}></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="鐧诲綍杩斿搧" onclick={updateGoodsOfReturn}>鐧诲綍杩斿搧</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px" + label="鐧诲綍杩斿搧" + onclick={updateGoodsOfReturn} + > + 鐧诲綍杩斿搧 + </button> </template> - <p style="height: 10px;"></p> + <p style="height: 10px"></p> <!-- 璁㈠崟淇℃伅 --> <template if:true={showOrderDetail}> - <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"> @@ -46,37 +82,73 @@ </lightning-layout> <!-- <p style="font-size: 16px;"><strong>璁㈠崟淇℃伅</strong></p> --> </div> - <div style="padding:10px;"> + <div style="padding: 10px"> <table> <tbody> <tr> - <td style="width:10px;"></td> - <td style="width:60px;"> - <div style="color:#696969;font-size:12px;">璁㈠崟鍚嶇О</div> + <td style="width: 10px"></td> + <td style="width: 74px"> + <div + style=" + color: #696969; + font-size: 16px; + " + > + 璁㈠崟鍚嶇О + </div> </td> - <td style="width:200px;"> - <lightning-formatted-text value={coc.Name}></lightning-formatted-text> + <td style="width: 200px"> + <lightning-formatted-text style="font-size: 16px;" + value={coc.Name} + ></lightning-formatted-text> </td> - <td style="width:30px;"></td> - <td style="width:60px;"> - <div style="color:#696969;font-size:12px;">璁㈠崟鎬绘暟</div> + <td style="width: 30px"></td> + <td style="width: 74px"> + <div + style=" + color: #696969; + font-size: 16px; + " + > + 璁㈠崟鎬绘暟 + </div> </td> - <td style="width:100px;"> - <lightning-formatted-number value={coc.Total_num__c}></lightning-formatted-number> + <td style="width: 100px"> + <lightning-formatted-number style="font-size: 16px;" + value={coc.Total_num__c} + ></lightning-formatted-number> </td> - <td style="width:30px;"></td> - <td style="width:72px;"> - <div style="color:#696969;font-size:12px;">宸插埌璐ф暟閲�</div> + <td style="width: 30px"></td> + <td style="width: 90px"> + <div + style=" + color: #696969; + font-size: 16px; + " + > + 宸插埌璐ф暟閲� + </div> </td> - <td style="width:100px;"> - <lightning-formatted-number value={coc.OrderNumber_arrived__c}></lightning-formatted-number> + <td style="width: 100px"> + <lightning-formatted-number style="font-size: 16px;" + value={coc.OrderNumber_arrived__c} + ></lightning-formatted-number> </td> - <td style="width:30px;"></td> - <td style="width:84px;"> - <div style="color:#696969;font-size:12px;">杩樻病鍙戣揣鏁伴噺</div> + <td style="width: 30px"></td> + <td style="width: 106px"> + <div + style=" + color: #696969; + font-size: 16px; + " + > + 杩樻病鍙戣揣鏁伴噺 + </div> </td> - <td style="width:100px;"> - <lightning-formatted-number value={coc.OrderNumber_notarrive__c}></lightning-formatted-number> + <td style="width: 100px"> + <lightning-formatted-number style="font-size: 16px;" + value={coc.OrderNumber_notarrive__c} + ></lightning-formatted-number> </td> <td></td> </tr> @@ -86,8 +158,15 @@ </div> </template> <!-- BarCode褰曞叆 --> - <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"> @@ -97,20 +176,35 @@ </lightning-layout> <!-- <p style="font-size: 16px;"><strong>BarCode褰曞叆</strong></p> --> </div> - <div style="padding:10px;"> + <div style="padding: 10px"> <table> <tbody> <tr> - <td style="width:20px;"></td> - <td style="width:60px;font-size:16px;">BarCode</td> - <td style="width:30px;"></td> - <td style="width:600px;"> - <lightning-textarea class="inputFont" name="BarCode" value={barcode} label="" variant="label-hidden" onchange={barcodeChange}></lightning-textarea> + <td style="width: 20px"></td> + <td style="width: 60px; font-size: 16px"> + BarCode </td> - <td style="width:30px;"></td> - <td style="width:200px;"> + <td style="width: 30px"></td> + <td style="width: 600px"> + <lightning-textarea + class="inputFont" + name="BarCode" + value={barcode} + label="" + variant="label-hidden" + onchange={barcodeChange} + ></lightning-textarea> + </td> + <td style="width: 30px"></td> + <td style="width: 200px"> <!-- <lightning-button label="鑾峰彇鏄庣粏" title="鑾峰彇鏄庣粏" onclick={barcodeEntrys} style="width: 300px;"></lightning-button> --> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="鑾峰彇鏄庣粏" onclick={barcodeEntrys}>鑾峰彇鏄庣粏</button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + label="鑾峰彇鏄庣粏" + onclick={barcodeEntrys} + > + 鑾峰彇鏄庣粏 + </button> </td> <td></td> </tr> @@ -120,32 +214,94 @@ </div> <!-- 璀﹀憡鎻愰啋 --> <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 icon-name="utility:warning"></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 + icon-name="utility:warning" + ></lightning-icon> <strong> 璀﹀憡</strong> </div> <template for:each={warningMsgs} for:item="msg"> - <p key={msg} style="color:#ff6a00;padding-left:7px;font-size:14px;"> 銉� {msg}</p> + <p + key={msg} + style=" + color: #ff6a00; + padding-left: 7px; + font-size: 14px; + " + > + 銉� {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 icon-name="utility:error"></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 + icon-name="utility:error" + ></lightning-icon> <strong> 閿欒</strong> </div> <template for:each={errorMsgs} for:item="msg"> - <p key={msg} style="color:red;padding-left:7px;font-size:14px;"> 銉� {msg}</p> + <p + key={msg} + style=" + color: red; + padding-left: 7px; + font-size: 14px; + " + > + 銉� {msg} + </p> </template> </div> </template> <!-- 鏈鍒拌揣浜у搧姹囨�� --> <template if:false={returnFLGbln}> - <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"> @@ -155,15 +311,37 @@ </lightning-layout> <!-- <p style="font-size: 16px;"><strong>鏈鍒拌揣浜у搧姹囨��</strong></p> --> </div> - <div style="padding:10px;"> - <lightning-datatable class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all;" hide-checkbox-column key-field="recordId" columns={currentArrProdCols} data={detailsSummary}></lightning-datatable> + <div style="padding: 10px"> + <lightning-datatable + class="wrapped-header-datatable" + style=" + word-wrap: break-word; + word-break: break-all; + " + hide-checkbox-column + key-field="recordId" + columns={currentArrProdCols} + data={detailsSummary} + ></lightning-datatable> </div> </div> </template> <!-- 鍒拌揣鏄庣粏 --> <template if:false={returnFLGbln}> - <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"> @@ -172,15 +350,37 @@ </lightning-layout-item> </lightning-layout> </div> - <div style="padding:10px;"> - <lightning-datatable class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all;" hide-checkbox-column key-field="recordId" columns={arrDetailCols} data={consumableorderdetailsRecordsview}></lightning-datatable> + <div style="padding: 10px"> + <lightning-datatable + class="wrapped-header-datatable" + style=" + word-wrap: break-word; + word-break: break-all; + " + hide-checkbox-column + key-field="recordId" + columns={arrDetailCols} + data={consumableorderdetailsRecordsview} + ></lightning-datatable> </div> </div> </template> <!-- 杩斿搧鏄庣粏 --> <template if:true={returnFLGbln}> - <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"> @@ -189,8 +389,20 @@ </lightning-layout-item> </lightning-layout> </div> - <div style="padding:10px;"> - <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={showGoodsofReturnListView} columns={returnDetailCols} onchangereturncount={returnCountChange} onchangevalue={returnReasonChange}></c-lex-custom-lightning-datatable> + <div style="padding: 10px"> + <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={showGoodsofReturnListView} + columns={returnDetailCols} + onchangereturncount={returnCountChange} + onchangevalue={returnReasonChange} + ></c-lex-custom-lightning-datatable> </div> </div> </template> @@ -210,8 +422,15 @@ </div> </div> --> <!-- 閿欒鏄庣粏 --> - <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"> @@ -221,8 +440,15 @@ </lightning-layout> <!-- <p style="font-size: 16px;"><strong>閿欒鏄庣粏</strong></p> --> </div> - <div style="padding:10px;"> - <lightning-datatable class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all;" hide-checkbox-column key-field="recordId" columns={errorDetailCols} data={consumableorderdetailsRecordserror}></lightning-datatable> + <div style="padding: 10px"> + <lightning-datatable + class="wrapped-header-datatable" + style="word-wrap: break-word; word-break: break-all" + hide-checkbox-column + key-field="recordId" + columns={errorDetailCols} + data={consumableorderdetailsRecordserror} + ></lightning-datatable> </div> </div> </div> -- Gitblit v1.9.1