近期修改cjw

19626

2023-10-07 988f9735377909b6310301e582c15804e004783f

 force-app/main/default/lwc/lexPCLLostReportPage/lexPCLLostReportPage.html

@@ -4,36 +4,61 @@
 * @Author: chen jing wu
 * @Date: 2023-04-20 17:16:48
 * @LastEditors: chen jing wu
 * @LastEditTime: 2023-09-13 13:42:39
 * @LastEditTime: 2023-10-03 12:02:30
-->
<template>
    <div class="holder" if:true={IsLoading}>
        <lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner>
    <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 style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;">
            <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">
                    <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;">
                    <h2 style="color:white;font-size:large">{message}</h2>
                  </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">
                        <h2 style="color:white;font-size:large">{message}</h2>
                        <lightning-icon class="white" icon-name="utility:success" alternative-text="success" variant="Success" size="small" ></lightning-icon>
                        
                        
                    </div>
                    </div>
                </div>
            </div>
            </div> -->
        </template>
        <template if:false={isSuccess}>
            <div style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;">
            <!-- <div style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;">
                <div class="slds-notify_container slds-is-relative">
                    <div class="slds-notify slds-notify_toast slds-theme_default slds-box slds-box_small"  style="background-color:rgb(234, 0, 30);" role="success">
                    <div class="slds-align_absolute-center">
                        <h2 style="color:white;font-size:large">{message}</h2>
                        <lightning-icon class="white" icon-name="utility:error" alternative-text="error" variant="Error" size="small" ></lightning-icon>
                    <div class="slds-align_right">
                       
                       
                        
                    </div>
                    </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">
                    <lightning-icon class="white" icon-name="utility:error"  size="small" variant="inverse"></lightning-icon>
                  <div class="slds-notify__content" style="padding-left: 20px;">
                    <h2 style="color:white;font-size:large">{message}</h2>
                  </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}>
@@ -46,9 +71,9 @@
                                <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-button class="slds-button lexBorder" label="追加品牌" onclick={addBrandJs}></lightning-button>
                                    <lightning-button class="slds-button lexBorder1" name="save" label="保存" onclick={saveBrandJs}></lightning-button>
                                    <lightning-button class="slds-button lexBorder" label="返回询价" onclick={cancel}></lightning-button>
                                </lightning-layout-item>
                        </lightning-layout>
                    </div>
@@ -85,13 +110,18 @@
                                </lightning-layout-item>
                            </template>
                        </lightning-layout>
                                <lightning-accordion active-section-name="失单品牌" allow-multiple-sections-open="true" class="myAccordion">
                                <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 active-section-name="失单品牌" class="" data-id={i} name="失单品牌" label="失单品牌" active="true">
                                                        <lightning-button name="save" label="保存" onclick={saveBrandJs}></lightning-button>
                                                        <lightning-button name={i} label="删除" onclick={deleteBrandJs} disabled={isBrandCount2}></lightning-button>
                                                    <lightning-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 lexBorder1" name="save" label="保存" onclick={saveBrandJs}></lightning-button>
                                                                <lightning-button class="slds-button lexBorder1" 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}>
@@ -130,64 +160,99 @@
                                                            <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-item size="4" padding="horizontal-small">
                                                                <lightning-combobox name={i} label="渠道具体原因:" value={brand.lostBrand.ChannelSpecificReasons__c} options={reasonOptions} 
                                                                onchange={handleChannelSpecificReasonChange} placeholder="--无--"></lightning-combobox>               
                                                            </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="slds-card__body slds-card__body_inner">
                                                                        <table class="slds-table slds-table_bordered slds-table_cell-buffer slds-var-m-bottom_large"> 
                                                                    <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><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 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><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>
                                                                                        <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>
                                                                                        <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>
                                                                                           <lightning-combobox placeholder={product.LostProductss.LostBrandName__c} data-id={i} class="BrandName" name={j} title={i} options={brandOptions} value={product.LostProductss.LostBrandName__c} onchange={handleLostBrandNameChange} read-only="true" style="margin-bottom: 20px; width: 130px"></lightning-combobox> 
                                                                                           <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"></lightning-combobox> 
                                                                                        </td>
                                                                                        <td>
                                                                                            <template if:true={isEdit}>
                                                                                                <div style="padding-bottom: 17px;">
                                                                                                    <c-lex-lookup-lwc onbuttonclick={handleCustomButtonClick} class="Product" data-id={i} title={i} name={j} iconname="standard:product_item" query-brand={product.LostProductss.LostBrandName__c} objectname="Product2" onchange={handleClear} onselected={handleSelected} init-value={product.productName} style="margin-bottom: 17px;"></c-lex-lookup-lwc>
                                                                                                <div style="padding-top: 4px;">
                                                                                                    <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>
                                                                                                    <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 style="padding-bottom: 17px;">
                                                                                                <div style="padding-top: 4px;">
                                                                                                    <c-lex-lookup-lwc onbuttonclick={handleCustomButtonClick} class="Product" data-id={i} title={i} name={j} iconname="standard:product_item" query-brand={product.LostProductss.LostBrandName__c} objectname="Product2" onchange={handleClear} onselected={handleSelected} style="margin-bottom: 17px;"></c-lex-lookup-lwc>
                                                                                                </div>
                                                                                            </template>
                                                                                        </td>
                                                                                        <td>
                                                                                           <lightning-input class="Quantity" title={i} name={j} value={product.LostProductss.Quantity__c} onchange={handleQuantityChange} style="margin-bottom: 20px;"></lightning-input>
                                                                                        <td style="width: 5%;">
                                                                                           <lightning-input class="Quantity" title={i} name={j} value={product.LostProductss.Quantity__c} onchange={handleQuantityChange} style=""></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>
                                                                                            <lightning-input class="LostProductMannual" title={i} name={j} value={product.LostProductss.LostProductMannual__c} onchange={handleLostProductMannualChange} style=""></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> 
                                                                                            <template if:true={isEdit}>
                                                                                                <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 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 class="ProductClass" data-id={i} placeholder="--无--" title={i} name={j} options={productClassOptions} value={product.LostProductss.ProductClass__c} onchange={handleProductClassChange}></lightning-combobox> 
                                                                                            </template>
                                                                                        </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> 
                                                                                           
                                                                                            <template if:true={isEdit}>
                                                                                                <lightning-combobox class="ProductCategory" data-id={i} placeholder={product.LostProductss.ProductCategory__c} 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 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>
                                        
                                                                                        <td>
                                                                                            <lightning-button-icon name={i} icon-name="utility:add" value={j} variant="bare" onclick={addRow}></lightning-button-icon>
                                                                                            
                                                                                                <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>
                                                                                        <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>
@@ -202,15 +267,17 @@
                                            </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 label="追加品牌" onclick={addBrandJs}></lightning-button>
                                        <lightning-button name="save" label="保存" onclick={saveBrandJs}></lightning-button>
                                        <lightning-button label="返回询价" onclick={cancel}></lightning-button>
                                        <lightning-button class="slds-button lexBorder" label="追加品牌" onclick={addBrandJs}></lightning-button>
                                        <lightning-button class="slds-button lexBorder1" name="save" label="保存" onclick={saveBrandJs}></lightning-button>
                                        <lightning-button class="slds-button lexBorder" label="返回询价" onclick={cancel}></lightning-button>
                                    </lightning-layout-item>
                                </div>
                            </lightning-layout>
@@ -228,91 +295,94 @@
                                    <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 if:true={isCanSubmit}>
                                            <lightning-button class="slds-button lexBorder1" label="提交" onclick={submitJs}></lightning-button>
                                            
                                        </template>
                                        <lightning-button name="编辑" label="编辑" onclick={editJs}></lightning-button>
                                        <lightning-button label="返回询价" onclick={cancel}></lightning-button>
                                        <template if:true={isCanEdit}>
                                            <lightning-button class="slds-button lexBorder1" name="编辑" label="编辑" onclick={editJs}></lightning-button>
                                        </template>
                                        <lightning-button class="slds-button lexBorder" label="返回询价" onclick={cancel}></lightning-button>
                                    </lightning-layout-item>
                            </lightning-layout>
                            <lightning-layout>
                                <lightning-layout-item size="1">
                                    <label>失单类型:</label>
                                
                                <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="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 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="1"></lightning-layout-item>
                                <lightning-layout-item size="1">
                                    <label>失单总金额（元）:</label>
                                <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="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 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-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" active-section-name="失单品牌">
                                <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="失单品牌" label="失单品牌" active>
                                                
                                            <lightning-accordion-section  class="text-container" data-id={i} name={brand.brandTitle} label={brand.brandTitle} active>
                                                    <lightning-layout>
                                                        <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                            <label>失单品牌:</label>
                                                        <lightning-layout-item 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" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                        <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="2"></lightning-layout-item>
                                                        <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                            <label>失单品牌（手动）:</label>
                                                        <lightning-layout-item size="3"></lightning-layout-item>
                                                        <lightning-layout-item style="width: 135px;">
                                                            <label>失单品牌（手动）：</label>
                                                        </lightning-layout-item>
                                                        <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                        <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 size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                            <label>失单原因（主）:</label>
                                                        <lightning-layout-item style="width: 135px;height: 30px;">
                                                            <label>失单原因（主）：</label>
                                                        </lightning-layout-item>
                                                        <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                        <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="2"></lightning-layout-item>
                                                        <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                            <label>失单原因（次）:</label>
                                                        <lightning-layout-item size="3"></lightning-layout-item>
                                                        <lightning-layout-item style="width: 135px;">
                                                            <label>失单原因（次）：</label>
                                                        </lightning-layout-item>
                                                        <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                        <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>
@@ -321,50 +391,61 @@
                                                    </lightning-layout>
                                                    <lightning-layout> 
                                                        
                                                        <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                            <label>中标经销商:</label>
                                                        <lightning-layout-item style="width: 135px;height: 30px;">
                                                            <label>中标经销商：</label>
                                                        </lightning-layout-item>
                                                        <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                        <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="2"></lightning-layout-item>
                                                        <lightning-layout-item size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                            <label>中标经销商（手动）:</label>
                                                        <lightning-layout-item size="3"></lightning-layout-item>
                                                        <lightning-layout-item style="width: 135px;">
                                                            <label>中标经销商（手动）：</label>
                                                        </lightning-layout-item>
                                                        <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                        <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 size="2" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                            <label>失单金额（元）:</label>
                                                        <lightning-layout-item style="width: 135px;height: 30px;">
                                                            <label>失单金额（元）：</label>
                                                        </lightning-layout-item>
                                                        <lightning-layout-item size="3" style="border-width: 1px;border-bottom-style: groove;border-bottom-color: silver;">
                                                        <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">
                                                    <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="slds-table slds-table_bordered slds-table_cell-buffer slds-var-m-bottom_large"> 
                                                            <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 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><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>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
@@ -373,11 +454,18 @@
                                                                            <td>
                                                                                <div>{product.LostProductss.LostBrandName__c}</div>
                                                                            </td>
                                                                            <template if:false={product.LostProductss.LostProduct__r}>
                                                                                <td>
                                                                                    <div>{product.productName}</div>
                                                                                </td>
                                                                            </template>
                                                                            <template if:true={product.LostProductss.LostProduct__r}>
                                                                                <td>
                                                                                    <div>{product.LostProductss.LostProduct__r.Name}</div>
                                                                                </td>
                                                                            </template>
                                                                            <td>
                                                                                <div>{product.productName}</div>
                                                                            </td>
                                                                            <td>
                                                                                <div>{product.LostProductss.Quantity__c}</div>
                                                                                <div style="float: right;">{product.LostProductss.Quantity__c}</div>
                                                                            </td>
                                                                            <td>
                                                                                <div>{product.LostProductss.LostProductMannual__c}</div>
@@ -404,31 +492,39 @@
                                <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 if:true={isCanSubmit}>
                                                <lightning-button class="slds-button lexBorder1" label="提交" onclick={submitJs}></lightning-button>
                                                
                                            </template>
                                            <lightning-button name="编辑" label="编辑" onclick={editJs}></lightning-button>
                                            <lightning-button label="返回询价" onclick={cancel}></lightning-button>
                                            <template if:true={isCanEdit}>
                                                <lightning-button class="slds-button lexBorder1" name="编辑" label="编辑" onclick={editJs}></lightning-button>
                                            </template>
                                            <lightning-button class="slds-button lexBorder" label="返回询价" onclick={cancel}></lightning-button>
                                        </lightning-layout-item>
                                    </div>
                                </lightning-layout>
                            </div> 
                        </div>
                        <template if:true={submitFlag}>
                        <template if:true={haveApprovalHistorys}>
                            <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>
                                        <template if:false={isCaoAn}>
                                            <lightning-button class="slds-button lexBorder1" label="批准" onclick={handleSubmitApp}></lightning-button>
                                            <lightning-button class="slds-button lexBorder1" label="拒绝" onclick={handleNoApp}></lightning-button>
                                            <lightning-button class="slds-button lexBorder" label="重新分配" onclick={handleReStartApp}></lightning-button>
                                            <lightning-button class="slds-button lexBorder3" label="撤回批准请求" onclick={handleCancelApp}></lightning-button>
                                        </template>
                                    </lightning-layout-item>
                                </lightning-layout>
                                <lightning-layout>
                                    <table class="slds-table slds-table_bordered slds-table_cell-buffer slds-var-m-bottom_large"> 
                                    <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>
@@ -439,13 +535,14 @@
                                        <tbody>
                                            <template for:each={LostReport.approvalHistorys} for:item="approvalHistory" for:index="j">
                                                <tr class="inputRows" key={approvalHistory.Id}>
                                                    <td>
                                                    <!-- <td>
                                                        <template if:true={approvalHistory.IsPending}>
                                                            <a onclick={onApproveChange}>重新分配</a>
                                                            <label>&nbsp;</label>
                                                            <label>|</label>
                                                            <a onclick={onApproveChange}>批准/拒绝</a>
                                                        </template>
                                                    </td>
                                                    </td> -->
                                                    <td>
                                                        <div>{approvalHistory.CreatedDate}</div>
                                                    </td>
@@ -471,5 +568,53 @@
                    </div>   
                </lightning-card>
        </template>
        <template if:true={isPop}>
            <section role="dialog" aria-labelledby="modal-heading-01" aria-describedby="modal-content-id-1" tabindex="-1" aria-modal="true" class="slds-modal slds-fade-in-open " data-aura-rendered-by="478:0">
                <div style="height: 50px;"></div>
                <div style="background-color: white;height:200px;" class="slds-modal__container" data-aura-rendered-by="479:0">
                    
                    <template if:false={isLookup}>
                        <div style="align-self: center;font-size: large;padding-bottom: 10px" slot="header">{modalsubmitLabel}页面</div>
                        <div style="height: 100px;">
                            <lightning-textarea class="comment" style="width: 95%;padding-left: 10px;" data-id="comment" label="评论" value=""></lightning-textarea>
                            
                        </div>
                    </template>
                    
                    <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>
                                <lightning-record-edit-form
                                    object-api-name='Lost_Report__c'
                                    record-id=''
                                >
                                    <lightning-input-field variant="label-hidden" value={newActorId} field-name='Manager__c' onchange={handleActorChange} required> </lightning-input-field>
                                </lightning-record-edit-form>
                              </div>  
                        </lightning-layout-item>
                          
                    </template>
                    <div slot="footer" style="align-self: center;padding-top: 10px;">
                        <lightning-button
                          data-id="Cancel"
                          label="取消"
                          onclick={handleModalCancel}
                        ></lightning-button>
                        <lightning-button
                          data-id="Submit"
                          label={modalsubmitLabel}
                          variant="brand"
                          class="slds-p-left_small"
                          onclick={handleModalSubmit}
                        ></lightning-button>
                    </div>
                </div>   
            </section>
            <div class="slds-backdrop slds-backdrop_open"></div>
        </template>
        
    </template>

    
</template>