<!-- sldsValidatorIgnore -->
|
<!-- sldsValidatorIgnore -->
|
<template>
|
<!-- 展示 -->
|
<section role="dialog" tabindex="-1" aria-modal="true" aria-labelledby="modal-heading-01"
|
class="slds-modal slds-fade-in-open slds-modal_medium">
|
<template lwc:if={isLoading}>
|
<lightning-spinner size="large" alternative-text="Loading"></lightning-spinner>
|
</template>
|
<c-common-toast></c-common-toast>
|
<div >
|
<!-- 查询客户名 -->
|
<template lwc:if={isShowSearchAccount}>
|
<c-lex-search-lookup-l-w-c title={lookupTitle} search-name-label={lookupFieldLabel} onclose={closeHospitalNameModal}
|
onselectcontact={handleSelectContact} onselectlookup={handleSelectLookup}
|
account-id={hospitalId} hospital-id={hospitalId} search-field-array={searchFieldArray}
|
search-field={searchField} search-where={searchWhere} sobject-type={searchObjectType}></c-lex-search-lookup-l-w-c>
|
</template>
|
</div>
|
|
<div class="slds-modal__container">
|
|
<button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse"
|
title="Close" onclick={cancel}>
|
<lightning-icon icon-name="utility:close" alternative-text="close" variant="inverse"
|
size="small"></lightning-icon>
|
<span class="slds-assistive-text">Close</span>
|
</button>
|
<div class="slds-modal__header">
|
<h1 id="modal-heading-01" class="slds-modal__title slds-hyphenate">{title}</h1>
|
</div>
|
<div class="slds-scrollable">
|
<div class="slds-modal__content" id="modal-content-id-1">
|
<lightning-card style=" display:block;position: relative;">
|
<div slot="actions"><span style="color: red;">*</span> = 必填信息</div>
|
<lightning-record-edit-form object-api-name={sobjectType} record-type-id={recordTypeId} record-id={recordId}
|
onsubmit={handleSubmit} onsuccess={handleSuccess} onerror={handleError} class="lightning-edit-form">
|
<template for:each={layout} for:item="layoutSection">
|
<lightning-accordion class="greyyyy" active-section-name={sectionName} allow-multiple-sections-open
|
key={layoutSection.name}>
|
<article class="slds-card" lwc:if={layoutSection.showLabel}>
|
<div class="slds-card__header slds-grid" data-id={layoutSection.label} lwc:if={layoutSection.showSection}>
|
<header class="slds-media slds-media_center slds-has-flexi-truncate" >
|
<div class="slds-media__body">
|
<h3 class="slds-card__header-title">
|
<span class="test-id__section-header-title section-header-title slds-p-horizontal--small">{layoutSection.label}</span>
|
</h3>
|
</div>
|
</header>
|
</div>
|
<div class="slds-card__body slds-card__body_inner">
|
<lightning-layout multiple-rows="true">
|
<!-- deloitte-zhj 20231218 字段一行展示修改 start -->
|
<template if:true={layoutSection.Two}>
|
<template for:each={layoutSection.layoutColumns}
|
for:item="layoutColumns">
|
<template for:each={layoutColumns.layoutItems}
|
for:item="layoutField">
|
<lightning-layout-item class="hehe-layoutItem" size="6"
|
key={layoutField.index}>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item class="hehe-layoutItem"
|
size="1"></lightning-layout-item>
|
<lightning-layout-item class="hehe-layoutItem"
|
size="10">
|
<template if:false={layoutField.isModify}>
|
<lightning-input label="emptySpace" value=""
|
style="visibility:hidden;"
|
key={layoutField.emptySpace}
|
lwc:if={layoutField.emptySpace}></lightning-input>
|
<lightning-input-field
|
field-name={layoutField.field}
|
value={layoutField.value}
|
required={layoutField.isRequired}
|
data-field={layoutField.field}
|
data-id={layoutField.field}
|
key={layoutField.field}
|
disabled={layoutField.isDisable}
|
variant="label-inline"
|
onchange={dataChange} lwc:else>
|
</lightning-input-field>
|
</template>
|
<template if:true={layoutField.isModify}>
|
<div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right" key={layoutField.field}>
|
<lightning-icon size="x-small" data-icon={layoutField.field}
|
class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default"
|
icon-name={iconName} onclick={clearName} style="cursor: pointer;pointer-events: auto;Top:18px">
|
</lightning-icon>
|
<lightning-input label={layoutField.label}
|
value={layoutField.value} required={layoutField.isRequired}
|
data-field={layoutField.field}
|
disabled={layoutField.isDisable} variant="label-inline"
|
onchange={dataChange} onclick={searchHospitalNameModal}>
|
</lightning-input>
|
</div>
|
</template>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-layout-item>
|
</template>
|
</template>
|
</template>
|
<template if:false={layoutSection.Two}>
|
<template for:each={layoutSection.layoutColumns}
|
for:item="layoutColumns">
|
<template for:each={layoutColumns.layoutItems}
|
for:item="layoutField">
|
<!-- <lightning-layout-item class="hehe-layoutItem" size="6"
|
key={layoutField.index}> -->
|
<!-- <lightning-layout multiple-rows="true"> -->
|
<lightning-layout-item class="hehe-layoutItem" style="width: 4.1666665%"
|
key={layoutField.index}></lightning-layout-item>
|
<!-- <lightning-layout-item class="hehe-layoutItem"
|
size="1"></lightning-layout-item> -->
|
<lightning-layout-item class="hehe-layoutItem"
|
size="11" key={layoutField.index}>
|
<template if:false={layoutField.isModify}>
|
<lightning-input label="emptySpace" value=""
|
style="visibility:hidden;"
|
key={layoutField.emptySpace}
|
lwc:if={layoutField.emptySpace}></lightning-input>
|
<lightning-input-field
|
field-name={layoutField.field}
|
value={layoutField.value}
|
required={layoutField.isRequired}
|
data-field={layoutField.field}
|
data-id={layoutField.field}
|
key={layoutField.field}
|
variant="label-stacked"
|
disabled={layoutField.isDisable}
|
onchange={dataChange} lwc:else>
|
</lightning-input-field>
|
</template>
|
<template if:true={layoutField.isModify}>
|
<div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right" key={layoutField.field}>
|
<lightning-icon size="x-small" data-icon={layoutField.field}
|
class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default"
|
icon-name={iconName} onclick={clearName} style="cursor: pointer;pointer-events: auto;Top:18px">
|
</lightning-icon>
|
<lightning-input label={layoutField.label}
|
value={layoutField.value} required={layoutField.isRequired}
|
data-field={layoutField.field}
|
disabled={layoutField.isDisable} variant="label-stacked"
|
onchange={dataChange} onclick={searchHospitalNameModal}>
|
</lightning-input>
|
</div>
|
</template>
|
</lightning-layout-item>
|
<lightning-layout-item class="hehe-layoutItem" style="width: 4.1666665%"
|
key={layoutField.index}></lightning-layout-item>
|
<!-- </lightning-layout> -->
|
<!-- </lightning-layout-item> -->
|
</template>
|
</template>
|
</template>
|
<!-- <template for:each={layoutSection.layoutColumns}
|
for:item="layoutColumns">
|
<template for:each={layoutColumns.layoutItems}
|
for:item="layoutField">
|
|
<lightning-layout-item class="hehe-layoutItem" size="6"
|
key={layoutField.index}>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item class="hehe-layoutItem"
|
size="1"></lightning-layout-item>
|
<lightning-layout-item class="hehe-layoutItem"
|
size="10">
|
<template if:false={layoutField.isModify}>
|
<lightning-input label="emptySpace" value=""
|
style="visibility:hidden;"
|
key={layoutField.emptySpace}
|
lwc:if={layoutField.emptySpace}></lightning-input>
|
<lightning-input-field
|
field-name={layoutField.field}
|
value={layoutField.value}
|
required={layoutField.isRequired}
|
data-field={layoutField.field}
|
data-id={layoutField.field}
|
key={layoutField.field}
|
disabled={layoutField.isDisable}
|
onchange={dataChange} lwc:else>
|
</lightning-input-field>
|
</template>
|
<template if:true={layoutField.isModify}>
|
<div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right" key={layoutField.field}>
|
<lightning-icon size="x-small" data-icon={layoutField.field}
|
class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default"
|
icon-name={iconName} onclick={clearName} style="cursor: pointer;pointer-events: auto;Top:18px">
|
</lightning-icon>
|
<lightning-input label={layoutField.label}
|
value={layoutField.value} required={layoutField.isRequired}
|
data-field={layoutField.field}
|
disabled={layoutField.isDisable} variant="label-inline"
|
onchange={dataChange} onclick={searchHospitalNameModal}>
|
</lightning-input>
|
</div>
|
</template>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-layout-item>
|
|
</template>
|
</template> -->
|
<!-- deloitte-zhj 20231218 字段一行展示修改 end -->
|
</lightning-layout>
|
</div>
|
</article>
|
</lightning-accordion>
|
</template>
|
<div class="slds-text-align_center">
|
<lightning-button type="submit" class="hidden" style="display:none" ></lightning-button>
|
</div>
|
</lightning-record-edit-form>
|
</lightning-card>
|
</div>
|
</div>
|
<div class="slds-modal__footer">
|
<div class="slds-text-align_center">
|
<lightning-button label="取消" onclick={cancel} class="slds-m-right_x-small"></lightning-button>
|
<lightning-button label="保存并新建" onclick={clickSubmitAndNew} class="slds-m-right_x-small"></lightning-button>
|
<lightning-button label="保存" type="submit" onclick={clickSubmit} class="slds-m-right_x-small" variant="brand"></lightning-button>
|
</div>
|
</div>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open" ></div>
|
</template>
|
