失单报告编辑页面

19626

2023-05-17 03f01ce3cd914880401e4635901ce6a58668416f

 force-app/main/default/lwc/lexPCLLostReportPage/lexPCLLostReportPage.html

@@ -4,154 +4,102 @@
 * @Author: chen jing wu
 * @Date: 2023-04-20 17:16:48
 * @LastEditors: chen jing wu
 * @LastEditTime: 2023-04-26 14:07:51
 * @LastEditTime: 2023-05-16 11:41:50
-->
<template>
    <lightning-card  variant="Narrow">
        <!-- <lightning-input onchange={initAll}></lightning-input> -->
    <lightning-card id="my-element" class="card"  variant="Narrow" data-id="my-card">
        <div style="padding: 0 20px">
            <lightning-layout>
                <lightning-layout-item>
                    <div class="mainTitle" style="padding: 10px 3px;font-weight: bold;">失单报告编辑页面</div>
                </lightning-layout-item>
                <div class="slds-align_absolute-center">
                    <lightning-layout-item size="12">
                <div style="margin-left: 550px;">
                    <lightning-layout-item  size="12">
                        <lightning-button label="追加品牌" onclick={addBrandJs}></lightning-button>
                        <lightning-button label="保存" onclick={saveJs}></lightning-button>
                        <lightning-button name="save" label="保存" onclick={saveBrandJs}></lightning-button>
                        <lightning-button label="返回询价" onclick={cancel}></lightning-button>
                    </lightning-layout-item>
                </div>
                <!-- <lightning-layout-item flexibility="auto" padding="around-small">
                    <lightning-button label="保存" onclick={saveJs}></lightning-button>
                </lightning-layout-item>
                <lightning-layout-item flexibility="auto" padding="around-small">
                    <lightning-button label="返回询价" onclick={cancel}></lightning-button>
                </lightning-layout-item> -->
            </lightning-layout>
            <div style="margin-top: 5px">
                <lightning-layout>
                    <lightning-layout-item size="2" padding="around-small">
                        <!-- <div class="combobox-container">
                            <label for="losttype">失单类型:</label>
                            <lightning-combobox id="losttype" name="progress" value={lostReportObj.RecordType} options={RecordTypeOptions} 
                                onchange={handleStatus1Change} class="searchField" style="width: 71.33px; height: 32px;">
                            </lightning-combobox>
                        </div> -->
                        <div class="slds-form_horizontal my-combobox">
                            <label class="slds-form-element__label">失单类型：</label>
                            <lightning-combobox name="progress" value="失单" options={RecordTypeOptions} 
                                onchange={handleStatus1Change} class="searchField" style="width: 71.33px; height: 32px;">
                            <lightning-combobox name="progress" value={LostReport.lostReport.LostType__c} options={RecordTypeOptions} 
                                onchange={handleLostTypeChange} class="searchField" required>
                            </lightning-combobox>
                        </div>   
                    </lightning-layout-item>
                    <lightning-layout-item size="3" padding="around-small">
                        <div style="padding: 10px 3px;font: 16px;">失单总金额（元）:</div>
                        <!-- <lightning-output-field>{LostReport.lostReport.LostTotalAmount__c}</lightning-output-field> -->
                        <lightning-output-field>0</lightning-output-field>
                        <div style="padding: 10px 3px;font: 16px;">失单总金额（元）:{LostReport.lostReport.LostTotalAmount__c}</div>
                    </lightning-layout-item>
                    <lightning-layout-item size="3" padding="around-small">
                        <div style="padding: 10px 3px;font: 16px;">状态:</div>
                        <!-- <lightning-output-field>{LostReport.lostReport.Report_Status__c}</lightning-output-field> -->
                        <div style="padding: 10px 3px;font: 16px;">状态:{LostReport.lostReport.Report_Status__c}</div>
                    </lightning-layout-item>
                </lightning-layout>
                    <lightning-accordion allow-multiple-sections-open>
                        <lightning-accordion-section name="失单品牌" label="失单品牌">
                            <lightning-layout>
                                <lightning-layout-item size="4" padding="around-small">
                                    <c-multi-select-combobox multis-select="true" options={brandOptions} selected-value= "asd" label="失单品牌: "></c-multi-select-combobox>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="around-small">
                                    <lightning-combobox name="progress" label="失单原因（主）:" value="" options={status1Options} 
                                    onchange={handleStatus1Change} class="searchField"></lightning-combobox>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="around-small">
                                    <lightning-combobox name="progress" label="失单原因（次）:" value="" options={status1Options} 
                                    onchange={handleStatus1Change} class="searchField"></lightning-combobox>
                                </lightning-layout-item>
                            </lightning-layout>
                            <lightning-layout>
                                <lightning-layout-item size="4" padding="horizontal-small">
                                    <lightning-input value="" type="text" label="失单品牌（手动）: " class="searchField" onchange={handleRepairNameChange}></lightning-input>
                                </lightning-layout-item>
                                <lightning-layout-item size="4" padding="horizontal-small">
                                    <lightning-input value="" type="text" label="失单金额（元）: " class="searchField" onchange={handleRepairNameChange}></lightning-input>
                                </lightning-layout-item>
                                <lightning-layout-item size="4" padding="horizontal-small">
                                    <lightning-record-edit-form
                                        object-api-name='PCLLostBrand__c'
                                        record-id=''
                                    >
                                        <lightning-input-field field-name='Agency__c' onclick={handleWinBidAgencyChange}> </lightning-input-field>
                                    </lightning-record-edit-form>
                                </lightning-layout-item>
                            </lightning-layout>
                            <lightning-layout>
                                <lightning-layout-item size="4" padding="horizontal-small">
                                    <lightning-input value="" type="text" label="中标经销商（手动）:" class="searchField" onchange={handleRepairNameChange}></lightning-input>
                                </lightning-layout-item>
                            </lightning-layout>
                            <lightning-layout style="background-color: rgb(243, 243, 243)">
                                <div></div>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <div>失单品牌</div>
                                </lightning-layout-item> 
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <div>失单对手型号</div>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <div>失单数量</div>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <div>失单对手型号(手动)</div>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <div>失单产品类别</div>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <div>失单产品区分</div>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <div>+</div>
                                </lightning-layout-item>
                            </lightning-layout>
                            <lightning-layout>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <lightning-combobox name="progress" value="" options={status1Options} 
                                onchange={handleStatus1Change} class="searchField"></lightning-combobox>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <lightning-record-edit-form
                                        object-api-name='PCLLostProduct__c'
                                        record-id=''
                                    >
                                        <lightning-input-field field-name='LostProduct__c' onclick={handleWinBidAgencyChange}> </lightning-input-field>
                                    </lightning-record-edit-form>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <lightning-input value="" type="text" class="searchField" onchange={handleRepairNameChange}></lightning-input>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <lightning-input value="" type="text" class="searchField" onchange={handleRepairNameChange}></lightning-input>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <lightning-combobox name="progress" value="" options={status1Options} 
                                onchange={handleStatus1Change} class="searchField"></lightning-combobox>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <lightning-combobox name="progress" value="" options={status1Options} 
                                onchange={handleStatus1Change} class="searchField"></lightning-combobox>
                                </lightning-layout-item>
                                <lightning-layout-item flexibility="auto" padding="horizontal-small">
                                    <lightning-button
                                    label="Add Contact"
                                    variant="brand"
                                    onclick={handleAddClick}>
                                    </lightning-button>
                                </lightning-layout-item>
                            </lightning-layout>
                        </lightning-accordion-section>
                    <lightning-accordion allow-multiple-sections-open class="myAccordion">
                            <template for:each={LostReport.LostBrands} for:item="brand" for:index="i">
                                <li key={brand.index}>
                                    <lightning-accordion-section class="text-container" data-id={i} name="失单品牌" label="失单品牌">
                                        <lightning-button name={i} label="保存" onclick={saveBrandJs}></lightning-button>
                                        <lightning-button name={i} label="删除" onclick={deleteBrandJs} disabled={isBrandCount2}></lightning-button>
                                        <lightning-layout>
                                            <lightning-layout-item size="4" padding="around-small">
                                                <c-multi-select-combobox name={i} onselect={setBrandMannualName} data-id="Lost_By_Company" class="mycombobox" options={brandOptions} selected-value={reasonValue} label="失单品牌: " required></c-multi-select-combobox>
                                            </lightning-layout-item>
                                            <lightning-layout-item flexibility="auto" padding="around-small">
                                                <lightning-combobox name={i} label="失单原因（主）:" value="" options={columns2} 
                                                onchange={handleLostReasonMainChange} class="searchField" required></lightning-combobox>
                                            </lightning-layout-item>
                                            <lightning-layout-item flexibility="auto" padding="around-small">
                                                <lightning-combobox name={i} label="失单原因（次）:" value="" options={columns2} 
                                                onchange={handleLostReasonSubChange} class="searchField"></lightning-combobox>
                                            </lightning-layout-item>
                                        </lightning-layout>
                                        <lightning-layout> 
                                            <lightning-layout-item size="4" padding="horizontal-small">
                                                <lightning-input name={i} data-id="Lost_By_Company_Mannual" value="" type="text" label="失单品牌（手动）: " class="searchField" onchange={handleLostByCompanyMannualChange}></lightning-input>
                                            </lightning-layout-item>
                                            <lightning-layout-item size="4" padding="horizontal-small">
                                                <lightning-input data-id="TotalAmount" name={i} value="" type="number" label="失单金额（元）: " class="searchField" onchange={handleLostPriceOutChange} required></lightning-input>
                                            </lightning-layout-item>
                                            <lightning-layout-item size="4" padding="horizontal-small">
                                                <lightning-record-edit-form
                                                    object-api-name='PCLLostBrand__c'
                                                    record-id=''
                                                >
                                                    <lightning-input-field name={i} field-name='Agency__c' onchange={handleAgencyOutChange} required> </lightning-input-field>
                                                </lightning-record-edit-form>
                                            </lightning-layout-item>
                                        </lightning-layout>
                                        <lightning-layout>
                                            <lightning-layout-item size="4" padding="horizontal-small">
                                                <lightning-input name={i} value="" type="text" label="中标经销商（手动）:" class="searchField" onchange={handleAgencyMannualOutChange}></lightning-input>
                                            </lightning-layout-item>
                                        </lightning-layout>
                                        <lightning-layout>
                                            <lightning-layout-item flexibility="auto" padding="around-small">
                                                <template if:true={isInit}>
                                                    <c-lex-dynamic-table name={i} column-list={brand.columns} onchange={setProductClass}>
                                                    </c-lex-dynamic-table>
                                                </template>
                                            </lightning-layout-item>
                                        </lightning-layout>
                                    </lightning-accordion-section>
                                </li>
                            </template>
                    </lightning-accordion>
                    <lightning-layout style="margin-top: 20px;">
                        <div class="slds-align_absolute-center">
                            <lightning-layout-item size="12">
                                <lightning-button label="追加品牌" onclick={addBrandJs}></lightning-button>
                                <lightning-button name="save" label="保存" onclick={saveBrandJs}></lightning-button>
                                <lightning-button label="返回询价" onclick={cancel}></lightning-button>
                            </lightning-layout-item>
                        </div>
                    </lightning-layout>
            </div>
        </div>
        </div>   
    </lightning-card>
</template>