| <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> |