parent
f6f8665645
commit
b407699654
After Width: | Height: | Size: 627 B |
@ -1,19 +1,167 @@ |
|||||||
<template> |
<template> |
||||||
<div class="userpage container">个人主页</div> |
<div class="userpage container"> |
||||||
|
<div class="topava"> |
||||||
|
<div class="topavaL"> |
||||||
|
<img :src="testerdata.avatar" alt="" /> |
||||||
|
</div> |
||||||
|
<div class="topavaR"> |
||||||
|
<div class="topavaRT"> |
||||||
|
<div class="topavaRT1">昵称:{{ testerdata.name }}</div> |
||||||
|
<div class="topavaRT2"></div> |
||||||
|
</div> |
||||||
|
<div class="topavaRB"> |
||||||
|
<img src="/assets/crowd/address.png" class="topavaRB1" alt="" /> |
||||||
|
<div class="topavaRB2">{{ testerdata.city }}</div> |
||||||
|
<div class="topavaRB3">|</div> |
||||||
|
<div class="topavaRB2">评分:{{ testerdata.commentsStar }}分</div> |
||||||
|
<div class="topavaRB4"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="middlebar"> |
||||||
|
<div class="middlebarit" :class="active == 0 ? 'middlebaritac' : ''" @click="tabfn(0)">中标记录</div> |
||||||
|
<div class="middlebarit" :class="active == 1 ? 'middlebaritac' : ''" @click="tabfn(1)">收到的评价</div> |
||||||
|
<div class="middlebarit" :class="active == 2 ? 'middlebaritac' : ''" @click="tabfn(2)">在线简历</div> |
||||||
|
</div> |
||||||
|
<div class="content0" v-if="active == 0"> |
||||||
|
<div class="content0it"> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
|
import { getdetesterId } from '@/api/tester/CompanyApply' |
||||||
|
import { myClaim } from '@/api/crowdsource/crowdsource' |
||||||
|
|
||||||
export default { |
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
base: process.env.VUE_APP_BASE_API, |
||||||
|
testerdata: {}, //基本信息 |
||||||
|
workList: [], |
||||||
|
proList: [], |
||||||
|
eduList: [], |
||||||
|
bookList: [], |
||||||
|
active: 0, |
||||||
|
allcrowdlist: [], //任务 |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.getData() |
||||||
|
this.getTask() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
tabfn(val) { |
||||||
|
this.active = val |
||||||
|
if (val == 0) { |
||||||
|
this.getTask() |
||||||
|
} |
||||||
|
}, |
||||||
|
// 获取基本数据及简历 |
||||||
|
getData() { |
||||||
|
getdetesterId(this.$route.query.id, this.$route.query.id2).then((res) => { |
||||||
|
this.testerdata = res.data |
||||||
|
if (this.testerdata.avatar) { |
||||||
|
if (this.testerdata.avatar.indexOf('/prod-api') == -1) { |
||||||
|
this.testerdata.avatar = this.base + this.testerdata.avatar |
||||||
|
} |
||||||
|
} |
||||||
|
this.projectlist = res.projectCase |
||||||
|
if (res.projectCase && res.projectCase.length) { |
||||||
|
this.workList = res.projectCase.filter((it) => it.type == 1) |
||||||
|
this.proList = res.projectCase.filter((it) => it.type == 0) |
||||||
|
this.eduList = res.projectCase.filter((it) => it.type == 2) |
||||||
|
} |
||||||
|
if (res.credentials && res.credentials.length) { |
||||||
|
this.bookList = res.credentials |
||||||
|
} |
||||||
|
|
||||||
|
this.programme = res.plan |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 获取任务 |
||||||
|
getTask() { |
||||||
|
myClaim({},this.$route.query.id).then((response) => { |
||||||
|
this.allcrowdlist = response.rows |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 获取评价 |
||||||
|
}, |
||||||
} |
} |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style scoped> |
<style scoped> |
||||||
.userpage { |
.userpage { |
||||||
height: 800px; |
padding: 40px 0; |
||||||
} |
} |
||||||
.container { |
.container { |
||||||
width: 1200px; |
width: 1200px; |
||||||
margin: auto; |
margin: auto; |
||||||
} |
} |
||||||
|
.topava { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.topavaL { |
||||||
|
width: 76px; |
||||||
|
height: 76px; |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
.topavaL img { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.topavaRT { |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
.topavaRB, |
||||||
|
.topavaRT { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.topavaRT1 { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 18px; |
||||||
|
color: #1a1a1a; |
||||||
|
} |
||||||
|
.topavaRB1 { |
||||||
|
width: 13px; |
||||||
|
height: 16px; |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
.topavaRB2 { |
||||||
|
font-weight: 500; |
||||||
|
font-size: 16px; |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
.topavaRB3 { |
||||||
|
font-size: 12px; |
||||||
|
font-weight: 500; |
||||||
|
color: #333333; |
||||||
|
margin: 0 10px; |
||||||
|
} |
||||||
|
.middlebar { |
||||||
|
height: 45px; |
||||||
|
background: #f7f7f7; |
||||||
|
display: flex; |
||||||
|
margin-top: 40px; |
||||||
|
} |
||||||
|
.middlebarit { |
||||||
|
height: 100%; |
||||||
|
padding: 0 20px; |
||||||
|
line-height: 45px; |
||||||
|
font-weight: bold; |
||||||
|
font-size: 15px; |
||||||
|
color: #1a1a1a; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.middlebaritac { |
||||||
|
color: #ffffff; |
||||||
|
background: #1578ed; |
||||||
|
} |
||||||
|
.content0 { |
||||||
|
display: flex; |
||||||
|
} |
||||||
</style> |
</style> |
Loading…
Reference in new issue