<template>
|
<template if:true={showSpinner}>
|
<div class="overlay">
|
<lightning-spinner alternative-text="Loading"></lightning-spinner>
|
</div>
|
</template>
|
<lightning-card title="自动分配确认" >
|
<div class="container" style="margin-left: 3%;">
|
<div class="input-row">
|
<lightning-input style="width: 190px" label="申请No." value={RentalApp} onchange={handleRentalAppChange}></lightning-input>
|
<lightning-input label="型号" value={ProCode} onchange={handleProCodeChange}></lightning-input>
|
<lightning-input label="出借担当" value={RequestOwner} onchange={handleRequestOwnerChange}></lightning-input>
|
</div>
|
<div class="input-row">
|
<lightning-combobox label="使用目的1" value={UseReason} options={selectUseReason} onchange={handleUseReasonChange}></lightning-combobox>
|
<lightning-combobox label="销售本部" value={UserSalesdept} options={selectUserSalesdept} onchange={handleUserSalesdeptChange}></lightning-combobox>
|
<lightning-combobox label="申请单产品分类" value={Procategory} options={selectProcategory} onchange={handleProcategoryChange}></lightning-combobox>
|
<lightning-combobox label="办事处" value={AssetLocation} options={selectAssetLocation} onchange={handleAssetLocationChange}></lightning-combobox>
|
</div>
|
</br>
|
<div class="input-row">
|
<lightning-button label="检索" onclick={handleSearch} disabled={showProfile}></lightning-button>
|
<lightning-button style="margin-left: 15px;" label="清空" onclick={handleClear} disabled={showProfile}></lightning-button>
|
<lightning-button style="margin-left: 78%;" label="确认分配" onclick={handleAllButtonClick}></lightning-button>
|
</div>
|
</div>
|
</br>
|
<div class="slds-p-around_medium slds-theme_success" style="display: flex;">
|
<!-- 显示检索数据数 -->
|
<div class="slds-text-align_center">
|
取得了 {retrievedDataCount} 条数据
|
</div>
|
</div>
|
<div class="container" style="margin:0">
|
<table class="custom-table" width="100%">
|
<thead>
|
<tr>
|
<th class="checkbox-cell" style="width:2%;padding-left: 4px;">
|
<lightning-input type="checkbox" checked={selectAll} onchange={handleSelectAll}></lightning-input>
|
</th>
|
<th style="width:12%">申请No.</th>
|
<th style="width:4%">备品出<br>借担当</th>
|
<th style="width:5%">使用目的1</th>
|
<th style="width:6%">使用目的2</th>
|
<th style="width:10%">医院名</th>
|
<th style="width:6%">备品配套型号</th>
|
<th style="width:6%">主体机身编码</th>
|
<th style="width:4%">OPD排<br/>队顺序</th>
|
<th style="width:6%">希望到货日</th>
|
<th style="width:8%">批准时间</th>
|
<th style="width:4%">主体</th>
|
<th style="width:4%">附属品</th>
|
<th style="width:4%">主体上次<br/>检测备注</th>
|
<th style="width:8%">主体上架时间</th>
|
<th style="width:8%">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={data} for:item="row" for:index="index">
|
<tr key={row.id} class="selected-row">
|
<td class="checkbox-cell">
|
<lightning-input type="checkbox" data-id={row.id} checked={row.selected} onchange={handleSelect}></lightning-input>
|
</td>
|
<td>
|
<a href={row.RentalApplyLink} target="_blank">{row.RentalApplyName}</a>
|
</td>
|
<td>{row.RequestOwner}</td>
|
<td>{row.Purpose1}</td>
|
<td>{row.Purpose2}</td>
|
<td>{row.Hospital}</td>
|
<td>{row.LoanerCode}</td>
|
<td style="max-width:90px">{row.SerialNumber}</td>
|
<td>{row.OPDLendSort}</td>
|
<td>{row.RequestShippingDay}</td>
|
<td>{row.ApprovalTime}</td>
|
<td>
|
<!-- 根据条件显示超链接或文本 -->
|
<a href={row.MainLinkTo} target="_blank">{row.MainNotLink}</a>
|
</td>
|
<td>
|
<template if:true={row.noAccessory}>
|
无
|
</template>
|
<template if:true={row.SubNotLink}>
|
<a href={row.SubLinkTo} target="_blank">待分配</a>
|
</template>
|
<template if:true={row.SubLink}>
|
<a href={row.SubLinkTo} target="_blank">已分配</a>
|
</template>
|
<template if:true={row.SubPartialLink}>
|
<a href={row.SubLinkTo} target="_blank">部分分配</a>
|
</template>
|
</td>
|
<td>{row.PreInspection_Comment}</td>
|
<td>{row.PreArrivalTime}</td>
|
<td style="min-width:100px">
|
<lightning-button label="确认分配" onclick={handleButtonClick} data-id={row.id}></lightning-button>
|
</td>
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</div>
|
</lightning-card>
|
</template>
|
