<!-- sldsValidatorIgnore -->
|
<!-- sldsValidatorIgnore -->
|
<template>
|
<!-- Modal/Popup Box LWC starts here -->
|
<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" >
|
<template if:true={isLoading}>
|
<lightning-spinner size="large" alternative-text="Loading"></lightning-spinner>
|
</template>
|
<div class="slds-modal__container" style="padding: 50px;">
|
<!-- Modal/Popup Box LWC header here -->
|
<header class="slds-modal__header">
|
<button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close"
|
onclick={closeModal}>
|
<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">
|
{title}检索
|
</h2>
|
</header>
|
<!-- Modal/Popup Box LWC body starts here -->
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-input type="text" label={searchNameLabel} onchange={dataChange}
|
data-field="searchNameDataField" value={searchNameValue} variant="label-inline"
|
class="inputFont"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small" style="padding-top: 16px;">
|
<!-- <lightning-button label="检索" onclick={searchHospital}></lightning-button> -->
|
<button class="slds-button slds-button_neutral" onclick={searchContacts} title="searchContact"
|
style="font-size: 16px;">
|
检索
|
</button>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<div class="tableColumn">
|
<lightning-layout class="datatable" style="height: 250px;">
|
<lightning-datatable class="datatabel slds-border_top wrapped-header-datatable" key-field="id"
|
data={data} columns={columns} hide-checkbox-column="true"
|
onrowaction={searchHandleRowAction}>
|
</lightning-datatable>
|
</lightning-layout>
|
</div>
|
</div>
|
<!-- Modal/Popup Box LWC footer starts here -->
|
<footer class="slds-modal__footer">
|
<button class="slds-button slds-button_neutral" onclick={closeModal} title="Cancel"
|
style="font-size: 16px;">
|
关闭
|
</button>
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</template>
|
