From 45e4876c811c861adc5744d06b5bba840fae397a Mon Sep 17 00:00:00 2001
From: 19626 <1962676589@qq.com>
Date: 星期四, 29 六月 2023 17:59:09 +0800
Subject: [PATCH] 优化失单画面以及修改按钮
---
force-app/main/default/lwc/lexPCLLostReportPage/lexPCLLostReportPage.html | 542 ++++++++++++++++++++++++++++++++----------------------
1 files changed, 320 insertions(+), 222 deletions(-)
diff --git a/force-app/main/default/lwc/lexPCLLostReportPage/lexPCLLostReportPage.html b/force-app/main/default/lwc/lexPCLLostReportPage/lexPCLLostReportPage.html
index baa2d12..d922074 100644
--- a/force-app/main/default/lwc/lexPCLLostReportPage/lexPCLLostReportPage.html
+++ b/force-app/main/default/lwc/lexPCLLostReportPage/lexPCLLostReportPage.html
@@ -4,226 +4,230 @@
* @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={isCreateOrEdit}>
- <lightning-card id="my-element1" class="card" variant="Narrow" data-id="my-card">
- <div style="padding: 0 20px">
- <lightning-layout>
- <lightning-layout-item>
- <div class="mainTitle" style="padding: 10px 3px;font-weight: bold;">澶卞崟鎶ュ憡缂栬緫椤甸潰</div>
- </lightning-layout-item>
- <div style="margin-left: 550px;">
- <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 style="margin-top: 5px">
- <lightning-layout>
- <lightning-layout-item size="3" padding="around-small">
- <div class="slds-form_horizontal my-combobox">
- <label class="slds-form-element__label">澶卞崟绫诲瀷锛�</label>
- <lightning-combobox name="progress" value={LostReport.lostReport.LostType__c} options={RecordTypeOptions}
- onchange={handleLostTypeChange} class="searchField" required>
- </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>
- </lightning-layout>
- <lightning-accordion allow-multiple-sections-open class="myAccordion">
- <template for:each={LostReport.LostBrands} for:item="brand" for:index="i">
- <li key={brand}>
- <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: 18px;">*</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></th>
- </tr>
- </thead>
- <tbody>
- <template for:each={brand.LostProducts} for:item="product" for:index="j">
- <tr class="inputRows" key={product}>
- <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>
- </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>
- </template>
- </td>
- <td>
- <lightning-input class="Quantity" title={i} name={j} value={product.LostProductss.Quantity__c} onchange={handleQuantityChange}></lightning-input>
- </td>
- <td>
- <lightning-input class="LostProductMannual" title={i} name={j} value={product.LostProductss.LostProductMannual__c} onchange={handleLostProductMannualChange}></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>
- </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>
- </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>
- <lightning-layout style="margin-top: 20px;">
- <div class="slds-align_absolute-center">
- <lightning-layout-item size="12">
+ <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>
- </div>
</lightning-layout>
- </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">
- <lightning-layout>
- <lightning-layout-item>
- <div class="mainTitle" style="padding: 10px 3px;font-weight: bold;">澶卞崟鎶ュ憡鏌ョ湅椤甸潰</div>
- </lightning-layout-item>
- <div style="margin-left: 550px;">
- <lightning-layout-item size="12">
- <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">
+ </div>
+ <div class="slds-box slds-p-around_medium">
<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>
+ <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">
+ <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">
+ <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>
+ </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}>
+ <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,17 +340,73 @@
</li>
</template>
</lightning-accordion>
- <lightning-layout style="margin-top: 20px;">
- <div class="slds-align_absolute-center">
- <lightning-layout-item size="12">
- <lightning-button label="鎻愪氦" onclick={submitJs}></lightning-button>
- <lightning-button name="缂栬緫" label="缂栬緫" onclick={editJs}></lightning-button>
- <lightning-button label="杩斿洖璇环" onclick={cancel}></lightning-button>
+ </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">
+ <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>
+ </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>
- </div>
- </lightning-layout>
- </div>
- </div>
- </lightning-card>
+ <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>
\ No newline at end of file
--
Gitblit v1.9.1