backup0626

binxie

2023-06-26 8c8f51f10bb9e158cb8b89cb8d58e4ce7d467583

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

@@ -1,135 +1,131 @@
<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;"> 
        <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}
                                        style="width: 150px;"></lightning-button> -->
                                </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">
                                </c-lex-custom-lightning-datatable>
                        </template>
                        <!-- 加载框 -->

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

      
     
                <!-- <template if:true={showTables}>
                    <c-lex-custom-lightning-datatable key-field="prodid" data={overduePageRecords} columns={column}
                    onrowselection={getSelectedRows}   hide-checkbox-column="true"
                   selected-rows={selectedRows}>
               </c-lex-custom-lightning-datatable>
                </template> -->


            </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>
    </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}
                                style="width: 150px;"></lightning-button> -->
                        </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">
                        </c-lex-custom-lightning-datatable>
                </template>
                <!-- 加载框 -->

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