| | |
| | | <template> |
| | | <div class="message"> |
| | | <el-tooltip :popper-class="'message-btn'" effect="dark" content="通知" placement="left"> |
| | | <el-tooltip id="notification" :popper-class="'message-btn'" effect="dark" content="通知" placement="left"> |
| | | <div :class='["iconBtn",selectGroup === true ? "active-button" : ""]' @click="changeSelectMouse" > |
| | | <i class="icon el-icon-bell" ></i> |
| | | </div> |
| | |
| | | this.selectGroup = !this.selectGroup |
| | | this.isShowMessage = this.selectGroup |
| | | if (this.selectGroup) { |
| | | document.querySelector('#notification').style.opacity = '0' |
| | | this.isShow = [] |
| | | } else { |
| | | this.isShow = !this.isShow |
| | |
| | | handleClose (done) { |
| | | this.selectGroup = false |
| | | this.isShowMessage = false |
| | | document.querySelector('#notification').style.opacity = '1' |
| | | } |
| | | } |
| | | } |
| | |
| | | .dialogMessage{ |
| | | /deep/ .el-dialog{ |
| | | width: 30vw; |
| | | left: 60%; |
| | | right: 0.14583rem; |
| | | top: 0.11979rem; |
| | | } |
| | | .conclusion{ |
| | | text-indent:2em; |