<!--
|
* @Description:
|
* @version:
|
* @Author: chen jing wu
|
* @Date: 2023-04-20 17:16:48
|
* @LastEditors: chen jing wu
|
* @LastEditTime: 2023-06-30 10:06:30
|
-->
|
<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>
|
<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">
|
<lightning-button label="追加品牌" onclick={addBrandJs}></lightning-button>
|
<lightning-button name="save" label="保存" onclick={saveBrandJs}></lightning-button>
|
<lightning-button label="返回询价" onclick={cancel}></lightning-button>
|
</lightning-layout-item>
|
</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;">
|
<lightning-combobox name="progress" value={LostReport.lostReport.LostType__c} options={RecordTypeOptions}
|
onchange={handleLostTypeChange} class="searchField" style="bottom: 16px;">
|
</lightning-combobox>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="4" padding="around-small">
|
<div style="padding: 10px 3px;font: 16px;">失单总金额（元）:{LostReport.lostReport.LostTotalAmount__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>
|
</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>
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</div>
|
</template>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-accordion-section>
|
</li>
|
</template>
|
</lightning-accordion>
|
</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 label="追加品牌" onclick={addBrandJs}></lightning-button>
|
<lightning-button name="save" label="保存" onclick={saveBrandJs}></lightning-button>
|
<lightning-button label="返回询价" onclick={cancel}></lightning-button>
|
</lightning-layout-item>
|
</div>
|
</lightning-layout>
|
</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>
|
<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={submitFlag}>
|
<lightning-button label="提交" onclick={submitJs}></lightning-button>
|
</template>
|
<lightning-button name="编辑" label="编辑" onclick={editJs}></lightning-button>
|
<lightning-button label="返回询价" onclick={cancel}></lightning-button>
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout>
|
<lightning-layout-item size="1">
|
<label>失单类型:</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
<lightning-record-view-form object-api-name="Lost_cancel_report__c" record-id={LostReport.lostReport.Id} density="comfy">
|
<lightning-output-field field-name="LostType__c" variant="label-hidden"></lightning-output-field>
|
</lightning-record-view-form>
|
</lightning-layout-item>
|
<lightning-layout-item size="1"></lightning-layout-item>
|
<lightning-layout-item size="2">
|
<label>失单总金额（元）:</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
<lightning-record-view-form object-api-name="Lost_cancel_report__c" record-id={LostReport.lostReport.Id} density="comfy">
|
<lightning-output-field field-name="LostTotalAmount__c" variant="label-hidden"></lightning-output-field>
|
</lightning-record-view-form>
|
</lightning-layout-item>
|
<lightning-layout-item size="1"></lightning-layout-item>
|
<lightning-layout-item size="1">
|
<label>包含超声:</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
<lightning-record-view-form object-api-name="Lost_cancel_report__c" record-id={LostReport.lostReport.Id} density="comfy">
|
<lightning-output-field field-name="InclusionUltrasound__c" variant="label-hidden"></lightning-output-field>
|
</lightning-record-view-form>
|
</lightning-layout-item>
|
<lightning-layout-item size="1"></lightning-layout-item>
|
<lightning-layout-item size="1">
|
<label>状态:</label>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
<lightning-record-view-form object-api-name="Lost_cancel_report__c" record-id={LostReport.lostReport.Id} density="comfy">
|
<lightning-output-field field-name="Report_Status__c" variant="label-hidden"></lightning-output-field>
|
</lightning-record-view-form>
|
</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">
|
<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-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<!-- <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="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>
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={brand.LostProducts} for:item="product" for:index="j">
|
<tr class="inputRows" key={product.lineNo2}>
|
<td>
|
<div>{product.LostProductss.LostBrandName__c}</div>
|
</td>
|
<td>
|
<div>{product.productName}</div>
|
</td>
|
<td>
|
<div>{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>
|
</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:false={submitFlag}>
|
<lightning-button label="提交" onclick={submitJs}></lightning-button>
|
</template>
|
<lightning-button name="编辑" label="编辑" onclick={editJs}></lightning-button>
|
<lightning-button label="返回询价" onclick={cancel}></lightning-button>
|
</lightning-layout-item>
|
</div>
|
</lightning-layout>
|
</div>
|
</div>
|
<template if:true={submitFlag}>
|
<div class="slds-box slds-p-around_medium slds-text-align_center">
|
<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">
|
<lightning-button label="撤回批准请求" onclick={onApproveChange}></lightning-button>
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout>
|
<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">状态</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">
|
<tr class="inputRows" key={approvalHistory.Id}>
|
<td>
|
<template if:true={approvalHistory.IsPending}>
|
<a onclick={onApproveChange}>重新分配</a>
|
<label>|</label>
|
<a onclick={onApproveChange}>批准/拒绝</a>
|
</template>
|
</td>
|
<td>
|
<div>{approvalHistory.CreatedDate}</div>
|
</td>
|
<td>
|
<div>{approvalHistory.StepStatus}</div>
|
</td>
|
<td>
|
<div>{approvalHistory.Actor.Name}</div>
|
</td>
|
<td>
|
<div>{approvalHistory.OriginalActor.Name}</div>
|
</td>
|
<td>
|
<div>{approvalHistory.Comments}</div>
|
</td>
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</lightning-layout>
|
</div>
|
</template>
|
</div>
|
</lightning-card>
|
</template>
|
</template>
|
</template>
|
