| | |
| | | <!-- |
| | | * @Description: |
| | | * @version: |
| | | * @Author: chen jing wu |
| | | * @Date: 2023-09-09 13:28:00 |
| | | * @LastEditors: chen jing wu |
| | | * @LastEditTime: 2023-09-23 12:14:01 |
| | | --> |
| | | <template> |
| | | <!-- <lightning-button label="Show Toast" onclick={ShowToastEvent}></lightning-button> --> |
| | | <!-- 成功 --> |
| | | <div> |
| | | |
| | | </div> |
| | | <div> |
| | | <template if:true={visible}> |
| | | <template if:true={isSuccess}> |
| | | <div class="slds-notify_container slds-is-relative" style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;"> |
| | | <div class="slds-notify slds-notify_toast slds-theme_success" role="status"> |
| | | <lightning-icon class="white" icon-name="utility:success" alternative-text="success" variant="inverse" size="small" ></lightning-icon> |
| | | <div class="slds-notify__content" style="padding-left: 20px;"> |
| | | <h2 style="color:white;font-size:large">{message}</h2> |
| | | </div> |
| | | <div class="slds-notify__close"> |
| | | <lightning-button-icon icon-name="utility:close" variant="bare-inverse" size="large" onclick={closeAction}></lightning-button-icon> |
| | | </div> |
| | | <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" style="color:#fff">提示</div> |
| | | <section class="slds-notification" style="border: none;display:flex;width:auto;margin: 0 5px 0 10px;" role="dialog" aria-labelledby="noti77" aria-describedby="dialog-body-id-43"> |
| | | <div class="slds-notification__body" style="min-width: 300px;" id="dialog-body-id-43"> |
| | | <a class="slds-notification__target slds-media" href="#" style={BgColorStyle}> |
| | | <span class="slds-icon_container slds-media__figure" title="task"> |
| | | <lightning-icon icon-name={TongzhiIcon} alternative-text="Account" variant="inverse" title="Account" size="small" ></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" style="color:#fff">task notification:</span>提示 |
| | | </h2> --> |
| | | <p style="color:#fff;font-size:var(--lwc-fontSize5,1rem)">{SaveShowText}</p> |
| | | </div> |
| | | </div> |
| | | <!-- <div style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;"> |
| | | <div class="slds-notify_container slds-is-relative"> |
| | | <div class="slds-notify slds-notify_toast slds-theme_default slds-box slds-box_small" style="background-color:rgb(46, 132, 74);" role="success"> |
| | | <div class="slds-align_absolute-center"> |
| | | |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </template> |
| | | <template if:false={isSuccess}> |
| | | <!-- <div style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;"> |
| | | <div class="slds-notify_container slds-is-relative"> |
| | | <div class="slds-notify slds-notify_toast slds-theme_default slds-box slds-box_small" style="background-color:rgb(234, 0, 30);" role="success"> |
| | | <div class="slds-align_right"> |
| | | |
| | | |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <div class="slds-notify_container slds-is-relative" style="position:absolute;top:1rem;left:1rem;right:1rem;position: fixed;z-index: 9999;"> |
| | | <div class="slds-notify slds-notify_toast slds-theme_error" role="status"> |
| | | <lightning-icon class="white" icon-name="utility:error" size="small" variant="inverse"></lightning-icon> |
| | | <div class="slds-notify__content" style="padding-left: 20px;"> |
| | | <h2 style="color:white;font-size:large">{message}</h2> |
| | | </div> |
| | | <div class="slds-notify__close"> |
| | | <lightning-button-icon icon-name="utility:close" variant="bare-inverse" size="large" onclick={closeAction}></lightning-button-icon> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </template> |
| | | <button class="slds-button slds-button_icon slds-button_icon-container" title="close" style="height: 100%;"> |
| | | <lightning-icon icon-name="utility:close" alternative-text="close" variant="inverse" title="close" size="small" onclick={CloseAlert}></lightning-icon> |
| | | </button> |
| | | </a> |
| | | |
| | | <!-- <button class="slds-button slds-button_icon slds-button_icon-container slds-notification__close" |
| | | title="close"> |
| | | <div onclick={CloseAlert} style="color: #fff;">x</div> |
| | | </button> --> |
| | | </div> |
| | | </section> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="exampleHolder" if:true={IsLoading}> |
| | | <lightning-spinner alternative-text="Loading" size="large"></lightning-spinner> |