<!--
|
* @Description:
|
* @version:
|
* @Author: chen jing wu
|
* @Date: 2023-09-09 13:27:59
|
* @LastEditors: chen jing wu
|
* @LastEditTime: 2024-01-24 10:55:32
|
-->
|
<!--
|
* @Description:
|
* @version:
|
* @Author: chen jing wu
|
* @Date: 2023-04-20 17:16:48
|
* @LastEditors: chen jing wu
|
* @LastEditTime: 2023-10-07 15:50:52
|
-->
|
<template>
|
<div if:true={IsLoading}>
|
<div class="spinner-overlay">
|
<lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner>
|
</div>
|
</div>
|
<template if:true={visible}>
|
<template if:true={isSuccess}>
|
<div class="slds-notify_container slds-is-relative" style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;">
|
<div class="slds-notify slds-notify_toast slds-theme_success" role="status" style="top: 130px;">
|
<lightning-icon class="white" icon-name="utility:success" alternative-text="success" variant="inverse" size="small" ></lightning-icon>
|
<div class="slds-notify__content" style="padding-left: 20px;">
|
<span style="font-size: 16px;" class="toastMessage forceActionsText">{message}</span>
|
</div>
|
<div class="slds-notify__close">
|
<lightning-button-icon icon-name="utility:close" variant="bare-inverse" size="large" onclick={closeAction}></lightning-button-icon>
|
</div>
|
</div>
|
</div>
|
<!-- <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">
|
|
|
</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_right">
|
|
|
|
</div>
|
</div>
|
</div>
|
</div> -->
|
<div class="slds-notify_container slds-is-relative" style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;">
|
<div class="slds-notify slds-notify_toast slds-theme_error" role="status" style="background-color: #BA0517;top: 130px;">
|
<lightning-icon class="white" icon-name="utility:error" size="small" variant="inverse"></lightning-icon>
|
<div class="slds-notify__content" style="padding-left: 20px;">
|
<span style="font-size: 16px;" class="toastMessage forceActionsText">{message}</span>
|
</div>
|
<div class="slds-notify__close">
|
<lightning-button-icon icon-name="utility:close" variant="bare-inverse" size="large" onclick={closeAction}></lightning-button-icon>
|
</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: 0 20px">
|
<div class="slds-box slds-p-around_medium slds-text-align_center">
|
<lightning-layout>
|
<div class="mainTitle" style="padding: 10px 3px;font-weight: bold;font-size: large">失单报告编辑页面</div>
|
|
<lightning-layout-item class="slds-align_absolute-center" style="padding-right: 143px;">
|
<lightning-button class="slds-button " label="追加品牌" onclick={addBrandJs}></lightning-button>
|
<lightning-button class="slds-button " name="save" label="保存" onclick={saveBrandJs}></lightning-button>
|
<lightning-button class="slds-button " label="返回询价" onclick={cancel}></lightning-button>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div class="slds-box slds-p-around_medium">
|
<lightning-layout>
|
<template if:true={LostReport.lostReport}>
|
<lightning-layout-item size="3" padding="around-small">
|
<div style="padding: 10px 3px;font: 16px;float: left">
|
<span style="color:red;font-size: 10px;">*</span>
|
失单类型：</div>
|
<div style="float: left;">
|
<!-- chenjingwu 20240116 Start -->
|
<template if:true={isManger}>
|
<lightning-combobox name="progress" value={LostReport.lostReport.LostType__c} options={RecordTypeOptions}
|
onchange={handleLostTypeChange} class="searchField" style="padding-top: 4px;" variant="label-hidden">
|
</lightning-combobox>
|
</template>
|
<template if:false={isManger}>
|
<!-- chenjingwu 20231108 Start -->
|
<template if:true={isPartOfLost}>
|
<lightning-combobox name="progress" value={LostReport.lostReport.LostType__c} options={RecordTypeOptions}
|
onchange={handleLostTypeChange} class="searchField" style="padding-top: 4px;" variant="label-hidden" disabled>
|
</lightning-combobox>
|
</template>
|
<template if:false={isPartOfLost}>
|
<template if:false={isCaoAn1}>
|
<lightning-combobox name="progress" value={LostReport.lostReport.LostType__c} options={RecordTypeOptions}
|
onchange={handleLostTypeChange} class="searchField" style="padding-top: 4px;" variant="label-hidden" disabled>
|
</lightning-combobox>
|
</template>
|
<template if:true={isCaoAn1}>
|
<lightning-combobox name="progress" value={LostReport.lostReport.LostType__c} options={RecordTypeOptions}
|
onchange={handleLostTypeChange} class="searchField" style="padding-top: 4px;" variant="label-hidden">
|
</lightning-combobox>
|
</template>
|
|
</template>
|
<!-- chenjingwu 20231108 End -->
|
</template>
|
<!-- chenjingwu 20240116 End -->
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="4" padding="around-small">
|
<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;">状态:
|
<span style="margin-left: 5px;">{LostReport.lostReport.Report_Status__c}</span>
|
<!-- {LostReport.lostReport.Report_Status__c} -->
|
</div>
|
</lightning-layout-item>
|
</template>
|
</lightning-layout>
|
<template if:true={LostReport.LostBrands}>
|
<lightning-accordion active-section-name={brandTitle} allow-multiple-sections-open="true" class="example-accordion">
|
<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={brand.brandTitle} label={brand.brandTitle} active>
|
<lightning-layout>
|
<lightning-layout-item alignment-bump="left">
|
<lightning-button style="margin-top: 10px;" class="slds-button " name="save" label="保存" onclick={saveBrandJs}></lightning-button>
|
<lightning-button class="slds-button " name={i} label="删除" onclick={deleteBrandJs} disabled={isBrandCount2}></lightning-button>
|
</lightning-layout-item>
|
</lightning-layout>
|
<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={brand.lostBrand.Lost_By_Company__c} label="失单品牌: " 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 size="4" padding="around-small">
|
<lightning-combobox name={i} label="失单原因(主):" value={brand.lostBrand.Lost_reason_main__c} options={brand.reasonOptions}
|
onchange={handleLostReasonMainChange} class="searchField" placeholder="--无--" required></lightning-combobox>
|
</lightning-layout-item>
|
<lightning-layout-item size="4" padding="around-small">
|
<lightning-combobox name={i} label="失单原因(次):" value={brand.lostBrand.Lost_Reason_Sub__c} options={brand.reasonOptions}
|
onchange={handleLostReasonSubChange} class="searchField" placeholder="--无--"></lightning-combobox>
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout>
|
<template if:true={isEdit}>
|
<!-- <template if:true={brand.lostBrand.Lost_By_Company_Mannual__c}>
|
<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>
|
</template>
|
<template if:false={brand.lostBrand.Lost_By_Company_Mannual__c}>
|
<lightning-layout-item size="4" padding="horizontal-small">
|
<lightning-input disabled="true" 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>
|
</template> -->
|
<lightning-layout-item size="4" padding="horizontal-small">
|
<lightning-input disabled="true" name={i} data-id="Lost_By_Company_Mannual" value={brand.lostBrand.Lost_By_Company_Mannual__c} type="text" label="失单品牌(手动): " class="searchField" onblur={handleLostByCompanyMannualChange}></lightning-input>
|
</lightning-layout-item>
|
</template>
|
<template if:false={isEdit}>
|
<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" onblur={handleLostByCompanyMannualChange}></lightning-input>
|
</lightning-layout-item>
|
</template>
|
|
<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>
|
<template if:true={brand.reasonFlag}>
|
<lightning-layout-item size="4" padding="horizontal-small">
|
<lightning-combobox name={i} label="渠道具体原因:" value={brand.lostBrand.ChannelSpecificReasons__c} options={reasonOptions}
|
onchange={handleChannelSpecificReasonChange} placeholder="--无--" required></lightning-combobox>
|
</lightning-layout-item>
|
</template>
|
</lightning-layout>
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<template if:true={isInit}>
|
<div class=" table-container">
|
<table class="custom-table slds-table slds-table_bordered slds-table_cell-buffer slds-var-m-bottom_large" style="max-width: 99%;">
|
<thead>
|
<tr class="slds-text-title_caps">
|
<!-- <th style="width: 13%;"><div class="slds-truncate">失单品牌</div></th>
|
<th style="width: 21%;"><div class="slds-truncate">失单对手型号</div></th>
|
<th style="width: 5%;"><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单数量</div></th>
|
<th style="width: 10%;"><div class="slds-truncate">失单对手型号(手动)</div></th>
|
<th style="width: 10%;"><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单产品类别</div></th>
|
<th style="width: 15%;"><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单产品区分</div></th>
|
<th></th> -->
|
|
<th style="width: 161px;"><div class="slds-truncate">失单品牌</div></th>
|
<th style="width: 250px;"><div class="slds-truncate">失单对手型号</div></th>
|
<th style="width: 60px;"><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单数量</div></th>
|
<th><div class="slds-truncate">失单对手型号(手动)</div></th>
|
<th style="width: 105px;"><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单产品类别</div></th>
|
<th style="width: 166px;"><div class="slds-truncate"><span style="color:red;font-size: 10px;">*</span>失单产品区分</div></th>
|
<!-- chenjignwu 20231225 start -->
|
<template if:true={brand.brandGongNengFlag}>
|
<th style="width: 175px;"><div class="slds-truncate">SP主机类型</div></th>
|
</template>
|
<!-- chenjignwu 20231225 end -->
|
<th style="width: 80px;"></th>
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={brand.LostProducts} for:item="product" for:index="j">
|
<tr class="inputRows" key={product.lineNo2}>
|
<td style="padding-left: 8px;">
|
<lightning-combobox variant="label-hidden" 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"></lightning-combobox>
|
</td>
|
<td>
|
<template if:true={isEdit}>
|
<div>
|
<template if:false={product.LostProductss.LostProduct__r}>
|
<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>
|
<!-- <template if:true={product.productName}>
|
<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>
|
</template>
|
<template if:false={product.productName}>
|
<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>
|
</template> -->
|
|
</template>
|
<template if:true={product.LostProductss.LostProduct__r}>
|
<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.LostProductss.LostProduct__r.Name} style="margin-bottom: 17px;"></c-lex-lookup-lwc>
|
</template>
|
</div>
|
</template>
|
<template if:false={isEdit}>
|
<div>
|
<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>
|
</td>
|
<td style="width: 5%;">
|
<lightning-input variant="label-hidden" class="Quantity" title={i} name={j} value={product.LostProductss.Quantity__c} onchange={handleQuantityChange} style=""></lightning-input>
|
</td>
|
<td>
|
<lightning-input variant="label-hidden" class="LostProductMannual" title={i} name={j} value={product.LostProductss.LostProductMannual__c} onchange={handleLostProductMannualChange} style=""></lightning-input>
|
</td>
|
<td>
|
<template if:true={isEdit}>
|
<template if:true={product.LostProductss.ProductClass__c}>
|
|
<template if:true={product.LostProductss.LostProduct__c}>
|
<template if:true={product.LostProductss.isSpec__c}>
|
<lightning-combobox variant="label-hidden" class="ProductClass" data-id={i} placeholder="--无--" title={i} name={j} options={masterValues} value={product.LostProductss.ProductClass__c} onchange={handleProductClassChange}></lightning-combobox>
|
</template>
|
<template if:false={product.LostProductss.isSpec__c}>
|
<lightning-combobox variant="label-hidden" read-only="true" class="ProductClass" data-id={i} placeholder="--无--" title={i} name={j} options={masterValues} value={product.LostProductss.ProductClass__c} onchange={handleProductClassChange}></lightning-combobox>
|
</template>
|
|
</template>
|
<template if:false={product.LostProductss.LostProduct__c}>
|
<lightning-combobox variant="label-hidden" class="ProductClass" data-id={i} placeholder="--无--" title={i} name={j} options={masterValues} value={product.LostProductss.ProductClass__c} onchange={handleProductClassChange}></lightning-combobox>
|
</template>
|
</template>
|
<template if:false={product.LostProductss.ProductClass__c}>
|
<lightning-combobox variant="label-hidden" class="ProductClass" data-id={i} placeholder="--无--" title={i} name={j} options={masterValues} value={product.LostProductss.ProductClass__c} onchange={handleProductClassChange}></lightning-combobox>
|
</template>
|
<!-- <template if:true={product.LostProductss.ProductClass__c}>
|
<lightning-combobox read-only="true" class="ProductClass" data-id={i} placeholder="--无--" title={i} name={j} options={productClassOptions} value={product.LostProductss.ProductClass__c} onchange={handleProductClassChange}></lightning-combobox>
|
</template>
|
<template if:false={product.LostProductss.ProductClass__c}>
|
<lightning-combobox class="ProductClass" data-id={i} placeholder="--无--" title={i} name={j} options={productClassOptions} value={product.LostProductss.ProductClass__c} onchange={handleProductClassChange}></lightning-combobox>
|
</template> -->
|
</template>
|
|
<template if:false={isEdit}>
|
<lightning-combobox variant="label-hidden" class="ProductClass" data-id={i} placeholder="--无--" title={i} name={j} options={masterValues} value={product.LostProductss.ProductClass__c} onchange={handleProductClassChange}></lightning-combobox>
|
</template>
|
</td>
|
<td>
|
|
<template if:true={isEdit}>
|
|
<lightning-combobox variant="label-hidden" class="ProductCategory" data-id={i} placeholder="--无--" title={i} name={j} options={product.productOptions} value={product.LostProductss.ProductCategory__c} onchange={handleProductCategoryChange} read-only="true"></lightning-combobox>
|
</template>
|
<template if:false={isEdit}>
|
<lightning-combobox variant="label-hidden" class="ProductCategory" data-id={i} placeholder="--无--" title={i} name={j} options={product.productOptions} value={product.LostProductss.ProductCategory__c} onchange={handleProductCategoryChange} read-only="true"></lightning-combobox>
|
</template>
|
</td>
|
<!-- chenjignwu 20231225 start -->
|
<template if:true={product.gongNengFlag}>
|
<td>
|
<lightning-combobox variant="label-hidden" class="GongNeng" data-id={i} placeholder="--无--" title={i} name={j} options={functionOptions} value={product.LostProductss.Function__c} onchange={handleFunctionChange}></lightning-combobox>
|
<!-- <template if:true={product.gongNengFlag}>
|
<lightning-combobox variant="label-hidden" class="GongNeng" data-id={i} placeholder="--无--" title={i} name={j} options={functionOptions} value={product.LostProductss.Function__c} onchange={handleFunctionChange}></lightning-combobox>
|
</template>
|
<template if:false={product.gongNengFlag}>
|
<lightning-combobox variant="label-hidden" class="GongNeng" data-id={i} placeholder="--无--" title={i} name={j} options={functionOptions} value={product.LostProductss.Function__c} onchange={handleFunctionChange} read-only="true" required="true"></lightning-combobox>
|
</template> -->
|
</td>
|
</template>
|
<template if:true={brand.brandGongNengFlag}>
|
<template if:false={product.gongNengFlag}>
|
<td></td>
|
</template>
|
</template>
|
<!-- chenjignwu 20231225 end -->
|
|
<td>
|
|
<lightning-button-icon name={i} icon-name="utility:add" value={j} variant="bare" onclick={addRow}></lightning-button-icon>
|
|
<lightning-button-icon style="padding-left: 15px;" class="iconButton" 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>
|
</template>
|
|
</div>
|
<div style="margin-top: 5px">
|
<div class="slds-box slds-p-around_medium slds-text-align_center">
|
<lightning-layout style="margin-top: 20px;">
|
<div class="slds-align_absolute-center">
|
<lightning-layout-item size="12">
|
<lightning-button class="slds-button " label="追加品牌" onclick={addBrandJs}></lightning-button>
|
<lightning-button class="slds-button " name="save" label="保存" onclick={saveBrandJs}></lightning-button>
|
<lightning-button class="slds-button " label="返回询价" onclick={cancel}></lightning-button>
|
</lightning-layout-item>
|
</div>
|
</lightning-layout>
|
</div>
|
</div>
|
</div>
|
</lightning-card>
|
</template>
|
<template if:true={isView}>
|
<lightning-card id="my-element2" class="card" variant="Narrow" data-id="my-card">
|
<div style="padding: 0 20px">
|
<div class="slds-box slds-p-around_medium slds-text-align_center">
|
<lightning-layout>
|
|
<h2 class="mainTitle" style="padding: 10px 3px;font-weight: bold;font-size: large">失单报告查看页面</h2>
|
<lightning-layout-item class="slds-align_absolute-center" style="padding-right: 143px;">
|
<template if:true={isCanSubmit}>
|
<lightning-button class="slds-button " label="提交" onclick={submitJs}></lightning-button>
|
|
</template>
|
<template if:true={isCanEdit}>
|
<lightning-button class="slds-button " name="编辑" label="编辑" onclick={editJs}></lightning-button>
|
</template>
|
<lightning-button class="slds-button " label="返回询价" onclick={cancel}></lightning-button>
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout>
|
|
<lightning-layout-item size="3" padding="around-small">
|
<div style="float: left;padding-top: 17px;">失单类型:
|
<span style="margin-left: 5px;">{LostReport.lostReport.LostType__c}</span>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="3" padding="around-small">
|
<div style="float: left;padding-top: 17px;">失单总金额(元):
|
<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="float: left;padding-top: 17px;">包含超声:
|
<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">
|
<template if:true={editStatus}>
|
<div style="float: left;padding-top: 17px;">状态:
|
<span style="margin-left: 5px;">{editStatus}</span>
|
<!-- {LostReport.lostReport.Report_Status__c} -->
|
</div>
|
</template>
|
<template if:false={editStatus}>
|
<div style="float: left;padding-top: 17px;">状态:
|
<span style="margin-left: 5px;">{LostReport.lostReport.Report_Status__c}</span>
|
<!-- {LostReport.lostReport.Report_Status__c} -->
|
</div>
|
</template>
|
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="margin-top: 5px">
|
<div class="slds-box slds-p-around_medium">
|
<lightning-accordion allow-multiple-sections-open class="myAccordion" active-section-name={brandTitle}>
|
<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={brand.brandTitle} label={brand.brandTitle} active>
|
<lightning-layout>
|
<lightning-layout-item style="width: 135px;height: 30px;"></lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout>
|
<lightning-layout-item style="width: 135px;height: 30px;">
|
<label>失单品牌：</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="3">
|
<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="3"></lightning-layout-item>
|
<lightning-layout-item style="width: 135px;">
|
<label>失单品牌(手动)：</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="3">
|
<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 style="width: 135px;height: 30px;">
|
<label>失单原因(主)：</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="3">
|
<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="3"></lightning-layout-item>
|
<lightning-layout-item style="width: 135px;">
|
<label>失单原因(次)：</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="3">
|
<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 style="width: 135px;height: 30px;">
|
<label>中标经销商：</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="3">
|
<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="3"></lightning-layout-item>
|
<lightning-layout-item style="width: 135px;">
|
<label>中标经销商(手动)：</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="3">
|
<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 style="width: 135px;height: 30px;">
|
<label>失单金额(元)：</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="3">
|
<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="3"></lightning-layout-item>
|
<template if:true={brand.lostBrand.ChannelSpecificReasons__c}>
|
<lightning-layout-item style="width: 135px;">
|
<label>渠道具体原因：</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="3">
|
<lightning-record-view-form object-api-name="PCLLostBrand__c" record-id={brand.lostBrand.Id} density="comfy">
|
<lightning-output-field field-name="ChannelSpecificReasons__c" variant="label-hidden"></lightning-output-field>
|
</lightning-record-view-form>
|
</lightning-layout-item>
|
</template>
|
</lightning-layout>
|
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small" style="padding-left: 0px;">
|
<!-- <template if:true={isInit}>
|
<lightning-datatable hide-checkbox-column="true" key-field="is" columns={columns3} data={getData}></lightning-datatable>
|
</template> -->
|
<template if:true={isInit}>
|
<table class="custom-table slds-table slds-table_bordered slds-table_cell-buffer slds-var-m-bottom_large">
|
<thead>
|
<tr class="slds-text-title_caps">
|
<th style="width: 145px;"><div class="slds-truncate">失单品牌</div></th>
|
<th style="width: 370px;"><div class="slds-truncate">失单对手型号</div></th>
|
<th style="width: 60px;"><div class="slds-truncate">失单数量</div></th>
|
<th><div class="slds-truncate">失单对手型号(手动)</div></th>
|
<th style="width: 100px;"><div class="slds-truncate">失单产品类别</div></th>
|
<th style="width: 145px;"><div class="slds-truncate">失单产品区分</div></th>
|
<!-- chenjingwu 20231227 start -->
|
<template if:true={brand.brandGongNengFlag}>
|
<th style="width: 100px;"><div class="slds-truncate">SP主机类型</div></th>
|
</template>
|
<!-- chenjingwu 20231227 end -->
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={brand.LostProducts} for:item="product" for:index="j">
|
<tr class="inputRows" key={product.lineNo2}>
|
<td style="padding-left: 8px;">
|
<div>{product.LostProductss.LostBrandName__c}</div>
|
</td>
|
<template if:false={product.LostProductss.LostProduct__r}>
|
<td>
|
<!-- chenjingwu 20231122 start -->
|
<c-lex-lightning-link link-id={product.LostProductss.LostProduct__c} link-name={product.productName}></c-lex-lightning-link>
|
<!-- <div>{product.productName}</div> -->
|
<!-- chenjingwu 20231122 end -->
|
</td>
|
</template>
|
<template if:true={product.LostProductss.LostProduct__r}>
|
<td>
|
<!-- chenjingwu 20231122 start -->
|
<c-lex-lightning-link link-id={product.LostProductss.LostProduct__c} link-name={product.LostProductss.LostProduct__r.Name}></c-lex-lightning-link>
|
<!-- <div>{product.LostProductss.LostProduct__r.Name}</div> -->
|
<!-- chenjingwu 20231122 end -->
|
</td>
|
</template>
|
<td>
|
<div style="float: right;">{product.LostProductss.Quantity__c}</div>
|
</td>
|
<td>
|
<div>{product.LostProductss.LostProductMannual__c}</div>
|
</td>
|
<td>
|
<div>{product.LostProductss.ProductClass__c}</div>
|
</td>
|
<td>
|
<div>{product.LostProductss.ProductCategory__c}</div>
|
</td>
|
<!-- chenjingwu 20231227 start -->
|
<template if:true={brand.brandGongNengFlag}>
|
<td>
|
<div>{product.LostProductss.Function__c}</div>
|
</td>
|
</template>
|
<!-- chenjingwu 20231227 end -->
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</template>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-accordion-section>
|
</li>
|
</template>
|
</lightning-accordion>
|
</div>
|
<div class="slds-box slds-p-around_medium slds-text-align_center">
|
<lightning-layout style="margin-top: 20px;">
|
<div class="slds-align_absolute-center">
|
<lightning-layout-item size="12">
|
<template if:true={isCanSubmit}>
|
<lightning-button class="slds-button " label="提交" onclick={submitJs}></lightning-button>
|
|
</template>
|
<template if:true={isCanEdit}>
|
<lightning-button class="slds-button " name="编辑" label="编辑" onclick={editJs}></lightning-button>
|
</template>
|
<lightning-button class="slds-button " label="返回询价" onclick={cancel}></lightning-button>
|
</lightning-layout-item>
|
</div>
|
</lightning-layout>
|
</div>
|
</div>
|
|
</div>
|
</lightning-card>
|
</template>
|
<template if:true={haveApprovalHistorys}>
|
<div class="slds-box slds-p-around_medium slds-text-align_center" style="background-color: white;margin-top: 10px;">
|
<lightning-layout>
|
<lightning-layout-item>
|
<div class="mainTitle" style="padding: 10px 3px;font-weight: bold;font-size: large">批准历史</div>
|
</lightning-layout-item>
|
<lightning-layout-item alignment-bump="left">
|
<template if:false={isCaoAn}>
|
<template if:true={isAllowUser}>
|
<lightning-button class="slds-button " label="批准" onclick={handleSubmitApp}></lightning-button>
|
<lightning-button class="slds-button " label="拒绝" onclick={handleNoApp}></lightning-button>
|
<lightning-button class="slds-button " label="重新分配" onclick={handleReStartApp}></lightning-button>
|
</template>
|
<template if:true={isSubmitUser}>
|
<lightning-button class="slds-button " label="撤回批准请求" onclick={handleCancelApp}></lightning-button>
|
</template>
|
|
</template>
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout>
|
<table class="custom-table 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">状态</div></th>
|
<th><div class="slds-truncate">被分配人</div></th>
|
<th><div class="slds-truncate">实际批准人</div></th>
|
<th><div class="slds-truncate">评论</div></th>
|
<th><div class="slds-truncate">整体状态</div></th>
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={LostReport.approvalHistorys} for:item="approvalHistory" for:index="j">
|
<template if:true={approvalHistory.isRemoved}>
|
<tr class="inputRows" key={approvalHistory.Id}>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td>
|
<div style="background-color: #C0BEBC;">
|
<lightning-icon style="padding-left: 3px;" size="small" icon-name="utility:ban"></lightning-icon>
|
<span style="padding-left: 10px;">已撤回</span>
|
</div>
|
</td>
|
</tr>
|
</template>
|
<template if:true={approvalHistory.isApproved}>
|
<tr class="inputRows" key={approvalHistory.Id}>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td>
|
<div style="background-color: #A1F78D;">
|
<lightning-icon style="padding-left: 3px;" size="small" icon-name="utility:success"></lightning-icon>
|
<span style="padding-left: 10px;">已批准</span>
|
</div>
|
</td>
|
</tr>
|
</template>
|
<template if:true={approvalHistory.isPending}>
|
<tr class="inputRows" key={approvalHistory.Id}>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td>
|
<div style="background-color: #FFD74B;">
|
<lightning-icon style="padding-left: 3px;" size="small" icon-name="utility:clock"></lightning-icon>
|
<span style="padding-left: 10px;">待处理</span>
|
</div>
|
</td>
|
</tr>
|
</template>
|
<template if:true={approvalHistory.isRejected}>
|
<tr class="inputRows" key={approvalHistory.Id}>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td>
|
<div style="background-color: #FB8A8C;">
|
<lightning-icon style="padding-left: 3px;" size="small" icon-name="utility:clear"></lightning-icon>
|
<span style="padding-left: 10px;">已拒绝</span>
|
</div>
|
</td>
|
</tr>
|
</template>
|
<tr class="inputRows" key={approvalHistory.Id} style="height: 33px;">
|
<!-- <td>
|
<template if:true={approvalHistory.IsPending}>
|
<a onclick={onApproveChange}>重新分配</a>
|
<label> </label>
|
<label>|</label>
|
<a onclick={onApproveChange}>批准/拒绝</a>
|
</template>
|
</td> -->
|
<td>
|
<div>{approvalHistory.CreatedDate}</div>
|
</td>
|
<td>
|
<div>{approvalHistory.StepStatus}</div>
|
</td>
|
<td>
|
<!-- <a href='/lightning/r/User/{approvalHistory.OriginalActor.Id}/view'>
|
<div>{approvalHistory.OriginalActor.Name}</div>
|
</a> -->
|
<c-lex-lightning-link link-id={approvalHistory.OriginalActor.Id} link-name={approvalHistory.OriginalActor.Name}></c-lex-lightning-link>
|
</td>
|
<td>
|
<!-- <a href='/lightning/r/User/{approvalHistory.OriginalActor.Id}/view'>
|
<div>{approvalHistory.Actor.Name}</div>
|
</a> -->
|
<c-lex-lightning-link link-id={approvalHistory.Actor.Id} link-name={approvalHistory.Actor.Name}></c-lex-lightning-link>
|
|
</td>
|
<td>
|
<div>{approvalHistory.Comments}</div>
|
</td>
|
<td></td>
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</lightning-layout>
|
</div>
|
</template>
|
<template if:true={isPop}>
|
<section role="dialog" tabindex="-1" aria-modal="true" aria-labelledby="modal-heading-01" class="slds-modal slds-fade-in-open">
|
<div class="slds-modal__container" data-aura-rendered-by="479:0">
|
<!-- <button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse">
|
<svg aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#close"></use>
|
</svg>
|
<span class="slds-assistive-text">Cancel and close</span>
|
</button> -->
|
<div style="height: 40px;">
|
<lightning-button-icon style="float: right;" variant="bare" icon-class="slds-button__icon slds-button__icon_large slds-button_icon-inverse" icon-name="utility:close" onclick={handleModalCancel}></lightning-button-icon>
|
</div>
|
|
<div class="slds-modal__header">
|
<h1 id="modal-heading-01" class="slds-modal__title slds-hyphenate">{modalsubmitLabel} 询价失单/取消报告</h1>
|
</div>
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
|
<template if:true={isLookup}>
|
|
<lightning-record-edit-form
|
object-api-name='Lost_Report__c'
|
record-id=''
|
>
|
<div style="width: 95%;padding-left: 10px;">
|
|
<lightning-input-field variant="label-hidden" value={newActorId} field-name='Manager__c' onchange={handleActorChange} required> </lightning-input-field>
|
</div>
|
</lightning-record-edit-form>
|
|
</template>
|
<template if:false={isLookup}>
|
<div>
|
<lightning-textarea class="textAreaBody" style="width: 95%;padding-left: 10px;" data-id="comment" label="评论" value=""></lightning-textarea>
|
|
</div>
|
</template>
|
</div>
|
<!-- <div style="align-self: center;font-size: large;padding-bottom: 10px" slot="header"></div> -->
|
|
|
|
<!-- <template if:true={isLookup}>
|
<div style="align-self: center;font-size: large;padding-bottom: 36px" slot="header">{modalsubmitLabel}页面</div>
|
<lightning-layout-item size="10" style="align-self: center;">
|
<div>
|
|
<div style="height: 100px;">
|
<lightning-textarea class="comment" style="width: 95%;padding-left: 10px;" data-id="comment" label="评论" value=""></lightning-textarea>
|
|
</div>
|
</div>
|
</lightning-layout-item>
|
|
</template> -->
|
<div class="slds-modal__footer">
|
<lightning-button
|
class="slds-button "
|
data-id="Cancel"
|
label="取消"
|
onclick={handleModalCancel}
|
></lightning-button>
|
<lightning-button
|
class="slds-button"
|
data-id="Submit"
|
label={modalsubmitLabel}
|
variant="brand"
|
onclick={handleModalSubmit}
|
></lightning-button>
|
</div>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</template>
|
|
</template>
|
|
</template>
|
