<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>
|
