From 0f44cb1a0b7b36860e9ce81c1eac9e395d87f0b4 Mon Sep 17 00:00:00 2001 From: buli <137736985@qq.com> Date: 星期一, 05 六月 2023 13:53:18 +0800 Subject: [PATCH] mergecode into lex dtt --- force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html | 215 +++++++++++++++++------------------------------------ 1 files changed, 68 insertions(+), 147 deletions(-) diff --git a/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html b/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html index 75d091b..18ee0c9 100644 --- a/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html +++ b/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html @@ -2,59 +2,38 @@ <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: 19px;"><strong>搴撳瓨绠$悊</strong></p> + <!-- <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:3px;"> - <lightning-button style="margin: 5px;" label="搴撳瓨鐩樼偣" title="搴撳瓨鐩樼偣" + <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 style="margin: 5px;" label="杩囨湡搴撳瓨閿�瀛�" title="杩囨湡搴撳瓨閿�瀛�" + <lightning-button variant="brand" class = 'lexstyle' style="margin: 12px;" label="杩囨湡搴撳瓨閿�瀛�" title="杩囨湡搴撳瓨閿�瀛�" onclick={handleExpired}></lightning-button> - <lightning-button style="margin: 5px;" label="鎷嗙洅" title="鎷嗙洅" onclick={removeBox}></lightning-button> - <lightning-button style="margin: 5px;" label="鍙栨秷鎷嗙洅" title="鍙栨秷鎷嗙洅" onclick={cancelremoveBox}></lightning-button> - <!-- <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 style="width:15%;"></td> - <td style="width:15%;"><lightning-button label="搴撳瓨鐩樼偣" title="搴撳瓨鐩樼偣" onclick={inventoryCount} ></lightning-button></td> - <td></td> - <td></td> - <td style="width:15%"><lightning-button label="杩囨湡搴撳瓨閿�瀛�" title="杩囨湡搴撳瓨閿�瀛�" onclick={handleExpired} ></lightning-button></td> - <td></td> - <td></td> - <td style="width:15%;"><lightning-button label="鎷嗙洅" title="鎷嗙洅" onclick={removeBox} ></lightning-button></td> - <td></td> - <td></td> - <td style="width:15%;"><lightning-button label="鍙栨秷鎷嗙洅" title="鍙栨秷鎷嗙洅" onclick={handleClick}></lightning-button></td> - - </tr> - </tbody> - </table> --> + <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 lexBorder" label="杩囨湡搴撳瓨閿�瀛�" style = "margin-left:150px;" onclick={handleExpired}>杩囨湡搴撳瓨閿�瀛�</button> + <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="鎷嗙洅" style = "margin-left:150px;" onclick={removeBox}>鎷嗙洅</button> + <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="鍙栨秷鎷嗙洅" style = "margin-left:150px;" onclick={cancelremoveBox}>鍙栨秷鎷嗙洅</button> </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;"> - <table> + <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" /> @@ -74,131 +53,73 @@ <col width="100px" /> </colgroup> <tbody> - <tr> + <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 type="text" name="Name" label="娑堣�楀搧鍚嶇О" value={Name} - variant="label-inline" onchange={handleChange} + <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: 21%;"> - <lightning-combobox name="CategoryThree" label="绗�3鍒嗙被" value={value} - placeholder="璇烽�夋嫨..." options={options1} variant="label-inline" - data-field="CategoryThree" onchange={handleChange}></lightning-combobox> + <td style="width:150px"> + <div style="width:90px;text-align:center;" class="searchName">绗�3鍒嗙被</div> </td> <td style="width: 21%;"> - <lightning-combobox name="CategoryFour" label="绗�4鍒嗙被" value={value} - placeholder="璇烽�夋嫨..." options={options2} variant="label-inline" - data-field="CategoryFour" onchange={handleChange}></lightning-combobox> + <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 name="CategoryFive" label="绗�5鍒嗙被" value={value} - placeholder="璇烽�夋嫨..." options={options3} variant="label-inline" - data-field="CategoryFive" onchange={handleChange}></lightning-combobox> + <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: 3%;"></td> - <td style="width: 8%;"> - <lightning-button label="娑堣�楀搧鎼滅储" onclick={searchOrderDetail}></lightning-button> + <td style="width:150px"> + <div style="width:90px;text-align:center;" class="searchName">绗�5鍒嗙被</div> </td> - <td style="width: 8%;"> - <lightning-button label="娓呯┖" onclick={clearAll}></lightning-button> + <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> + <!-- <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}> - <lightning-datatable - key-field="id" - data={data} - columns={columns} - default-sort-direction={defaultSortDirection} - sorted-direction={sortDirection} - sorted-by={sortedBy} - onsort={onHandleSort} - hidecheckboxcolumn = {hidecheckboxcolumn}> - </lightning-datatable> - <c-paginator - if:true={paginationVisibility} - 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> + <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> - - - <!-- <table class="list" border="0" cellpadding="0" cellspacing="0" id="example"> - <thead> - <tr class="headerRow"> - <th>娑堣�楀搧鍚嶇О</th> - <th>绗�3鍒嗙被</th> - <th>绗�4鍒嗙被</th> - <th>绗�5鍒嗙被</th> - <th>瑙勬牸</th> - <th>鍗曚綅</th> - <th>娉ㄥ唽璇佺紪鐮佸彿</th> - <th>娉ㄥ唽璇佹晥鏈�</th> - <th>CFDA鐘舵��</th> - <th>浣跨敤鏈熼檺</th> - <th>鏈夋晥鏈熷唴搴撳瓨</th> - <th>杩囨湡搴撳瓨</th> - - <template if:true={hasHos}> - <th>鍖婚櫌鐗逛环</th> - </template> - </tr> - </thead> - <tbody> - <template for:each={pageRecords} for:item="m"> - <tr key={m.Prod.Name__c}> - <td align="center">{m.Prod.Name__c}</td> - <td align="center">{m.Prod.Category3__c}</td> - <td align="center">{m.Prod.Category4__c}</td> - <td align="center">{m.Prod.Category5__c}</td> - <td align="center">{m.packing_list}</td> - <td align="center">{m.BoxPiece}</td> - <td align="center">{m.approbation_No}</td> - <td align="center">{m.expiration_Date}</td> - <td align="center">{m.Prod.SFDA_Status__c}</td> - <td align="center">{m.guaranteeperiod}</td> - <td align="center">{m.limitCount}</td> - <td align="center">{m.overlimitCount}</td> - <template if:true={hasHos}> - <td> - <template if:true={m.hospitalSpecialOffer}> - 鈭� - </template> - </td> - </template> - </tr> - </template> - </tbody> - </table> --> - <!-- <div style="height: 300px;"> - <lightning-datatable - key-field="id" - data={data} - columns={columns} - hide-checkbox-column - default-sort-direction={defaultSortDirection} - sorted-direction={sortDirection} - sorted-by={sortedBy} - onsort={onHandleSort}> - </lightning-datatable> - </div> --> + <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> -- Gitblit v1.9.1