陈裕财
4 years ago
6 changed files with 157 additions and 176 deletions
-
31src/api/cpd.js
-
94src/components/NoticeMsgBar/index.vue
-
16src/store/modules/noticeMsg.js
-
12src/views/myWork/message/index.scss
-
67src/views/myWork/message/index.vue
-
113src/views/myWork/message/notifyMsg.vue
@ -0,0 +1,113 @@ |
|||||
|
<template> |
||||
|
<div class="m_container"> |
||||
|
<div class="message_content" v-if="notifyMsgs.length>0"> |
||||
|
<div class="message_content_box" v-for="(item, index) in notifyMsgs" :key="index" @click="goToImPrichatMessage(item)"> |
||||
|
<p class="title">{{item.sendUsername}}</p> |
||||
|
<p class="date">{{item.opTime}}</p> |
||||
|
<span class="text">{{item.msg}}</span> |
||||
|
<div class="line"></div> |
||||
|
</div> |
||||
|
<el-pagination |
||||
|
@size-change="handleSizeChange" |
||||
|
@current-change="handleCurrentChange" |
||||
|
:current-page.sync="pageInfo.pageNum" |
||||
|
:page-size="pageInfo.pageSize" |
||||
|
layout="total, prev, pager, next" |
||||
|
:total="pageInfo.total"> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
<div class="message_content_box" v-else>暂无消息</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
getNoticeMsg |
||||
|
} from '@/api/cpd' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
export default { |
||||
|
props:['msgClass'], |
||||
|
computed: { |
||||
|
...mapGetters(['userInfo']), |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
notifyMsgs:[], |
||||
|
|
||||
|
pageInfo:{//分页数据 |
||||
|
total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。 |
||||
|
pageSize:10,//每页数据 |
||||
|
count:false,//是否需要重新计算总记录数 |
||||
|
pageNum:1,//当前页码、从1开始计算 |
||||
|
orderFields:['op_time'],//排序列 如 ['sex','student_id']，必须为数据库字段 |
||||
|
orderDirs:['desc']//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc'] |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods:{ |
||||
|
|
||||
|
handleSizeChange(pageSize) { |
||||
|
this.pageInfo.pageSize=pageSize; |
||||
|
this.getNoticeMsg(); |
||||
|
}, |
||||
|
handleCurrentChange(pageNum) { |
||||
|
this.pageInfo.pageNum = pageNum; |
||||
|
this.getNoticeMsg(); |
||||
|
}, |
||||
|
searchNoticeMsg(){ |
||||
|
this.pageInfo.count=true; |
||||
|
this.getNoticeMsg(); |
||||
|
}, |
||||
|
getNoticeMsg(){ |
||||
|
let params = { |
||||
|
pageSize: this.pageInfo.pageSize, |
||||
|
pageNum: this.pageInfo.pageNum, |
||||
|
total: this.pageInfo.total, |
||||
|
count:this.pageInfo.count |
||||
|
}; |
||||
|
if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){ |
||||
|
let orderBys=[]; |
||||
|
for(var i=0;i<this.pageInfo.orderFields.length;i++){ |
||||
|
orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i]) |
||||
|
} |
||||
|
params.orderBy= orderBys.join(",") |
||||
|
} |
||||
|
params.toUserid=this.userInfo.userid |
||||
|
params.msgClass=this.msgClass||'' |
||||
|
getNoticeMsg(params).then(res=>{ |
||||
|
this.notifyMsgs=res.data.data; |
||||
|
this.pageInfo.total=res.data.total |
||||
|
this.pageInfo.count=false; |
||||
|
}) |
||||
|
}, |
||||
|
goToImPrichatMessage(item){ |
||||
|
var curlDomain=window.location.protocol+"//"+window.location.host; // 返回https://mp.csdn.net |
||||
|
if(item.msgClass=='0'){ |
||||
|
window.open(curlDomain+"/im/"+process.env.VERSION+"/#/prichat?groupId="+item.groupId) |
||||
|
}else if(item.msgClass=='4'){ |
||||
|
this.$router.push('/mdp/workflow/ru/task/TaskListAssigneeToMe') |
||||
|
}else if(item.msgClass=='5'){ |
||||
|
if(process.env.CONTEXT=='xm'){ |
||||
|
this.$router.push('/xm/core/xmTask/XmMyTaskCenter') |
||||
|
}else{ |
||||
|
window.open(curlDomain+"/xm/"+process.env.VERSION+"/#/xm/core/xmTask/XmMyTaskCenter") |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
this.searchNoticeMsg(); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
@import '../common.scss'; |
||||
|
@import './index.scss'; |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue