|
|
|
@ -1,6 +1,6 @@ |
|
|
|
|
<template> |
|
|
|
|
<view> |
|
|
|
|
<view class='brokerage-details'> |
|
|
|
|
<!-- <view class='brokerage-details'> |
|
|
|
|
<view class='header'> |
|
|
|
|
<view class='currentScore'>当前分销等级 </view> |
|
|
|
|
<text @click="showProtocol=true" class="brokerageRule">等级规则</text> |
|
|
|
@ -9,21 +9,23 @@ |
|
|
|
|
<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> --> |
|
|
|
|
<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 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"> |
|
|
|
|
<view> |
|
|
|
|
<!-- <view class="td td-img"> |
|
|
|
|
<img class="table_icon" :src="item.brokerage_icon" alt="">{{item.brokerage_name}} |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="td">{{item.extension_one}}%</view> |
|
|
|
|
<view class="td">{{item.extension_one}}%</view> |
|
|
|
|
<view class="td">{{item.extension_two}}%</view> |
|
|
|
|
</view> |
|
|
|
@ -31,100 +33,10 @@ |
|
|
|
|
</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> |
|
|
|
|
<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> |
|
|
|
|