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> |
<template> |
||||||
<el-popover placement="bottom" |
<el-popover placement="bottom" width="350" trigger="click"> |
||||||
width="350" |
|
||||||
trigger="click"> |
|
||||||
|
|
||||||
<el-tabs v-model="activeName"> |
<el-tabs v-model="activeName"> |
||||||
<el-tab-pane label="邮件(1)" |
<el-tab-pane label="消息(2)" name="first"> |
||||||
name="first"></el-tab-pane> |
<el-scrollbar style="height: 300px"> |
||||||
<el-tab-pane label="消息(2)" |
<avue-notice |
||||||
name="second"></el-tab-pane> |
:data="data" |
||||||
<el-tab-pane label="通知" |
:option="option" |
||||||
name="third"></el-tab-pane> |
@page-change="pageChange" |
||||||
|
></avue-notice> |
||||||
|
</el-scrollbar> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane label="通知" name="third"></el-tab-pane> |
||||||
</el-tabs> |
</el-tabs> |
||||||
<el-scrollbar style="height:300px"> |
|
||||||
<avue-notice :data="data" |
|
||||||
:option="option" |
|
||||||
@page-change="pageChange"></avue-notice> |
|
||||||
</el-scrollbar> |
|
||||||
<div slot="reference"> |
<div slot="reference"> |
||||||
<el-badge is-dot> |
<el-badge is-dot class="item"> |
||||||
<i class="el-icon-bell"></i> |
<i class="el-icon-bell" style="font-size: 28px"></i> |
||||||
</el-badge> |
</el-badge> |
||||||
</div> |
</div> |
||||||
</el-popover> |
</el-popover> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
let list = [{ |
let list = [ |
||||||
img: '/img/bg/vip1.png', |
{ |
||||||
title: '史蒂夫·乔布斯 关注了你', |
img: "/img/bg/vip1.png", |
||||||
subtitle: '05-08 15:08', |
title: "史蒂夫·乔布斯 关注了你", |
||||||
tag: '已经开始', |
subtitle: "05-08 15:08", |
||||||
status: 0 |
tag: "已经开始", |
||||||
}, { |
status: 0, |
||||||
img: '/img/bg/vip2.png', |
}, |
||||||
title: '斯蒂夫·沃兹尼亚克 关注了你', |
{ |
||||||
subtitle: '05-08 15:08', |
img: "/img/bg/vip2.png", |
||||||
tag: '未开始', |
title: "斯蒂夫·沃兹尼亚克 关注了你", |
||||||
status: 1 |
subtitle: "05-08 15:08", |
||||||
}, { |
tag: "未开始", |
||||||
img: '/img/bg/vip3.png', |
status: 1, |
||||||
title: '蒂姆·库克 关注了你', |
}, |
||||||
subtitle: '05-08 15:08', |
{ |
||||||
status: 3, |
img: "/img/bg/vip3.png", |
||||||
tag: '有错误' |
title: "蒂姆·库克 关注了你", |
||||||
}, { |
subtitle: "05-08 15:08", |
||||||
img: '/img/bg/vip4.png', |
status: 3, |
||||||
title: '比尔·费尔南德斯 关注了你', |
tag: "有错误", |
||||||
subtitle: '05-08 15:08', |
}, |
||||||
status: 4, |
{ |
||||||
tag: '已完成' |
img: "/img/bg/vip4.png", |
||||||
}]; |
title: "比尔·费尔南德斯 关注了你", |
||||||
|
subtitle: "05-08 15:08", |
||||||
|
status: 4, |
||||||
|
tag: "已完成", |
||||||
|
}, |
||||||
|
]; |
||||||
export default { |
export default { |
||||||
name: "top-notice", |
name: "top-notice", |
||||||
data () { |
data() { |
||||||
return { |
return { |
||||||
activeName: 'first', |
activeName: "first", |
||||||
option: { |
option: { |
||||||
props: { |
props: { |
||||||
img: 'img', |
img: "img", |
||||||
title: 'title', |
title: "title", |
||||||
subtitle: 'subtitle', |
subtitle: "subtitle", |
||||||
tag: 'tag', |
tag: "tag", |
||||||
status: 'status' |
status: "status", |
||||||
}, |
}, |
||||||
}, |
}, |
||||||
data: list, |
data: list, |
||||||
} |
}; |
||||||
}, |
|
||||||
created () { |
|
||||||
|
|
||||||
}, |
}, |
||||||
|
created() {}, |
||||||
methods: { |
methods: { |
||||||
pageChange (page, done) { |
pageChange(page, done) { |
||||||
setTimeout(() => { |
setTimeout(() => { |
||||||
this.$message.success('页码' + page) |
this.$message.success("页码" + page); |
||||||
this.data = this.data.concat(list); |
this.data = this.data.concat(list); |
||||||
done(); |
done(); |
||||||
}, 1000) |
}, 1000); |
||||||
|
|
||||||
}, |
}, |
||||||
} |
}, |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
|
.item { |
||||||
|
margin-top: 17px; |
||||||
|
margin-right: 30px; |
||||||
|
} |
||||||
</style> |
</style> |
||||||
|
|||||||
Loading…
Reference in new issue