lex community

buli

2023-07-14 5b5c1e16deaa3a9d6d0ed1ffca390655ed103df7

 force-app/main/default/lwc/lexProductLimitEdit/lexProductLimitEdit.html

@@ -2,21 +2,9 @@
    <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;
            "
        >
    <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">
@@ -26,142 +14,69 @@
                </lightning-layout-item>
            </lightning-layout>

            <table
                class="slds-table slds-table_cell-buffer slds-table_bordered"
            >
            <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 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="First Name"
                            >
                                库存下限
                            </div>
                            <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>
                        <th scope="col">
                            <div
                                class="slds-truncate"
                                style="font-size: 16px"
                                title="Last Name"
                            >
                                操作
                            </div>
                            <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"
                    >
                    <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>
                                    <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>
                                    <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>
                                    <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 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>
                    <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>
                            <button class="slds-m-left_x-small slds-button slds-button_neutral slds-button_stretch lexBorder" label="行增加" onclick={addRow}>行增加</button>
                        </td>
                        <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>
                            <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>
                </table>
            
        </div>
    </div>
</template>
        </div>
</template>