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