<template>
|
<div class = "slds-card slds-p-around_x-small modal">
|
<div class="slds-card slds-p-around_x-small header" style="width: 100%;">
|
<div class="content">
|
<div style="width: 100%; padding-bottom: 0.8125em;" class="slds-grid">
|
<section class="pa-fields slds-path__keys">
|
<div class="slds-text-align_left header-row">
|
<span class="slds-truncate">报表名称</span>
|
</div>
|
<lightning-layout>
|
<lightning-layout-item size="4">
|
<lightning-input
|
name="custProductName"
|
label="custProductName"
|
type="search"
|
variant="label-hidden"
|
onchange={handleCustProduct}
|
onkeydown={handleKeyDown}
|
class="search-bar slds-form-element"
|
></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="2">
|
<lightning-button
|
variant="brand"
|
label="Search"
|
class="slds-m-left_x-small"
|
style="pointer-events: none;"
|
onclick={search}
|
></lightning-button>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
</lightning-layout-item>
|
</lightning-layout>
|
</section>
|
</div>
|
</div>
|
</div>
|
|
<div class="slds-table_edit_container slds-is-relative">
|
<div style="height: 300px;">
|
<lightning-datatable
|
key-field="id"
|
columns={columns}
|
data={data}
|
default-sort-direction={defaultSortDirection}
|
sorted-direction={sortDirection}
|
sorted-by={sortedBy}
|
hide-checkbox-column="true"
|
onsort={onHandleSort}
|
>
|
</lightning-datatable>
|
</div>
|
</div>
|
</div>
|
</template>
|
