|  |  | 
 |  |  | <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> | 
 |  |  | 
 |  |  |         <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;"> | 
 |  |  |                     <table> | 
 |  |  |                     <lightning-button style="margin: 5px;" label="库存盘点" title="库存盘点" | 
 |  |  |                         onclick={inventoryCount}></lightning-button> | 
 |  |  |                     <lightning-button style="margin: 5px;" 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"/> | 
 |  |  | 
 |  |  |                         </colgroup> | 
 |  |  |                         <tbody> | 
 |  |  |                             <tr> | 
 |  |  |                                 <td></td> | 
 |  |  |                                 <td><lightning-button label="库存盘点" title="库存盘点" onclick={inventoryCount} ></lightning-button></td> | 
 |  |  |                                 <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:100px;"><lightning-button label="过期库存销存"  title="过期库存销存" onclick={handleClick} ></lightning-button></td> | 
 |  |  |                                 <td style="width:15%"><lightning-button label="过期库存销存"  title="过期库存销存" onclick={handleExpired} ></lightning-button></td> | 
 |  |  |                                 <td></td> | 
 |  |  |                                 <td></td> | 
 |  |  |                                 <td style="width:100px;"><lightning-button label="拆盒" title="拆盒" onclick={handleClick} ></lightning-button></td> | 
 |  |  |                                 <td style="width:15%;"><lightning-button label="拆盒" title="拆盒" onclick={removeBox} ></lightning-button></td> | 
 |  |  |                                 <td></td> | 
 |  |  |                                 <td></td> | 
 |  |  |                                 <td style="width:100px;"><lightning-button label="取消拆盒" title="取消拆盒" onclick={handleClick}></lightning-button></td> | 
 |  |  |                                 <td style="width:15%;"><lightning-button label="取消拆盒" title="取消拆盒" onclick={handleClick}></lightning-button></td> | 
 |  |  |          | 
 |  |  |                             </tr> | 
 |  |  |                         </tbody>   | 
 |  |  |                 </table> | 
 |  |  |                 </table> --> | 
 |  |  |                 </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> | 
 |  |  |                             <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: 21%;"> | 
 |  |  |                                         <lightning-input type="text" name="Name" label="消耗品名称"  value={Name}  variant="label-inline" onchange={handleChange} data-field ="Name" ></lightning-input> | 
 |  |  |                                     </td> | 
 |  |  |                                     <td style="width: 21%;"> | 
 |  |  |                                         <lightning-combobox   name="CategoryThree" label="第3分类" value={value} placeholder="请选择..." options={optionscatone} variant="label-inline" onchange={handleChange}></lightning-combobox> | 
 |  |  |                                     </td> | 
 |  |  |                                     <td style="width: 21%;"> | 
 |  |  |                                         <lightning-combobox  name="CategoryFour" label="第4分类" value={value} placeholder="请选择..." options={options2} variant="label-inline" onchange={handleChange}></lightning-combobox> | 
 |  |  |                                     </td> | 
 |  |  |                                     <td style="width: 21%;"> | 
 |  |  |                                         <lightning-combobox  name="CategoryFive" label="第5分类" value={value} placeholder="请选择..." options={options3} variant="label-inline" onchange={handleChange}></lightning-combobox> | 
 |  |  |                                     </td> | 
 |  |  |                                     <td style="width: 3%;"></td> | 
 |  |  |                                     <td style="width: 8%;"> | 
 |  |  |                                         <lightning-button label="消耗品搜索" onclick={searchOrderDetail}></lightning-button> | 
 |  |  |                                     </td> | 
 |  |  |                                     <td style="width: 8%;"> | 
 |  |  |                                         <lightning-button label="清空" onclick={clearAll}></lightning-button> | 
 |  |  |                                     </td> | 
 |  |  |                                 </tr> | 
 |  |  |                             </tbody> | 
 |  |  |                         </table> | 
 |  |  |                     </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> | 
 |  |  |                         <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: 21%;"> | 
 |  |  |                                     <lightning-input type="text" name="Name" label="消耗品名称" value={Name} | 
 |  |  |                                         variant="label-inline" onchange={handleChange} | 
 |  |  |                                         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> | 
 |  |  |                                 <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> | 
 |  |  |                                 </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> | 
 |  |  |                                 </td> | 
 |  |  |                                 <td style="width: 3%;"></td> | 
 |  |  |                                 <td style="width: 8%;"> | 
 |  |  |                                     <lightning-button label="消耗品搜索" onclick={searchOrderDetail}></lightning-button> | 
 |  |  |                                 </td> | 
 |  |  |                                 <td style="width: 8%;"> | 
 |  |  |                                     <lightning-button label="清空" onclick={clearAll}></lightning-button> | 
 |  |  |                                 </td> | 
 |  |  |                             </tr> | 
 |  |  |                         </tbody> | 
 |  |  |                     </table> | 
 |  |  |                 </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> | 
 |  |  |                 <div style="padding:10px;"> | 
 |  |  |                     <template if:true={showTable}> | 
 |  |  |                         <c-lwc-datatable-utility  | 
 |  |  |                             records={data}  | 
 |  |  |                             total-records={data.length}  | 
 |  |  |                             columns = {columns} | 
 |  |  |                             key-field="Id" | 
 |  |  |                             show-search-box="true"             | 
 |  |  |                             max-row-selection={data.length} | 
 |  |  |                             onpaginatorchange={handlePaginatorChange}> | 
 |  |  |                         </c-lwc-datatable-utility> | 
 |  |  |                         <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> | 
 |  |  |                     </template> | 
 |  |  |                    | 
 |  |  |  | 
 |  |  |  | 
 |  |  |                     <!-- <table class="list" border="0" cellpadding="0" cellspacing="0" id="example"> | 
 |  |  |                         <thead> |