赵培友
3 years ago
parent
752157ae1f
commit
4a941272fb
11 changed files with 169 additions and 136 deletions
@ -0,0 +1,11 @@ |
||||
import request from '@/router/axios'; |
||||
const prefix = '/api/blade-workflow/workOrder' |
||||
// 查询
|
||||
export const getList = (query) => { |
||||
return request({ |
||||
url: `${prefix}/myToDo`, |
||||
method: 'get', |
||||
params:query |
||||
}) |
||||
} |
||||
// historyWorkOrder
|
||||
@ -1,87 +1,90 @@ |
||||
<template> |
||||
<el-popover placement="bottom" |
||||
width="350" |
||||
trigger="click"> |
||||
|
||||
<el-popover placement="bottom" width="350" trigger="click"> |
||||
<el-tabs v-model="activeName"> |
||||
<el-tab-pane label="邮件(1)" |
||||
name="first"></el-tab-pane> |
||||
<el-tab-pane label="消息(2)" |
||||
name="second"></el-tab-pane> |
||||
<el-tab-pane label="通知" |
||||
name="third"></el-tab-pane> |
||||
<el-tab-pane label="消息(2)" name="first"> |
||||
<el-scrollbar style="height: 300px"> |
||||
<avue-notice |
||||
:data="data" |
||||
:option="option" |
||||
@page-change="pageChange" |
||||
></avue-notice> |
||||
</el-scrollbar> |
||||
</el-tab-pane> |
||||
<el-tab-pane label="通知" name="third"></el-tab-pane> |
||||
</el-tabs> |
||||
<el-scrollbar style="height:300px"> |
||||
<avue-notice :data="data" |
||||
:option="option" |
||||
@page-change="pageChange"></avue-notice> |
||||
</el-scrollbar> |
||||
|
||||
<div slot="reference"> |
||||
<el-badge is-dot> |
||||
<i class="el-icon-bell"></i> |
||||
<el-badge is-dot class="item"> |
||||
<i class="el-icon-bell" style="font-size: 28px"></i> |
||||
</el-badge> |
||||
</div> |
||||
</el-popover> |
||||
</template> |
||||
|
||||
<script> |
||||
let list = [{ |
||||
img: '/img/bg/vip1.png', |
||||
title: '史蒂夫·乔布斯 关注了你', |
||||
subtitle: '05-08 15:08', |
||||
tag: '已经开始', |
||||
status: 0 |
||||
}, { |
||||
img: '/img/bg/vip2.png', |
||||
title: '斯蒂夫·沃兹尼亚克 关注了你', |
||||
subtitle: '05-08 15:08', |
||||
tag: '未开始', |
||||
status: 1 |
||||
}, { |
||||
img: '/img/bg/vip3.png', |
||||
title: '蒂姆·库克 关注了你', |
||||
subtitle: '05-08 15:08', |
||||
status: 3, |
||||
tag: '有错误' |
||||
}, { |
||||
img: '/img/bg/vip4.png', |
||||
title: '比尔·费尔南德斯 关注了你', |
||||
subtitle: '05-08 15:08', |
||||
status: 4, |
||||
tag: '已完成' |
||||
}]; |
||||
let list = [ |
||||
{ |
||||
img: "/img/bg/vip1.png", |
||||
title: "史蒂夫·乔布斯 关注了你", |
||||
subtitle: "05-08 15:08", |
||||
tag: "已经开始", |
||||
status: 0, |
||||
}, |
||||
{ |
||||
img: "/img/bg/vip2.png", |
||||
title: "斯蒂夫·沃兹尼亚克 关注了你", |
||||
subtitle: "05-08 15:08", |
||||
tag: "未开始", |
||||
status: 1, |
||||
}, |
||||
{ |
||||
img: "/img/bg/vip3.png", |
||||
title: "蒂姆·库克 关注了你", |
||||
subtitle: "05-08 15:08", |
||||
status: 3, |
||||
tag: "有错误", |
||||
}, |
||||
{ |
||||
img: "/img/bg/vip4.png", |
||||
title: "比尔·费尔南德斯 关注了你", |
||||
subtitle: "05-08 15:08", |
||||
status: 4, |
||||
tag: "已完成", |
||||
}, |
||||
]; |
||||
export default { |
||||
name: "top-notice", |
||||
data () { |
||||
data() { |
||||
return { |
||||
activeName: 'first', |
||||
activeName: "first", |
||||
option: { |
||||
props: { |
||||
img: 'img', |
||||
title: 'title', |
||||
subtitle: 'subtitle', |
||||
tag: 'tag', |
||||
status: 'status' |
||||
img: "img", |
||||
title: "title", |
||||
subtitle: "subtitle", |
||||
tag: "tag", |
||||
status: "status", |
||||
}, |
||||
}, |
||||
data: list, |
||||
} |
||||
}, |
||||
created () { |
||||
|
||||
}; |
||||
}, |
||||
created() {}, |
||||
methods: { |
||||
pageChange (page, done) { |
||||
pageChange(page, done) { |
||||
setTimeout(() => { |
||||
this.$message.success('页码' + page) |
||||
this.$message.success("页码" + page); |
||||
this.data = this.data.concat(list); |
||||
done(); |
||||
}, 1000) |
||||
|
||||
}, 1000); |
||||
}, |
||||
} |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.item { |
||||
margin-top: 17px; |
||||
margin-right: 30px; |
||||
} |
||||
</style> |
||||
|
||||
Loading…
Reference in new issue