<template>
|
<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>
|
</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> -->
|
<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">
|
<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: 120px">
|
<div
|
style="
|
color: #696969;
|
font-size: 16px;
|
text-align: left;
|
"
|
>
|
消耗品订单名称
|
</div>
|
</td>
|
<td>
|
<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: 108px">
|
<div
|
style="
|
color: #696969;
|
font-size: 16px;
|
text-align: left;
|
"
|
>
|
最新发货日期
|
</div>
|
</td>
|
<td>
|
<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> -->
|
<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>
|
</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">
|
<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">
|
<!-- <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>
|
