<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;">
|
<!-- 按钮 -->
|
<template if:true={showEditBtn}>
|
<lightning-button style="margin: 5px;" label="编辑" disabled={disabledEditBtn} onclick={editOrder}></lightning-button>
|
</template>
|
<template if:true={showPrintSheetBtn}>
|
<lightning-button style="margin: 5px;" label="打印配置单" onclick={printOrder}></lightning-button>
|
</template>
|
<template if:true={showUploadSheetBtn}>
|
<lightning-button style="margin: 5px;" label="上传配置单" disabled={disabledUploadSheetBtn} onclick={uploadOrder}></lightning-button>
|
</template>
|
<template if:true={showSubOrderbtn}>
|
<lightning-button style="margin: 5px;" label="提交订单" disabled={disabledSubOrderbtn} onclick={submitOrder}></lightning-button>
|
</template>
|
<template if:true={showSaveOrderbtn1}>
|
<lightning-button style="margin: 5px;" label="保存订单" onclick={saveOrder}></lightning-button>
|
</template>
|
<template if:true={showSaveOrderbtn2}>
|
<lightning-button style="margin: 5px;" label="保存订单" onclick={orderCopy}></lightning-button>
|
</template>
|
<template if:true={showDeleteBtn}>
|
<lightning-button style="margin: 5px;" label="删除" disabled={disabledDeleteBtn} onclick={deleteOrder}></lightning-button>
|
</template>
|
<template if:true={showOfferPriceInputBtn}>
|
<lightning-button style="margin: 5px;" label="特价金额录入" disabled={disabledOfferPriceInputBtn} onclick={inputOfferPrice}></lightning-button>
|
</template>
|
<template if:true={showReapplyBtn}>
|
<lightning-button style="margin: 5px;" label="再申请" onclick={reapplyOrder}></lightning-button>
|
</template>
|
<p style="height: 10px;"></p>
|
<!-- <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;">
|
</div>
|
<div style="padding:10px;">
|
</div>
|
</div> -->
|
<!-- 订单信息 -->
|
<template if:false={editAble}>
|
<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-record-view-form record-id={cocId} object-api-name="Consumable_order__c">
|
<table style="width: 100%;">
|
<tbody>
|
<tr>
|
<td style="width: 10%"></td>
|
<td style="width: 40%;"><lightning-output-field field-name="Name"></lightning-output-field></td>
|
<td style="width: 40%;"><lightning-output-field field-name="Order_status__c"></lightning-output-field></td>
|
<td style="width: 10%"></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td>
|
<template if:false={editAble}>
|
<lightning-output-field field-name="Total_amount__c"></lightning-output-field>
|
</template>
|
</td>
|
<td>
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<div class="slds-form-element__label"><lightning-formatted-text value={contractLabel}></lightning-formatted-text> </div>
|
<lightning-formatted-text value={contractName}></lightning-formatted-text>
|
</div>
|
<!-- <lightning-output-field field-name="Order_effective_contact__c"></lightning-output-field> -->
|
</td>
|
<!-- <td>合同：<lightning-formatted-text value={coc.Order_effective_contact__r.Name}></lightning-formatted-text></td> -->
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td>
|
<template if:false={edoffersPrice}>
|
<lightning-output-field id="sumPrice_buttom1" field-name="Offers_Price__c"></lightning-output-field>
|
</template>
|
</td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td>
|
<template if:true={edoffersPrice}>
|
<lightning-input label="特价总金额" variant="label-inline" id="sumPrice_buttom2" value={coc.Offers_Price__c} onchange={offerPriceChange}></lightning-input>
|
</template>
|
</td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td>
|
<template if:true={showAttUploadDate}>
|
<lightning-output-field field-name="Consumable_pdf_insert_day__c"></lightning-output-field>
|
</template>
|
</td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td>
|
<template if:true={showOrderDate}>
|
<lightning-output-field field-name="Order_date__c"></lightning-output-field>
|
</template>
|
</td>
|
<td></td>
|
<td></td>
|
</tr>
|
</tbody>
|
</table>
|
</lightning-record-view-form>
|
</div>
|
</div>
|
</template>
|
<!-- searchBlock -->
|
<template if:true={editAble}>
|
<div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
|
<div style="padding:10px;">
|
<table style="width: 100%;">
|
<tbody>
|
<tr>
|
<td style="width: 6%;">
|
<template if:true={showHospital}>
|
<div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;"><span style="color: red;">* </span>医院</div>
|
</template>
|
</td>
|
<td style="width:20%;padding-bottom:5px;padding-top:5px;">
|
<template if:true={showHospital}>
|
<div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right">
|
<lightning-icon size="x-small" class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" icon-name="utility:search" ></lightning-icon>
|
<lightning-input variant="label-hidden" label="医院" placeholder="请选择医院" value={hospitalName} onclick={showSearchHos}></lightning-input>
|
</div>
|
</template>
|
</td>
|
<td style="width: 6%;"></td>
|
<td style="width:14%;"></td>
|
<td style="width: 6%;"></td>
|
<td style="width:14%;"></td>
|
<td style="width: 6%;"></td>
|
<td style="width:14%;"></td>
|
<td style="width:16%;"></td>
|
</tr>
|
<tr>
|
<td>
|
<div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;">消耗品名称</div>
|
</td>
|
<td>
|
<lightning-input variant="label-hidden" label="消耗品名称" value={category1} onchange={category1Change}></lightning-input>
|
</td>
|
<td>
|
<div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;">第3分类</div>
|
</td>
|
<td>
|
<lightning-combobox variant="label-hidden" label="第3分类" value={category3} options={category3Option} onchange={category3Change}></lightning-combobox>
|
</td>
|
<td>
|
<div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;">第4分类</div></td>
|
<td>
|
<lightning-combobox variant="label-hidden" label="第4分类" value={category4} options={category4Option} onchange={category4Change}></lightning-combobox>
|
</td>
|
<td>
|
<div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;">第5分类</div></td>
|
<td>
|
<lightning-combobox variant="label-hidden" label="第5分类" value={category5} options={category5Option} onchange={category5Change}></lightning-combobox>
|
</td>
|
<td>
|
<lightning-button style="margin-right: 10px;margin-left: 15px;" label="消耗品搜索" onclick={searchProduct}></lightning-button>
|
<lightning-button label="清空" onclick={clear}></lightning-button>
|
</td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td><div style="color:#696969;font-size:12px;text-align: right;padding-right:7px;"><span style="color: red;">* </span>合同</div></td>
|
<td colspan="2" style="padding-bottom:5px;padding-top:5px;">
|
<div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right">
|
<lightning-icon size="x-small" class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" icon-name="utility:search" ></lightning-icon>
|
<lightning-input variant="label-hidden" label="合同" placeholder="请选择合同" value={contractName} onclick={showSearchCon} required="true"></lightning-input>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</template>
|
<!-- 警告提醒 -->
|
<template if:true={hasWarning}>
|
<div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;">
|
<div style="border-bottom: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;color:#ff6a00;font-size:17px;">
|
<lightning-button-icon icon-name="utility:warning"></lightning-button-icon>
|
<strong> 警告</strong>
|
</div>
|
<template for:each={warningMsgs} for:item="msg">
|
<p key={msg} style="color:#ff6a00;padding-left:7px;font-size:14px;"> ・ {msg}</p>
|
</template>
|
</div>
|
</template>
|
<!-- 报错提醒 -->
|
<template if:true={hasError}>
|
<div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;">
|
<div style="border-bottom: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;color:red;font-size:17px;">
|
<lightning-button-icon icon-name="utility:error"></lightning-button-icon>
|
<strong> 错误</strong>
|
</div>
|
<template for:each={errorMsgs} for:item="msg">
|
<p key={msg} style="color:red;padding-left:7px;font-size:14px;"> ・ {msg}</p>
|
</template>
|
</div>
|
</template>
|
<!-- 消耗品明细 -->
|
<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 style="width: 100%;" class="conTable">
|
<thead>
|
<tr style="border-bottom: 1px solid #D4D4D4;">
|
<template if:true={editAble}>
|
<th><lightning-input type="checkbox" onchange={checkAll} name="checkAll"></lightning-input></th>
|
</template>
|
<th style="width: 20%;">消耗品名称</th>
|
<th>规格</th>
|
<th>CFDA状态</th>
|
<th>注册证编码号</th>
|
<th>注册证效期</th>
|
<th>第3分类</th>
|
<th>第4分类</th>
|
<th>第5分类</th>
|
<template if:true={cansee}>
|
<th>标准单价(元)</th>
|
</template>
|
<th style="width: 5%;">采购数量</th>
|
<th>在库数下限</th>
|
<th>在库数上限</th>
|
<th>有效期库存(盒)</th>
|
<th>有效期库存(个)</th>
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={consumableorderdetailsRecordsview} for:item="record" for:index="index">
|
<tr key={record.Prod.Name}>
|
<template if:true={editAble}>
|
<td>
|
<lightning-input data-index={index} type="checkbox" checked={record.check} onchange={check} name="check"></lightning-input>
|
<lightning-input data-index={index} type="checkbox" checked={record.oldCheck} onchange={check} name="check" style="display:none;"></lightning-input>
|
</td>
|
</template>
|
<td>
|
{record.Prod.Name__c}
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.packing_list}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.Prod.SFDA_Status__c}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.approbation_No}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.expiration_Date}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.Prod.Category3__c}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.Prod.Category4__c}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.Prod.Category5__c}</div>
|
</td>
|
<template if:true={cansee}>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.Prod.Intra_Trade_List_RMB__c}</div>
|
</td>
|
</template>
|
<td>
|
<template if:true={editAble}>
|
<lightning-input style="margin-bottom: 10px;" data-index={index} value={record.esd.Consumable_count__c} onchange={consumableCountChange}></lightning-input>
|
</template>
|
<template if:false={editAble}>
|
<div class="slds-truncate" title="Value Proposition">{record.esd.Consumable_count__c}</div>
|
</template>
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.lowerlimit}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.upperlimit}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.allnumber}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" title="Value Proposition">{record.allnumber_piece}</div>
|
</td>
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 附件 -->
|
<template if:false={editAble}>
|
<div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-top:10px;">
|
<div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
|
<p style="font-size: 16px;"><strong>附件</strong></p>
|
</div>
|
<div style="padding:10px;">
|
<table>
|
<thead>
|
<th style="width: 33%;">标题</th>
|
<th>创建人</th>
|
</thead>
|
<tbody>
|
<template for:each={attachmentRecoeds} for:item="att" for:index="index">
|
<tr key={att.Concc.Id}>
|
<td>
|
<a data-name={att.Concc.Id} onclick={attClick2}>{att.Concc.Name}</a>
|
</td>
|
<td>
|
<a data-name={att.Concc.OwnerId} onclick={attClick1}>{att.Concc.Owner.Name}</a>
|
</td>
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</template>
|
<!-- 上传附件弹窗 -->
|
<template if:true={showAttPop}>
|
<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">上传配置单</h2>
|
</header>
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1" style="border: 1px solid #F3F3F3;">
|
<div class="slds-m-top_medium slds-m-bottom_x-large">
|
<div class="slds-p-around_medium lgc-bg">
|
<lightning-input type="file" label="附件上传" accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf" onchange={attChange}></lightning-input>
|
</div>
|
<p>已选择文件：{fileName}
|
<template if:true={attDelBtn}>
|
<a onclick={removeAtt}>移除</a>
|
</template>
|
</p>
|
</div>
|
</div>
|
<footer class="slds-modal__footer">
|
<lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closePop}></lightning-button>
|
<lightning-button style="margin-left: 10px;" variant="neutral" label="上传" onclick={uploadAtt}></lightning-button>
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</template>
|
<!-- 搜索医院 -->
|
<template if:true={showAttHosPop}>
|
<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_medium" 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={closeHospitalPop}>
|
<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-02" class="slds-text-heading_medium slds-hyphenate">经销商医院检索</h2>
|
</header>
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-2" style="border: 1px solid #F3F3F3;">
|
<table style="width: 100%;">
|
<tbody>
|
<tr>
|
<td style="width: 60px;"><div style="color:#696969;font-size:13px;text-align: left;">医院名称</div></td>
|
<td style="width: 60%;"><lightning-input label="医院名称" variant="label-hidden" placeholder="请输入医院名称" value={searchNameHos} onchange={searchNameHosChange}></lightning-input></td>
|
<td style="width: 10px;"></td>
|
<td><lightning-button label="搜索" onclick={searchHos}></lightning-button></td>
|
</tr>
|
</tbody>
|
</table>
|
<p style="height: 20px;"></p>
|
<!-- <p>已选择医院：{chooseHospital}</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 class="myTable" style="padding:10px;">
|
<!-- <table>
|
<thead>
|
<th style="width: 50%;">医院名称</th>
|
<th style="width: 10%;">省份</th>
|
<th style="width: 40%;">地址</th>
|
</thead>
|
<tbody>
|
<template for:each={hospitalList} for:item="hos" for:index="index">
|
<tr key={hos.Id}>
|
<td><a data-hosid={hos.Id} data-name={hos.Name} onclick={chooseHos}>{hos.Name}</a></td>
|
<td>{hos.StateMaster}</td>
|
<td>{hos.Address__c}</td>
|
</tr>
|
</template>
|
<tr></tr>
|
</tbody>
|
</table> -->
|
<lightning-datatable key-field="id" hide-checkbox-column="true" data={hospitalList} columns={hosCols} onrowaction={chooseHos}></lightning-datatable>
|
</div>
|
</div>
|
</div>
|
<footer class="slds-modal__footer">
|
<lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closeHospitalPop}></lightning-button>
|
<!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="确认" onclick={confirmHospital}></lightning-button> -->
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</template>
|
<!-- 搜索合同 -->
|
<template if:true={showConPop}>
|
<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_medium" 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={closeContractPop}>
|
<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-03" class="slds-text-heading_medium slds-hyphenate">合同检索</h2>
|
</header>
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-3" style="border: 1px solid #F3F3F3;">
|
<table style="width: 100%;">
|
<tbody>
|
<tr>
|
<td style="width: 60px;"><div style="color:#696969;font-size:13px;text-align: left;">合同名称</div></td>
|
<td style="width: 60%;"><lightning-input label="合同名称" variant="label-hidden" placeholder="请输入合同名称" value={searchNameCon} onchange={searchNameConChange}></lightning-input></td>
|
<td style="width: 10px;"></td>
|
<td><lightning-button label="搜索" onclick={searchCon}></lightning-button></td>
|
</tr>
|
</tbody>
|
</table>
|
<p style="height: 10px;"></p>
|
<!-- <p>已选择合同：{chooseContract}</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:20px;">
|
<!-- <table>
|
<thead>
|
<th style="width: 30%;">合同名称</th>
|
<th style="width: 10%;">省份</th>
|
<th style="width: 20%;">申请销售课</th>
|
<th style="width: 20%;">允许报价期间(开始日)</th>
|
<th style="width: 20%;">允许报价期间(结束日)</th>
|
</thead>
|
<tbody>
|
<template for:each={contractList} for:item="con" for:index="index">
|
<tr key={con.Id}>
|
<td><a data-hosid={con.Id} data-name={con.Name} onclick={chooseCon}>{con.Name}</a></td>
|
<td>{con.StateMaster}</td>
|
<td>{con.Sales_Section__c}</td>
|
<td>{con.Contract_Decide_Start_Date__c}</td>
|
<td>{con.Contract_Decide_End_Date__c}</td>
|
</tr>
|
</template>
|
<tr></tr>
|
</tbody>
|
</table> -->
|
<lightning-datatable key-field="id" hide-checkbox-column="true" data={contractList} columns={conCols} onrowaction={chooseCon}></lightning-datatable>
|
</div>
|
</div>
|
</div>
|
<footer class="slds-modal__footer">
|
<lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closeContractPop}></lightning-button>
|
<!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="确认" onclick={confirmContract}></lightning-button> -->
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</template>
|
</template>
|
</template>
|
