<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={agreementorder}></lightning-button>
|
<template if:true={showHop}>
|
<lightning-button style="margin: 5px;" label="医院特价" onclick={hospitalorder}></lightning-button>
|
</template>
|
<template if:true={hasSpecial}>
|
<lightning-button style="margin: 5px;" label="促销订货" onclick={promotionorder}></lightning-button>
|
</template>
|
<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: 9%;text-align: right;padding-right:7px;">
|
<div style="color:#696969;font-size:12px;">消耗品订单名称</div>
|
</td>
|
<td style="width: 22%;">
|
<lightning-input type="text" label="消耗品订单名称" value={category1} variant="label-hidden" onchange={category1Change}></lightning-input>
|
</td>
|
<td style="width: 8%;text-align: right;padding-right:7px;">
|
<div style="color:#696969;font-size:12px;">订单日期</div>
|
</td>
|
<td style="width: 19%;">
|
<lightning-input type="date" name="orderDate" value={orderDate} label="订单日期" variant="label-hidden" onchange={orderDateChange}></lightning-input>
|
</td>
|
<td style="width: 8%;text-align: right;padding-right:7px;">
|
<div style="color:#696969;font-size:12px;">订单状态</div>
|
</td>
|
<td style="width: 19%;">
|
<lightning-combobox name="orderStatus" label="订单状态" value={orderStatus} placeholder="请选择..." options={provinceOpts} variant="label-hidden" onchange={orderStatusChange}></lightning-combobox>
|
</td>
|
<td style="width: 2%;"></td>
|
<td style="width: 14%;">
|
<lightning-button style="margin: 5px;" label="搜索" onclick={searchProduct}></lightning-button>
|
<lightning-button style="margin: 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;">
|
<lightning-datatable key-field="id" hide-checkbox-column="true" data={raesList} columns={cols}></lightning-datatable>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
</template>
|
