From be102ae06e8f986bd9d1a544cd2752e5fa94231a Mon Sep 17 00:00:00 2001
From: binxie <137736985@qq.com>
Date: 星期二, 11 七月 2023 14:23:51 +0800
Subject: [PATCH] LEX Community Deploy0711
---
force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html | 391 ++++++++++++++++++++++++++++++++++---------------------
1 files changed, 244 insertions(+), 147 deletions(-)
diff --git a/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html b/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html
index 0ac5a1c..181806f 100644
--- a/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html
+++ b/force-app/main/default/lwc/lexinventoryViewLWC/lexinventoryViewLWC.html
@@ -1,61 +1,109 @@
<template>
<template if:true={showSpinner}>
- <lightning-spinner size="medium" variant="brand"></lightning-spinner>
- </template>
- <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>
+ <!-- <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>
- <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="搴撳瓨鐩樼偣"
+ </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 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 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;">
- <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" />
@@ -76,119 +124,168 @@
</colgroup>
<tbody>
<tr>
- <td style="width: 21%;">
- <lightning-input type="text" name="Name" label="娑堣�楀搧鍚嶇О" value={Name}
- variant="label-inline" onchange={dataChange}
- data-field="Name"></lightning-input>
+ <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-combobox name="CategoryThree" label="绗�3鍒嗙被" value={value}
- placeholder="璇烽�夋嫨..." options={category3Options} variant="label-inline"
- data-field="CategoryThree" onchange={dataChange}></lightning-combobox>
+ <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: 21%;">
- <lightning-combobox name="CategoryFour" label="绗�4鍒嗙被" value={value}
- placeholder="璇烽�夋嫨..." options={category4Options} variant="label-inline"
- data-field="CategoryFour" onchange={dataChange}></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="CategoryFive" label="绗�5鍒嗙被" value={value}
- placeholder="璇烽�夋嫨..." options={category5Options} variant="label-inline"
- data-field="CategoryFive" onchange={dataChange}></lightning-combobox>
+ <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: 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"
+ >
+ 绗�4鍒嗙被
+ </div>
</td>
- <td style="width: 8%;">
- <lightning-button label="娓呯┖" onclick={clearAll}></lightning-button>
+ <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>
+ <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;">
+ <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} hide-checkbox-column={hidecheckboxcolumn}
- style="word-wrap:break-word; word-break:break-all; ">
- </lightning-datatable>
+ <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>
-
-
- <!-- <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>
-
-
</div>
</template>
\ No newline at end of file
--
Gitblit v1.9.1