| <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;margin-bottom:7px;"> | 
|         <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> | 
|   | 
|             <table class="slds-table slds-table_cell-buffer slds-table_bordered"> | 
|                 <thead> | 
|                     <tr class=""> | 
|                         <!-- <th class="slds-size_3-of-10" scope="col"> | 
|                             <div class="slds-truncate" title="Name">S.No</div> | 
|                         </th> --> | 
|                         <th scope="col" align="center"> | 
|                             <div class="slds-truncate" style="font-size:16px;" title="Name">产品型号</div> | 
|                         </th> | 
|                         <th scope="col"> | 
|                             <div class="slds-truncate" style="font-size:16px;" title="First Name"> | 
|                                 库存下限  | 
|                             </div> | 
|                         </th> | 
|                         <th scope="col"> | 
|                             <div class="slds-truncate" style="font-size:16px;" title="Last Name">库存上限</div> | 
|                         </th> | 
|                         <th scope="col"> | 
|                             <div class="slds-truncate" style="font-size:16px;" title="Last Name">操作</div> | 
|                         </th> | 
|                     </tr> | 
|                 </thead> | 
|                 <tbody> | 
|                     <template for:each = {invRecords} for:item = "inv" for:index="indexVar"> | 
|                         <tr key={inv.key} class="slds-hint-parent"> | 
|                             <td> | 
|                                 <div> | 
|                                     <lightning-input key={inv.key} data-id={inv.key} data-index={indexVar} name="productNumber" label="productNumber" value={inv.productNumber} variant="label-hidden" onchange={handleProductChange}></lightning-input> | 
|                                 </div> | 
|                             </td> | 
|                             <td> | 
|                                 <div> | 
|                                     <lightning-input key={inv.key} data-id={inv.key} data-index={indexVar} name="inventory1" label="inventory1" value={inv.inventory1} variant="label-hidden" onchange={handleProductChange}></lightning-input> | 
|                                 </div> | 
|                             </td> | 
|                             <td> | 
|                                 <div> | 
|                                     <lightning-input key={inv.key} data-id={inv.key} data-index={indexVar} name="inventory2" label="inventory2" value={inv.inventory2} variant="label-hidden" onchange={handleProductChange}></lightning-input> | 
|                                 </div> | 
|                             </td> | 
|                             <td> | 
|                                 <a name={indexVar} data-id={inv.key} onclick={removeRow}> | 
|                                         <lightning-icon icon-name="utility:delete" alternative-text="delete"  size="small"></lightning-icon> | 
|                                 </a> | 
|                             </td> | 
|                         </tr> | 
|                     </template> | 
|                     <tr>  | 
|                         <td></td> | 
|                         <td> | 
|                             <!-- <lightning-button label="行增加"  onclick={addRow} class="slds-m-left_x-small lexBorder"></lightning-button>             --> | 
|                             <button class="slds-m-left_x-small slds-button slds-button_neutral slds-button_stretch lexBorder" label="行增加" onclick={addRow}>行增加</button> | 
|                         </td> | 
|                         <td>  | 
|                             <!-- <lightning-button label="保存"  onclick={handleClick} class="slds-m-left_x-small lexBorder"></lightning-button>        --> | 
|                             <button class="slds-m-left_x-small slds-button slds-button_neutral slds-button_stretch lexBorder" label="保存" onclick={handleClick}>保存</button> | 
|                         </td> | 
|                         <td></td> | 
|                         | 
|                     </tr> | 
|                 </tbody> | 
|                 </table> | 
|              | 
|         </div> | 
|         </div> | 
| </template> |