shop-applet/pages/users/user_brokerage/index.vue

865 lines
291 KiB
Vue
Raw Normal View History

2023-09-20 18:16:59 +08:00
<template>
<view>
<view class='brokerage-details'>
<view class='header'>
<view class='currentScore'>当前分销等级 </view>
<text @click="showProtocol=true" class="brokerageRule">等级规则</text>
<view v-if="userInfo.brokerage" class='nav'>
<image v-if="userInfo.brokerage.brokerage_icon" class="level_icon" :src="userInfo.brokerage.brokerage_icon"></image>
<image v-else class="level_icon" src="../static/images/level_avatar.png"></image>
<text class="level_text">{{userInfo.brokerage.brokerage_name}}</text>
</view>
</view>
<view class='wrapper'>
<view class="grade">
<view class="grade-table">
<view class="tr bg-w">
<view class="th table-bg"><text class="text text-bg">等级权益</text></view>
<view class="th"><text class="text">一级佣金上浮</text></view>
<view class="th"><text class="text">二级佣金上浮</text></view>
</view>
<view class="bg-g">
<block v-for="(item,index) in gradeList" :key="index">
<view class="tr" :class="item.brokerage_level == (userInfo.brokerage &&userInfo.brokerage.brokerage_level) ? 'current' : ''">
<view class="td td-img">
<img class="table_icon" :src="item.brokerage_icon" alt="">{{item.brokerage_name}}
</view>
<view class="td">{{item.extension_one}}%</view>
<view class="td">{{item.extension_two}}%</view>
</view>
</block>
</view>
</view>
</view>
<view class='task'>
<view class="task_title">
<view class="title-t">做任务<i>.</i>提升等级</view>
<text v-if="(userInfo.brokerage && userInfo.brokerage.brokerage_level) != (userInfo.next_brokerage && userInfo.next_brokerage.brokerage_level)" class="title-b">
完成每级对应的任务即可解锁下一个等级
</text>
<text v-else class="title-b">
您已升至最高等级邀请好友赚佣金吧 <text class="iconfont icon-xiangyou"></text>
</text>
</view>
<view class="task_status">
<view class='process_count acea-row row-between-wrapper'>
<view class="text_line text_line1">
<view class="icon_count duihao"><text class="iconfont icon-duihao"></text></view>
<view class="task_level level1" v-if="userInfo.brokerage">
{{userInfo.brokerage.brokerage_name}}
<text class="level_text">(当前等级)</text>
</view>
</view>
<view class="text_line text_line2">
<view class="task_current">
<image v-if="userInfo.next_brokerage" class="level_current" :src="userInfo.next_brokerage.brokerage_icon"></image>
</view>
<view class="task_level level2" v-if="userInfo.next_brokerage">
{{userInfo.next_brokerage.brokerage_name}}
<text class="level_text" v-if="userInfo.brokerage && userInfo.next_brokerage">
{{ userInfo.brokerage.brokerage_level == userInfo.next_brokerage.brokerage_level
? '(已完成)' : '(进行中)'}}
</text>
</view>
</view>
<view v-if="userInfo.down_brokerage" class="text_line text_line3">
<view class="icon_count suozi"><text class="iconfont icon-quanxianguanlisuozi"></text></view>
<view class="task_level level3" v-if="userInfo.down_brokerage">
{{userInfo.down_brokerage.brokerage_name}}
<text class="level_text">(未解锁)</text>
</view>
</view>
<view v-else class="text_line text_line3">
<view class="icon_count quan"></view>
<view class="task_level level3">
<text class="level_text">已达到顶级</text>
</view>
</view>
</view>
</view>
<!--等级任务-->
<view class="task_item">
<view class="title">等级任务</view>
<view class="item" v-for="(item,index) in userInfo.brokerage_rate" :key="index">
<view class="item-title">
<text class="current_state">{{item.name}}</text>
<text v-if="item.info" class="iconfont wenhao" @click="showInfo(item)">?</text>
<text class="condition">{{item.rate != 100 ? '未满足条件' : '已满足条件'}}</text>
</view>
<view class="task-process">
<text class="current_val" :style="'width:'+item.rate+'%;'"></text>
</view>
<view class="task-experience">
<text class="task_remain">还需要{{getNumber(item.num-item.task,index)}}{{getNnit(index)}}</text>
<view class="count"><text class="task_now">{{item.task}}</text>/<text class="task_all">{{item.num}}</text></view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="instructions" v-if="showProtocol">
<view class="setAgCount">
<i class="icon iconfont icon-cha" @click="showProtocol = false"></i>
<div class="title">{{title}}</div>
<view class="content">
<jyf-parser :html="protocol" ref="article" :tag-style="tagStyle"></jyf-parser>
</view>
</view>
</view>
<view class="success" v-if="isShowbox">
<view class="bg"></view>
<view class="con">
<image src="images/grade_bg.png" mode=""></image>
<view class="title">分销等级权益</view>
<view class="upgrade">{{type == 'level' ? '恭喜您升级啦!' : type == 'top' ?'恭喜您' : ''}}
<text v-if="type=='top'" class="top">已升至最高等级</text>
</view>
<view class="commission">邀请好友赚更多的佣金</view>
<view class="btn" @click="close">我知道了</view>
</view>
</view>
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
</view>
</template>
<script>
// +----------------------------------------------------------------------
// | CRMEB [ CRMEB赋能开发者助力企业发展 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed CRMEB并不是自由软件未经许可不能去掉CRMEB相关版权
// +----------------------------------------------------------------------
// | Author: CRMEB Team <admin@crmeb.com>
// +----------------------------------------------------------------------
import { getBrokerageInfo, getAgreementApi, getBrokerageGrade, brokerageNotice } from '@/api/user.js';
import {
mapGetters
} from "vuex";
import authorize from '@/components/Authorize';
import emptyPage from '@/components/emptyPage.vue';
import parser from "@/components/jyf-parser/jyf-parser";
const app = getApp();
export default {
components: {
authorize,
emptyPage,
"jyf-parser": parser,
},
data() {
return {
userInfo:{},
loadend: false,
loading: false,
loadTitle: '加载更多',
isAuto: false, //没有授权的不会自动授权
isShowAuth: false,//是否隐藏授权
title: '分销等级规则',
showProtocol: false,
protocol: '',
tagStyle: {
img: 'width:100%;display:block;',
video: 'width:100%;'
},
gradeList: [],
isShowbox: false,
type: ''
};
},
computed: mapGetters(['isLogin']),
onLoad() {
if (this.isLogin) {
this.getUserInfo();
this.getGrade();
this.upgradeRemind();
} else {
this.isAuto = true;
this.isShowAuth = true
}
this.getAgreement();
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
methods: {
/**
* 授权回调
*/
onLoadFun: function() {
this.isShowAuth = false;
this.getUserInfo();
this.getGrade();
this.upgradeRemind();
},
// 授权关闭
authColse: function(e) {
this.isShowAuth = e
},
getUserInfo: function() {
let that = this;
getBrokerageInfo().then(function(res) {
that.$set(that,'userInfo',res.data);
}).catch(res => {
return that.$util.Tips({
title: res
});
});
},
/*获取等级说明*/
getAgreement() {
let that = this
getAgreementApi('sys_brokerage').then(res => {
that.protocol = res.data.sys_brokerage
})
},
/*获取等级任务*/
getGrade(){
let that = this;
getBrokerageGrade().then(function(res) {
that.gradeList = res.data;
}).catch(res => {
return that.$util.Tips({
title: res
});
});
},
/*查看任务说明*/
showInfo(item){
this.showProtocol = true;
this.title = item.name;
this.protocol = item.info;
},
// 弹窗关闭
close(){
this.isShowbox = false
},
/*分销员升级提醒*/
upgradeRemind(){
let that = this;
brokerageNotice({type: 0}).then(function(res) {
that.isShowbox = true;
that.type = res.data.type
}).catch(res => {
that.isShowbox = false;
});
},
getNumber(num,task){
let s = '';
switch (task) {
case 'spread_user':
s = parseInt(num); break;
case 'pay_num':
s = parseInt(num); break;
break;
case 'spread_money':
s = num.toFixed(2); break;
break;
case 'pay_money':
s = num.toFixed(2); break;
break;
default :
s = num.toFixed(2)
}
return(s);
},
/*获取任务单位*/
getNnit(task){
let s = '';
switch (task) {
case 'spread_user':
s = '人'; break;
case 'pay_num':
s = '个'; break;
break;
case 'spread_money':
s = '元'; break;
break;
case 'pay_money':
s = '元'; break;
break;
default :
s = '个'
}
return(s);
}
}
}
</script>
<style scoped lang="scss">
.task_status{
margin-top: 106rpx;
padding: 0 94rpx;
}
.process_count{
position: relative;
&:before{
content: '';
display: block;
width: 100%;
height: 4rpx;
background-color: rgba(255,255,255,.17);
}
.icon_count{
width: 50rpx;
height: 50rpx;
border-radius: 100%;
border-radius: 100%;
text-align: center;
line-height: 50rpx;
&.duihao{
background-color: #E93323;
}
&.suozi{
background-color: #FBEACE;
display: inline-block;
}
}
.text_line{
position: relative;
width: 33.3%;
&.text_line3{
text-align: right;
}
}
.text_line1,.text_line3{
top: -25rpx;
}
.task_current{
width: 86rpx;
height: 86rpx;
margin: -43rpx auto 0;
.level_current{
width: 86rpx;
height: 86rpx;
}
}
.icon-duihao{
color: #ffffff;
}
.icon-quanxianguanlisuozi{
color: #000000;
}
.task_level{
text-align: center;
margin-top: 15rpx;
position: relative;
font-size: 24rpx;
.level_text{
display: block;
margin-top: 3rpx;
font-size: 18rpx;
}
&.level1{
left: -70rpx;
color: #FFFFFF;
}
&.level2{
color: #FBEACE;
font-size: 30rpx;
}
&.level3{
right: -70rpx;
color: #FFFFFF;
opacity: 0.6;
}
}
.quan{
display: inline-block;
width: 24rpx;
height: 24rpx;
background-color: #404040;
border-radius: 100%;
position: absolute;
right: -12rpx;
top: -30rpx;
}
}
.brokerage-details .task_item{
background-color: #FBEACE;
border-radius: 30rpx;
margin: 50rpx 20rpx 0;
padding: 20rpx 25rpx 40rpx;
position: relative;
&:before{
content: "";
display: block;
border: 20rpx solid transparent;
border-bottom-color: #FBEACE;
position: absolute;
top: -40rpx;
left: 50%;
margin-left: -20rpx;
}
.title{
color: #282828;
font-size: 36rpx;
font-weight: bold;
text-align: left;
}
.item{
margin-top: 30rpx;
padding: 25rpx 30rpx 20rpx;
background: #fff;
border-radius: 12rpx;
position: relative;
&:before{
content: "";
display: block;
width: 6rpx;
height: 28rpx;
background-color: #E93323;
position: absolute;
top: 30rpx;
left: 0;
}
}
.item-title{
position: relative;
text-align: left;
.wenhao{
width: 34rpx;
height: 34rpx;
display: inline-block;
text-align: center;
align-items: center;
justify-content: center;
font-size: 28rpx;
border-radius: 50%;
background-color: #D5D5D5;
color: #ffffff;
margin-left: 4rpx;
}
.current_state{
font-size: 28rpx;
color: #282828;
font-weight: bold;
}
.condition{
color: #999999;
font-size: 26rpx;
float: right;
}
}
.task-process{
margin-top: 36rpx;
width: 100%;
height: 12rpx;
border-radius: 6rpx;
background: #E5E5E5;
position: relative;
.current_val{
display: block;
width: 50%;
height: 12rpx;
background: linear-gradient(90deg, #E93323 0%, #FFA363 100%);
border-radius: 6rpx;
position: absolute;
top: 0;
left: 0;
}
}
.task-experience{
margin-top: 20rpx;
color: #999999;
text-align: left;
.count{
float: right;
.task_now{
color: #E93323;
}
}
}
}
.brokerage-details{
min-height: 100vh;
background-color: #1F1F1F;
padding-top: 60rpx;
}
.brokerage-details .header {
position: relative;
background-image: url('data:image/jpg;base64,/9j/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//dAAQAXv/uAA5BZG9iZQBkwAAAAAH/wAARCAJYAu4DABEAAREBAhEB/8QAxgABAAEEAwEBAAAAAAAAAAAAAAYEBQcIAgMKAQkBAQADAQEBAQAAAAAAAAAAAAACAwQBBQYHEAABAgIGBgcFAwkECAQFBQAAAQIDBAUREhNRkQYUUmGh0QchMYGi4fBBYnGS0ggisRUjMjNCU3JzsiRDgsEJFjQ1Y7O04iWDk9NEdKPC8VRkhJSkEQEAAQMCBAMFBwMEAQQDAQAAAQIRElFhAxMhIgQxkSMyQVKhBWJxgYLR8AaSsTNCweGiFHLC8Qc0U9L/2gAMAwAAARECEQA/APHuAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/Q8e4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/9Hx7gAAAAAAAAAAAAAAAPqIq9gCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyAVLguQCpcFyA+AAAAAAAAAAAAAAAAP/0vHuAAAAAAAAAAAAAAAA5NWpyb+r13gdwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+KtSVgdAAAAAAAAAAAAAAAAD/0/HuAAAAAAAAAAAAAAAAAVKJXVV7QPgdtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALToAtOgC06ALTo4u6mr8Px8lBMW6S6Q4AAAAAAAAAAAAAAAf/9Tx7gAAAAAAAAAAAAAAAAFXCWtiblVPXcoHaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdEdepqYqq5f/k5ERHkKY6AAAAAAAAAAAAAAAH/1fHuAAAAAAAAAAAAAAAAAVMtUrnNX2trTu//ACBV2U38ORXzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNgspv4chzNhRTH6ypOxETj1/gWDoAAAAAAAAAAAAAAAAf/W8e4AAAAAAAAAAAAAAAAB2QnWYjV9ldS/BepfxAu1hcU48iOdJYsLinHkM6SxYXFOPIZ0liwuKceQzpLFhcU48hnSWLC4px5DOksWFxTjyGdJYsLinHkM6SxYXFOPIZ0liwuKceQzpLFhcU48hnSWLC4px5DOksWFxTjyGdJYsLinHkM6SxYXFOPIZ0liwuKceQzpLFhcU48hnSWLC4px5DOksWFxTjyGdJYsLinHkM6SxYXFOPIZ0liwuKceQzpLFhcU48hnSWLC4px5DOksWFxTjyGdJYsLinHkM6SxYXFOPIZ0liwuKceQzpLFhcU48hnSWLC4px5DOksWFxTjyGdJYsLinHkM6SxYXFOPIZ0liwuKceQzpLFhcU48hnSWLC4px5DOksWFxTjyGdJYsLinHkM6SxYXFOPIZ0liwuKceQzpLFhcU48hnSWLC4px5DOksWFxTjyGdJYsLinHkM6SxYXFOPIZ0liwuKceQzpLFhcU48hnSWLC4px5DOksWFxTjyGdJYsLinHkM6SxYXFOPIZ0liwuKceQzpLFhcU48hnSWLC4px5DOksWFxTjyGdJYsLinHkM6SxYXFOPIZ0liwuKceQzpLFhcU48hnSWLC4px5DOksWFxTjyGdJYsLinHkM6SxYXFOPIZ0llpiraiPX3lTuTqTghIdYAAAAAAAAAAAAAAAD/1/HuAAAAAAAAAAAAAAAAAAL7BriQmPRE+81K+ztTqXihHs2HZYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsFhcEzQdmwWFwTNB2bBYXBM0HZsPj0sMe9avutV2SVjs2EfJAAAAAAAAAAAAAAAAA//9Dx7gAAAAAAAAAAAAAAAAAC80ctuE9ntY6tPg/zRSHE8nY3XG7XH1kQ793e0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x9ZDv3O0u1x
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 490rpx;
font-size: 72rpx;
color: #fff;
box-sizing: border-box;
text-align: center;
.brokerageRule{
font-size: 24rpx;
color: #FBEACE;
padding: 7rpx 27rpx;
border: 1px solid #FBEACE;
border-radius: 26rpx;
position: absolute;
top: 40rpx;
right: 20rpx;
}
}
.brokerage-details .task{
text-align: center;
padding-bottom: 40rpx;
.title-t{
width: 438rpx;
font-size: 46rpx;
color: #FBEACE;
font-weight: bold;
margin:0 auto 18rpx;
display: inline-block;
position: relative;
&:before{
content: '';
display: block;
width: 438rpx;
height: 17rpx;
background-size: cover;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA24AAAAiCAMAAAAQ/XrfAAABnlBMVEUAAAD76s756s786s787M/77M/76M7768376s/8687868/868786s/86s/+68777NH76s776s766c7769D66s/96s786s/56Mz56Mv/7ND36sz/4NL77M7668366M386s756sv66c36683768/86s/76s/76s3868776s9QTEb76s357s776s5vaV/76s7/17j76s5+dmpqY1p3cWWyppPGuaSxppOJgXNuZ15gWlKFfXB3cGVlYFdXU0zt3cPf0LjRxKzDtqKhloaTinrm177YyrGDe27+7c7x4cawpZKpnoyUi3yimYibkoK5rZmjmYjHuqSyppSckoKCem2Ph3iNhXeIgHJ6c2eXjX1zbWKqn42dlINsZlx4cWVlYFdxa2BeWVFqZFpYU0w9Ozfj07vczbXAs59QTUbUxq/Nv6mVjH2Ui3yJgXNbV09KRkE2NDHq2sDOwaqGfnFUUEpCQDt/eGx/eGu/sp6wpZOlmolNSkSroI+roI7Vx7BGQz5jXlVjXVXx4cbAtJ8uLSsnJyb458wfHx/czrUyMC4xLy2h46btAAAATnRSTlMAPVpJTitDJTEfZWthVRM3dn1nGGBtX11PNgwHQ3FxVFQ2MoiBdEgaj3AuDnpwgwT+z6qPgGJijsnFubKPj4CAgICAgGJieyn9/f2PcHApoLfUAAADzklEQVR42u3daVvTQBSG4VMgTYM1gK0irRsFLFAUWqWyiKgouLIq7iugsoOgKAqKLOq/1qShk+RMxi9+fO//cK6ny8wZ8uvvJ0bXCQAUapuJuX2X/qFvbuwM+WhlpQYBQKBUvJzN24WZ0Tuk1HdvfOyBb96aDx4tDacJAAI0lxwpP6D5pu3+7OhQnhSuPrw3N/bgkWfeItUHy0qPhWIEAFLayZJ4+YETnr6dG78/Mzp0K6+YticPrbo9euqat1S0xKpbqMYkAJAYKDtl1e14Q8Q1bR/eW3V7fDNw3s5/flKo29PnTeSoORQt1K0ignkDkNBLywp1q2xJFaft2Ue7bo9HBtsDpu3L0H7dnr905q3i8KH9ukW0DAGAjxE+7dStsqq+lmwXXzxz6vZpcK1dOm0jX0XdXr625y3UcFjUTdMxbwA+RihcrFvV2boae9pevRB1ezMsmbcrgyPu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
position: absolute;
top: 50%;
margin-top: -8rpx;
left: 0;
}
i{
display:inline-block;
font-size: 40rpx;
font-weight: bold;
font-style: normal;
padding: 0 10rpx;
position: relative;
top: -10rpx;
}
}
.title-b{
font-size: 28rpx;
color: #FBEACE;
opacity: .7;
display: block;
.icon-xiangyou{
font-size: 16rpx;
display: inline-block;
margin-left: 6rpx;
}
}
}
.brokerage-details .header .currentScore {
font-size: 28rpx;
color: #FFFFFF;
text-align: center;
margin-bottom: 11rpx;
}
.currentScore .wenhao{
display: inline-block;
width: 32rpx;
height: 32rpx;
line-height: 32rpx;
text-align: center;
font-size: 20rpx;
border-radius: 100%;
background-color: #fff;
color: #e93323;
margin-left: 4rpx;
}
.brokerage-details .header .line {
width: 60rpx;
height: 3rpx;
background-color: #fff;
margin: 20rpx auto 0 auto;
}
.brokerage-details .header .nav {
flex: 1;
margin-top: 35rpx;
.level_icon{
width: 147rpx;
height: 147rpx;
}
.level_text{
display: block;
width: 150rpx;
text-align: center;
font-size: 22rpx;
font-weight: bold;
color: #FBEACE;
background-image: url('data:image/png;base64,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
padding: 8rpx 0;
margin: 0 auto;
position: relative;
top: -50rpx;
background-size: cover;
&:before{
content: '';
display: block;
width: 204rpx;
height: 35rpx;
background-image: url('data:image/png;base64,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
background-size: cover;
position: absolute;
top: -6rpx;
left: 50%;
margin-left: -102rpx;
}
}
}
.brokerage-details .grade{
padding: 0 20rpx;
position: relative;
top: -100rpx;
.grade-table{
width: 710rpx;
background: #ffffff;
border-radius: 20rpx;
text-align: center;
border-spacing: 0;
box-sizing: border-box;
padding-bottom: 10rpx;
max-height: 600rpx;
overflow-y: scroll;
.bg-w{
position: relative;
}
.bg-g{
padding: 0 6rpx;
}
.current{
border: 1px solid #CCA25D;
border-radius: 10rpx;
}
.th,.td{
font-size: 24rpx;
width: 231.66rpx;
display: inline-block;
padding: 10rpx;
}
.td-img{
text-align: left;
padding-left: 36rpx;
}
.th{
color: #666666;
}
.td{
height: 64rpx;
color: #282828;
font-weight: bold;
}
.table_icon{
width: 34rpx;
height: 34rpx;
margin-right: 10rpx;
position: relative;
top: 10rpx;
}
.table-bg{
color: #FBEACE;
min-width: 213rpx;
height: 70rpx;
line-height: 70rpx;
.text-bg{
background-image: url('data:image/png;base64,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
background-size: 100%;
text-align: left;
padding-left: 20rpx;
position: absolute;
top: 0;
left: 0;
width: 213rpx;
height: 70rpx;
}
}
.text{
position: relative;
top: -20rpx;
}
}
}
.success{
z-index: 10;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
.bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
}
.commission{
font-size: 18rpx;
color: #2F2B31;
width: 100%;
position: absolute;
top: 240rpx;
left: -20rpx;
text-align: center;
&:before,&:after{
content: "";
display: block;
width: 52rpx;
height: 10rpx;
position: absolute;
/* #ifdef MP || APP-PLUS */
top: 9rpx;
/* #endif */
/* #ifdef H5 */
top: 14rpx;
/* #endif */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAUCAMAAABWIogpAAAAwFBMVEUAAAAeGxsfHBwfHBwfHBwfGxsfHR0gHR0fGxsfHBwBAQH25tDz487v38ro2MPf0LzWyLXQwq+qn5BnYFdHQjwzMCssKSUWFBIQDw0LCgkHBgbCtaS9saBaU0zr3Mfj1cDazLnKvavHuqi4rJy0qJiwpZWkmouglYeckoSYjoCUinyQhnmLgnaHfnKDem5+dmp6cmd2bmRyamBsZVtfWFBUT0dQS0RMSEFBPTc8OTM5NTAnJCEkIR4dGxkaGRZjXVNX44A9AAAACXRSTlMAVPqA/IN8WITLwrIKAAAAr0lEQVRIx7XNRRLCQAAEwMVJiLvi7hLc/v8rODFVkOI2/YEWXKWqYMIjSdQJT7lMnfAUatQJjxDcCQ93wsOb8BTfD3fCQ5/wYBKNhqKoalPTWrreNgzT7HTjJOn1B5Y1HI0n09l8sVytN9udbWdZuj8cHed0vriu511v0v3h+0EQhlEky7KAyldUKOZHcX70TP9HvxOekiDAxH0wsR9M7AcT+8FEfjCRH0x4uOqf5wXaUhSOXi91TgAAAABJRU5ErkJggg==');
background-size: cover;
}
&:before{
/* #ifdef MP || APP-PLUS */
left: 120rpx;
/* #endif */
/* #ifdef H5 */
left: 72rpx;
/* #endif */
}
&:after{
/* #ifdef MP || APP-PLUS */
right: 126rpx;
/* #endif */
/* #ifdef H5 */
right: 76rpx;
/* #endif */
transform: rotateY(180deg);
}
}
.title{
width: 245rpx;
height: 69rpx;
background-image: url('data:image/png;base64,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
background-size: cover;
color: #FBEACE;
text-align: center;
position: absolute;
top: 0;
left: 50%;
margin-left: -122rpx;
line-height: 60rpx;
font-size: 26rpx;
}
.upgrade{
font-size: 58rpx;
text-align: ceter;
color: #CC6C34;
text-align: center;
width: 100%;
position: absolute;
left: 0;
top: 90rpx;
font-weight: bold;
font-family: 'Tahoma, Geneva, Verdana, sans-serif';
.top{
display: block;
font-size: 46rpx;
}
}
.con{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width:561rpx;
height:533rpx;
background-image: url('data:image/png;base64,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
background-size: cover;
.btn{
position: absolute;
width:380rpx;
height:70rpx;
left: 50%;
margin-left: -200rpx;
bottom: 47rpx;
line-height: 70rpx;
text-align: center;
color: #6C250F;
background: linear-gradient(90deg, #fcebc1 0%, #f1ae5b 100%);
border-radius:35rpx;
font-size: 28rpx;
}
}
}
.instructions{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, .5);
z-index: 10;
}
.instructions .setAgCount {
background: #fff;
width: 656rpx;
height: 458px;
position: absolute;
top: 50%;
left: 50%;
border-radius: 12rpx;
-webkit-border-radius: 12rpx;
padding: 52rpx;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: hidden;
.content {
height: 900rpx;
overflow-y: scroll;
/deep/ p {
font-size: 13px;
line-height: 22px;
}
/deep/ img {
max-width: 100%;
}
}
}
.instructions .setAgCount .icon {
font-size: 42rpx;
color: #b4b1b4;
position: absolute;
top: 15rpx;
right: 15rpx;
}
.instructions .setAgCount .title {
color: #333;
font-size: 32rpx;
text-align: center;
font-weight: bold;
}
.instructions .setAgCount .content {
margin-top: 32rpx;
color: #333;
font-size: 26rpx;
line-height: 22px;
text-align: justify;
text-justify: distribute-all-lines;
height: 756rpx;
overflow-y: scroll;
}
</style>