| | |
| | | * @Author: chen jing wu |
| | | * @Date: 2023-04-20 17:16:48 |
| | | * @LastEditors: chen jing wu |
| | | * @LastEditTime: 2023-08-02 11:29:37 |
| | | * @LastEditTime: 2023-09-06 15:43:06 |
| | | --> |
| | | <template> |
| | | <div class="holder" if:true={IsLoading}> |
| | | <lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner> |
| | | </div> |
| | | <template if:true={visible}> |
| | | <template if:true={isSuccess}> |
| | | <div style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;"> |
| | | <div class="slds-notify_container slds-is-relative"> |
| | | <div class="slds-notify slds-notify_toast slds-theme_default slds-box slds-box_small" style="background-color:rgb(46, 132, 74);" role="success"> |
| | | <div class="slds-align_absolute-center"> |
| | | <h2 style="color:white;font-size:large">{message}</h2> |
| | | <lightning-icon class="white" icon-name="utility:success" alternative-text="success" variant="Success" size="small" ></lightning-icon> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <template if:false={isSuccess}> |
| | | <div style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;"> |
| | | <div class="slds-notify_container slds-is-relative"> |
| | | <div class="slds-notify slds-notify_toast slds-theme_default slds-box slds-box_small" style="background-color:rgb(234, 0, 30);" role="success"> |
| | | <div class="slds-align_absolute-center"> |
| | | <h2 style="color:white;font-size:large">{message}</h2> |
| | | <lightning-icon class="white" icon-name="utility:error" alternative-text="error" variant="Error" size="small" ></lightning-icon> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </template> |
| | | <template if:true={isInit}> |
| | | <template if:true={isCreateOrEdit}> |
| | | <lightning-card id="my-element1" class="card" variant="Narrow" data-id="my-card"> |
| | |
| | | <div style="padding: 10px 3px;font: 16px;float: left"> |
| | | <span style="color:red;font-size: 10px;">*</span> |
| | | 失单类型:</div> |
| | | <div style="float: left;"> |
| | | <div style="float: left;padding-top: 17px;"> |
| | | <lightning-combobox name="progress" value={LostReport.lostReport.LostType__c} options={RecordTypeOptions} |
| | | onchange={handleLostTypeChange} class="searchField" style="bottom: 16px;"> |
| | | </lightning-combobox> |
| | |
| | | </lightning-layout-item> |
| | | </template> |
| | | </lightning-layout> |
| | | <lightning-accordion allow-multiple-sections-open class="myAccordion"> |
| | | <lightning-accordion active-section-name="失单品牌" allow-multiple-sections-open="true" class="myAccordion"> |
| | | <template for:each={LostReport.LostBrands} for:item="brand" for:index="i"> |
| | | <li key={brand.lineNo}> |
| | | <div class= "x-accordion-heading"> |
| | | <lightning-accordion-section class="" data-id={i} name="失单品牌" label="失单品牌" active> |
| | | <lightning-accordion-section active-section-name="失单品牌" class="" data-id={i} name="失单品牌" label="失单品牌" active="true"> |
| | | <lightning-button name="save" label="保存" onclick={saveBrandJs}></lightning-button> |
| | | <lightning-button name={i} label="删除" onclick={deleteBrandJs} disabled={isBrandCount2}></lightning-button> |
| | | <lightning-layout> |
| | |
| | | <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> |
| | | </template> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item flexibility="auto" padding="around-small"> |
| | | <lightning-combobox name={i} label="失单原因(主):" value={brand.lostBrand.Lost_reason_main__c} options={columns2} |
| | | onchange={handleLostReasonMainChange} class="searchField" required></lightning-combobox> |
| | | <lightning-layout-item size="4" padding="around-small"> |
| | | <lightning-combobox name={i} label="失单原因(主):" value={brand.lostBrand.Lost_reason_main__c} options={columns2s} |
| | | onchange={handleLostReasonMainChange} class="searchField" placeholder="--无--" required></lightning-combobox> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item flexibility="auto" padding="around-small"> |
| | | <lightning-combobox name={i} label="失单原因(次):" value={brand.lostBrand.Lost_Reason_Sub__c} options={columns2} |
| | | onchange={handleLostReasonSubChange} class="searchField"></lightning-combobox> |
| | | <lightning-layout-item size="4" padding="around-small"> |
| | | <lightning-combobox name={i} label="失单原因(次):" value={brand.lostBrand.Lost_Reason_Sub__c} options={columns2s} |
| | | onchange={handleLostReasonSubChange} class="searchField" placeholder="--无--"></lightning-combobox> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | <lightning-layout> |
| | |
| | | <template for:each={brand.LostProducts} for:item="product" for:index="j"> |
| | | <tr class="inputRows" key={product.lineNo2}> |
| | | <td> |
| | | <lightning-combobox placeholder={product.LostProductss.LostBrandName__c} data-id={i} class="BrandName" name={j} title={i} options={brandOptions} value={product.LostProductss.LostBrandName__c} onchange={handleLostBrandNameChange} read-only="true" style="margin-bottom: 20px; width: 70px"></lightning-combobox> |
| | | <lightning-combobox placeholder={product.LostProductss.LostBrandName__c} data-id={i} class="BrandName" name={j} title={i} options={brandOptions} value={product.LostProductss.LostBrandName__c} onchange={handleLostBrandNameChange} read-only="true" style="margin-bottom: 20px; width: 130px"></lightning-combobox> |
| | | </td> |
| | | <td> |
| | | <template if:true={isEdit}> |
| | | <c-lex-lookup-lwc class="Product" data-id={i} title={i} name={j} iconname="standard:product_item" query-brand={product.LostProductss.LostBrandName__c} objectname="Product2" onselected={handleSelected} init-value={product.productName}></c-lex-lookup-lwc> |
| | | <div style="padding-bottom: 17px;"> |
| | | <c-lex-lookup-lwc onbuttonclick={handleCustomButtonClick} class="Product" data-id={i} title={i} name={j} iconname="standard:product_item" query-brand={product.LostProductss.LostBrandName__c} objectname="Product2" onchange={handleClear} onselected={handleSelected} init-value={product.productName} style="margin-bottom: 17px;"></c-lex-lookup-lwc> |
| | | </div> |
| | | </template> |
| | | <template if:false={isEdit}> |
| | | <c-lex-lookup-lwc class="Product" data-id={i} title={i} name={j} iconname="standard:product_item" query-brand={product.LostProductss.LostBrandName__c} objectname="Product2" onselected={handleSelected} style="margin-bottom: 20px;"></c-lex-lookup-lwc> |
| | | <div style="padding-bottom: 17px;"> |
| | | <c-lex-lookup-lwc onbuttonclick={handleCustomButtonClick} class="Product" data-id={i} title={i} name={j} iconname="standard:product_item" query-brand={product.LostProductss.LostBrandName__c} objectname="Product2" onchange={handleClear} onselected={handleSelected} style="margin-bottom: 17px;"></c-lex-lookup-lwc> |
| | | </div> |
| | | </template> |
| | | </td> |
| | | <td> |
| | |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="1"></lightning-layout-item> |
| | | <lightning-layout-item size="2"> |
| | | <lightning-layout-item size="1"> |
| | | <label>失单总金额(元):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="1"> |
| | |
| | | </div> |
| | | <div style="margin-top: 5px"> |
| | | <div class="slds-box slds-p-around_medium"> |
| | | <lightning-accordion allow-multiple-sections-open class="myAccordion"> |
| | | <lightning-accordion allow-multiple-sections-open class="myAccordion" active-section-name="失单品牌"> |
| | | <template for:each={LostReport.LostBrands} for:item="brand" for:index="i"> |
| | | <li key={brand.lostBrand.Id}> |
| | | <lightning-accordion-section class="text-container" data-id={i} name="失单品牌" label="失单品牌"> |
| | | <lightning-layout> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <label>失单品牌:</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="Lost_By_Company__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <label>失单原因(主):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="Lost_reason_main__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <label>失单原因(次):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="Lost_Reason_Sub__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | <lightning-layout> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <label>失单品牌(手动):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="Lost_By_Company_Mannual__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <label>失单金额(元):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="LostPrice__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <label>中标经销商:</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="Agency__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | <lightning-layout> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <label>中标经销商(手动):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-style:solid;border-width: 1px;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="AgencyMannual__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | <lightning-accordion-section class="text-container" data-id={i} name="失单品牌" label="失单品牌" active> |
| | | |
| | | <lightning-layout> |
| | | <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <label>失单品牌:</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="Lost_By_Company__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2"></lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <label>失单品牌(手动):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="Lost_By_Company_Mannual__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | <lightning-layout> |
| | | <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <label>失单原因(主):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="Lost_reason_main__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2"></lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <label>失单原因(次):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="Lost_Reason_Sub__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | |
| | | </lightning-layout> |
| | | <lightning-layout> |
| | | |
| | | <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <label>中标经销商:</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="Agency__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="2"></lightning-layout-item> |
| | | <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <label>中标经销商(手动):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="AgencyMannual__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | <lightning-layout> |
| | | <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <label>失单金额(元):</label> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;"> |
| | | <lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy"> |
| | | <lightning-output-field field-name="LostPrice__c" variant="label-hidden"></lightning-output-field> |
| | | </lightning-record-view-form> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | |
| | | <lightning-layout> |
| | | <lightning-layout-item flexibility="auto" padding="around-small"> |
| | | <!-- <template if:true={isInit}> |