<template>
|
<template if:true={showSpinner}>
|
<lightning-spinner size="medium" variant="brand"></lightning-spinner>
|
</template>
|
<lightning-card title="联系人搜索">
|
<lightning-layout multiple-rows="true" vertical-align="end">
|
<lightning-layout-item size="4" padding="around-small">
|
<!--Input text to Search Contact-->
|
<lightning-input type="text" label="请输入联系人姓名"
|
value={searchKey}
|
onchange={handelSearchKey}>
|
</lightning-input>
|
</lightning-layout-item >
|
|
<lightning-layout-item size="2" padding="around-small">
|
<!--Search Button-->
|
<lightning-button label="Search" variant="brand" onclick={SearchContact}>
|
|
</lightning-button>
|
</lightning-layout-item>
|
<lightning-layout-item size="12" padding="around-small">
|
<!--List Of Contact Using data Tabel-->
|
<lightning-datatable key-field="id" data={Contacts} columns ={cols} hide-checkbox-column="true">
|
|
</lightning-datatable>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-card>
|
</template>
|
