| | |
|---|
| | | <template if:true={showSpinner}> |
|---|
| | | <lightning-spinner size="medium" variant="brand"></lightning-spinner> |
|---|
| | | </template> |
|---|
| | | <c-common-toast></c-common-toast> |
|---|
| | | <template if:true={showPage}> |
|---|
| | | <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;"> |
|---|
| | | <div style="padding:10px;"> |
|---|
| | | <!-- 按钮 --> |
|---|
| | | <lightning-button style="margin: 5px;" label="入库" onclick={orderArrive}></lightning-button> |
|---|
| | | <lightning-button style="margin: 5px;" label="返品" onclick={orderReturn}></lightning-button> |
|---|
| | | <!-- <lightning-button style="margin: 5px;" label="入库" onclick={orderArrive}></lightning-button> |
|---|
| | | <lightning-button style="margin: 5px;" label="返品" onclick={orderReturn}></lightning-button> --> |
|---|
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;margin-right: 150px;" label="入库" onclick={orderArrive}>入库</button> |
|---|
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="返品" onclick={orderReturn}>返品</button> |
|---|
| | | <p style="height: 10px;"></p> |
|---|
| | | <!-- 检索条件 --> |
|---|
| | | <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> |
|---|
| | | <div style="border-bottom: 1px solid #D4D4D4;padding:3px;"> |
|---|
| | | <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> |
|---|
| | | <!-- <p style="font-size: 16px;"><strong>检索条件</strong></p> --> |
|---|
| | | </div> |
|---|
| | | <div style="padding:10px;"> |
|---|
| | | <table> |
|---|
| | | <tbody> |
|---|
| | | <tr> |
|---|
| | | <td style="width: 10px;"></td> |
|---|
| | | <td style="width: 94px;"> |
|---|
| | | <div style="color:#696969;font-size:12px;text-align: left;">消耗品订单名称</div> |
|---|
| | | <td style="width: 120px;"> |
|---|
| | | <div style="color:#696969;font-size:16px;text-align: left;">消耗品订单名称</div> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <lightning-input type="text" variant="label-hidden" label="消耗品订单名称" value={category1} onchange={category1Change}></lightning-input> |
|---|
| | | <lightning-input class="inputFont" type="text" variant="label-hidden" label="消耗品订单名称" value={category1} onchange={category1Change}></lightning-input> |
|---|
| | | </td> |
|---|
| | | <td style="width: 30px;"></td> |
|---|
| | | <td style="width: 82px;"> |
|---|
| | | <div style="color:#696969;font-size:12px;text-align: left;">最新发货日期</div> |
|---|
| | | <td style="width: 108px;"> |
|---|
| | | <div style="color:#696969;font-size:16px;text-align: left;">最新发货日期</div> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <lightning-input type="date" variant="label-hidden" label="最新发货日期" value={cate2} onchange={cate2Change}></lightning-input> |
|---|
| | | <lightning-input class="inputFont" type="date" variant="label-hidden" label="最新发货日期" value={cate2} onchange={cate2Change}></lightning-input> |
|---|
| | | </td> |
|---|
| | | <td style="width: 30px;"></td> |
|---|
| | | <td> |
|---|
| | | <lightning-button style="margin-left: 10px;margin-right: 5px;" label="搜索" onclick={search}></lightning-button> |
|---|
| | | <lightning-button style="margin-left: 5px;margin-right: 5px;" label="清空" onclick={clear}></lightning-button> |
|---|
| | | <!-- <lightning-button style="margin-left: 10px;margin-right: 5px;" label="搜索" onclick={search}></lightning-button> |
|---|
| | | <lightning-button style="margin-left: 5px;margin-right: 5px;" label="清空" onclick={clear}></lightning-button> --> |
|---|
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="height:32px;margin-right: 30px;" label="搜索" onclick={search}>搜索</button> |
|---|
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="height:32px;" label="清空" onclick={clear}>清空</button> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </tbody> |
|---|
| | |
|---|
| | | <!-- 订单明细 --> |
|---|
| | | <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> |
|---|
| | | <div style="border-bottom: 1px solid #D4D4D4;padding:3px;"> |
|---|
| | | <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> |
|---|
| | | <!-- <p style="font-size: 16px;"><strong>订单明细</strong></p> --> |
|---|
| | | </div> |
|---|
| | | <div style="padding:10px;"> |
|---|
| | | <table aria-multiselectable="true" class="slds-table slds-table_bordered slds-table_fixed-layout slds-table_resizable-cols" role="grid" aria-label="Example advanced table of Opportunities in actionable mode"> |
|---|
| | | <thead> |
|---|
| | | <tr class="slds-line-height_reset"> |
|---|
| | | <th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable slds-cell_action-mode" scope="col"> |
|---|
| | | <a class="slds-th__action slds-text-link_reset" role="button" tabindex="0"> |
|---|
| | | <span class="slds-assistive-text">Sort by: </span> |
|---|
| | | <div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"> |
|---|
| | | <span class="slds-truncate" title="Name">消耗品订单名称</span> |
|---|
| | | <span class="slds-icon_container slds-icon-utility-arrowdown"> |
|---|
| | | <svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true"> |
|---|
| | | <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </a> |
|---|
| | | <div class="slds-resizable"> |
|---|
| | | <span class="slds-resizable__handle"> |
|---|
| | | <span class="slds-resizable__divider"></span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </th> |
|---|
| | | <th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable slds-cell_action-mode" scope="col"> |
|---|
| | | <a class="slds-th__action slds-text-link_reset" role="button" tabindex="0"> |
|---|
| | | <span class="slds-assistive-text">Sort by: </span> |
|---|
| | | <div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"> |
|---|
| | | <span class="slds-truncate" title="Name">SAP合同号</span> |
|---|
| | | <span class="slds-icon_container slds-icon-utility-arrowdown"> |
|---|
| | | <svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true"> |
|---|
| | | <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </a> |
|---|
| | | <div class="slds-resizable"> |
|---|
| | | <span class="slds-resizable__handle"> |
|---|
| | | <span class="slds-resizable__divider"></span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </th> |
|---|
| | | <th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable slds-cell_action-mode" scope="col"> |
|---|
| | | <a class="slds-th__action slds-text-link_reset" role="button" tabindex="0"> |
|---|
| | | <span class="slds-assistive-text">Sort by: </span> |
|---|
| | | <div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"> |
|---|
| | | <span class="slds-truncate" title="Name">订单总数</span> |
|---|
| | | <span class="slds-icon_container slds-icon-utility-arrowdown"> |
|---|
| | | <svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true"> |
|---|
| | | <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </a> |
|---|
| | | <div class="slds-resizable"> |
|---|
| | | <span class="slds-resizable__handle"> |
|---|
| | | <span class="slds-resizable__divider"></span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </th> |
|---|
| | | <th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable slds-cell_action-mode" scope="col"> |
|---|
| | | <a class="slds-th__action slds-text-link_reset" role="button" tabindex="0"> |
|---|
| | | <span class="slds-assistive-text">Sort by: </span> |
|---|
| | | <div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"> |
|---|
| | | <span class="slds-truncate" title="Name">已到货数量</span> |
|---|
| | | <span class="slds-icon_container slds-icon-utility-arrowdown"> |
|---|
| | | <svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true"> |
|---|
| | | <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </a> |
|---|
| | | <div class="slds-resizable"> |
|---|
| | | <span class="slds-resizable__handle"> |
|---|
| | | <span class="slds-resizable__divider"></span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </th> |
|---|
| | | <th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable slds-cell_action-mode" scope="col"> |
|---|
| | | <a class="slds-th__action slds-text-link_reset" role="button" tabindex="0"> |
|---|
| | | <span class="slds-assistive-text">Sort by: </span> |
|---|
| | | <div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"> |
|---|
| | | <span class="slds-truncate" title="Name">待系统操作入库数量</span> |
|---|
| | | <span class="slds-icon_container slds-icon-utility-arrowdown"> |
|---|
| | | <svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true"> |
|---|
| | | <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </a> |
|---|
| | | <div class="slds-resizable"> |
|---|
| | | <span class="slds-resizable__handle"> |
|---|
| | | <span class="slds-resizable__divider"></span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </th> |
|---|
| | | <th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable slds-cell_action-mode" scope="col"> |
|---|
| | | <a class="slds-th__action slds-text-link_reset" role="button" tabindex="0"> |
|---|
| | | <span class="slds-assistive-text">Sort by: </span> |
|---|
| | | <div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"> |
|---|
| | | <span class="slds-truncate" title="Name">还没发货数量</span> |
|---|
| | | <span class="slds-icon_container slds-icon-utility-arrowdown"> |
|---|
| | | <svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true"> |
|---|
| | | <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </a> |
|---|
| | | <div class="slds-resizable"> |
|---|
| | | <span class="slds-resizable__handle"> |
|---|
| | | <span class="slds-resizable__divider"></span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </th> |
|---|
| | | <th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable slds-cell_action-mode" scope="col"> |
|---|
| | | <a class="slds-th__action slds-text-link_reset" role="button" tabindex="0"> |
|---|
| | | <span class="slds-assistive-text">Sort by: </span> |
|---|
| | | <div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"> |
|---|
| | | <span class="slds-truncate" title="Name">发货七天还未到货数</span> |
|---|
| | | <span class="slds-icon_container slds-icon-utility-arrowdown"> |
|---|
| | | <svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true"> |
|---|
| | | <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </a> |
|---|
| | | <div class="slds-resizable"> |
|---|
| | | <span class="slds-resizable__handle"> |
|---|
| | | <span class="slds-resizable__divider"></span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </th> |
|---|
| | | <th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable slds-cell_action-mode" scope="col"> |
|---|
| | | <a class="slds-th__action slds-text-link_reset" role="button" tabindex="0"> |
|---|
| | | <span class="slds-assistive-text">Sort by: </span> |
|---|
| | | <div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"> |
|---|
| | | <span class="slds-truncate" title="Name">最新发货日期</span> |
|---|
| | | <span class="slds-icon_container slds-icon-utility-arrowdown"> |
|---|
| | | <svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true"> |
|---|
| | | <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </a> |
|---|
| | | <div class="slds-resizable"> |
|---|
| | | <span class="slds-resizable__handle"> |
|---|
| | | <span class="slds-resizable__divider"></span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </th> |
|---|
| | | <th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable slds-cell_action-mode" scope="col"> |
|---|
| | | <a class="slds-th__action slds-text-link_reset" role="button" tabindex="0"> |
|---|
| | | <span class="slds-assistive-text">Sort by: </span> |
|---|
| | | <div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"> |
|---|
| | | <span class="slds-truncate" title="Name">首次发货日期</span> |
|---|
| | | <span class="slds-icon_container slds-icon-utility-arrowdown"> |
|---|
| | | <svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true"> |
|---|
| | | <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </a> |
|---|
| | | <div class="slds-resizable"> |
|---|
| | | <span class="slds-resizable__handle"> |
|---|
| | | <span class="slds-resizable__divider"></span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </th> |
|---|
| | | </tr> |
|---|
| | | </thead> |
|---|
| | | <tbody> |
|---|
| | | <tr aria-selected="false" class="slds-hint-parent"> |
|---|
| | | <td class="slds-cell_action-mode" role="gridcell"> |
|---|
| | | <div class="slds-truncate" title="Acme">订单明细汇总</div> |
|---|
| | | </td> |
|---|
| | | <td class="slds-cell_action-mode" role="gridcell"> |
|---|
| | | <div class="slds-truncate" title="Acme"></div> |
|---|
| | | </td> |
|---|
| | | <td class="slds-cell_action-mode" role="gridcell"> |
|---|
| | | <div class="slds-truncate" title="Acme">{totalNum}</div> |
|---|
| | | </td> |
|---|
| | | <td class="slds-cell_action-mode" role="gridcell"> |
|---|
| | | <div class="slds-truncate" title="Acme">{orderNumberArrived}</div> |
|---|
| | | </td> |
|---|
| | | <td class="slds-cell_action-mode" role="gridcell"> |
|---|
| | | <div class="slds-truncate" title="Acme">{deliveryDetailCount}</div> |
|---|
| | | </td> |
|---|
| | | <td class="slds-cell_action-mode" role="gridcell"> |
|---|
| | | <div class="slds-truncate" title="Acme">{orderNumberNotarrive}</div> |
|---|
| | | </td> |
|---|
| | | <td class="slds-cell_action-mode" role="gridcell"> |
|---|
| | | <div class="slds-truncate" title="Acme">{moreThanSevenDays}</div> |
|---|
| | | </td> |
|---|
| | | <td class="slds-cell_action-mode" role="gridcell"> |
|---|
| | | <div class="slds-truncate" title="Acme"></div> |
|---|
| | | </td> |
|---|
| | | <td class="slds-cell_action-mode" role="gridcell"> |
|---|
| | | <div class="slds-truncate" title="Acme"></div> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </tbody> |
|---|
| | | </table> |
|---|
| | | <!-- <lightning-datatable hide-checkbox-column key-field="id" columns={colms} data={raesList}></lightning-datatable> --> |
|---|
| | | <c-lex-custom-lightning-datatable class="wrapped-header-datatable" hide-checkbox-column key-field="Id" data={raesList} columns={colms} onclicklink={clickLick}></c-lex-custom-lightning-datatable> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <!-- 订单各种数量信息弹窗 --> |
|---|
| | | <template if:true={showPop}> |
|---|
| | | <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_small" style="border: 1px solid #D4D4D4;"> |
|---|
| | | <div class="slds-modal__container"> |
|---|
| | | <header class="slds-modal__header" style="background-color: #F3F3F3;"> |
|---|
| | | <button style="" class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={closePop}> |
|---|
| | | <lightning-icon icon-name="utility:close" |
|---|
| | | alternative-text="close" |
|---|
| | | variant="inverse" |
|---|
| | | size="small" ></lightning-icon> |
|---|
| | | <span class="slds-assistive-text">Close</span> |
|---|
| | | </button> |
|---|
| | | <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">{popTitle}</h2> |
|---|
| | | </header> |
|---|
| | | <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1" style="border: 1px solid #F3F3F3;"> |
|---|
| | | <lightning-datatable class="wrapped-header-datatable" hide-checkbox-column key-field="prodModel" columns={colms2} data={recordList}></lightning-datatable> |
|---|
| | | </div> |
|---|
| | | <footer class="slds-modal__footer"> |
|---|
| | | <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="关闭" onclick={closePop}></lightning-button> --> |
|---|
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="margin-left: 10px;" variant="neutral" label="关闭" onclick={closePop}>关闭</button> |
|---|
| | | </footer> |
|---|
| | | </div> |
|---|
| | | </section> |
|---|
| | | <div class="slds-backdrop slds-backdrop_open"></div> |
|---|
| | | </template> |
|---|
| | | </template> |
|---|
