| | |
| | | <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 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> |
| | | </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> |
| | | <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={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> |
| | | <!-- 提前 --> |
| | | <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} |
| | | <!-- 延后 --> |
| | | <!-- 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" |
| | | > |
| | | </lightning-combobox> |
| | | <div style="font-size:10px;color:red" if:true={bxgLyFlag}>请选择延后理由</div> |
| | | 保存 |
| | | </button> |
| | | </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> |
| | | </template> |