技师首页修改
This commit is contained in:
parent
d17b4b4f0f
commit
1595f76823
|
@ -2,20 +2,20 @@
|
|||
<!-- 技师实际收益公式:实付金额=(项目金额*会员比例-优惠卷)*分成比例*余额支付比例+车费 -->
|
||||
<view style="padding-bottom: 17px;">
|
||||
<view class="jishi-index">
|
||||
<view class=" u-flex padding-lr justify-between" style="padding-top: 30px;">
|
||||
<view class="u-m-r-10 back-img"
|
||||
<view class="u-flex justify-between avatar-section">
|
||||
<view class="back-img"
|
||||
:style="{'background-image':
|
||||
technicianType=='3'?'url(../../static/grade1.png)':
|
||||
technicianType=='3'?'url(../../static/grade1.gif)':
|
||||
technicianType=='4'?'url(../../static/grade2.png)':
|
||||
technicianType=='5'?'url(../../static/grade3.png)':''
|
||||
}">
|
||||
<image :src="avatar" class="head-port"
|
||||
@click="goNav('/pages/my/userinfo')"></image>
|
||||
</view>
|
||||
<view style="position: relative;" class="u-flex-1 margin-left-sm text-white" v-if="isLogin && userName">
|
||||
<view style="position: relative;" class="u-flex-1 margin-left-sm" v-if="isLogin && userName">
|
||||
<view class="flex align-center justify-between">
|
||||
<view class="">
|
||||
<view class="u-font-18 text-white" @click="goNav('/pages/my/user')">
|
||||
<view class="u-font-18 avatar-section-text" @click="goNav('/pages/my/user')">
|
||||
欢迎,{{ userName }}
|
||||
</view>
|
||||
<view class="labe margin-top-xs" @tap="stateSave" v-if="XCXIsSelect != '否'">
|
||||
|
@ -85,69 +85,70 @@
|
|||
<view>访客人数</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view style="margin-top: -156px;padding: 30rpx;">
|
||||
<view class="dengjibox">
|
||||
<view class="djtit">当前等级</view>
|
||||
<view class="djimg" @click="level">{{ currentGrade ? currentGrade : "A0" }}</view>
|
||||
<view class="" style="margin-top: 20px;">
|
||||
<!-- <text style="font-size: 30px;font-weight: bold;">当前业绩:{{ currentWholeIncome ? currentWholeIncome : 0 }}</text> -->
|
||||
<!-- <text style="font-size: 16px;">/{{ totalIncomeRange ? totalIncomeRange : 4000 }}</text> -->
|
||||
</view>
|
||||
|
||||
<!-- <u-line-progress active-color="#46a396" :show-percent="false" :height="38" inactive-color="#098f7a"
|
||||
:percent="lineProgressData" :striped-active="true"></u-line-progress>
|
||||
|
||||
<view v-if="!maxStatus && longUpgradeDescriptionSet.differenceOutstandingAchievement" class="dengji-text">
|
||||
还差{{ longUpgradeDescriptionSet.differenceOutstandingAchievement }}业绩;{{ longUpgradeDescriptionSet.differenceIntegral }}积分;可以升级{{ longUpgradeDescriptionSet.differenceGrade }}<u-icon
|
||||
style="padding-left: 2px;" size="30" color="#ffffff" name="question-circle-fill"
|
||||
@click="clickIcon" index="0"></u-icon>
|
||||
</view>
|
||||
<view v-if="maxStatus" class=" dengji-text">
|
||||
您已达到最高等级
|
||||
</view>
|
||||
<view>
|
||||
<u-popup v-model="showIconPopup" mode="center" border-radius="14" width="90%" height="240rpx"
|
||||
closeable>
|
||||
<view class="import" style="padding: 0px 10px;">
|
||||
<view class="innerPopup">
|
||||
<view class="" style="font-size: 18px;font-weight: bold;">
|
||||
当前{{ currentGrade }}等级,距离{{ longUpgradeDescriptionSet.differenceGrade }}等级还需:
|
||||
</view>
|
||||
<view class="innerOfPopup">
|
||||
<view class="firstInnerOfPopup">
|
||||
{{ longUpgradeDescriptionSet.differenceOutstandingAchievement }}业绩 {{ longUpgradeDescriptionSet.differenceIntegral }}积分 {{ longUpgradeDescriptionSet.differenceClockRate }}加钟率
|
||||
<view >
|
||||
<view class="dengjibox">
|
||||
<view class="djtit">当前等级</view>
|
||||
<view class="djimg" @click="level">{{ currentGrade ? currentGrade : "A0" }}</view>
|
||||
<view class="" style="margin-top: 20px;">
|
||||
<!-- <text style="font-size: 30px;font-weight: bold;">当前业绩:{{ currentWholeIncome ? currentWholeIncome : 0 }}</text> -->
|
||||
<!-- <text style="font-size: 16px;">/{{ totalIncomeRange ? totalIncomeRange : 4000 }}</text> -->
|
||||
</view>
|
||||
|
||||
<!-- <u-line-progress active-color="#46a396" :show-percent="false" :height="38" inactive-color="#098f7a"
|
||||
:percent="lineProgressData" :striped-active="true"></u-line-progress>
|
||||
|
||||
<view v-if="!maxStatus && longUpgradeDescriptionSet.differenceOutstandingAchievement" class="dengji-text">
|
||||
还差{{ longUpgradeDescriptionSet.differenceOutstandingAchievement }}业绩;{{ longUpgradeDescriptionSet.differenceIntegral }}积分;可以升级{{ longUpgradeDescriptionSet.differenceGrade }}<u-icon
|
||||
style="padding-left: 2px;" size="30" color="#ffffff" name="question-circle-fill"
|
||||
@click="clickIcon" index="0"></u-icon>
|
||||
</view>
|
||||
<view v-if="maxStatus" class=" dengji-text">
|
||||
您已达到最高等级
|
||||
</view>
|
||||
<view>
|
||||
<u-popup v-model="showIconPopup" mode="center" border-radius="14" width="90%" height="240rpx"
|
||||
closeable>
|
||||
<view class="import" style="padding: 0px 10px;">
|
||||
<view class="innerPopup">
|
||||
<view class="" style="font-size: 18px;font-weight: bold;">
|
||||
当前{{ currentGrade }}等级,距离{{ longUpgradeDescriptionSet.differenceGrade }}等级还需:
|
||||
</view>
|
||||
<view class="firstInnerOfPopup">
|
||||
{{ longUpgradeDescriptionSet.differenceDurationOnline }}小时在线时长
|
||||
<view class="innerOfPopup">
|
||||
<view class="firstInnerOfPopup">
|
||||
{{ longUpgradeDescriptionSet.differenceOutstandingAchievement }}业绩 {{ longUpgradeDescriptionSet.differenceIntegral }}积分 {{ longUpgradeDescriptionSet.differenceClockRate }}加钟率
|
||||
</view>
|
||||
<view class="firstInnerOfPopup">
|
||||
{{ longUpgradeDescriptionSet.differenceDurationOnline }}小时在线时长
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view> -->
|
||||
<view class="flex align-center"
|
||||
style="justify-content: space-evenly;text-align: center;">
|
||||
<view class="" @click="handleYeji">
|
||||
<view class="money_text1">{{ currentWholeIncome ? currentWholeIncome : 0 }}</view>
|
||||
<text class="money_text2">当前业绩</text>
|
||||
<!-- <text style="font-size: 16px;">/{{ totalIncomeRange ? totalIncomeRange : 4000 }}</text> -->
|
||||
</view>
|
||||
</u-popup>
|
||||
</view> -->
|
||||
<view class="flex align-center"
|
||||
style="justify-content: space-evenly;text-align: center;">
|
||||
<view class="" @click="handleYeji">
|
||||
<view style="font-size: 24px;font-weight: bold;">{{ currentWholeIncome ? currentWholeIncome : 0 }}</view>
|
||||
<text style="font-size: 14px; ">当前业绩</text>
|
||||
<!-- <text style="font-size: 16px;">/{{ totalIncomeRange ? totalIncomeRange : 4000 }}</text> -->
|
||||
</view>
|
||||
<view class="shuxian"></view>
|
||||
<view class="" @click="dangqian">
|
||||
<view class="" style="font-size: 24px;font-weight: bold;">
|
||||
{{ currentRealIncome ? currentRealIncome : 0 }}
|
||||
<view class="shuxian"></view>
|
||||
<view class="" @click="dangqian">
|
||||
<view class="money_text1">
|
||||
{{ currentRealIncome ? currentRealIncome : 0 }}
|
||||
</view>
|
||||
<view class="money_text2">当期项目收益(元)</view>
|
||||
</view>
|
||||
<view class="" style="font-size: 14px;">当期项目收益(元)</view>
|
||||
</view>
|
||||
<view class="shuxian"></view>
|
||||
<view class="" @tap="goNav('/pages/index/currentPoints')">
|
||||
<view class="" style="font-size: 24px;font-weight: bold;">{{ currentIntegral ? currentIntegral : 0 }}
|
||||
<view class="shuxian"></view>
|
||||
<view class="" @tap="goNav('/pages/index/currentPoints')">
|
||||
<view class="money_text1">{{ currentIntegral ? currentIntegral : 0 }}
|
||||
</view>
|
||||
<view class="money_text2" >当期积分</view>
|
||||
</view>
|
||||
<view class="" style="font-size: 14px;" >当期积分</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="csda">
|
||||
<view class="flex align-center" style="font-size: 16px;font-weight: bold;color: #fff;margin-top: 8px; margin-left: 15rpx;">
|
||||
物料记录
|
||||
|
@ -1567,8 +1568,6 @@ export default {
|
|||
.back-img{
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -1579,9 +1578,10 @@ export default {
|
|||
width: 61px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border: 1px solid #fff;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
background-image: linear-gradient(-48deg, #ffcb51,#ffc24a,#fe7416);
|
||||
border: 1px solid #ffbf49;
|
||||
color: #ffffb2;
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -1669,15 +1669,16 @@ page {
|
|||
|
||||
.gxbox {
|
||||
display: flex;
|
||||
font-size: 20rpx;
|
||||
width: 100%;
|
||||
background-color: #019c88;
|
||||
font-size: 24rpx;
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
color: #fff;
|
||||
border-radius: 15px 15px 0 0;
|
||||
padding: 0 30rpx;
|
||||
height: 60rpx;
|
||||
margin-top: 2rpx;
|
||||
justify-content: space-between;
|
||||
background: linear-gradient(-48deg,rgba(104, 206, 190, 0.35),rgba(50, 191, 173, 0.7));
|
||||
}
|
||||
|
||||
.wztext {
|
||||
|
@ -1686,15 +1687,13 @@ page {
|
|||
//text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
.dengjibox {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 276rpx;
|
||||
background: linear-gradient(-45deg, #88d7c9, #1BB9A5, #88d7c9);
|
||||
//box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(26,25,26,0.3);
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
color: #ffffff;
|
||||
display: flex;
|
||||
|
@ -1723,10 +1722,10 @@ page {
|
|||
background: url(../../static/images/index/vip.png) no-repeat center;
|
||||
background-size: cover;
|
||||
width: 220rpx;
|
||||
height: 77px;
|
||||
height: 85px;
|
||||
font-size: 22px;
|
||||
text-align: center;
|
||||
line-height: 90px;
|
||||
line-height:100px;
|
||||
}
|
||||
|
||||
.xianb {
|
||||
|
@ -1770,10 +1769,9 @@ page {
|
|||
border: 2px #ededed solid;
|
||||
border-radius: 10px;
|
||||
padding: 30rpx;
|
||||
background: #fff;
|
||||
text-align:center;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.tapDsalk {
|
||||
width: 31%;
|
||||
border: 2px #ededed solid;
|
||||
|
@ -1782,7 +1780,6 @@ page {
|
|||
border: 2px solid rgb(207, 237, 225);
|
||||
background-color: rgb(246, 252, 250);
|
||||
}
|
||||
|
||||
.sda {
|
||||
height: 36px;
|
||||
line-height: 30px;
|
||||
|
@ -1799,8 +1796,8 @@ page {
|
|||
}
|
||||
|
||||
.online-tag {
|
||||
color: #ffffff;
|
||||
font-size: 29rpx;
|
||||
color: #019c88;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.img-avatar {
|
||||
|
@ -2051,10 +2048,9 @@ uni-switch::before {
|
|||
width: 75%;
|
||||
}
|
||||
.head-port{
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
width:64px;
|
||||
height:64px;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.title-font{
|
||||
|
@ -2073,5 +2069,19 @@ uni-switch::before {
|
|||
.padding-sm{
|
||||
padding: 11px 11px 0px 11px;
|
||||
}
|
||||
|
||||
.avatar-section{
|
||||
padding:50rpx 0 30rpx 0;
|
||||
}
|
||||
.avatar-section-text{
|
||||
font-size: 32rpx;
|
||||
color: #019c88;
|
||||
font-weight: bold;
|
||||
}
|
||||
.money_text1{
|
||||
font-size:46rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.money_text2{
|
||||
font-size:26rpx;
|
||||
}
|
||||
</style>
|
|
@ -2,8 +2,8 @@
|
|||
<view class="" style="padding-bottom: 17px;">
|
||||
<view class="headtop">
|
||||
<view class="headbox">
|
||||
<view class=" u-flex padding-lr justify-between" style="padding-top: 30px;">
|
||||
<view class="u-m-r-10 back-img"
|
||||
<view class=" u-flex justify-between avatar-section">
|
||||
<view class="back-img"
|
||||
:style="{'background-image':
|
||||
technicianType=='3'?'url(../../static/grade1.png)':
|
||||
technicianType=='4'?'url(../../static/grade2.png)':
|
||||
|
@ -12,10 +12,10 @@
|
|||
<image :src="avatar" class="head-port"
|
||||
@click="goNav('/pages/my/userinfo')"></image>
|
||||
</view>
|
||||
<view class="u-flex-1" v-if="isLogin && userName" style="color: #ffffff;">
|
||||
<view class="u-font-18 ">
|
||||
<view class="flex align-center" style="margin-bottom: 5px;">
|
||||
<view class="margin-left-sm">{{ userName }}</view>
|
||||
<view class="u-flex-1" v-if="isLogin && userName">
|
||||
<view class="u-font-18">
|
||||
<view class="flex align-center">
|
||||
<view class="margin-left-sm avatar-section-text">{{ userName }}1111</view>
|
||||
<view class="flex align-center" style="font-size: 14px;">
|
||||
<image src="../../static/images/my/start.png"
|
||||
style="width: 13px;height: 12px;margin: 0 6rpx 0 20rpx;"></image>
|
||||
|
@ -26,7 +26,7 @@
|
|||
|
||||
<view class="flex margin-left-sm margin-top-xs" v-if="XCXIsSelect != '否'"
|
||||
style="font-size: 22rpx;">
|
||||
<view v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/rzType')">
|
||||
<view class="online-tag" v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/rzType')">
|
||||
暂未实名认证
|
||||
</view>
|
||||
<view v-if="renzheng == 1" @click.stop="goNav('/my/renzheng/index')">
|
||||
|
@ -64,7 +64,7 @@
|
|||
</view>
|
||||
</view> -->
|
||||
<view class="moneybox" v-if="XCXIsSelect != '否'">
|
||||
<view class="">
|
||||
<view class="dengjibox">
|
||||
<view class="flex flex-wrap">
|
||||
<view class="flex align-center justify-between" style="width: 100%;">
|
||||
<view class="">
|
||||
|
@ -75,35 +75,35 @@
|
|||
</view>
|
||||
<view class="btnyt" @click="goQian()">立即提现</view>
|
||||
</view>
|
||||
<view class="flex align-center justify-between" style="width: 100%;">
|
||||
<view class="flex align-center justify-between" style="width: 100%; margin-top:40rpx;">
|
||||
<view class="" style="text-align: center;width: 23%;"
|
||||
@click="goNav('/my/wallet/myshouyidetail?fundType=1')">
|
||||
<view class="margin-top-xs wode-view">
|
||||
<view class="margin-top-xs ">
|
||||
<text class="money_text1">{{ dailyEarnings ? dailyEarnings : '0' }}</text>
|
||||
</view>
|
||||
<view style="color: #fff;font-size: 26rpx;margin-top: 5px;">当日收益</view>
|
||||
<view class="money_text2">当日收益</view>
|
||||
</view>
|
||||
<view class="" style="text-align: center;width: 23%;"
|
||||
@click="goNav('/my/wallet/myshouyidetail?fundType=2')">
|
||||
<view class="margin-top-xs wode-view">
|
||||
<view class="margin-top-xs">
|
||||
<text class="money_text1">{{ earnings ? earnings : '0' }}</text>
|
||||
</view>
|
||||
<view style="color: #fff;font-size: 26rpx;margin-top: 5px;">当期收益</view>
|
||||
<view class="money_text2">当期收益</view>
|
||||
</view>
|
||||
<view class="" style="text-align: center;width: 23%;"
|
||||
@click="goNav('/my/wallet/myshouyidetail?fundType=3')">
|
||||
<view class="margin-top-xs wode-view">
|
||||
<view class="margin-top-xs">
|
||||
<text
|
||||
class="money_text1">{{ currentMonthsIncome ? currentMonthsIncome : '0' }}</text>
|
||||
</view>
|
||||
<view style="color: #fff;font-size: 26rpx;margin-top: 5px;">当月收益</view>
|
||||
<view class="money_text2">当月收益</view>
|
||||
</view>
|
||||
<view class="" style="text-align: center;width: 23%;">
|
||||
<view class="margin-top-xs wode-view">
|
||||
<text class="money_text1" style="font-size: 24rpx;">
|
||||
<view class="margin-top-xs">
|
||||
<text class="money_text3" style="font-size: 24rpx;">
|
||||
{{ currentEndDate ?currentEndDate : "暂无数据" }}</text>
|
||||
</view>
|
||||
<view style="color: #fff;font-size: 26rpx;margin-top: 5px;">当期结束日</view>
|
||||
<view class="money_text2">当期结束日</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -818,13 +818,10 @@
|
|||
color:#019c88;
|
||||
font-size: 26rpx;
|
||||
padding: 8rpx 20rpx;
|
||||
|
||||
}
|
||||
.back-img{
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -840,7 +837,6 @@
|
|||
.wode-view{
|
||||
width: 150rpx;
|
||||
height: 80rpx;
|
||||
background: #007B6A;
|
||||
border-radius: 20rpx;
|
||||
color: #fff;
|
||||
line-height: 80rpx;
|
||||
|
@ -864,10 +860,11 @@
|
|||
|
||||
.headbox {
|
||||
width: 100%;
|
||||
padding: 0 40rpx;
|
||||
height: 315px;
|
||||
height: 320px;
|
||||
padding: 0 20px;
|
||||
background-image: url('../../static/index/technician15.png');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.xyf {
|
||||
|
@ -898,20 +895,24 @@
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
.money_text1 {
|
||||
.money_text1{
|
||||
font-size:46rpx;
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.money_text2{
|
||||
font-size:24rpx;
|
||||
}
|
||||
.money_text3{
|
||||
font-size:30rpx;
|
||||
font-weight: bold;
|
||||
line-height: 56rpx;
|
||||
}
|
||||
.moneybox {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.btnyt {
|
||||
background-color: #ffffff;
|
||||
width: 240rpx;
|
||||
width: 200rpx;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
text-align: center;
|
||||
|
@ -984,9 +985,33 @@
|
|||
margin-left: 10rpx;
|
||||
}
|
||||
.head-port{
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
width:64px;
|
||||
height:64px;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.avatar-section{
|
||||
padding:50rpx 0 30rpx 0;
|
||||
}
|
||||
.avatar-section-text{
|
||||
font-size: 32rpx;
|
||||
color: #019c88;
|
||||
font-weight: bold;
|
||||
}
|
||||
.online-tag {
|
||||
color: #019c88;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.dengjibox {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 300rpx;
|
||||
background: linear-gradient(-45deg, #88d7c9, #1BB9A5, #88d7c9);
|
||||
//box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(26,25,26,0.3);
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
color: #ffffff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
Binary file not shown.
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 313 KiB |
Loading…
Reference in New Issue