19626
2023-08-08 874d06c838d77ed9e4e19ca888161c1590d02e2b
force-app/main/default/lwc/lexPCLLostReportPage/lexPCLLostReportPage.html
@@ -4,7 +4,7 @@
 * @Author: chen jing wu
 * @Date: 2023-04-20 17:16:48
 * @LastEditors: chen jing wu
 * @LastEditTime: 2023-08-01 16:25:01
 * @LastEditTime: 2023-08-02 11:29:37
-->
<template>
    <div class="holder" if:true={IsLoading}>
@@ -40,120 +40,132 @@
                                    </div>
                                </lightning-layout-item>
                                <lightning-layout-item size="4" padding="around-small">
                                    <div style="padding: 10px 3px;font: 16px;">失单总金额(元):{LostReport.lostReport.LostTotalAmount__c}</div>
                                    <div style="padding: 10px 3px;font: 16px;">失单总金额(元):
                                        <span style="margin-left: 5px;">{LostReport.lostReport.LostTotalAmount__c}</span>
                                        <!-- {LostReport.lostReport.LostTotalAmount__c} -->
                                    </div>
                                </lightning-layout-item>
                                <lightning-layout-item size="3" padding="around-small">
                                    <div style="padding: 10px 3px;font: 16px;">包含超声:
                                        <span style="margin-left: 5px;">{LostReport.lostReport.InclusionUltrasound__c}</span>
                                        <!-- {LostReport.lostReport.InclusionUltrasound__c} -->
                                    </div>
                                </lightning-layout-item>
                                <lightning-layout-item size="3" padding="around-small">
                                    <div style="padding: 10px 3px;font: 16px;">包含超声:{LostReport.lostReport.InclusionUltrasound__c}</div>
                                </lightning-layout-item>
                                <lightning-layout-item size="3" padding="around-small">
                                    <div style="padding: 10px 3px;font: 16px;">状态:{LostReport.lostReport.Report_Status__c}</div>
                                    <div style="padding: 10px 3px;font: 16px;">状态:
                                        <span style="margin-left: 5px;">{LostReport.lostReport.Report_Status__c}</span>
                                        <!-- {LostReport.lostReport.Report_Status__c} -->
                                    </div>
                                </lightning-layout-item>
                            </template>
                        </lightning-layout>
                                <lightning-accordion allow-multiple-sections-open class="myAccordion">
                                        <template for:each={LostReport.LostBrands} for:item="brand" for:index="i">
                                            <li key={brand.lineNo}>
                                                <lightning-accordion-section class="" data-id={i} name="失单品牌" label="失单品牌">
                                                    <lightning-button name="save" 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">
                                                            <template if:true={isEdit}>
                                                                <c-multi-select-combobox name={i} onselect={setBrandMannualName} data-id="Lost_By_Company" class="mycombobox" options={brandOptions} selected-value={reasonValue} label="失单品牌: " placeholder={brand.lostBrand.Lost_By_Company__c} required></c-multi-select-combobox>
                                                            </template>
                                                            <template if:false={isEdit}>
                                                                <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>
                                                        <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>
                                                    </lightning-layout>
                                                    <lightning-layout>
                                                        <lightning-layout-item size="4" padding="horizontal-small">
                                                            <lightning-input name={i} data-id="Lost_By_Company_Mannual" value={brand.lostBrand.Lost_By_Company_Mannual__c} 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={brand.lostBrand.LostPrice__c} 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 value={brand.lostBrand.Agency__c} 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={brand.lostBrand.AgencyMannual__c} 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}>
                                                                <div class="slds-card__body slds-card__body_inner">
                                                                    <table class="slds-table slds-table_bordered slds-table_cell-buffer slds-var-m-bottom_large">
                                                                        <thead>
                                                                            <tr class="slds-text-title_caps">
                                                                                    <th><div class="slds-truncate">失单品牌</div></th>
                                                                                    <th><div class="slds-truncate">失单对手型号</div></th>
                                                                                    <th><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单数量</div></th>
                                                                                    <th><div class="slds-truncate">失单对手型号(手动)</div></th>
                                                                                    <th><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单产品类别</div></th>
                                                                                    <th><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单产品区分</div></th>
                                                                                    <th></th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            <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>
                                                                                    </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>
                                                                                        </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>
                                                                                        </template>
                                                                                    </td>
                                                                                    <td>
                                                                                       <lightning-input class="Quantity" title={i} name={j} value={product.LostProductss.Quantity__c} onchange={handleQuantityChange} style="margin-bottom: 20px;"></lightning-input>
                                                                                    </td>
                                                                                    <td>
                                                                                        <lightning-input class="LostProductMannual" title={i} name={j} value={product.LostProductss.LostProductMannual__c} onchange={handleLostProductMannualChange} style="margin-bottom: 20px;"></lightning-input>
                                                                                    </td>
                                                                                    <td>
                                                                                        <lightning-combobox class="ProductClass" data-id={i} placeholder="--无--" title={i} name={j} options={productClassOptions} value={product.LostProductss.ProductClass__c} onchange={handleProductClassChange} style="margin-bottom: 20px; width: 87px"></lightning-combobox>
                                                                                    </td>
                                                                                    <td>
                                                                                        <lightning-combobox class="ProductCategory" data-id={i} placeholder="--无--" title={i} name={j} options={product.productOptions} value={product.LostProductss.ProductCategory__c} onchange={handleProductCategoryChange} read-only="true" style="margin-bottom: 20px; width: 87px"></lightning-combobox>
                                                                                    </td>
                                                                                    <td>
                                                                                        <lightning-button-icon name={i} icon-name="utility:add" value={j} variant="bare" onclick={addRow}></lightning-button-icon>
                                                                                    </td>
                                                                                    <td>
                                                                                        <lightning-button-icon class="deleteButton" data-id={i} name={i} icon-name="utility:delete" value={j} variant="bare" onclick={removeRow}></lightning-button-icon>
                                                                                    </td>
                                                <div class= "x-accordion-heading">
                                                    <lightning-accordion-section class="" data-id={i} name="失单品牌" label="失单品牌" active>
                                                        <lightning-button name="save" 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">
                                                                <template if:true={isEdit}>
                                                                    <c-multi-select-combobox name={i} onselect={setBrandMannualName} data-id="Lost_By_Company" class="mycombobox" options={brandOptions} selected-value={reasonValue} label="失单品牌: " placeholder={brand.lostBrand.Lost_By_Company__c} required></c-multi-select-combobox>
                                                                </template>
                                                                <template if:false={isEdit}>
                                                                    <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>
                                                            <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>
                                                        </lightning-layout>
                                                        <lightning-layout>
                                                            <lightning-layout-item size="4" padding="horizontal-small">
                                                                <lightning-input name={i} data-id="Lost_By_Company_Mannual" value={brand.lostBrand.Lost_By_Company_Mannual__c} 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={brand.lostBrand.LostPrice__c} 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 value={brand.lostBrand.Agency__c} 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={brand.lostBrand.AgencyMannual__c} 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}>
                                                                    <div class="slds-card__body slds-card__body_inner">
                                                                        <table class="slds-table slds-table_bordered slds-table_cell-buffer slds-var-m-bottom_large">
                                                                            <thead>
                                                                                <tr class="slds-text-title_caps">
                                                                                        <th><div class="slds-truncate">失单品牌</div></th>
                                                                                        <th><div class="slds-truncate">失单对手型号</div></th>
                                                                                        <th><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单数量</div></th>
                                                                                        <th><div class="slds-truncate">失单对手型号(手动)</div></th>
                                                                                        <th><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单产品类别</div></th>
                                                                                        <th><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单产品区分</div></th>
                                                                                        <th></th>
                                                                                </tr>
                                                                            </template>
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </template>
                                                        </lightning-layout-item>
                                                    </lightning-layout>
                                                </lightning-accordion-section>
                                                                            </thead>
                                                                            <tbody>
                                                                                <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>
                                                                                        </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>
                                                                                            </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>
                                                                                            </template>
                                                                                        </td>
                                                                                        <td>
                                                                                           <lightning-input class="Quantity" title={i} name={j} value={product.LostProductss.Quantity__c} onchange={handleQuantityChange} style="margin-bottom: 20px;"></lightning-input>
                                                                                        </td>
                                                                                        <td>
                                                                                            <lightning-input class="LostProductMannual" title={i} name={j} value={product.LostProductss.LostProductMannual__c} onchange={handleLostProductMannualChange} style="margin-bottom: 20px;"></lightning-input>
                                                                                        </td>
                                                                                        <td>
                                                                                            <lightning-combobox class="ProductClass" data-id={i} placeholder="--无--" title={i} name={j} options={productClassOptions} value={product.LostProductss.ProductClass__c} onchange={handleProductClassChange} style="margin-bottom: 20px; width: 87px"></lightning-combobox>
                                                                                        </td>
                                                                                        <td>
                                                                                            <lightning-combobox class="ProductCategory" data-id={i} placeholder="--无--" title={i} name={j} options={product.productOptions} value={product.LostProductss.ProductCategory__c} onchange={handleProductCategoryChange} read-only="true" style="margin-bottom: 20px; width: 87px"></lightning-combobox>
                                                                                        </td>
                                                                                        <td>
                                                                                            <lightning-button-icon name={i} icon-name="utility:add" value={j} variant="bare" onclick={addRow}></lightning-button-icon>
                                                                                        </td>
                                                                                        <td>
                                                                                            <lightning-button-icon class="deleteButton" data-id={i} name={i} icon-name="utility:delete" value={j} variant="bare" onclick={removeRow}></lightning-button-icon>
                                                                                        </td>
                                                                                    </tr>
                                                                                </template>
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                </template>
                                                            </lightning-layout-item>
                                                        </lightning-layout>
                                                    </lightning-accordion-section>
                                                </div>
                                            </li>
                                        </template>                               
                            </lightning-accordion>