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/lexRemoveBox/lexRemoveBox.html | 268 ++++++++++++++++++++++++++--------------------------- 1 files changed, 133 insertions(+), 135 deletions(-) diff --git a/force-app/main/default/lwc/lexRemoveBox/lexRemoveBox.html b/force-app/main/default/lwc/lexRemoveBox/lexRemoveBox.html index 9e190eb..b8546a2 100644 --- a/force-app/main/default/lwc/lexRemoveBox/lexRemoveBox.html +++ b/force-app/main/default/lwc/lexRemoveBox/lexRemoveBox.html @@ -1,143 +1,141 @@ <template> - <template if:true={showSpinner}> - <lightning-spinner size="medium" variant="brand"></lightning-spinner> - </template> - <c-common-toast></c-common-toast> - <div style="border: 1px solid #D4D4D4;border-radius:5px;"> + <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"> + <span class="slds-assistive-text">Loading</span> + <div class="slds-spinner__dot-a"></div> + <div class="slds-spinner__dot-b"></div> + </div> + </div> + </template> + <c-common-toast></c-common-toast> + <div style="border: 1px solid #D4D4D4;border-radius:5px;"> - <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:3px;"> - <div> - <!-- <p style="font-size: 18px;"><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> - <div style="padding:10px;"> - <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;"> - <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> - <!-- <lightning-button variant="brand" class='lexstyle' style="margin-left:10px;" label="鎷嗙洅纭" title="鎷嗙洅纭" onclick={saveConfirm}></lightning-button>--> - <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin-left:10px;margin-top:12px;margin-bottom:12px;" label="鎷嗙洅纭" onclick={saveConfirm}>鎷嗙洅纭</button> - </div> - </div> - <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:5px;"> - <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> - <lightning-layout> - <lightning-layout-item padding="around-small"> - <p style="font-size: 16px"> - <strong>BarCode褰曞叆</strong> - </p> - </lightning-layout-item> - </lightning-layout> - </div> + <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:3px;"> + <div> + <!-- <p style="font-size: 18px;"><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> + <div style="padding:10px;"> + <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;"> + <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> + <!-- <lightning-button variant="brand" class='lexstyle' style="margin-left:10px;" label="鎷嗙洅纭" title="鎷嗙洅纭" onclick={saveConfirm}></lightning-button>--> + <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin-left:10px;margin-top:12px;margin-bottom:12px;" label="鎷嗙洅纭" onclick={saveConfirm}>鎷嗙洅纭</button> + </div> + </div> + <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:5px;"> + <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> + <lightning-layout> + <lightning-layout-item padding="around-small"> + <p style="font-size: 16px"> + <strong>BarCode褰曞叆</strong> + </p> + </lightning-layout-item> + </lightning-layout> + </div> + + <!-- <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> --> + <table> + <colgroup> + <col width="160px" /> + <col width="100px" /> + <col width="10px" /> + <col width="70px" /> + <col width="100px" /> + <col width="10px" /> + <col width="90px" /> + <col width="100px" /> + <col width="10px" /> + <col width="85px" /> + <col width="100px" /> + <col width="10px" /> + <col width="70px" /> + <col width="100px" /> + </colgroup> + <tbody> + <tr> + <td></td> + <td align="right" class="searchName">BarCode</td> + <td style="width:600px"><lightning-textarea class="inputFont" name="BarCode" label="" + onchange={handleChange}></lightning-textarea></td> + <td align="right"></td> + <td></td> + <td style="width: 200px;"> + <button style="margin-top:14px;" class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="鑾峰彇鏄庣粏" onclick={getDetails}>鑾峰彇鏄庣粏</button> + <!-- <lightning-button variant="brand" class='lexstyle' label="鑾峰彇鏄庣粏" title="鑾峰彇鏄庣粏" onclick={getDetails} + ></lightning-button> --> + </td> + </tr> + </tbody> + </table> + <!-- </div> --> + </div> + + <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px"> + <div style="border-top: 3px solid #51606E;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> + </div> + <div style="padding:10px;"> + + <lightning-datatable + key-field="prodid" data={data} columns={columns} + onrowselection={getSelectedRows} hide-checkbox-column="true" + selected-rows={selectedRows} class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all; "> + </lightning-datatable> + </div> + </div> + <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px"> + <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> + <table> + <tr> + <td> + <lightning-layout> + <lightning-layout-item padding="around-small"> + <p style="font-size: 18px"> + <strong>閿欒鏄庣粏</strong> + </p> + </lightning-layout-item> + </lightning-layout> + </td> + </tr> + </table> + </div> + + <div style="padding:10px;"> + <!-- <template if:true={showTables}> --> - <!-- <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> --> - <table> - <colgroup> - <col width="160px" /> - <col width="100px" /> - <col width="10px" /> - <col width="70px" /> - <col width="100px" /> - <col width="10px" /> - <col width="90px" /> - <col width="100px" /> - <col width="10px" /> - <col width="85px" /> - <col width="100px" /> - <col width="10px" /> - <col width="70px" /> - <col width="100px" /> - </colgroup> - <tbody> - <tr> - <td></td> - <td align="right" class="searchName">BarCode</td> - <td style="width:600px"><lightning-textarea class="inputFont" name="BarCode" label="" - onchange={handleChange}></lightning-textarea></td> - <td align="right"></td> - <td></td> - <td style="width: 200px;"> - <button style="margin-top:14px;" class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="鑾峰彇鏄庣粏" onclick={getDetails}>鑾峰彇鏄庣粏</button> - <!-- <lightning-button variant="brand" class='lexstyle' label="鑾峰彇鏄庣粏" title="鑾峰彇鏄庣粏" onclick={getDetails} - ></lightning-button> --> - </td> - </tr> - </tbody> - </table> - <!-- </div> --> - </div> - - <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px"> - <div style="border-top: 3px solid #51606E;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> - </div> - <div style="padding:10px;"> - - <!-- <div style="height: 300px;"> --> - <!-- <template if:true={showTable}> --> - <!-- <c-lex-custom-lightning-datatable key-field="prodid" data={data} columns={columns} - onrowselection={getSelectedRows} hide-checkbox-column="true" - selected-rows={selectedRows}> - </c-lex-custom-lightning-datatable> --> - <lightning-datatable - key-field="prodid" data={data} columns={columns} - onrowselection={getSelectedRows} hide-checkbox-column="true" - selected-rows={selectedRows} class="wrapped-header-datatable"> - </lightning-datatable> - <!-- </template> --> - <!-- </div> --> - - </div> - </div> - <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px"> - <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> - <table> - <tr> - <td> - <lightning-layout> - <lightning-layout-item padding="around-small"> - <p style="font-size: 18px"> - <strong>閿欒鏄庣粏</strong> - </p> - </lightning-layout-item> - </lightning-layout> - </td> - </tr> - </table> - </div> - - <div style="padding:10px;"> - <!-- <template if:true={showTables}> --> - - <!-- <c-lex-custom-lightning-datatable key-field="id" data={errorDetail} columns={column} - onrowselection={getSelectedRows} hide-checkbox-column="true" - selected-rows={selectedRows}> - </c-lex-custom-lightning-datatable> --> - <lightning-datatable - key-field="id" data={errorDetail} columns={column} - onrowselection={getSelectedRows} hide-checkbox-column="true" - selected-rows={selectedRows} class="wrapped-header-datatable"> - </lightning-datatable> - <!-- </template> --> + <!-- <c-lex-custom-lightning-datatable key-field="id" data={errorDetail} columns={column} + onrowselection={getSelectedRows} hide-checkbox-column="true" + selected-rows={selectedRows}> + </c-lex-custom-lightning-datatable> --> + <lightning-datatable + key-field="id" data={errorDetail} columns={column} + onrowselection={getSelectedRows} hide-checkbox-column="true" + selected-rows={selectedRows} class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all; "> + </lightning-datatable> + <!-- </template> --> - </div> - </div> - </div> + </div> + </div> + </div> - - - </div> + + </div> + </template> \ No newline at end of file -- Gitblit v1.9.1