<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>
|
