From 8c8f51f10bb9e158cb8b89cb8d58e4ce7d467583 Mon Sep 17 00:00:00 2001 From: binxie <137736985@qq.com> Date: 星期一, 26 六月 2023 11:29:01 +0800 Subject: [PATCH] backup0626 --- force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html | 266 ++++++++++++++++++++++++++++------------------------ 1 files changed, 142 insertions(+), 124 deletions(-) diff --git a/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html b/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html index b8da408..6c29ff9 100644 --- a/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html +++ b/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html @@ -1,129 +1,147 @@ <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;"> - <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:3px;"> - <!-- <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 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:10px;"> - <!-- <lightning-button variant="brand" class = 'lexstyle' style="margin:12px;" label="搴撳瓨鐩樼偣" title="搴撳瓨鐩樼偣" - onclick={inventoryCount}></lightning-button> - <lightning-button variant="brand" class = 'lexstyle' style="margin: 12px;" label="杩囨湡搴撳瓨閿�瀛�" title="杩囨湡搴撳瓨閿�瀛�" - onclick={handleExpired}></lightning-button> - <lightning-button variant="brand" class = 'lexstyle' style="margin: 12px;" label="鎷嗙洅" title="鎷嗙洅" onclick={removeBox}></lightning-button> - <lightning-button variant="brand" class = 'lexstyle' style="margin: 12px;" label="鍙栨秷鎷嗙洅" title="鍙栨秷鎷嗙洅" - onclick={cancelremoveBox}></lightning-button> --> - <button style ="margin-left:5px" class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="搴撳瓨鐩樼偣" onclick={inventoryCount}>搴撳瓨鐩樼偣</button> - <button class="slds-button slds-button_neutral slds-button_stretch lexButtoun" label="杩囨湡搴撳瓨閿�瀛�" style = "margin-left:60px;" onclick={handleExpired}>杩囨湡搴撳瓨閿�瀛�</button> - <button class="slds-button slds-button_neutral slds-button_stretch lexButtoun" label="鎷嗙洅" style = "margin-left:60px;" onclick={removeBox}>鎷嗙洅</button> - <button class="slds-button slds-button_neutral slds-button_stretch lexButtoun" label="鍙栨秷鎷嗙洅" style = "margin-left:60px;" onclick={cancelremoveBox}>鍙栨秷鎷嗙洅</button> - </div> - </div> + <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;"> + <!-- <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 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:10px;"> + <!-- <lightning-button variant="brand" class = 'lexstyle' style="margin:12px;" label="搴撳瓨鐩樼偣" title="搴撳瓨鐩樼偣" + onclick={inventoryCount}></lightning-button> + <lightning-button variant="brand" class = 'lexstyle' style="margin: 12px;" label="杩囨湡搴撳瓨閿�瀛�" title="杩囨湡搴撳瓨閿�瀛�" + onclick={handleExpired}></lightning-button> + <lightning-button variant="brand" class = 'lexstyle' style="margin: 12px;" label="鎷嗙洅" title="鎷嗙洅" onclick={removeBox}></lightning-button> + <lightning-button variant="brand" class = 'lexstyle' style="margin: 12px;" label="鍙栨秷鎷嗙洅" title="鍙栨秷鎷嗙洅" + onclick={cancelremoveBox}></lightning-button> --> + <button style="margin-left:5px" + class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="搴撳瓨鐩樼偣" + onclick={inventoryCount}>搴撳瓨鐩樼偣</button> + <button class="slds-button slds-button_neutral slds-button_stretch lexButtoun" label="杩囨湡搴撳瓨閿�瀛�" + style="margin-left:60px;" onclick={handleExpired}>杩囨湡搴撳瓨閿�瀛�</button> + <button class="slds-button slds-button_neutral slds-button_stretch lexButtoun" label="鎷嗙洅" + style="margin-left:60px;" onclick={removeBox}>鎷嗙洅</button> + <button class="slds-button slds-button_neutral slds-button_stretch lexButtoun" label="鍙栨秷鎷嗙洅" + style="margin-left:60px;" onclick={cancelremoveBox}>鍙栨秷鎷嗙洅</button> + </div> + </div> - <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:30px;"> - <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;height:115px"> - <table style="margin-top:10px;"> - <colgroup> - <col width="160px" /> - <col width="100px" /> - <col width="10px" /> - <col width="70px" /> - <col width="100px" /> - <col width="10px" /> - <col width="70px" /> - <col width="100px" /> - <col width="10px" /> - <col width="90px" /> - <col width="100px" /> - <col width="85px" /> - <col width="100px" /> - <col width="10px" /> - <col width="70px" /> - <col width="100px" /> - </colgroup> - <tbody> - <tr> - <td style="width:10px;"></td> - <td style="width:250px"> - <div style="width:90px;margin-left:12px;" class="searchName">娑堣�楀搧鍚嶇О</div> - </td> - <td style="width: 21%;"> - <lightning-input class="searchName" type="text" name="Name" label="娑堣�楀搧鍚嶇О" value={Name} - variant="label-hidden" onchange={dataChange} - data-field="Name"></lightning-input> - </td> - <td style="width:150px"> - <div style="width:90px;text-align:center;" class="searchName">绗�3鍒嗙被</div> - </td> - <td style="width: 21%;"> - <lightning-combobox class="inputFont" style="margin-left:5px;" name="CategoryThree" label="绗�3鍒嗙被" value={value} - placeholder="璇烽�夋嫨..." options={category3Options} variant="label-hidden" - data-field="CategoryThree" onchange={dataChange}></lightning-combobox> - </td> - <td style="width:150px"> - <div style="width:90px;text-align:center;" class="searchName">绗�4鍒嗙被</div> - </td> - <td style="width: 21%;"> - <lightning-combobox class="inputFont" name="CategoryFour" label="绗�4鍒嗙被" value={value} - placeholder="璇烽�夋嫨..." options={category4Options} variant="label-hidden" - data-field="CategoryFour" onchange={dataChange}></lightning-combobox> - </td> - <td style="width:150px"> - <div style="width:90px;text-align:center;" class="searchName">绗�5鍒嗙被</div> - </td> - <td style="width: 21%;"> - <lightning-combobox class="inputFont" name="CategoryFive" label="绗�5鍒嗙被" value={value} - placeholder="璇烽�夋嫨..." options={category5Options} variant="label-hidden" - data-field="CategoryFive" onchange={dataChange}></lightning-combobox> - </td> - <td style="width: 1%;"></td> - </tr> - </tbody> - </table> - <br/> - <div style="float:right;margin-right:10px;"> <button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" label="娑堣�楀搧鎼滅储" onclick={searchOrderDetail}>娑堣�楀搧鎼滅储</button> - <button style="margin-left:10px;" class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="娓呯┖" onclick={clearAll}>娓呯┖</button></div> - - </div> - </div> - <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;"> - <!-- <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;"> - <template if:true={showTable}> - <c-lex-custom-lightning-datatable key-field="id" data={data} columns={columns} - default-sort-direction={defaultSortDirection} sorted-direction={sortDirection} - sorted-by={sortedBy} onsort={onHandleSort} hide-checkbox-column={hidecheckboxcolumn} - class="wrapped-header-datatable"> - </c-lex-custom-lightning-datatable> - </template> - <c-paginator onprevious={handlePrevious} onnext={handleNext} onpageschange={handlePageschange} - onfirst={handleFirst} onlast={handleLast} page-size-options={pageSizeOptions} - previous-button-disabled={previousButtonDisabled} next-button-disabled={nextButtonDisabled} - record-start={recordStart} record-end={recordEnd} total-records={totalRecords}></c-paginator> - </div> - </div> - </div> + <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:30px;"> + <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;height:115px"> + <table style="margin-top:10px;"> + <colgroup> + <col width="160px" /> + <col width="100px" /> + <col width="10px" /> + <col width="70px" /> + <col width="100px" /> + <col width="10px" /> + <col width="70px" /> + <col width="100px" /> + <col width="10px" /> + <col width="90px" /> + <col width="100px" /> + <col width="85px" /> + <col width="100px" /> + <col width="10px" /> + <col width="70px" /> + <col width="100px" /> + </colgroup> + <tbody> + <tr> + <td style="width:10px;"></td> + <td style="width:250px"> + <div style="width:90px;margin-left:12px;" class="searchName">娑堣�楀搧鍚嶇О</div> + </td> + <td style="width: 21%;"> + <lightning-input class="searchName" type="text" name="Name" label="娑堣�楀搧鍚嶇О" + value={Name} variant="label-hidden" onchange={dataChange} + data-field="Name"></lightning-input> + </td> + <td style="width:150px"> + <div style="width:90px;text-align:center;" class="searchName">绗�3鍒嗙被</div> + </td> + <td style="width: 21%;"> + <lightning-combobox class="inputFont" style="margin-left:5px;" name="CategoryThree" + label="绗�3鍒嗙被" value={value} placeholder="璇烽�夋嫨..." options={category3Options} + variant="label-hidden" data-field="CategoryThree" + onchange={dataChange}></lightning-combobox> + </td> + <td style="width:150px"> + <div style="width:90px;text-align:center;" class="searchName">绗�4鍒嗙被</div> + </td> + <td style="width: 21%;"> + <lightning-combobox class="inputFont" name="CategoryFour" label="绗�4鍒嗙被" value={value} + placeholder="璇烽�夋嫨..." options={category4Options} variant="label-hidden" + data-field="CategoryFour" onchange={dataChange}></lightning-combobox> + </td> + <td style="width:150px"> + <div style="width:90px;text-align:center;" class="searchName">绗�5鍒嗙被</div> + </td> + <td style="width: 21%;"> + <lightning-combobox class="inputFont" name="CategoryFive" label="绗�5鍒嗙被" value={value} + placeholder="璇烽�夋嫨..." options={category5Options} variant="label-hidden" + data-field="CategoryFive" onchange={dataChange}></lightning-combobox> + </td> + <td style="width: 1%;"></td> + </tr> + </tbody> + </table> + <br /> + <div style="float:right;margin-right:10px;"> <button + class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" label="娑堣�楀搧鎼滅储" + onclick={searchOrderDetail}>娑堣�楀搧鎼滅储</button> + <button style="margin-left:10px;" + class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="娓呯┖" + onclick={clearAll}>娓呯┖</button> + </div> + + </div> + </div> + <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;"> + <!-- <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;"> + <template if:true={showTable}> + <c-lex-custom-lightning-datatable key-field="id" data={data} columns={columns} + default-sort-direction={defaultSortDirection} sorted-direction={sortDirection} + sorted-by={sortedBy} onsort={onHandleSort} hide-checkbox-column={hidecheckboxcolumn} + class="wrapped-header-datatable"> + </c-lex-custom-lightning-datatable> + </template> + <c-paginator onprevious={handlePrevious} onnext={handleNext} onpageschange={handlePageschange} + onfirst={handleFirst} onlast={handleLast} page-size-options={pageSizeOptions} + previous-button-disabled={previousButtonDisabled} next-button-disabled={nextButtonDisabled} + record-start={recordStart} record-end={recordEnd} total-records={totalRecords}></c-paginator> + </div> + </div> + </div> - </div> + </div> </template> \ No newline at end of file -- Gitblit v1.9.1