| | |
| | | * @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}> |
| | |
| | | </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> |