liuyn
2024-03-11 a87f1c3df03078814ee97ad0c8ac200a232419e9
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!-- 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>
        <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={accountId} 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>
        <c-common-toast></c-common-toast>
        <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} onload={handleLoad} 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">
                                                <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>
                                            </lightning-layout>
                                        </div>
                                    </article>
                                    <!-- <lightning-accordion-section name={layoutSection.label} label={layoutSection.cNLabel} lwc:if={layoutSection.showLabel}>
                                        <lightning-layout multiple-rows="true">
                                            <template for:each={layoutSection.layoutColumns} for:item="layoutColumns">
                                                <lightning-layout-item class="hehe-layoutItem" size="6" key={layoutColumns.label}>
                                                    <template for:each={layoutColumns.layoutItems} for:item="layoutField">
                                                        <template lwc:if={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"
                                                                    class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default"
                                                                    icon-name="utility:search" lwc:if={layoutField.isShowIcon}>
                                                                </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>
                                                        <template lwc:else>
                                                            <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} disabled={layoutField.isDisable}
                                                                onchange={dataChange} key={layoutField.field} lwc:else>
                                                            </lightning-input-field>
                                                        </template>
                                                    </template>
                                                </lightning-layout-item>
                                            </template>
                                        </lightning-layout>
                                    </lightning-accordion-section> -->
                                </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>