19626
2023-06-29 45e4876c811c861adc5744d06b5bba840fae397a
force-app/main/default/lwc/lexPCLLostReportPage/lexPCLLostReportPage.html
@@ -4,32 +4,35 @@
 * @Author: chen jing wu
 * @Date: 2023-04-20 17:16:48
 * @LastEditors: chen jing wu
 * @LastEditTime: 2023-06-25 17:28:26
 * @LastEditTime: 2023-06-28 17:53:19
-->
<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;">失单报告编辑页面</div>
                                <div class="mainTitle" style="padding: 10px 3px;font-weight: bold;font-size: large">失单报告编辑页面</div>
                    </lightning-layout-item>
                    <div style="margin-left: 550px;">
                        <lightning-layout-item  size="12">
                                <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>
                    </div>
                </lightning-layout>
                <div style="margin-top: 5px">
                    </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 class="slds-form_horizontal my-combobox">
                                <label class="slds-form-element__label">失单类型:</label>
                                    <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" required>
                                        onchange={handleLostTypeChange} class="searchField" style="bottom: 16px;">
                                </lightning-combobox>
                            </div>   
                        </lightning-layout-item>
@@ -42,10 +45,11 @@
                        <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}>
                                            <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>
@@ -98,43 +102,38 @@
                                                                    <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: 18px;">*</span>失单数量</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: 18px;">*</span>失单产品类别</div></th>
                                                                            <th><div class="slds-truncate"><span style="color:red;font-size: 18px;">*</span>失单产品区分</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}>
                                                                                <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"></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" style="margin-bottom: 20px; width: 70px"></lightning-combobox>
                                                                            </td>
                                                                            <td>
                                                                                <!-- <lightning-record-edit-form
                                                                                object-api-name='PCLLostProduct__c'
                                                                                >
                                                                                    <lightning-input-field class="LostProduct" data-id={i} title={i} value={product.LostProductss.LostProduct__c} name={j} field-name='LostProduct__c' onchange={handleLostProductChange} variant="label-hidden"> </lightning-input-field>
                                                                                </lightning-record-edit-form>  -->
                                                                                <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}></c-lex-lookup-lwc>
                                                                                            <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}></lightning-input>
                                                                                       <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}></lightning-input>
                                                                                        <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}></lightning-combobox>
                                                                                        <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"></lightning-combobox>
                                                                                        <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>
@@ -155,6 +154,9 @@
                                    </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">
@@ -166,24 +168,23 @@
                        </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;">失单报告查看页面</div>
                                    <div class="mainTitle" style="padding: 10px 3px;font-weight: bold;font-size: large">失单报告查看页面</div>
                        </lightning-layout-item>
                        <div style="margin-left: 550px;">
                            <lightning-layout-item  size="12">
                                    <lightning-layout-item alignment-bump="left">
                                <lightning-button label="提交" onclick={submitJs}></lightning-button>
                                <lightning-button name="编辑" label="编辑" onclick={editJs}></lightning-button>
                                <lightning-button label="返回询价" onclick={cancel}></lightning-button>
                            </lightning-layout-item>
                        </div>
                    </lightning-layout>
                    <div style="margin-top: 5px">
                        <lightning-layout>
                            <lightning-layout-item size="1">
                                <label>失单类型:</label>
@@ -221,9 +222,12 @@
                                </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}>
                                        <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;">
@@ -289,8 +293,46 @@
                                                </lightning-layout>
                                                <lightning-layout>
                                                    <lightning-layout-item flexibility="auto" padding="around-small">
                                                        <template if:true={isInit}>
                                                        <!-- <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>
@@ -298,6 +340,8 @@
                                        </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">
@@ -309,6 +353,60 @@
                            </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="撤回批准请求"></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>
                                                        <a onclick={test}>重新分配</a>
                                                        <label>|</label>
                                                        <a onclick={test}>批准/拒绝</a>
                                                    </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>