| | |
| | | title="消息通知" |
| | | :visible.sync="drawer" |
| | | :direction="direction" |
| | | :before-close="handleClose" style="height: 100vh;z-index: 9999999;"> |
| | | :before-close="handleClose" style="height: 100vh;z-index: 9999999;" size="450px"> |
| | | <div class="head"> |
| | | <div class="head-search"> |
| | | <label>消息类型:</label> |
| | |
| | | </el-dropdown> |
| | | </div> |
| | | <div class="notice-content" v-loading="loading"> |
| | | <scroll-pagination @load="refresh" :finishLoding="finishLoding"> |
| | | <scroll-pagination @load="refresh" :finishLoding="finishLoding" :list="list"> |
| | | <div class="notice-content-item" v-for="(m,i) in list" :key="i"> |
| | | <div class="btns" v-if="m"> |
| | | <!-- v-if="m.messageType==2||m.messageType==3" --> |
| | |
| | | pageSize: 8, // 一页7条 |
| | | total: null, |
| | | loading: true, // 组件loading的展示,默认为true |
| | | finishLoding: false // 加载完成,显示已经没有更多了 |
| | | finishLoding: false, // 加载完成,显示已经没有更多了 |
| | | keyMap:{} |
| | | } |
| | | }, |
| | | mounted(){ |
| | | this.getTypeDicts(); |
| | | this.currentPage = 1; |
| | | this.keyMap = {}; |
| | | this.list = []; |
| | | this.refresh(); |
| | | }, |
| | | methods:{ |
| | | refresh(){ |
| | | const key = `_${this.currentPage}` |
| | | const value = this.keyMap[key] |
| | | // 如果value存在,表示缓存有值,那么阻止请求 |
| | | if(value) { |
| | | return |
| | | } |
| | | // value不存在,表示第一次请求,设置占位 |
| | | this.keyMap[key] = 'temp' |
| | | if(this.currentPage==1){ |
| | | this.loading = true |
| | | } |
| | |
| | | }, |
| | | goNoticeDetail(row){ |
| | | this.$axios.put(this.$api.informationNotification.triggerModificationStatusToRead+'/'+row.id).then(res => { |
| | | this.drawer = false; |
| | | row.num = Math.random(100); |
| | | localStorage.setItem("noticeInfo", JSON.stringify(row)) |
| | | this.$bus.$emit("change", JSON.stringify(row)); |
| | | this.$parent.addTab({ |
| | | v: "消息详情", |
| | |
| | | p: "abcd" |
| | | },29); |
| | | this.list = []; |
| | | this.keyMap = {}; |
| | | this.currentPage = 1; |
| | | this.refresh(); |
| | | this.$emit('goNoticeDetail') |
| | | }) |
| | | this.drawer = false; |
| | | }, |
| | | handleDropdown(e,row){ |
| | | switch(e){ |
| | |
| | | } |
| | | this.$message.success('删除成功') |
| | | this.list = []; |
| | | this.keyMap = {}; |
| | | this.currentPage = 1; |
| | | this.refresh() |
| | | }).catch(e => { |
| | |
| | | }, |
| | | handleType(){ |
| | | this.list = []; |
| | | this.keyMap = {}; |
| | | this.currentPage = 1; |
| | | this.refresh(); |
| | | }, |
| | |
| | | } |
| | | this.$message.success('操作成功') |
| | | this.list = []; |
| | | this.keyMap = {}; |
| | | this.currentPage = 1; |
| | | this.refresh(); |
| | | }) |