<template>
|
<div style="border: 1px solid #D4D4D4;border-radius:5px;">
|
<div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:3px;">
|
<p style="font-size: 19px;"><strong>库存管理</strong></p>
|
</div>
|
<div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;text-align:center;">
|
<lightning-button label="库存盘点" title="Non-primary action" onclick={handleClick} class="slds-m-left_x-small"></lightning-button>
|
<lightning-button label="过期库存销存" title="Non-primary action" onclick={handleClick} class="slds-m-left_x-small"></lightning-button>
|
<lightning-button label="拆盒" title="Non-primary action" onclick={handleClick} class="slds-m-left_x-small"></lightning-button>
|
<lightning-button label="取消拆盒" title="Non-primary action" onclick={handleClick} class="slds-m-left_x-small"></lightning-button>
|
</div>
|
<div class = 'searchBlock' style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;text-align:center;height:80%px;">
|
<table>
|
<tr>
|
<td style="width:90px">消耗品名称</td>
|
<td style="width:90px"><lightning-input type="text" label="" style="width:70px"></lightning-input></td>
|
<td style="width:90px">第3分类</td>
|
<td style="width:90px">
|
<lightning-combobox
|
name="progress"
|
value={value}
|
options={options}
|
onchange={handleChange} style="width:90px;"></lightning-combobox></td>
|
<td style="width:90px">第4分类</td>
|
<td style="width:90px">
|
<lightning-combobox
|
name="progress"
|
value={value}
|
options={options}
|
onchange={handleChange} style="width:80px;"></lightning-combobox>
|
</td>
|
<td style="width:90px">第5分类</td>
|
<td style="width:90px">
|
<lightning-combobox
|
name="progress"
|
value={value}
|
options={options}
|
onchange={handleChange} style="width:80px;"></lightning-combobox>
|
</td>
|
|
</tr>
|
|
|
</table>
|
|
</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;">
|
<p style="font-size: 16px;"><strong>库存详情</strong></p>
|
</div>
|
<div style="padding:10px;">
|
<table class="list" border="0" cellpadding="0" cellspacing="0" id="example">
|
<thead>
|
<tr class="headerRow">
|
<th>消耗品名称</th>
|
<th>第3分类</th>
|
<th>第4分类</th>
|
<th>第5分类</th>
|
<th>规格</th>
|
<th>单位</th>
|
<th>注册证编码号</th>
|
<th>注册证效期</th>
|
<th>CFDA状态</th>
|
<th>使用期限</th>
|
<th>有效期内库存</th>
|
<th>过期库存</th>
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={inventoryRcords} for:item="re">
|
<tr key={re.Prod.Name__c}>
|
<td>{re.Prod.Name__c}</td>
|
<td>{re.Prod.Category3__c}</td>
|
<td>{re.Prod.Category4__c}</td>
|
<td>{re.Prod.Category5__c}</td>
|
<td>{re.packing_list}</td>
|
<td>{re.BoxPiece}</td>
|
<td>{re.approbation_No}</td>
|
<td>{re.expiration_Date}</td>
|
<td>{re.guaranteeperiod}</td>
|
<td>{re.limitCount}</td>
|
<td>{re.overlimitCount}</td>
|
</tr>
|
</template>
|
|
</tbody>
|
</table>
|
<table style="width: 100%">
|
<tbody>
|
<tr>
|
<td width="20%">
|
<!-- 1-0 共 0 -->
|
</td>
|
<td></td>
|
<td align="center" width="60%">
|
<lightning-button-icon style="margin: 3px;" icon-name="utility:jump_to_left"></lightning-button-icon>
|
<lightning-button-icon style="margin: 3px;" icon-name="utility:chevronleft"></lightning-button-icon>
|
<lightning-button-icon style="margin: 3px;" icon-name="utility:chevronright"></lightning-button-icon>
|
<lightning-button-icon style="margin: 3px;" icon-name="utility:jump_to_right"></lightning-button-icon>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
|
|
</div>
|
</template>
|
