<template>
|
<template if:true={showSpinner}>
|
<!-- <lightning-spinner size="medium" variant="brand"></lightning-spinner> -->
|
<div class="slds-spinner_container">
|
<div role="status" class="slds-spinner slds-spinner_medium slds-spinner_brand">
|
<span class="slds-assistive-text">Loading</span>
|
<div class="slds-spinner__dot-a"></div>
|
<div class="slds-spinner__dot-b"></div>
|
</div>
|
</div>
|
</template>
|
<c-common-toast></c-common-toast>
|
<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> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" disabled={disabledEditBtn} onclick={editOrder}>编辑</button>
|
</template>
|
<template if:true={showPrintSheetBtn}>
|
<!-- <lightning-button style="margin: 5px;" label="打印配置单" onclick={printOrder}></lightning-button> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="打印配置单" onclick={printOrder}>打印配置单</button>
|
</template>
|
<template if:true={showUploadSheetBtn}>
|
<!-- <lightning-button style="margin: 5px;" label="上传配置单" disabled={disabledUploadSheetBtn} onclick={uploadOrder}></lightning-button> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="上传配置单" disabled={disabledUploadSheetBtn} onclick={uploadOrder}>上传配置单</button>
|
</template>
|
<template if:true={showSubOrderbtn}>
|
<!-- <lightning-button style="margin: 5px;" label="提交订单" disabled={disabledSubOrderbtn} onclick={submitOrder}></lightning-button> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="提交订单" disabled={disabledSubOrderbtn} onclick={submitOrder}>提交订单</button>
|
</template>
|
<template if:true={showSaveOrderbtn1}>
|
<!-- <lightning-button style="margin: 5px;" label="保存订单" onclick={saveOrder}></lightning-button> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="保存订单" onclick={saveOrder}>保存订单</button>
|
</template>
|
<template if:true={showSaveOrderbtn2}>
|
<!-- <lightning-button style="margin: 5px;" label="保存订单" onclick={orderCopy}></lightning-button> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="保存订单" onclick={orderCopy}>保存订单</button>
|
</template>
|
<template if:true={showDeleteBtn}>
|
<!-- <lightning-button style="margin: 5px;" label="删除" disabled={disabledDeleteBtn} onclick={deleteOrder}></lightning-button> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="删除" disabled={disabledDeleteBtn} onclick={deleteOrder}>删除</button>
|
</template>
|
<!-- <template if:true={showOfferPriceInputBtn}>
|
<lightning-button style="margin: 5px;" label="特价金额录入" disabled={disabledOfferPriceInputBtn} onclick={inputOfferPrice}></lightning-button>
|
<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> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="再申请" onclick={reapplyOrder}>再申请</button>
|
</template>
|
<p style="height: 10px;"></p>
|
<!-- 订单信息 -->
|
<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;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>订单信息</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
<!-- <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 class="outputfont" 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> -->
|
<!-- style="pointer-events: none;" -->
|
<lightning-output-field class="showContract" 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>
|
<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>
|
<template if:true={showAttUploadDate}>
|
<lightning-output-field field-name="Consumable_pdf_insert_day__c"></lightning-output-field>
|
</template>
|
</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>
|
<tr>
|
<td></td>
|
<td colspan="2">
|
<lightning-card class="attListTitle" variant="Narrow" title="附件列表" icon-name="utility:attach">
|
<lightning-layout slot="footer" multiple-rows="true">
|
<template for:each={attachmentRecoeds} for:item="item" for:index="index">
|
<lightning-layout-item padding="around-none" size="2" key={item.recordId} style="text-align: left;padding:5px">
|
<lightning-icon title={item.fileFullName} style="margin-left: 20px;" icon-name="doctype:gform" alternative-text={item.fileFullName} size="large"></lightning-icon><br/>
|
<!-- <span style="word-wrap:break-word; word-break:break-all;width:80px;display:flex;" title={item.fileFullName}>
|
{item.fileName}
|
</span> -->
|
<div title={item.fileFullName} style="width: 100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">
|
{item.fileName}
|
</div>
|
<p>
|
<!-- <a data-fileid ={item.documentId} onclick={previweAtt}> -->
|
<a href={item.attUrl} target="_blank">
|
预览
|
</a> ·
|
<a href={item.downloadUrl}>
|
下载
|
</a> ·
|
<a data-fileid ={item.recordId} onclick={deleteAtt}>
|
删除
|
</a>
|
</p>
|
<!-- <p>{item.updateDate} · {item.ownerName}</p> -->
|
</lightning-layout-item>
|
</template>
|
</lightning-layout>
|
</lightning-card>
|
</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>
|
<tbody>
|
<!-- <tr>
|
<td style="width: 100px;">
|
<div style="color:#696969;font-size:16px;"><span style="color: red;">* </span>合同</div>
|
</td>
|
<td style="width:320px;">
|
<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 class="inputFont" variant="label-hidden" label="合同" placeholder="请选择合同" value={contractName} onchange={changeCon} onclick={showSearchCon}></lightning-input>
|
</div>
|
</td>
|
<td style="width: 30px;"></td>
|
<td style="width:66px;">
|
<template if:true={showHospital}>
|
<div style="color:#696969;font-size:16px;"><span style="color: red;">* </span>医院</div>
|
</template>
|
</td>
|
<td colspan="4" style="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 class="inputFont" variant="label-hidden" label="医院" placeholder="请选择医院" value={hospitalName} onclick={showSearchHos} onchange={changeHos}></lightning-input>
|
</div>
|
</template>
|
</td>
|
<td style="width: 30px;"></td>
|
<td colspan="4">
|
<button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="width:130px;height:32px;margin-right: 10px;" label="消耗品搜索" onclick={searchProduct}>消耗品搜索</button>
|
<button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="width:80px;height:32px;" label="清空" onclick={clear}>清空</button>
|
</td>
|
</tr> -->
|
<!-- <tr style="height: 10px;"></tr> -->
|
<tr>
|
<td>
|
<div style="color:#696969;font-size:16px;">消耗品名称</div>
|
</td>
|
<td>
|
<lightning-input class="inputFont" variant="label-hidden" label="消耗品名称" value={category1} onchange={category1Change}></lightning-input>
|
</td>
|
<td></td>
|
<td>
|
<div style="color:#696969;font-size:16px;">第3分类</div>
|
</td>
|
<td>
|
<lightning-combobox class="inputFont" variant="label-hidden" label="第3分类" value={category3} options={category3Option} onchange={category3Change}></lightning-combobox>
|
</td>
|
<td style="width:30px;"></td>
|
<td style="width:66px;">
|
<div style="color:#696969;font-size:16px;">第4分类</div>
|
</td>
|
<td >
|
<lightning-combobox class="inputFont" variant="label-hidden" label="第4分类" value={category4} options={category4Option} onchange={category4Change}></lightning-combobox>
|
</td>
|
<td></td>
|
<td style="width: 66px;">
|
<div style="color:#696969;font-size:16px;">第5分类</div>
|
</td>
|
<td style="width: 160px;">
|
<lightning-combobox class="inputFont" variant="label-hidden" label="第5分类" value={category5} options={category5Option} onchange={category5Change}></lightning-combobox>
|
</td>
|
</tr>
|
<tr style="height: 10px;"></tr>
|
<tr>
|
<td style="width: 100px;">
|
<div style="color:#696969;font-size:16px;"><span style="color: red;">* </span>合同</div>
|
</td>
|
<td style="width:320px;">
|
<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 class="inputFont" variant="label-hidden" label="合同" placeholder="请选择合同" value={contractName} onchange={changeCon} onclick={showSearchCon}></lightning-input>
|
</div>
|
</td>
|
<td style="width: 30px;"></td>
|
<td style="width:66px;">
|
<template if:true={showHospital}>
|
<div style="color:#696969;font-size:16px;"><span style="color: red;">* </span>医院</div>
|
</template>
|
</td>
|
<td colspan="4" style="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 class="inputFont" variant="label-hidden" label="医院" placeholder="请选择医院" value={hospitalName} onclick={showSearchHos} onchange={changeHos}></lightning-input>
|
</div>
|
</template>
|
</td>
|
<td style="width: 30px;"></td>
|
<td colspan="2">
|
<button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="width:130px;height:32px;margin-right: 10px;" label="消耗品搜索" onclick={searchProduct}>消耗品搜索</button>
|
<button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="width:80px;height:32px;" label="清空" onclick={clear}>清空</button>
|
</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-icon style="margin: 3px;" icon-name="utility:warning" size="small"></lightning-icon>
|
<strong> 警告</strong>
|
</div>
|
<template for:each={warningMsgs} for:item="msg">
|
<p key={msg} style="color:#ff6a00;padding-left:7px;font-size:16px;margin-bottom:7px;"> ・ {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-icon style="margin: 3px;" icon-name="utility:error" size="small"></lightning-icon>
|
<strong> 错误</strong>
|
</div>
|
<template for:each={errorMsgs} for:item="msg">
|
<p key={msg} style="color:red;padding-left:7px;font-size:16px;margin-bottom:7px;"> ・ {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;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>消耗品明细</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
<!-- <p style="font-size: 16px;"><strong>消耗品明细</strong></p> -->
|
</div>
|
<div style="padding:10px;">
|
<template if:true={editAble}>
|
<c-lex-custom-lightning-datatable class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all;" key-field="recordId" data={currentRecord} columns={cols}
|
selected-rows={selectRows} onrowselection={checkRows} onchangevalue={conCountChange} onvalueblur={conCountBlur}
|
default-sort-direction="asc" sorted-direction={sortDirection} sorted-by={sortedBy} onsort={onHandleSort}></c-lex-custom-lightning-datatable>
|
<c-paginator onprevious={prePageClick} onnext={nextPageClick}
|
onpageschange={pageSizeChange} onfirst={goFirstPage} onlast={goLastPage}
|
page-size-options={pageSizeOptions} previous-button-disabled={previousButtonDisabled}
|
next-button-disabled={nextButtonDisabled} record-start={recordStart}
|
record-end={recordEnd} total-records={totalRecords}></c-paginator>
|
</template>
|
<template if:false={editAble}>
|
<c-lex-custom-lightning-datatable class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all;" hide-checkbox-column key-field="recordId" data={consumableorderdetailsRecordsview} columns={cols}></c-lex-custom-lightning-datatable>
|
<c-paginator onprevious={prePageClick} onnext={nextPageClick}
|
onpageschange={pageSizeChange} onfirst={goFirstPage} onlast={goLastPage}
|
page-size-options={pageSizeOptions} previous-button-disabled={previousButtonDisabled}
|
next-button-disabled={nextButtonDisabled} record-start={recordStart}
|
record-end={recordEnd} total-records={totalRecords}></c-paginator>
|
</template>
|
</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;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 16px">
|
<strong>附件</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding:10px;">
|
<c-lex-custom-lightning-datatable class="wrapped-header-datatable" hide-checkbox-column key-field="recordId" columns={attCols} data={attachmentRecoeds} onclickicon={deleteAtt}></c-lex-custom-lightning-datatable>
|
</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;">
|
<template if:true={showPopSpinner}>
|
<lightning-spinner size="medium" variant="brand"></lightning-spinner>
|
</template>
|
<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 class="fileUpload" type="file" label="附件上传" accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf" onchange={attChange}></lightning-input>
|
</div>
|
<p style="font-size: 16px;">已选择文件：{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> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="margin-left: 10px;" variant="neutral" label="取消" onclick={closePop}>取消</button>
|
<button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="margin-left: 10px;" variant="neutral" label="上传" onclick={uploadAtt}>上传</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: 74px;"><div style="color:#696969;font-size:16px;text-align: left;">医院名称</div></td>
|
<td style="width: 60%;"><lightning-input class="inputFont" label="医院名称" variant="label-hidden" placeholder="请输入医院名称" value={searchNameHos} onchange={searchNameHosChange}></lightning-input></td>
|
<td style="width: 10px;"></td>
|
<td><button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="height: 32px;" label="搜索" onclick={searchHos}>搜索</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;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>搜索结果</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
<!-- <p style="font-size: 16px;"><strong>搜索结果</strong></p> -->
|
</div>
|
<div class="myTable" style="padding:10px;">
|
<lightning-datatable class="wrapped-header-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> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="取消" onclick={closeHospitalPop}>取消</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: 74px;"><div style="color:#696969;font-size:16px;text-align: left;">合同名称</div></td>
|
<td style="width: 60%;"><lightning-input class="inputFont" label="合同名称" variant="label-hidden" placeholder="请输入合同名称" value={searchNameCon} onchange={searchNameConChange}></lightning-input></td>
|
<td style="width: 10px;"></td>
|
<td><button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="height: 32px;" label="搜索" onclick={searchCon}>搜索</button></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;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>搜索结果</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding:20px;">
|
<lightning-datatable class="wrapped-header-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> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="取消" onclick={closeContractPop}>取消</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>
|
