|
|
@ -1,14 +1,9 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<page-layout> |
|
|
|
<page-layout :avatar="currUser.avatar"> |
|
|
|
<div slot="desc" class="desc"> |
|
|
|
<div slot="headerContent" class="content"> |
|
|
|
<div class="avatar"> |
|
|
|
|
|
|
|
<a-avatar size="large" shape="circle" :src="currUser.avatar" /> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="content"> |
|
|
|
|
|
|
|
<div class="title">{{currUser.timefix}},{{currUser.name}},{{currUser.welcome}}</div> |
|
|
|
<div class="title">{{currUser.timefix}},{{currUser.name}},{{currUser.welcome}}</div> |
|
|
|
<div>{{currUser.position}}</div> |
|
|
|
<div>{{currUser.position}}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div slot="extra"> |
|
|
|
<div slot="extra"> |
|
|
|
<a-row> |
|
|
|
<a-row> |
|
|
|
<a-col :sm="8" :xs="24"> |
|
|
|
<a-col :sm="8" :xs="24"> |
|
|
@ -25,8 +20,9 @@ |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<a-row style="margin: 0 -12px"> |
|
|
|
<a-row style="margin: 0 -12px"> |
|
|
|
<a-col style="padding: 0 12px" :xl="16" :lg="24" :md="24" :sm="24" :xs="24"> |
|
|
|
<a-col style="padding: 0 12px" :xl="16" :lg="24" :md="24" :sm="24" :xs="24"> |
|
|
|
<a-card style="margin-bottom: 24px;" :bordered="false" title="进行中的项目" :body-style="{padding: 0}"> |
|
|
|
<a-card :loading="loading" style="margin-bottom: 24px;" :bordered="false" title="进行中的项目" :body-style="{padding: 0}"> |
|
|
|
<a slot="extra">全部项目</a> |
|
|
|
<a slot="extra">全部项目</a> |
|
|
|
|
|
|
|
<div> |
|
|
|
<a-card-grid :key="i" v-for="(item, i) in projects"> |
|
|
|
<a-card-grid :key="i" v-for="(item, i) in projects"> |
|
|
|
<a-card :bordered="false" :body-style="{padding: 0}"> |
|
|
|
<a-card :bordered="false" :body-style="{padding: 0}"> |
|
|
|
<a-card-meta :description="item.desc"> |
|
|
|
<a-card-meta :description="item.desc"> |
|
|
@ -41,6 +37,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-card> |
|
|
|
</a-card> |
|
|
|
</a-card-grid> |
|
|
|
</a-card-grid> |
|
|
|
|
|
|
|
</div> |
|
|
|
</a-card> |
|
|
|
</a-card> |
|
|
|
<a-card title="动态" :bordered="false"> |
|
|
|
<a-card title="动态" :bordered="false"> |
|
|
|
<a-list> |
|
|
|
<a-list> |
|
|
@ -52,7 +49,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div slot="description">9小时前</div> |
|
|
|
<div slot="description">9小时前</div> |
|
|
|
</a-list-item-meta> |
|
|
|
</a-list-item-meta> |
|
|
|
|
|
|
|
|
|
|
|
</a-list-item> |
|
|
|
</a-list-item> |
|
|
|
</a-list> |
|
|
|
</a-list> |
|
|
|
</a-card> |
|
|
|
</a-card> |
|
|
@ -129,7 +125,8 @@ export default { |
|
|
|
data () { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
return { |
|
|
|
currUser: {}, |
|
|
|
currUser: {}, |
|
|
|
projects: [] |
|
|
|
projects: [], |
|
|
|
|
|
|
|
loading: true |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted () { |
|
|
|
mounted () { |
|
|
@ -151,6 +148,7 @@ export default { |
|
|
|
url: '/project' |
|
|
|
url: '/project' |
|
|
|
}).then(res => { |
|
|
|
}).then(res => { |
|
|
|
this.projects = res.data |
|
|
|
this.projects = res.data |
|
|
|
|
|
|
|
this.loading = false |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -158,24 +156,13 @@ export default { |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
|
<style lang="less" scoped> |
|
|
|
.desc{ |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
.avatar { |
|
|
|
|
|
|
|
flex: 0 1 72px; |
|
|
|
|
|
|
|
margin-bottom: 8px; |
|
|
|
|
|
|
|
& > span { |
|
|
|
|
|
|
|
border-radius: 72px; |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
width: 72px; |
|
|
|
|
|
|
|
height: 72px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.content { |
|
|
|
.content { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
top: 4px; |
|
|
|
top: 4px; |
|
|
|
flex: 1 1 auto; |
|
|
|
flex: 1 1 auto; |
|
|
|
color: rgba(0, 0, 0, 0.45); |
|
|
|
color: rgba(0, 0, 0, 0.45); |
|
|
|
line-height: 22px; |
|
|
|
line-height: 22px; |
|
|
|
|
|
|
|
margin-left: 24px; |
|
|
|
.title { |
|
|
|
.title { |
|
|
|
font-size: 20px; |
|
|
|
font-size: 20px; |
|
|
|
line-height: 28px; |
|
|
|
line-height: 28px; |
|
|
@ -183,7 +170,6 @@ export default { |
|
|
|
margin-bottom: 12px; |
|
|
|
margin-bottom: 12px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.card-title { |
|
|
|
.card-title { |
|
|
|
font-size: 0; |
|
|
|
font-size: 0; |
|
|
|
a { |
|
|
|
a { |
|
|
|