|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <template if:true={showSpinner}> | 
|---|
|  |  |  | <lightning-spinner size="medium" variant="brand"></lightning-spinner> | 
|---|
|  |  |  | <!-- <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> | 
|---|
|  |  |  | <!-- <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> | 
|---|
|  |  |  | </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; | 
|---|
|  |  |  | " | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <!-- <lightning-button variant="brand" class='lexstyle' style="margin-left:10px;" label="取消拆盒确认" title="取消拆盒确认" onclick={saveConfirm}></lightning-button></td> --> | 
|---|
|  |  |  | <button | 
|---|
|  |  |  | class="slds-button slds-button_neutral slds-button_stretch lexBorder" | 
|---|
|  |  |  | style="margin-left: 10px; margin-top: 12px; margin-bottom: 12px" | 
|---|
|  |  |  | label="取消拆盒确认" | 
|---|
|  |  |  | onclick={saveConfirm} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | 取消拆盒确认 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | style=" | 
|---|
|  |  |  | border: 1px solid #d4d4d4; | 
|---|
|  |  |  | border-radius: 5px; | 
|---|
|  |  |  | margin-bottom: 7px; | 
|---|
|  |  |  | margin-top: 5px; | 
|---|
|  |  |  | " | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | style=" | 
|---|
|  |  |  | border-top: 3px solid #51606e; | 
|---|
|  |  |  | border-bottom: 1px solid #d4d4d4; | 
|---|
|  |  |  | padding: 3px; | 
|---|
|  |  |  | " | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <lightning-layout> | 
|---|
|  |  |  | <lightning-layout-item padding="around-small"> | 
|---|
|  |  |  | <p style="font-size: 16px"> | 
|---|
|  |  |  | <strong>BarCode录入</strong> | 
|---|
|  |  |  | </p> | 
|---|
|  |  |  | </lightning-layout-item> | 
|---|
|  |  |  | </lightning-layout> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="border: 1px solid #D4D4D4;border-radius:5px;"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- <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={getDetails} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | 获取明细 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | <!-- <lightning-button variant="brand" class='lexstyle' label="获取明细" title="获取明细" onclick={getDetails} | 
|---|
|  |  |  | ></lightning-button> --> | 
|---|
|  |  |  | </td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </tbody> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | <!-- </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; | 
|---|
|  |  |  | " | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <lightning-layout> | 
|---|
|  |  |  | <lightning-layout-item padding="around-small"> | 
|---|
|  |  |  | <p style="font-size: 18px"> | 
|---|
|  |  |  | <strong>取消拆盒明细</strong> | 
|---|
|  |  |  | </p> | 
|---|
|  |  |  | </lightning-layout-item> | 
|---|
|  |  |  | </lightning-layout> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="padding: 10px"> | 
|---|
|  |  |  | <!-- <div style="height: 300px;"> --> | 
|---|
|  |  |  | <!-- <template if:true={showTable}> --> | 
|---|
|  |  |  | <c-lex-custom-lightning-datatable | 
|---|
|  |  |  | key-field="prodid" | 
|---|
|  |  |  | data={data} | 
|---|
|  |  |  | columns={columns} | 
|---|
|  |  |  | onrowselection={getSelectedRows} | 
|---|
|  |  |  | hide-checkbox-column="true" | 
|---|
|  |  |  | selected-rows={selectedRows} | 
|---|
|  |  |  | class="wrapped-header-datatable" | 
|---|
|  |  |  | style="word-wrap: break-word; word-break: break-all" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </c-lex-custom-lightning-datatable> | 
|---|
|  |  |  | <!-- </template> --> | 
|---|
|  |  |  | <!-- </div> --> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | style=" | 
|---|
|  |  |  | border: 1px solid #d4d4d4; | 
|---|
|  |  |  | border-radius: 5px; | 
|---|
|  |  |  | margin-bottom: 7px; | 
|---|
|  |  |  | margin-top: 10px; | 
|---|
|  |  |  | " | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | style=" | 
|---|
|  |  |  | border-top: 3px solid #51606e; | 
|---|
|  |  |  | border-bottom: 1px solid #d4d4d4; | 
|---|
|  |  |  | padding: 3px; | 
|---|
|  |  |  | " | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <table> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td> | 
|---|
|  |  |  | <lightning-layout> | 
|---|
|  |  |  | <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:3px;"> | 
|---|
|  |  |  | <div> | 
|---|
|  |  |  | <!-- <p style="font-size: 18px;"><strong>取消拆盒</strong></p> --> | 
|---|
|  |  |  | <lightning-layout> | 
|---|
|  |  |  | <lightning-layout-item padding="around-small"> | 
|---|
|  |  |  | <p style="font-size: 18px"> | 
|---|
|  |  |  | <strong>错误明细</strong> | 
|---|
|  |  |  | </p> | 
|---|
|  |  |  | <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={errorDetail} | 
|---|
|  |  |  | 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> | 
|---|
|  |  |  | </lightning-layout> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </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;"> | 
|---|
|  |  |  | <!-- <lightning-button variant="brand" class='lexstyle' style="margin-left:10px;" label="取消拆盒确认" title="取消拆盒确认" onclick={saveConfirm}></lightning-button></td> --> | 
|---|
|  |  |  | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin-left:10px;margin-top:12px;margin-bottom:12px;" label="取消拆盒确认" onclick={saveConfirm}>取消拆盒确认</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:5px;"> | 
|---|
|  |  |  | <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> | 
|---|
|  |  |  | <lightning-layout> | 
|---|
|  |  |  | <lightning-layout-item padding="around-small"> | 
|---|
|  |  |  | <p style="font-size: 16px"> | 
|---|
|  |  |  | <strong>BarCode录入</strong> | 
|---|
|  |  |  | </p> | 
|---|
|  |  |  | </lightning-layout-item> | 
|---|
|  |  |  | </lightning-layout> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- <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={getDetails}>获取明细</button> | 
|---|
|  |  |  | <!-- <lightning-button variant="brand" class='lexstyle' label="获取明细" title="获取明细" onclick={getDetails} | 
|---|
|  |  |  | ></lightning-button> --> | 
|---|
|  |  |  | </td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </tbody> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | <!-- </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;"> | 
|---|
|  |  |  | <lightning-layout> | 
|---|
|  |  |  | <lightning-layout-item padding="around-small"> | 
|---|
|  |  |  | <p style="font-size: 18px"> | 
|---|
|  |  |  | <strong>取消拆盒明细</strong> | 
|---|
|  |  |  | </p> | 
|---|
|  |  |  | </lightning-layout-item> | 
|---|
|  |  |  | </lightning-layout> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="padding:10px;"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- <div style="height: 300px;"> --> | 
|---|
|  |  |  | <!-- <template if:true={showTable}> --> | 
|---|
|  |  |  | <c-lex-custom-lightning-datatable key-field="prodid" data={data} columns={columns} | 
|---|
|  |  |  | onrowselection={getSelectedRows} hide-checkbox-column="true" | 
|---|
|  |  |  | selected-rows={selectedRows} class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all; "> | 
|---|
|  |  |  | </c-lex-custom-lightning-datatable> | 
|---|
|  |  |  | <!-- </template> --> | 
|---|
|  |  |  | <!-- </div> --> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px"> | 
|---|
|  |  |  | <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> | 
|---|
|  |  |  | <table> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td> | 
|---|
|  |  |  | <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={errorDetail} 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> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </template> | 
|---|