<template>
|
<div class="exampleHolder" if:true={IsLoading}>
|
<lightning-spinner
|
alternative-text="Loading"
|
size="large"
|
></lightning-spinner>
|
</div>
|
<div style="padding: 30px">
|
<div style="float: right">
|
<div
|
class="demo-only demo-only_viewport"
|
style="height: 4.5rem"
|
if:true={Tongzhishow}
|
>
|
<div class="slds-notification-container" style={IsLeftStyle}>
|
<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="#"
|
style={BgColorStyle}
|
>
|
<span
|
class="slds-icon_container slds-icon-standard-task slds-media__figure"
|
title="task"
|
>
|
<lightning-icon
|
icon-name={TongzhiIcon}
|
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>
|
<button
|
class="slds-button slds-button_icon slds-button_icon-container slds-notification__close"
|
title="close"
|
>
|
<lightning-icon
|
icon-name="utility:close"
|
alternative-text="close"
|
title="close"
|
size="x-small"
|
onclick={CloseAlert}
|
></lightning-icon>
|
</button>
|
</div>
|
</section>
|
</div>
|
</div>
|
</div>
|
|
<p>
|
<lightning-formatted-text
|
value="当前预测OCSM签约日 : "
|
></lightning-formatted-text
|
>{opp.Close_Forecasted_Check}
|
</p>
|
|
<div class={xgxLy} style="width: 495px; padding: 1px">
|
<lightning-combobox
|
name="progress"
|
label="日期提前/日期延后"
|
value={opp.Date_InAdvance_Delay}
|
options={RelateOption}
|
onchange={handleRelationFn}
|
>
|
</lightning-combobox>
|
</div>
|
|
<!-- 提前 -->
|
<div class={bxgLy} if:true={isAdvance}>
|
<lightning-combobox
|
name="progress"
|
label="预测日期提前理由"
|
value={opp.Predicted_date_ChangeReason}
|
placeholder="请选择提前理由"
|
options={AdvanceReasons}
|
style="width: 495px; padding: 1px"
|
onchange={handleRelationFn1}
|
>
|
</lightning-combobox>
|
<div style="font-size: 10px; color: red" if:true={bxgLyFlag}>
|
请选择提前理由
|
</div>
|
</div>
|
|
<!-- 延后 -->
|
<!-- onchange={handleIrrelevantFn} -->
|
<div class={bxgLy} if:true={isDelay}>
|
<lightning-combobox
|
name="progress"
|
label="预测日期延后理由"
|
value={opp.Predicted_date_ChangeReason}
|
placeholder="请选择延后理由"
|
options={DelayReasons}
|
style="width: 495px; padding: 1px"
|
onchange={handleRelationFn1}
|
>
|
</lightning-combobox>
|
<div style="font-size: 10px; color: red" if:true={bxgLyFlag}>
|
请选择延后理由
|
</div>
|
</div>
|
|
<!-- 改变日期 -->
|
<div>
|
<lightning-input
|
type="date"
|
label="请选择要改变的日期"
|
name="aaa"
|
style="width: 495px; padding: 1px"
|
value={opp.Close_Forecasted_Date}
|
onchange={handleRelationFn2}
|
>
|
</lightning-input>
|
</div>
|
|
<div if:true={flg}>
|
<lightning-input
|
type="date"
|
label="预测发货日"
|
name="aa"
|
style="width: 495px; padding: 1px"
|
value={opp.CloseDate}
|
onchange={handleRelationFn3}
|
>
|
</lightning-input>
|
</div>
|
|
<button
|
class="slds-button slds-button_brand"
|
onclick={saveFn}
|
style="margin-top: 10px"
|
>
|
保存
|
</button>
|
</div>
|
</template>
|
