陈裕财
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