lexcommunityupload0714

buli

2023-07-14 744f42c5496e656a1f9927740a3b37c0b97a6cba

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

@@ -2,7 +2,10 @@
    <template if:true={showSpinner}>
        <!-- <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">
            <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>
@@ -10,8 +13,14 @@
        </div>
    </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;">
    <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">
@@ -21,9 +30,21 @@
                </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;">
        <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 variant="brand" class = 'lexstyle' style="margin: 12px;" label="过期库存销存" title="过期库存销存"
@@ -31,21 +52,58 @@
                    <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>
                    <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;margin-top:30px;">
                <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;height:115px">
                    <table style="margin-top:10px;">
            <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" />
@@ -66,57 +124,129 @@
                        </colgroup>
                        <tbody>
                            <tr>
                                <td style="width:10px;"></td>
                                <td style="width:250px">
                                    <div style="width:90px;margin-left:12px;" class="searchName">消耗品名称</div>
                                <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-input class="searchName" type="text" name="Name" label="消耗品名称"
                                        value={Name} variant="label-hidden" onchange={dataChange}
                                        data-field="Name"></lightning-input>
                                <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:150px">
                                    <div style="width:90px;text-align:center;" class="searchName">第3分类</div>
                                <td style="width: 150px">
                                    <div
                                        style="width: 90px; text-align: center"
                                        class="searchName"
                                    >
                                        第3分类
                                    </div>
                                </td>
                                <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 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:150px">
                                    <div style="width:90px;text-align:center;" class="searchName">第4分类</div>
                                <td style="width: 150px">
                                    <div
                                        style="width: 90px; text-align: center"
                                        class="searchName"
                                    >
                                        第4分类
                                    </div>
                                </td>
                                <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 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 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 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>
                                <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 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;">
            <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">
@@ -126,22 +256,38 @@
                        </lightning-layout-item>
                    </lightning-layout>
                </div>
                <div style="padding:10px;">
                <div style="padding: 10px">
                    <template if:true={showTable}>
                        <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
                            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;"
                            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>
                    <c-paginator
                        onprevious={handlePrevious}
                        onnext={handleNext}
                        onpageschange={handlePageschange}
                        onfirst={handleFirst}
                        onlast={handleLast}
                        page-size-options={pageSizeOptions}
                        default-page-size={pageSize}
                        previous-button-disabled={previousButtonDisabled}
                        next-button-disabled={nextButtonDisabled}
                        record-start={recordStart}
                        record-end={recordEnd}
                        total-records={totalRecords}
                    ></c-paginator>
                </div>
            </div>
        </div>


    </div>
</template>