<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="padding:10px;">
|
<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;">
|
<table>
|
<colgroup>
|
<col width="160px"/>
|
<col width="100px"/>
|
<col width="10px"/>
|
<col width="70px"/>
|
<col width="100px"/>
|
<col width="10px"/>
|
<col width="90px"/>
|
<col width="100px"/>
|
<col width="10px"/>
|
<col width="85px"/>
|
<col width="100px"/>
|
<col width="10px"/>
|
<col width="70px"/>
|
<col width="100px"/>
|
</colgroup>
|
<tbody>
|
<tr>
|
<td></td>
|
<td><lightning-button label="库存盘点" title="库存盘点" onclick={inventoryCount} ></lightning-button></td>
|
<td></td>
|
<td></td>
|
<td style="width:100px;"><lightning-button label="过期库存销存" title="过期库存销存" onclick={handleExpired} ></lightning-button></td>
|
<td></td>
|
<td></td>
|
<td style="width:100px;"><lightning-button label="拆盒" title="拆盒" onclick={handleClick} ></lightning-button></td>
|
<td></td>
|
<td></td>
|
<td style="width:100px;"><lightning-button label="取消拆盒" title="取消拆盒" onclick={handleClick}></lightning-button></td>
|
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</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;">
|
<table>
|
<colgroup>
|
<col width="160px"/>
|
<col width="100px"/>
|
<col width="10px"/>
|
<col width="70px"/>
|
<col width="100px"/>
|
<col width="10px"/>
|
<col width="70px"/>
|
<col width="100px"/>
|
<col width="10px"/>
|
<col width="90px"/>
|
<col width="100px"/>
|
<col width="85px"/>
|
<col width="100px"/>
|
<col width="10px"/>
|
<col width="70px"/>
|
<col width="100px"/>
|
</colgroup>
|
<tbody>
|
<tr>
|
<td style="width: 21%;">
|
<lightning-input type="text" name="Name" label="消耗品名称" value={Name} variant="label-inline" onchange={handleChange} data-field ="Name" ></lightning-input>
|
</td>
|
<td style="width: 21%;">
|
<lightning-combobox name="CategoryThree" label="第3分类" value={value} placeholder="请选择..." options={options1} variant="label-inline" data-field ="CategoryThree" onchange={handleChange}></lightning-combobox>
|
</td>
|
<td style="width: 21%;">
|
<lightning-combobox name="CategoryFour" label="第4分类" value={value} placeholder="请选择..." options={options2} variant="label-inline" data-field ="CategoryFour" onchange={handleChange}></lightning-combobox>
|
</td>
|
<td style="width: 21%;">
|
<lightning-combobox name="CategoryFive" label="第5分类" value={value} placeholder="请选择..." options={options3} variant="label-inline" data-field ="CategoryFive" onchange={handleChange}></lightning-combobox>
|
</td>
|
<td style="width: 3%;"></td>
|
<td style="width: 8%;">
|
<lightning-button label="消耗品搜索" onclick={searchOrderDetail}></lightning-button>
|
</td>
|
<td style="width: 8%;">
|
<lightning-button label="清空" onclick={clearAll}></lightning-button>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</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;">
|
<template if:true={showTable}>
|
<c-lwc-datatable-utility
|
hidecheckboxcolumn = {hidecheckboxcolumn}
|
records={data}
|
total-records={data.length}
|
columns = {columns}
|
key-field="Id"
|
show-search-box="true"
|
max-row-selection={data.length}
|
onpaginatorchange={handlePaginatorChange}>
|
</c-lwc-datatable-utility>
|
</template>
|
|
|
<!-- <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>
|
|
<template if:true={hasHos}>
|
<th>医院特价</th>
|
</template>
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={pageRecords} for:item="m">
|
<tr key={m.Prod.Name__c}>
|
<td align="center">{m.Prod.Name__c}</td>
|
<td align="center">{m.Prod.Category3__c}</td>
|
<td align="center">{m.Prod.Category4__c}</td>
|
<td align="center">{m.Prod.Category5__c}</td>
|
<td align="center">{m.packing_list}</td>
|
<td align="center">{m.BoxPiece}</td>
|
<td align="center">{m.approbation_No}</td>
|
<td align="center">{m.expiration_Date}</td>
|
<td align="center">{m.Prod.SFDA_Status__c}</td>
|
<td align="center">{m.guaranteeperiod}</td>
|
<td align="center">{m.limitCount}</td>
|
<td align="center">{m.overlimitCount}</td>
|
<template if:true={hasHos}>
|
<td>
|
<template if:true={m.hospitalSpecialOffer}>
|
√
|
</template>
|
</td>
|
</template>
|
</tr>
|
</template>
|
</tbody>
|
</table> -->
|
<!-- <div style="height: 300px;">
|
<lightning-datatable
|
key-field="id"
|
data={data}
|
columns={columns}
|
hide-checkbox-column
|
default-sort-direction={defaultSortDirection}
|
sorted-direction={sortDirection}
|
sorted-by={sortedBy}
|
onsort={onHandleSort}>
|
</lightning-datatable>
|
</div> -->
|
</div>
|
</div>
|
</div>
|
|
|
</div>
|
</template>
|
