buli
2023-07-14 5b5c1e16deaa3a9d6d0ed1ffca390655ed103df7
force-app/main/default/lwc/lexOverdueStock/lexOverdueStock.html
@@ -1,212 +1,131 @@
<template>
    <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"
            >
                <span class="slds-assistive-text">Loading</span>
                <div class="slds-spinner__dot-a"></div>
                <div class="slds-spinner__dot-b"></div>
            </div>
    <!-- <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">
            <span class="slds-assistive-text">Loading</span>
            <div class="slds-spinner__dot-a"></div>
            <div class="slds-spinner__dot-b"></div>
        </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="margin: 12px">
                <p style="font-size: 18px; float: left">
                    <strong>过期库存销存</strong>
                </p>
            </div>
            <div style="margin-left: 400px; margin-bottom: 12px">
                <!-- <lightning-button variant="brand" class = 'lexstyle'  label="销存确认" title="销存确认" onclick={saveConfirm}></lightning-button> -->
                <button
                    class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                    label="销存确认"
                    onclick={saveConfirm}
                >
                    销存确认
                </button>
            </div>
        </div>
    </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="margin: 12px;">
        <p style="font-size: 18px;float:left"><strong>过期库存销存</strong></p>
    </div>
    <div style="margin-left:400px;margin-bottom:12px;">
        <!-- <lightning-button variant="brand" class = 'lexstyle'  label="销存确认" title="销存确认" onclick={saveConfirm}></lightning-button> -->
        <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="销存确认" onclick={saveConfirm}>销存确认</button>
    </div>
</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: 3px;
                    "
                >
                    <table>
                        <colgroup>
                            <col width="160px" />
                            <col width="100px" />
                            <col width="10px" />
                            <col width="70px" />
                            <col width="100px" />
                            <col width="10px" />
                            <col width="90px" />
                            <col width="100px" />
                            <col width="10px" />
                            <col width="85px" />
                            <col width="100px" />
                            <col width="10px" />
                            <col width="70px" />
                            <col width="100px" />
                        </colgroup>
                        <tbody>
                            <tr>
                                <td></td>
                                <td align="right" class="searchName">
                                    BarCode
                                </td>
                                <td style="width: 600px">
                                    <lightning-textarea
                                        class="inputFont"
                                        name="BarCode"
                                        label=""
                                        onchange={handleChange}
                                    ></lightning-textarea>
                                </td>
                                <td align="right"></td>
                                <td></td>
                                <td style="width: 200px">
                                    <button
                                        style="margin-top: 14px"
                                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                                        label="获取明细"
                                        onclick={barcodeEntrys}
                                    >
                                        获取明细
                                    </button>
                                    <!-- <lightning-button class='lexstyle'  label="BarCode录入" title="BarCode录入" onclick={barcodeEntrys}
<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>
                <colgroup>
                    <col width="160px" />
                    <col width="100px" />
                    <col width="10px" />
                    <col width="70px" />
                    <col width="100px" />
                    <col width="10px" />
                    <col width="90px" />
                    <col width="100px" />
                    <col width="10px" />
                    <col width="85px" />
                    <col width="100px" />
                    <col width="10px" />
                    <col width="70px" />
                    <col width="100px" />
                </colgroup>
                <tbody>
                    <tr>
                        <td></td>
                        <td align="right" class="searchName">BarCode</td>
                        <td style="width:600px"><lightning-textarea class="inputFont"  name="BarCode" label=""
                                onchange={handleChange}></lightning-textarea></td>
                        <td align="right"></td>
                        <td></td>
                        <td style="width:200px">
                            <button style="margin-top:14px;" class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="获取明细" onclick={barcodeEntrys}>获取明细</button>
                            <!-- <lightning-button class='lexstyle'  label="BarCode录入" title="BarCode录入" onclick={barcodeEntrys}
                                style="width: 150px;"></lightning-button> -->
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
            <div
                style="
                    border: 1px solid #d4d4d4;
                    border-radius: 5px;
                    margin-bottom: 5px;
                "
            >
                <div
                    style="
                        border-top: 3px solid #51606e;
                        border-bottom: 1px solid #d4d4d4;
                        padding: 3px;
                    "
                >
                    <!-- <p style="font-size: 16px;"><strong>过期库存一览</strong></p> -->
                    <table>
                        <tr>
                            <td>
                                <!-- <p style="font-size: 16px;"><strong>销存明细</strong></p> -->
                                <lightning-layout>
                                    <lightning-layout-item
                                        padding="around-small"
                                    >
                                        <p style="font-size: 18px">
                                            <strong>过期库存一览</strong>
                                        </p>
                                    </lightning-layout-item>
                                </lightning-layout>
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="padding: 10px">
                    <!-- <div style="height: 300px;"> -->
                    <template if:true={showTable}>
                        <c-lex-custom-lightning-datatable
                            key-field="key"
                            data={data}
                            columns={columns}
                            onrowselection={getSelectedRows}
                            selected-rows={selectedRows}
                            class="wrapped-header-datatable"
                        >
    <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:5px;">
        <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
            <!-- <p style="font-size: 16px;"><strong>过期库存一览</strong></p> -->
            <table>
                <tr>
                    <td>
                        <!-- <p style="font-size: 16px;"><strong>销存明细</strong></p> -->
                        <lightning-layout>
                            <lightning-layout-item padding="around-small">
                                <p style="font-size: 18px">
                                    <strong>过期库存一览</strong>
                                </p>
                            </lightning-layout-item>
                        </lightning-layout>
                    </td>
                </tr>
            </table>
        </div>
        <div style="padding:10px;">
            <!-- <div style="height: 300px;"> -->
                <template if:true={showTable}>
                    <c-lex-custom-lightning-datatable key-field="key" data={data} columns={columns}
                    onrowselection={getSelectedRows}
                    selected-rows={selectedRows} class="wrapped-header-datatable">
                        </c-lex-custom-lightning-datatable>
                    </template>
                    <!-- 加载框 -->
                </template>
                <!-- 加载框 -->
                    <!-- <div if:true={casesSpinner} class="slds-spinner_inline spinner-padding"
                   <!-- <div if:true={casesSpinner} class="slds-spinner_inline spinner-padding"
                    style="margin-top:10px;">
                    <lightning-spinner variant="brand" alternative-text="Loading Cases" size="medium">
                    </lightning-spinner>
                </div> -->
                    <!-- </div> -->
                </div>
            </div>
            <!-- </div> -->
            <div
                style="
                    border: 1px solid #d4d4d4;
                    border-radius: 5px;
                    margin-bottom: 5px;
                "
            >
                <div
                    style="
                        border-top: 3px solid #51606e;
                        border-bottom: 1px solid #d4d4d4;
                        padding: 3px;
                    "
                >
                    <table>
                        <tr>
                            <td>
                                <!-- <p style="font-size: 16px;"><strong>销存明细</strong></p> -->
                                <lightning-layout>
                                    <lightning-layout-item
                                        padding="around-small"
                                    >
                                        <p style="font-size: 18px">
                                            <strong>销存明细</strong>
                                        </p>
                                    </lightning-layout-item>
                                </lightning-layout>
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="padding: 10px">
                    <lightning-datatable
                        key-field="id"
                        data={overduePageRecords}
                        columns={column}
                        onrowselection={getSelectedRows}
                        hide-checkbox-column="true"
                        selected-rows={selectedRows}
                        class="wrapped-header-datatable"
                        style="word-wrap: break-word; word-break: break-all"
                    >
                    </lightning-datatable>
                </div>
            </div>
        </div>
    </div>
</template>
    <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:5px;">
        <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
                <table>
                    <tr>
                        <td>
                            <!-- <p style="font-size: 16px;"><strong>销存明细</strong></p> -->
                            <lightning-layout>
                                <lightning-layout-item padding="around-small">
                                    <p style="font-size: 18px">
                                        <strong>销存明细</strong>
                                    </p>
                                </lightning-layout-item>
                            </lightning-layout>
                        </td>
                    </tr>
                </table>
            </div>
        <div style="padding:10px;">
            <lightning-datatable
            key-field="id" data={overduePageRecords} columns={column}
            onrowselection={getSelectedRows}   hide-checkbox-column="true"
           selected-rows={selectedRows} class="wrapped-header-datatable " style="word-wrap:break-word; word-break:break-all; ">
    </lightning-datatable>
</div>
    </div>
</div>
</div>
</template>