|
|
|
@ -1,29 +1,29 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="notice_box"> |
|
|
|
<div class="notice_box"> |
|
|
|
<!-- <div class="title_box"> |
|
|
|
<div class="title_box"> |
|
|
|
<span class="title">通知中心</span> |
|
|
|
<span class="title">通知中心</span> |
|
|
|
<span style="color: #409EFF;font-size: 14px;cursor: pointer;" @click="loadMore">查看更多</span> |
|
|
|
<!-- <span style="color: #409EFF;font-size: 14px;cursor: pointer;" @click="loadMore">查看更多</span> --> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick"> |
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick"> |
|
|
|
<el-tab-pane label="我的待办" name="backlog"> |
|
|
|
<el-tab-pane label="我的待办" name="backlog"> |
|
|
|
<div class="back_box"> |
|
|
|
<div class="back_box"> |
|
|
|
<div class="back_item" v-for="item in backlogData" :key="item.id"> |
|
|
|
<div class="back_item" v-for="item in backlogData" :key="item.id"> |
|
|
|
<div class="back_top"> |
|
|
|
<div class="back_top"> |
|
|
|
<div class="title">{{item.title}}</div> |
|
|
|
<div class="title">审批请求待处理</div> |
|
|
|
<div>{{ item.createTime.substring(0,10) == today ? item.createTime.substring(11,16) |
|
|
|
<div>{{ item.createTime.substring(0,10) == today ? item.createTime.substring(11,16) |
|
|
|
: item.createTime.substring(0,4) == year ? item.createTime.substring(5,10) : item.createTime.substring(0,10)}} |
|
|
|
: item.createTime.substring(0,4) == year ? item.createTime.substring(5,10) : item.createTime.substring(0,10)}} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="bottom"> |
|
|
|
<div class="bottom"> |
|
|
|
{{item.content}} |
|
|
|
{{item.createUserName}}创建的{{item.content}},等待您的审批 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="btn_box">查看更多</div> --> |
|
|
|
<!-- <div class="btn_box">查看更多</div> --> |
|
|
|
<!-- <el-button v-if="backlogData.length >= 3" type="primary" @click="handleMore(1)">查看更多</el-button> --> |
|
|
|
<el-button v-if="backlogData.length >= 3" type="primary" @click="handleMore(1)">查看更多</el-button> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tab-pane> |
|
|
|
<!-- <el-tab-pane label="消息通知" name="notice"> |
|
|
|
<el-tab-pane label="消息通知" name="notice"> |
|
|
|
<div class="back_box"> |
|
|
|
<div class="back_box"> |
|
|
|
<div class="back_item" v-for="item in noticeArr" :key="item.id"> |
|
|
|
<div class="back_item" v-for="item in noticeArr" :key="item.id"> |
|
|
|
<div class="back_top"> |
|
|
|
<div class="back_top"> |
|
|
|
@ -38,9 +38,9 @@ |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- <div class="btn_box">查看更多</div> --> |
|
|
|
|
|
|
|
<el-button v-if="noticeArr.length >= 3" type="primary" @click="handleMore(2)">查看更多</el-button> |
|
|
|
</el-tab-pane> --> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
</el-tabs> |
|
|
|
<!-- <div class="notice_data"> |
|
|
|
<!-- <div class="notice_data"> |
|
|
|
<div class="notice_data_item" v-for="item in noticeArr" :key="item.content"> |
|
|
|
<div class="notice_data_item" v-for="item in noticeArr" :key="item.content"> |
|
|
|
@ -75,18 +75,12 @@ export default { |
|
|
|
content:"张伟提交的转外协申请,等待您的审批", |
|
|
|
content:"张伟提交的转外协申请,等待您的审批", |
|
|
|
createTime:"2026-03-05 09:05:05", |
|
|
|
createTime:"2026-03-05 09:05:05", |
|
|
|
}, |
|
|
|
}, |
|
|
|
// { |
|
|
|
{ |
|
|
|
// id:'1963789019681054722', |
|
|
|
id:'1963789019681054722', |
|
|
|
// title:"审批请求待处理", |
|
|
|
title:"审批请求待处理", |
|
|
|
// content:"张伟提交的转外协申请,等待您的审批", |
|
|
|
content:"张伟提交的转外协申请,等待您的审批", |
|
|
|
// createTime:"2024-03-05 09:05:05", |
|
|
|
createTime:"2024-03-05 09:05:05", |
|
|
|
// }, |
|
|
|
}, |
|
|
|
// { |
|
|
|
|
|
|
|
// id:'1963789019681054722', |
|
|
|
|
|
|
|
// title:"审批请求待处理", |
|
|
|
|
|
|
|
// content:"张伟提交的转外协申请,等待您的审批", |
|
|
|
|
|
|
|
// createTime:"2024-03-05 09:05:05", |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
], |
|
|
|
], |
|
|
|
noticeArr:[ |
|
|
|
noticeArr:[ |
|
|
|
{ |
|
|
|
{ |
|
|
|
@ -121,13 +115,31 @@ export default { |
|
|
|
"content": "<p><strong>工艺任务待分派</strong></p><p>零件号为21E6-575-12846_001-B1的相关工艺任务待分派,请尽快处理!</p>", |
|
|
|
"content": "<p><strong>工艺任务待分派</strong></p><p>零件号为21E6-575-12846_001-B1的相关工艺任务待分派,请尽快处理!</p>", |
|
|
|
"categoryName": "消息通知" |
|
|
|
"categoryName": "消息通知" |
|
|
|
}, |
|
|
|
}, |
|
|
|
] |
|
|
|
], |
|
|
|
|
|
|
|
backlogLength:0 |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted(){ |
|
|
|
mounted(){ |
|
|
|
|
|
|
|
this.getTodoList() |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
methods:{ |
|
|
|
|
|
|
|
getTodoList(){ |
|
|
|
|
|
|
|
getMyTodoList({ |
|
|
|
|
|
|
|
current:1, |
|
|
|
|
|
|
|
size:10 |
|
|
|
|
|
|
|
}).then(res =>{ |
|
|
|
|
|
|
|
this.backlogData = res.data.data.records.length > 3 ? res.data.data.records.slice(0,3) :res.data.data.records |
|
|
|
|
|
|
|
this.backlogLength = res.data.data.total |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
getData(){ |
|
|
|
|
|
|
|
getNoticeList({ |
|
|
|
|
|
|
|
current:1, |
|
|
|
|
|
|
|
size:10 |
|
|
|
|
|
|
|
}).then(res =>{ |
|
|
|
|
|
|
|
console.log('res-----------',res) |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
loadMore(){ |
|
|
|
loadMore(){ |
|
|
|
this.$router.push('/desk/notice'); |
|
|
|
this.$router.push('/desk/notice'); |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -168,7 +180,6 @@ export default { |
|
|
|
.back_item{ |
|
|
|
.back_item{ |
|
|
|
border-bottom: 1px solid #eee; |
|
|
|
border-bottom: 1px solid #eee; |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
.back_top{ |
|
|
|
.back_top{ |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
|