parent
f6f8665645
commit
b407699654
After Width: | Height: | Size: 627 B |
@ -1,19 +1,167 @@ |
||||
<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> |
||||
|
||||
<script> |
||||
import { getdetesterId } from '@/api/tester/CompanyApply' |
||||
import { myClaim } from '@/api/crowdsource/crowdsource' |
||||
|
||||
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> |
||||
|
||||
<style scoped> |
||||
.userpage { |
||||
height: 800px; |
||||
padding: 40px 0; |
||||
} |
||||
.container { |
||||
width: 1200px; |
||||
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> |
Loading…
Reference in new issue