<template>
|
<button class="slds-button slds-button_brand" onclick={addAccount} title="AddGroup">新增客户</button>
|
<lightning-datatable
|
key-field="id"
|
data={accList}
|
columns={columns}
|
>
|
</lightning-datatable>
|
<template if:true={isShowPop}>
|
<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">
|
<div class="slds-modal__container">
|
<header class="slds-modal__header" style="background-color: #F3F3F3;">
|
<button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={close}>
|
<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;">
|
<lightning-record-edit-form object-api-name="Account" density="compact" layout-type="Compact">
|
<div class="slds-grid slds-wrap" style="padding-top: 20px;padding-bottom: 5px;padding-left:25px;padding-right:25px;">
|
<div class="slds-col slds-size_12-of-12 slds-small-size_12-of-12 slds-large-size_6-of-12">
|
<lightning-input-field field-name="Name" value={accName} onchange={accNameChange} required="true"></lightning-input-field>
|
<lightning-input-field field-name="Phone" value={accPhone} onchange={accPhoneChange}></lightning-input-field>
|
<lightning-input-field field-name="Type" value={accType} onchange={accTypeChange}></lightning-input-field>
|
<lightning-input-field field-name="Fax" value={accFax} onchange={accFaxChange}></lightning-input-field>
|
<lightning-input-field field-name="TestMutiPicklist__c" value={accTest} onchange={accFaxChange}></lightning-input-field>
|
</div>
|
</div>
|
</lightning-record-edit-form>
|
</div>
|
<footer class="slds-modal__footer">
|
<button class="slds-button slds-button_neutral" onclick={close} title="Cancel">取消</button>
|
<button class="slds-button slds-button_brand" onclick={confirm} title="Confirm">新建</button>
|
</footer>
|
</div>
|
</section>
|
</template>
|
</template>
|
