<template>
|
<template if:true={showSpinner}>
|
<lightning-spinner size="medium" variant="brand"></lightning-spinner>
|
</template>
|
<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>
|
<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>
|
</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>
|
<td>
|
<lightning-input 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>
|
<td>
|
<lightning-input type="date" variant="label-hidden" label="最新发货日期" value={cate2} onchange={cate2Change}></lightning-input>
|
</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>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<!-- 订单明细 -->
|
<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>
|
</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>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
</template>
|
