<template>
|
<div style="padding:20px">
|
<div class="exampleHolder" if:true={IsLoading}>
|
<lightning-spinner alternative-text="Loading" size="large"></lightning-spinner>
|
</div>
|
<div>
|
|
<div style="float:right">
|
<div class="demo-only demo-only_viewport" style="height:4.5rem" if:true = {Tongzhishow}>
|
<div class="slds-notification-container">
|
<div aria-live="assertive" aria-atomic="true" class="slds-assistive-text">提示</div>
|
<section class="slds-notification" role="dialog" aria-labelledby="noti77" aria-describedby="dialog-body-id-43">
|
<div class="slds-notification__body" id="dialog-body-id-43">
|
<a class="slds-notification__target slds-media" href="#">
|
<span class="slds-icon_container slds-icon-standard-task slds-media__figure" title="task">
|
<lightning-icon icon-name="standard:account" alternative-text="Account" title="Account"></lightning-icon>
|
</span>
|
<div class="slds-media__body">
|
<h2 class="slds-text-heading_small slds-m-bottom_xx-small" id="noti77">
|
<span class="slds-assistive-text">task notification:</span>提示</h2>
|
<p>{SaveShowText}</p>
|
</div>
|
</a>
|
</div>
|
</section>
|
</div>
|
</div>
|
</div>
|
|
<div>
|
|
<lightning-combobox
|
name="progress"
|
label="失单类型"
|
value={LostType}
|
placeholder="请选择时候应标"
|
options={SDLXOption}
|
onchange={SDLXHandleChange}
|
></lightning-combobox>
|
<!-- 品牌 -->
|
<template for:each={Datas} for:item="item">
|
<lightning-card variant="Narrow" title={item.title} icon-name="standard:account" key={item.Index} >
|
<div style="margin-top: -35px;float: right;margin-right: 10px;">
|
<lightning-button-icon name={item.Index} data-value={item.IsShow} icon-name={item.IsShowIcon} variant="bare" size="medium" onclick={ShowAndHide} title="显示与隐藏" ></lightning-button-icon>
|
</div>
|
<div class="slds-grid slds-wrap" style="width:1000px;padding:15px;" if:true={item.IsShow}>
|
|
|
<div class="slds-col slds-size_8-of-12">
|
<c-jz-pick-list data-parent-id1={item.Index} name={item.Index} ondatadelete={deleteFn} option={option} lastname={lastname} lastplaceholder={lastplaceholder} ondatachange={datachangeFn}> </c-jz-pick-list>
|
<div style="font-size:10px;color:red" if:true={item.LostCompanyShow}>请选择失单品牌</div>
|
</div>
|
<!-- <div class="slds-col slds-size_4-of-12">
|
<lightning-combobox
|
name={item.Index}
|
label="失单品牌"
|
value={item.LostCompany}
|
placeholder="请选择时候应标"
|
options={SDPPOption}
|
onchange={SDPPHandleChange}
|
|
></lightning-combobox>
|
<div style="font-size:10px;color:red" if:true={item.LostCompanyShow}>请选择失单品牌</div>
|
</div> -->
|
|
|
<!-- <div class="slds-col slds-size_4-of-12">
|
<lightning-input type="text" name={item.Index} label="手动登录对手产品品牌名" placeholder="请输入手动登录对手产品品牌名" onchange={SDDDHandleChange} value={item.LostCompanyTxt}></lightning-input>
|
|
</div> -->
|
|
<div class="slds-col slds-size_4-of-12">
|
<lightning-input name={item.Index} type="text" label="失单金额" onchange={SDJEHandleChange} value={item.LostPrice} placeholder="请输入失单金额" ></lightning-input>
|
|
</div>
|
|
<div class="slds-col slds-size_4-of-12">
|
<c-jzlookupv2 name={item.Index} data-parent-id={item.Index} label="中标经销" placeholder="请选择中标经销.." onsearchchange={onsearchchangeZBJX} searchdata={searchdataZBJX} option={optionZBJX} onselected={selectedFnZBJX}> </c-jzlookupv2>
|
|
</div>
|
|
|
<div class="slds-col slds-size_4-of-12">
|
<lightning-combobox
|
name={item.Index}
|
label="失单原因(主)"
|
value={item.LostReasonmain}
|
placeholder="请选择失单原因(主)"
|
options={SDZYYOption}
|
onchange={SDZYYHandleChange}
|
></lightning-combobox>
|
<div style="font-size:10px;color:red" if:true={item.LostReasonmainShow}>请选择请选择失单原因(主)</div>
|
</div>
|
|
|
<div class="slds-col slds-size_4-of-12">
|
<lightning-combobox
|
name={item.Index}
|
label="失单原因(次)"
|
value={item.LostReasonSub}
|
placeholder="请选择失单原因(次)"
|
options={SDCYYOption}
|
onchange={SDCYYHandleChange}
|
></lightning-combobox>
|
|
</div>
|
|
|
<!-- 型号 -->
|
<template for:each={item.CanPing} for:item="cp">
|
<lightning-card variant="Narrow" title={cp.title} icon-name="standard:account" key={cp.Index} >
|
<div class="slds-grid slds-wrap" style="padding-left:30px;width:1000px" >
|
|
<!-- <div class="slds-col slds-size_1-of-12">
|
<lightning-input data-parent-id="InputSD" if:false={cp.IsSD} style="margin-top:30px;margin-right:-20px" type="checkbox" label="是否手动" name={cp.Index} data-issd={cp.IsSD} onchange={SDSFSDHandleChange}></lightning-input>
|
<lightning-input data-parent-id="InputSD" if:true={cp.IsSD} style="margin-top:30px;margin-right:-20px" type="checkbox" label="是否手动" name={cp.Index} data-issd={cp.IsSD} onchange={SDSFSDHandleChange} checked></lightning-input>
|
|
</div> -->
|
|
<div class="slds-col slds-size_3-of-12" style=" position:relative;" name={cp.Index} if:false={cp.IsSD}>
|
<lightning-input name={cp.Index} type="text" label="失单型号" placeholder="请选择失单型号" value={cp.LostProductName} onclick={SDXHHandleChange} ></lightning-input>
|
<lightning-button-icon style=" position: absolute;left: 220px; top: 27px;" name={cp.Index} icon-name="utility:close" variant="bare" size="small" onclick={SDXHHandleClose} title="删除" ></lightning-button-icon>
|
<div style="font-size:10px;color:red" if:true={cp.LostProductShow}>请选择失单品牌</div>
|
</div>
|
|
|
<div class="slds-col slds-size_3-of-12" if:true={cp.IsSD}>
|
<lightning-input name={cp.Index} type="text" label="失单型号(手动)" placeholder="请输入失单型号(手动)" onchange={SDXHSDHandleChange} value={cp.LostProductTxt}></lightning-input>
|
<div style="font-size:10px;color:red" if:true={cp.LostProductTxtShow}>请选择失单型号(手动)</div>
|
|
</div>
|
|
<div class="slds-col slds-size_2-of-12">
|
<lightning-input name={cp.Index} type="text" label="失单数量" placeholder="请输入失单数量" onchange={SDSLHandleChange} value={cp.Quantity}></lightning-input>
|
<div style="font-size:10px;color:red" if:true={cp.QuantityShow}>请输入失单数量</div>
|
</div>
|
|
<div class="slds-col slds-size_1-of-12" style="margin-top:30px;" >
|
<lightning-button-icon data-parent-id="addIcon" name={cp.Index} icon-name="utility:add" variant="bare" size="large" onclick={XingHaoAdd} title="添加型号" >
|
</lightning-button-icon>
|
</div>
|
|
</div>
|
|
</lightning-card>
|
</template>
|
|
</div>
|
</lightning-card>
|
</template>
|
|
|
|
<lightning-button data-parent-id="addBrand" variant="success" label="追加失单品牌" title="追加失单品牌" onclick={PingPaiAdd} class="slds-m-left_x-small"></lightning-button>
|
<lightning-button variant="success" label="保存" title="保存" onclick={SaveDataFn} class="slds-m-left_x-small"></lightning-button>
|
</div>
|
</div>
|
|
<!-- 模态框 -->
|
<div if:true={IsModelShow}>
|
<section role="dialog" tabindex="-1" aria-label="Meaningful description of the modal content" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_large">
|
<div class="slds-modal__container">
|
<header class="slds-modal__header slds-modal__header_empty">
|
<button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close">
|
<svg class="slds-button__icon slds-button__icon_large" aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#close"></use>
|
</svg>
|
<span class="slds-assistive-text">Close</span>
|
</button>
|
|
|
</header>
|
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
|
<div class="slds-grid slds-wrap" style="padding-left:0px;width:1000px" >
|
<div class="slds-col slds-size_4-of-12" >
|
<lightning-input name="proName" label="产品名称（报价画面用）" onchange={proChange} placeholder="请输入产品名称（报价画面用）" ></lightning-input>
|
</div>
|
<div class="slds-col slds-size_4-of-12" >
|
<lightning-input name="proCode" label="产品代码（OT CODE）" onchange={proChange} placeholder="请输入产品代码（OT CODE）"></lightning-input>
|
</div>
|
<div class="slds-col slds-size_4-of-12" >
|
<lightning-input name="proDescript" label="产品描述" onchange={proChange} placeholder="请输入产品描述"></lightning-input>
|
</div>
|
<div class="slds-col slds-size_4-of-12" >
|
<lightning-input name="proCategory" label="第一分类" onchange={proChange} placeholder="请输入第一分类"></lightning-input>
|
</div>
|
<div class="slds-col slds-size_2-of-12" style="margin-top:23px">
|
<lightning-button variant="success" label="检索" title="检索" onclick={SearchTable} class="slds-m-left_x-small"></lightning-button>
|
</div>
|
</div>
|
<c-jz-table data-parent-id="table1" selecttitle={selecttitle} notselecttitle={notselecttitle} selectdata={selectdata} isselectedtable={isselectedtable} optionsdata={optionsdata} notselectdata={notselectdata} ondatachange={datachange} onselectedchange={selectedchange}> </c-jz-table>
|
</div>
|
<footer class="slds-modal__footer">
|
<button class="slds-button slds-button_neutral" onclick={onModelCancel}>关闭</button>
|
<!-- <button class="slds-button slds-button_brand">Save</button> -->
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</div>
|
</div>
|
</template>
|
