parent
f424f5239b
commit
bc9541aca7
@ -0,0 +1,368 @@ |
||||
<template> |
||||
<view class="jianlibox"> |
||||
|
||||
<view class="accounmt"> |
||||
<view class="accounmtBox"> |
||||
<view class="newTitle paddingL"> |
||||
<view class="newTitlename"> |
||||
{{resumedata.name}} |
||||
</view> |
||||
<view class="newTitlesex"> |
||||
性别：{{resumedata.sex}} |
||||
</view> |
||||
</view> |
||||
<div class="contenBox paddingL"> |
||||
<!-- 基本信息 --> |
||||
<div class="contenItem paddingL"> |
||||
<div class="contenItemTIle"> |
||||
<div class="contenItemTIleL">基本信息</div> |
||||
|
||||
</div> |
||||
<div class="contenItemC"> |
||||
<div class="contenItemCIt"> |
||||
所在城市：{{resumedata.city}} |
||||
</div> |
||||
<div class="contenItemCIt"> |
||||
技能方向：{{resumedata.test_skills}} |
||||
</div> |
||||
<div class="contenItemCIt"> |
||||
个人优势：{{resumedata.personalAdvantage}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- 工作经历 --> |
||||
<div class="contenItem paddingL"> |
||||
<div class="contenItemTIle"> |
||||
<div class="contenItemTIleL">工作经历</div> |
||||
|
||||
</div> |
||||
<div class="contenItemC"> |
||||
<div class="contenItemCitem" v-for="(item,key) of worklist" :key="key"> |
||||
<div class="contenItemCitemT"> |
||||
<div class="contenItemCitemL">{{item.name}}</div> |
||||
<div class="contenItemCitemR">{{item.startTime}}-{{item.endTime}} |
||||
<u-icon name="arrow-right" color="#666666" size="24"></u-icon> |
||||
</div> |
||||
</div> |
||||
<div class="contenItemCitemM"> |
||||
{{item.title}} |
||||
</div> |
||||
<div class="contenItemCIt"> |
||||
工作内容：{{item.intro}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- 项目经历 --> |
||||
<div class="contenItem paddingL"> |
||||
<div class="contenItemTIle"> |
||||
<div class="contenItemTIleL">项目经历</div> |
||||
|
||||
</div> |
||||
<div class="contenItemC"> |
||||
<div class="contenItemCitem" v-for="(item,key) of projectlist" :key="key"> |
||||
<div class="contenItemCitemT"> |
||||
<div class="contenItemCitemL">{{item.name}}</div> |
||||
<div class="contenItemCitemR">{{item.startTime}}-{{item.endTime}} |
||||
<u-icon name="arrow-right" color="#666666" size="24"></u-icon> |
||||
</div> |
||||
</div> |
||||
<div class="contenItemCitemM"> |
||||
{{item.title}} |
||||
</div> |
||||
<div class="contenItemCIt"> |
||||
应用技术：{{item.applyTech}} |
||||
</div> |
||||
<div class="contenItemCIt"> |
||||
工作内容：{{item.intro}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- 教育经历 --> |
||||
<div class="contenItem paddingL"> |
||||
<div class="contenItemTIle"> |
||||
<div class="contenItemTIleL">教育经历</div> |
||||
|
||||
</div> |
||||
<div class="contenItemC"> |
||||
<div class="contenItemCitem" v-for="(item,key) of educationlist" :key="key"> |
||||
<div class="contenItemCitemT"> |
||||
<div class="contenItemCitemL">{{item.name}}</div> |
||||
<div class="contenItemCitemR">{{item.startTime}}-{{item.endTime}} |
||||
<u-icon name="arrow-right" color="#666666" size="24"></u-icon> |
||||
</div> |
||||
</div> |
||||
<div class="contenItemCitemM"> |
||||
学历：{{item.education}} 专业：{{item.major}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- 资格证书 --> |
||||
<div class="contenItem paddingL"> |
||||
<div class="contenItemTIle"> |
||||
<div class="contenItemTIleL">资格证书</div> |
||||
|
||||
</div> |
||||
<div class="contenItemC"> |
||||
<div class="contenItemCitem" v-for="(item,key) of credentialsList" :key="key"> |
||||
<div class="contenItemCitemimgBoxT"> |
||||
<div class="contenItemCitemimgBoxTL"> |
||||
证书名称：{{item.fileName}} |
||||
</div> |
||||
|
||||
</div> |
||||
<image class="contenItemCitemimg" @click.stop="priveimg(item.fileUrl)" |
||||
:src="item.fileUrl" alt=""></image> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
<u-toast ref="uToast" /> |
||||
</view> |
||||
|
||||
|
||||
|
||||
|
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
showida: false, |
||||
userinfo: {}, |
||||
projectlist: [], //项目集合 |
||||
worklist: [], //工作经历 |
||||
educationlist: [], //教育 |
||||
resumedata: {}, |
||||
credentialsList: [], //证书 |
||||
} |
||||
}, |
||||
|
||||
onLoad(options) { |
||||
const data = JSON.parse(decodeURIComponent(options.msg)) |
||||
// 经历 |
||||
this.projectlist = data.projectCase.filter(it => it.type == 0) |
||||
this.worklist = data.projectCase.filter(it => it.type == 1) |
||||
this.educationlist = data.projectCase.filter(it => it.type == 2) |
||||
// 个人简介 |
||||
this.resumedata = data.data |
||||
// 证书 |
||||
this.credentialsList = data.credentials |
||||
}, |
||||
methods: { |
||||
//预览图片 |
||||
priveimg(logourl) { |
||||
// console.log('预览图片') |
||||
let imgsArray = []; |
||||
imgsArray[0] = logourl |
||||
uni.previewImage({ |
||||
current: 0, |
||||
urls: imgsArray |
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.topTip { |
||||
width: 100%; |
||||
height: 130rpx; |
||||
background: #FFFFFF; |
||||
padding: 25rpx 45rpx; |
||||
box-sizing: border-box; |
||||
font-weight: 500; |
||||
font-size: 26rpx; |
||||
color: #4D4D4D; |
||||
} |
||||
|
||||
.topTip text { |
||||
color: #1578ED; |
||||
} |
||||
|
||||
.accounmt { |
||||
padding: 25rpx; |
||||
box-sizing: border-box; |
||||
|
||||
.accounmtBox { |
||||
width: 100%; |
||||
background: #ffffff; |
||||
border-radius: 6rpx; |
||||
|
||||
.newTitle { |
||||
width: 100%; |
||||
height: 100rpx; |
||||
background: linear-gradient(90deg, #E2EDFD, #FEE4E4); |
||||
border-radius: 6rpx 6rpx 0rpx 0rpx; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
|
||||
.newTitlename { |
||||
font-weight: bold; |
||||
font-size: 36rpx; |
||||
color: #000000; |
||||
} |
||||
|
||||
.newTitlesex { |
||||
font-weight: 500; |
||||
font-size: 28rpx; |
||||
color: #333333; |
||||
} |
||||
} |
||||
|
||||
.contenBox { |
||||
.contenItem { |
||||
border-bottom: 1px solid rgba(153, 153, 153, 0.15); |
||||
padding-bottom: 44rpx; |
||||
|
||||
.contenItemTIle { |
||||
height: 100rpx; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
|
||||
.contenItemTIleL { |
||||
font-weight: bold; |
||||
font-size: 32rpx; |
||||
color: #000000; |
||||
} |
||||
|
||||
.contenItemTIleR { |
||||
width: 25rpx; |
||||
height: 25rpx; |
||||
} |
||||
|
||||
.contenItemTIleR2 { |
||||
width: 30rpx; |
||||
height: 30rpx; |
||||
} |
||||
} |
||||
|
||||
.contenItemC { |
||||
.contenItemCIt { |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
color: #4D4D4D; |
||||
line-height: 46rpx; |
||||
} |
||||
|
||||
.contenItemCitem { |
||||
.contenItemCitemM { |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
color: #1A1A1A; |
||||
margin: 25rpx 0; |
||||
} |
||||
|
||||
.contenItemCitemT { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
|
||||
.contenItemCitemL { |
||||
font-weight: bold; |
||||
font-size: 26rpx; |
||||
color: #000000; |
||||
} |
||||
|
||||
.contenItemCitemR { |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
color: #666666; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.contenItemCitemimgBoxT { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
|
||||
.contenItemCitemimgBoxTL { |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
color: #4D4D4D; |
||||
} |
||||
|
||||
.contenItemCitemimgBoxTR { |
||||
font-weight: 500; |
||||
font-size: 22rpx; |
||||
color: #FD4747; |
||||
} |
||||
} |
||||
|
||||
.contenItemCitemimg { |
||||
width: 300rpx; |
||||
height: 200rpx; |
||||
margin: 20rpx 0; |
||||
} |
||||
|
||||
.paddingL { |
||||
padding: 0 25rpx; |
||||
} |
||||
|
||||
.maskDia { |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100vw; |
||||
height: 100vh; |
||||
background: rgba(5, 5, 7, 0.5); |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
|
||||
.maskBox { |
||||
width: 570rpx; |
||||
height: 220rpx; |
||||
background: linear-gradient(0deg, #FFFFFF, #EFF3FE); |
||||
box-shadow: 0rpx 4rpx 21rpx 4rpx rgba(22, 27, 33, 0.1); |
||||
border-radius: 6rpx; |
||||
border: 1px solid #999999; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
flex-direction: column; |
||||
|
||||
.maskBoxT { |
||||
color: #1A1A1A; |
||||
font-size: 26rpx; |
||||
font-weight: bold; |
||||
|
||||
} |
||||
|
||||
.maskBoxM { |
||||
color: #1A1A1A; |
||||
font-size: 26rpx; |
||||
font-weight: 500; |
||||
margin: 20rpx 0; |
||||
} |
||||
|
||||
.maskBoxB { |
||||
color: #1578ED; |
||||
font-size: 26rpx; |
||||
font-weight: 500; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,614 @@ |
||||
<template> |
||||
<view class="peixunbanpage"> |
||||
<!-- 公司信息 --> |
||||
<view class="companyinfo"> |
||||
<view class="newinfo"> |
||||
<image class="newinfoimg" :src="userInfo.avatar" mode=""></image> |
||||
<view class="newinfoM"> |
||||
<view class="newinfoMT"> |
||||
<view class="newnaem"> |
||||
{{userInfo.name}} |
||||
</view> |
||||
<view class="newline"> |
||||
| |
||||
</view> |
||||
<view v-if="userInfo.commentsStar && userInfo.commentsStar != 0" class="raterow"> |
||||
<span> 评分：</span> |
||||
<span style="color: #FA9C22;margin-right: 5rpx;">{{userInfo.commentsStar}}</span> |
||||
</view> |
||||
<view v-else style="min-width: 120rpx;font-weight: 500;font-size: 26rpx;color: #808080;"> |
||||
暂无评分 |
||||
</view> |
||||
</view> |
||||
<view class="newinfoMB" v-if="userInfo.tester_status == 2"> |
||||
云员工 |
||||
</view> |
||||
</view> |
||||
<!-- 在线简历 --> |
||||
<view class="onlineJl" @click="goonline"> |
||||
在线简历 |
||||
</view> |
||||
</view> |
||||
<view class="tabnav"> |
||||
<view class="tabnavitem" :class="{'activeitem': activetab == 1}" @click="tabnavClick(1)"> |
||||
中标记录 |
||||
</view> |
||||
<view class="tabnavitem" :class="{'activeitem': activetab == 2}" @click="tabnavClick(2)"> |
||||
收到的评价 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<!-- 任务列表 --> |
||||
<template v-if="activetab == 1"> |
||||
<view v-for="(item,key) of crowdlist" class="sign_list" @click="signupdetails(item.task_id)"> |
||||
<view style="display:flex;margin:0 12px 8px 0;justify-content: space-between;align-items: flex-end;"> |
||||
<view v-if='item.status==0' class="rightb" |
||||
style="background: linear-gradient(90deg, #FFDC00, #ED9706);"> 竞标中 |
||||
</view> |
||||
<view v-if='item.status==1' class="rightb"> 实施中 </view> |
||||
<view v-if='item.status==3' class="rightb" |
||||
style="background: linear-gradient(90deg, #FCA141, #FD6940);"> 待验收 </view> |
||||
<view v-if='item.status==4' class="rightb" |
||||
style="background: linear-gradient(90deg, #FCA141, #FD6940);"> 待付款 </view> |
||||
<view v-if='item.status==2' class="rightb" |
||||
style="background: linear-gradient(90deg, #FCA141, #FD6940);">竞标失败</view> |
||||
<view v-if='item.status==5' class="rightb" |
||||
style="background: linear-gradient(90deg, #1BF5B3, #08C78F);"> 已完成 </view> |
||||
<view v-if='item.status==6' class="rightb" |
||||
style="background: linear-gradient(90deg, #FCA141, #FD6940);"> 验收不通过 </view> |
||||
<!-- <view v-if='item.status==2 && item.process_status==3' class="rightb" style="background: linear-gradient(90deg, #FCA141, #FD6940);">竞标成功</view> --> |
||||
<p style="color:#FD461A;">￥{{item.price}} </p> |
||||
</view> |
||||
<view class="fline"></view> |
||||
<view style="margin:12px 15px 0 15px;color:#333333;font-size:13px;line-height:27px;"> |
||||
<p>项目名称：{{item.project_name}}</p> |
||||
<p>项目周期：{{item.period}}天</p> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
|
||||
<!-- 评价列表 --> |
||||
<template v-if="activetab == 2"> |
||||
<view class="pxitembox" v-for="it in reviewList" :key="it.comment_id"> |
||||
<view class="pxitemboxt"> |
||||
<view class="pxitemboxtl"> |
||||
<image class="pxitemboxtlimg" src="../../../static/crowd/defaultAva.jpg" mode=""></image> |
||||
<!-- {来自{{it.from_city}}的伙伴} --> |
||||
{{it.user_name}} |
||||
</view> |
||||
<view class="pxitemboxtr"> |
||||
{{dateFormat(new Date(it.create_time)) }} |
||||
</view> |
||||
</view> |
||||
<view class="pxitemboxc"> |
||||
<view class="ratebox"> |
||||
<u-rate v-model="it.star" :current="2" :disabled="true" active-color="#fa9c22" |
||||
inactive-color="#CDCECE"></u-rate> |
||||
</view> |
||||
<view class="pxitemboxcremark"> |
||||
{{it.content}} |
||||
</view> |
||||
<view class="pxitemboxctask" @click="goTaskDetail"> |
||||
{{it.project_name}} |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
findLabelValueByPropnew |
||||
} from '@/utils/util.js' |
||||
import mixin from '@/utils/mixin/index.js' |
||||
import { |
||||
dateFormat |
||||
} from '@/utils/util.js' |
||||
export default { |
||||
mixins: [mixin], |
||||
data() { |
||||
return { |
||||
activetab: 1, |
||||
task: {}, |
||||
crowdlist: [], |
||||
reviewList: [], |
||||
// 任务分页 |
||||
queryparams: { |
||||
pageSize: 10, |
||||
pageNum: 1, |
||||
}, |
||||
queryparams1: { |
||||
pageSize: 10, |
||||
pageNum: 1, |
||||
}, |
||||
userInfo: {}, |
||||
obj: {}, |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
const task = JSON.parse(decodeURIComponent(options.taskInfo)) |
||||
this.task = task |
||||
this.getDetail() |
||||
this.getTaskList() |
||||
}, |
||||
methods: { |
||||
dateFormat, |
||||
findLabelValueByPropnew, |
||||
// 去简历页 |
||||
goonline() { |
||||
uni.navigateTo({ |
||||
url: `/pages/index/testcrowdsourc/onlinejl?msg=${encodeURIComponent(JSON.stringify(this.obj))}` |
||||
}) |
||||
}, |
||||
// 获取用户信息及简历 |
||||
getDetail() { |
||||
this.http.quickGet( |
||||
`/crowdsource/tester/detail/${this.task.userId}/${this.task.taskId}`, true).then(res => { |
||||
this.obj = res.data |
||||
this.userInfo = res.data.data |
||||
if (this.userInfo.avatar.indexOf('http') == -1) { |
||||
this.userInfo.avatar = this.http.baseUrl + this.userInfo.avatar |
||||
console.log(this.userInfo.avatar); |
||||
} |
||||
}) |
||||
}, |
||||
// 跳转订单详情 |
||||
goTaskDetail() {}, |
||||
// 查询任务列表 |
||||
getTaskList() { |
||||
this.http.quickGet( |
||||
`/crowdsource/claim/my/${this.task.userId}?pageNum=${this.queryparams.pageNum}&pageSize=${this.queryparams.pageSize}`, true).then(res => { |
||||
// status=0竞标中,1被选中也就是实施中,2项目结束 |
||||
this.crowdlist = res.data.rows |
||||
}) |
||||
}, |
||||
// 查询评价列表 |
||||
getReviewList() { |
||||
this.http.quickGet( |
||||
`/comment/comments/${this.task.publisher_id}?pageNum=${this.queryparams1.pageNum}&pageSize=${this.queryparams1.pageSize}`, |
||||
false).then(res => { |
||||
this.reviewList = res.data.rows |
||||
}) |
||||
}, |
||||
// tabbar点击 |
||||
tabnavClick(val) { |
||||
this.activetab = val |
||||
if (val == 1) { |
||||
this.getTaskList() |
||||
} else { |
||||
this.getReviewList() |
||||
} |
||||
}, |
||||
// 跳详情 |
||||
details(type, id) { |
||||
uni.navigateTo({ |
||||
url: `./crowdsourcingdetails?id=${id}` |
||||
}) |
||||
}, |
||||
}, |
||||
// 触底刷新 |
||||
onReachBottom() { |
||||
if (this.activetab == 1) { |
||||
// 任务第一次触底 |
||||
if (this.crowdlist.length % 10 != 0) { |
||||
return |
||||
} else { |
||||
this.queryparams.pageNum++ |
||||
this.http.quickGet( |
||||
`/crowdsource/claim/my/${this.task.userId}?pageNum=${this.queryparams.pageNum}&pageSize=${this.queryparams.pageSize}`, true |
||||
).then(res => { |
||||
this.crowdlist.push(...res.data.rows); |
||||
}) |
||||
} |
||||
|
||||
} else { |
||||
// 评论 |
||||
if (this.reviewList.length % 10 != 0) { |
||||
return |
||||
} else { |
||||
this.queryparams1.pageNum++ |
||||
this.http.quickGet( |
||||
`/comment/comments/${this.task.publisher_id}?pageNum=${this.queryparams1.pageNum}&pageSize=${this.queryparams1.pageSize}`).then(res => { |
||||
this.reviewList.push(...res.data.rows); |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.peixunbanpage { |
||||
width: 100vw; |
||||
height: 100%; |
||||
background: #f5f7fa; |
||||
padding: 25rpx 25rpx 25rpx 25rpx; |
||||
box-sizing: border-box; |
||||
|
||||
.companyinfotext { |
||||
width: 100%; |
||||
background: #FFFFFF; |
||||
border-radius: 10rpx; |
||||
padding: 35rpx; |
||||
box-sizing: border-box; |
||||
font-weight: 500; |
||||
font-size: 26rpx; |
||||
color: #4D4D4D; |
||||
line-height: 54rpx; |
||||
} |
||||
|
||||
.newinfo { |
||||
width: 100%; |
||||
height: 179rpx; |
||||
background: linear-gradient(90deg, #E2EDFD, #FEE4E4); |
||||
border-radius: 10rpx 10rpx 0rpx 0rpx; |
||||
padding: 40rpx 25rpx 0 25rpx; |
||||
display: flex; |
||||
position: relative; |
||||
.onlineJl { |
||||
position: absolute; |
||||
top: 40rpx; |
||||
right: 30rpx; |
||||
font-weight: 500; |
||||
font-size: 28rpx; |
||||
color: #1578ED; |
||||
} |
||||
|
||||
.newinfoimg { |
||||
width: 102rpx; |
||||
height: 102rpx; |
||||
margin-right: 20rpx; |
||||
} |
||||
|
||||
.newinfoMT { |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
.newnaem { |
||||
font-weight: bold; |
||||
font-size: 32rpx; |
||||
color: #1A1A1A; |
||||
} |
||||
|
||||
.newline { |
||||
color: #d1cfd0; |
||||
margin: 0 10rpx; |
||||
} |
||||
} |
||||
|
||||
.newinfoMB { |
||||
width: 86rpx; |
||||
height: 32rpx; |
||||
background: linear-gradient(90deg, #FC6C6C, #3873FA); |
||||
border-radius: 16rpx; |
||||
font-weight: 500; |
||||
font-size: 22rpx; |
||||
color: #FEFEFE; |
||||
line-height: 32rpx; |
||||
text-align: center; |
||||
margin-top: 10rpx; |
||||
} |
||||
} |
||||
|
||||
// 公司信息 |
||||
.companyinfo { |
||||
width: 100%; |
||||
|
||||
background-color: #FFFFFF; |
||||
border-radius: 10rpx; |
||||
margin-bottom: 30rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
|
||||
|
||||
|
||||
.comname { |
||||
font-weight: bold; |
||||
font-size: 30rpx; |
||||
color: #333333; |
||||
} |
||||
|
||||
.raterow { |
||||
font-weight: 500; |
||||
font-size: 26rpx; |
||||
color: #808080; |
||||
} |
||||
|
||||
.tabnav { |
||||
width: 100%; |
||||
height: 72rpx; |
||||
border-top: 1px solid #EBEBEB; |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
|
||||
.tabnavitem { |
||||
flex: 1; |
||||
font-weight: 500; |
||||
font-size: 28rpx; |
||||
color: #4C4C4C; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.activeitem { |
||||
font-weight: bold; |
||||
font-size: 28rpx; |
||||
color: #1578ED; |
||||
border-bottom: 4rpx solid #1578ED; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.pxitembox { |
||||
width: 100%; |
||||
background: #FFFFFF; |
||||
border-radius: 10rpx; |
||||
margin-bottom: 30rpx; |
||||
|
||||
.pxitemboxt { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
border-bottom: 1px solid rgba(153, 153, 153, 0.2); |
||||
padding: 0 25rpx; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.pxitemboxtl { |
||||
height: 89rpx; |
||||
display: flex; |
||||
align-items: center; |
||||
font-weight: 500; |
||||
font-size: 28rpx; |
||||
color: #1A1A1A; |
||||
|
||||
.pxitemboxtlimg { |
||||
width: 60rpx; |
||||
height: 60rpx; |
||||
border-radius: 50%; |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
|
||||
.pxitemboxtr { |
||||
font-weight: 500; |
||||
font-size: 22rpx; |
||||
color: #808080; |
||||
} |
||||
|
||||
.pxitemboxc { |
||||
width: 100%; |
||||
padding: 25rpx; |
||||
box-sizing: border-box; |
||||
|
||||
.ratebox { |
||||
margin-bottom: 20rpx; |
||||
} |
||||
|
||||
.ratebox ::v-deep .u-icon { |
||||
font-size: 20px !important; |
||||
} |
||||
|
||||
.pxitemboxcremark { |
||||
font-weight: 500; |
||||
font-size: 22rpx; |
||||
color: #333333; |
||||
} |
||||
|
||||
.pxitemboxctask { |
||||
margin-top: 20rpx; |
||||
font-weight: 500; |
||||
font-size: 22rpx; |
||||
color: #2084F9; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.notice { |
||||
background: #FFFFFF; |
||||
border-radius: 10px; |
||||
display: flex; |
||||
padding: 10px 15px; |
||||
align-items: center; |
||||
margin-bottom: 30rpx; |
||||
} |
||||
|
||||
.typej { |
||||
font-size: 24rpx; |
||||
color: #9D9D9D; |
||||
margin: 13rpx 0; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.leop { |
||||
font-size: 30rpx; |
||||
/* height:40px ; */ |
||||
font-weight: bold; |
||||
color: #1A1A1A; |
||||
/* margin: 13rpx 0; */ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.buttonyz1 { |
||||
width: 139rpx; |
||||
height: 49rpx; |
||||
background: #a8aeb6; |
||||
border-radius: 25rpx; |
||||
color: #FFFFFF; |
||||
font-size: 24rpx; |
||||
text-align: center; |
||||
line-height: 49rpx; |
||||
} |
||||
|
||||
.buttonyz { |
||||
width: 139rpx; |
||||
height: 49rpx; |
||||
background: linear-gradient(90deg, #5EA6FD, #1A81F9); |
||||
border-radius: 25rpx; |
||||
color: #FFFFFF; |
||||
font-size: 24rpx; |
||||
text-align: center; |
||||
line-height: 49rpx; |
||||
} |
||||
|
||||
.daodile { |
||||
text-align: center; |
||||
margin: 20rpx 0; |
||||
font-size: 24rpx; |
||||
color: #9D9D9D; |
||||
} |
||||
|
||||
.navTab { |
||||
padding: 2vh 13px; |
||||
} |
||||
|
||||
.sign_list { |
||||
width: 100%; |
||||
background: #FFFFFF; |
||||
border-radius: 10px; |
||||
margin-bottom: 20px; |
||||
padding-bottom: 15px; |
||||
} |
||||
|
||||
.rightb { |
||||
width: 183rpx; |
||||
height: 54rpx; |
||||
background: linear-gradient(90deg, #5EA6FD, #1A81F9); |
||||
border-radius: 9px 0px 46px 0px; |
||||
color: #FFFFFF; |
||||
font-size: .8rem; |
||||
line-height: 54rpx; |
||||
text-align: center; |
||||
|
||||
} |
||||
|
||||
.fline { |
||||
width: 100%; |
||||
height: 1rpx; |
||||
border: 1px solid #999999; |
||||
opacity: 0.15; |
||||
} |
||||
|
||||
.reviewbtnbox { |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
} |
||||
|
||||
.reviewbtn { |
||||
width: 150rpx; |
||||
height: 50rpx; |
||||
background: #FBA02A; |
||||
border-radius: 6rpx; |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
color: #FFFFFF; |
||||
line-height: 50rpx; |
||||
text-align: center; |
||||
} |
||||
|
||||
.reviewDialog { |
||||
position: fixed; |
||||
z-index: 99999999999999999999999999999999; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100vw; |
||||
height: 100vh; |
||||
background: rgba(0, 0, 0, 0.5); |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
|
||||
.reviewbox { |
||||
position: relative; |
||||
width: 559rpx; |
||||
height: 593rpx; |
||||
background: #FFFFFF; |
||||
box-shadow: 0rpx 4rpx 21rpx 4rpx rgba(19, 106, 189, 0.15); |
||||
padding: 25rpx; |
||||
box-sizing: border-box; |
||||
|
||||
.titlereview { |
||||
font-weight: bold; |
||||
font-size: 30rpx; |
||||
color: #1A1A1A; |
||||
text-align: center; |
||||
height: 70rpx; |
||||
line-height: 70rpx; |
||||
} |
||||
|
||||
.closereview { |
||||
font-weight: bold; |
||||
font-size: 30rpx; |
||||
color: #1A1A1A; |
||||
font-weight: 400; |
||||
font-size: 40rpx; |
||||
color: #858994; |
||||
position: absolute; |
||||
top: 0; |
||||
right: 20rpx; |
||||
} |
||||
|
||||
.tipcon { |
||||
font-weight: 500; |
||||
font-size: 22rpx; |
||||
color: #333333; |
||||
text-align: center; |
||||
margin: 20rpx 0; |
||||
} |
||||
|
||||
.ratebox { |
||||
display: flex; |
||||
justify-content: center; |
||||
margin-bottom: 23rpx; |
||||
} |
||||
|
||||
.ratebox ::v-deep .u-icon { |
||||
font-size: 20px !important; |
||||
} |
||||
|
||||
.remarkbox { |
||||
margin-bottom: 30rpx; |
||||
} |
||||
|
||||
.reviewbtn { |
||||
width: 100%; |
||||
height: 60rpx; |
||||
background: #2084F9; |
||||
border-radius: 6rpx; |
||||
line-height: 60rpx; |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
.successbox { |
||||
width: 500rpx; |
||||
height: 70rpx; |
||||
background: #FDF7EE; |
||||
box-shadow: 0rpx 1rpx 15rpx 0rpx rgba(39, 50, 63, 0.15); |
||||
border-radius: 6rpx; |
||||
font-weight: bold; |
||||
font-size: 26rpx; |
||||
color: #000000; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
|
||||
image { |
||||
width: 30rpx; |
||||
height: 30rpx; |
||||
margin-right: 20rpx; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue