<!--
|
* @Description:
|
* @version:
|
* @Author: chen jing wu
|
* @Date: 2023-04-20 17:16:48
|
* @LastEditors: chen jing wu
|
* @LastEditTime: 2023-05-06 17:45:56
|
-->
|
<template>
|
<lightning-card id="my-element" class="card" variant="Narrow" data-id="my-card">
|
<!-- <lightning-input onchange={initAll}></lightning-input> -->
|
<template if:false={flag}>
|
<lightning-messages></lightning-messages>
|
</template>
|
<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 style="margin-left: 550px;">
|
<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-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={LostReport.lostReport.LostType__c} options={RecordTypeOptions}
|
onchange={handleLostTypeChange} class="searchField">
|
</lightning-combobox>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="3" padding="around-small" style="margin-left:112px">
|
<div style="padding: 10px 3px;font: 16px;">失单总金额（元）:{LostReport.lostReport.LostTotalAmount__c}</div>
|
<!-- <lightning-output-field>{LostReport.lostReport.LostTotalAmount__c}</lightning-output-field> -->
|
</lightning-layout-item>
|
<lightning-layout-item size="3" padding="around-small">
|
<div style="padding: 10px 3px;font: 16px;">状态:{LostReport.lostReport.Report_Status__c}</div>
|
<!-- <lightning-output-field>{LostReport.lostReport.Report_Status__c}</lightning-output-field> -->
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-accordion allow-multiple-sections-open active-section-name='失单品牌' 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="失单品牌: "></c-multi-select-combobox>
|
<!-- <c-lexmulti-select-combobox label="失单品牌: " options={brandOptions} placeholder="请选择一个品牌"></c-lexmulti-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"></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}></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' onclick={handleAgencyOutChange}> </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 label="保存" onclick={saveBrandJs}></lightning-button>
|
<lightning-button label="返回询价" onclick={cancel}></lightning-button>
|
<lightning-button name="mytest" label="测试" onclick={searchTest}></lightning-button>
|
</lightning-layout-item>
|
</div>
|
</lightning-layout>
|
</div>
|
</div>
|
</lightning-card>
|
</template>
|
