| | |
|---|
| | | <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> |
|---|
| | | <!-- <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> |
|---|
| | | <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> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | style=" |
|---|
| | | border: 1px solid #d4d4d4; |
|---|
| | | border-radius: 5px; |
|---|
| | | margin-bottom: 7px; |
|---|
| | | margin-top: 5px; |
|---|
| | | " |
|---|
| | | > |
|---|
| | | </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; |
|---|
| | | " |
|---|
| | | 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> |
|---|
| | | <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-item padding="around-small"> |
|---|
| | | <p style="font-size: 18px"> |
|---|
| | | <strong>取消拆盒</strong> |
|---|
| | | </p> |
|---|
| | | </lightning-layout-item> |
|---|
| | | </lightning-layout> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </div> |
|---|
| | | </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 |
|---|
| | | 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> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </template> |
|---|
