|
|
@@ -0,0 +1,872 @@
|
|
|
+<template>
|
|
|
+ <view class="">
|
|
|
+ <public-module></public-module>
|
|
|
+ <view class="headers " :style="headerStyle">
|
|
|
+ <view class="dis a-c j-start " style="padding: 0 15px;">
|
|
|
+ <!-- <u-icon name="arrow-left" size="40" @tap="back"></u-icon> -->
|
|
|
+ <text @tap="back">返回</text>
|
|
|
+ <text style="margin: auto;">我的合伙人</text>
|
|
|
+ <text @tap="backHome">首页</text>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="body" style="background: #F8FAFE;margin-top: 85px;">
|
|
|
+ <view class="partner-head">
|
|
|
+ <seach @queryData="queryData" :partnerHierarchy="true" />
|
|
|
+ </view>
|
|
|
+ <!-- <card :cardData='directLsit'></card> -->
|
|
|
+ <block>
|
|
|
+ <!-- 一级合伙人 -->
|
|
|
+ <view v-if="userLevel == 1">
|
|
|
+ <view class="card">
|
|
|
+ <view style="padding: 10px 15px 0 10px">
|
|
|
+ <view class="dis j-s card-title">
|
|
|
+ <view>
|
|
|
+ <text>一级合伙人</text>
|
|
|
+ <image style="display: inline-block; width: 45px;height:18px;vertical-align: sub;"
|
|
|
+ src="/static/icon/jibie1.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(2,1)">
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;"
|
|
|
+ src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-con dis j-c a-c">
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitOne.teamManNum || 0 }}</text>
|
|
|
+ <text>会员总人数</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitOne.sumPremium || 0 }}</text>
|
|
|
+ <text>总保费</text>
|
|
|
+ </view>
|
|
|
+ <view style="border-right:none">
|
|
|
+ <text>{{ directLsitOne.extractFee || 0 }}</text>
|
|
|
+ <text>我的佣金</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitOne,1)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人（{{ directLsitOne.partnerNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitOne,1)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室（{{ directLsitOne.workNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card" >
|
|
|
+ <view style="padding: 10px 15px 0 10px">
|
|
|
+ <view class="dis j-s card-title">
|
|
|
+ <view>
|
|
|
+ <text>二级合伙人</text>
|
|
|
+ <image style="display: inline-block; width: 45px;height:18px;vertical-align: sub;"
|
|
|
+ src="/static/icon/jibie.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(3,2)">
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;"
|
|
|
+ src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-con dis j-c a-c">
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitTwo.teamManNum || 0 }}</text>
|
|
|
+ <text>会员总人数</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitTwo.sumPremium || 0 }}</text>
|
|
|
+ <text>总保费</text>
|
|
|
+ </view>
|
|
|
+ <view style="border-right:none">
|
|
|
+ <text>{{ directLsitTwo.extractFee || 0 }}</text>
|
|
|
+ <text>我的佣金</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitTwo,2)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人（{{ directLsitTwo.partnerNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitTwo,2)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室（{{ directLsitTwo.workNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 三级 -->
|
|
|
+ <view class="card" >
|
|
|
+ <view style="padding: 10px 15px 0 10px">
|
|
|
+ <view class="dis j-s card-title">
|
|
|
+ <view>
|
|
|
+ <text>三级合伙人</text>
|
|
|
+ <image style="display: inline-block; width: 45px;height:18px;vertical-align: sub;"
|
|
|
+ src="/static/icon/jibie3.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(4,3)">
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;"
|
|
|
+ src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-con dis j-c a-c">
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitThree.teamManNum || 0 }}</text>
|
|
|
+ <text>会员总人数</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitThree.sumPremium || 0 }}</text>
|
|
|
+ <text>总保费</text>
|
|
|
+ </view>
|
|
|
+ <view style="border-right:none">
|
|
|
+ <text>{{ directLsitThree.extractFee || 0 }}</text>
|
|
|
+ <text>我的佣金</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitThree,3)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人（{{ directLsitThree.partnerNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitThree,3)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室（{{ directLsitThree.workNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card" v-if="userLevel == 1">
|
|
|
+ <view style="padding: 10px 15px 0 10px">
|
|
|
+ <view class="dis j-s card-title">
|
|
|
+ <view>
|
|
|
+ <text>四级合伙人</text>
|
|
|
+ <image style="display: inline-block; width: 45px;height:18px;vertical-align: sub;"
|
|
|
+ src="/static/icon/jibie4.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(5,4)">
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;"
|
|
|
+ src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view>
|
|
|
+ <!-- <view @click="ShowModalCodeworkFun()" >
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;" src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ <view class="card-con dis j-c a-c">
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitFour.teamManNum || 0 }}</text>
|
|
|
+ <text>会员总人数</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitFour.sumPremium || 0 }}</text>
|
|
|
+ <text>总保费</text>
|
|
|
+ </view>
|
|
|
+ <view style="border-right:none">
|
|
|
+ <text>{{ directLsitFour.extractFee || 0 }}</text>
|
|
|
+ <text>我的佣金</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitFour,4)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人（{{ directLsitFour.partnerNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitFour,4)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室（{{ directLsitFour.workNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 二级合伙人 -->
|
|
|
+ <view v-if="userLevel == 2">
|
|
|
+ <view class="card" >
|
|
|
+ <view style="padding: 10px 15px 0 10px">
|
|
|
+ <view class="dis j-s card-title">
|
|
|
+ <view>
|
|
|
+ <text>一级合伙人</text>
|
|
|
+ <image style="display: inline-block; width: 45px;height:18px;vertical-align: sub;"
|
|
|
+ src="/static/icon/jibie1.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(3,1)">
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;"
|
|
|
+ src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-con dis j-c a-c">
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitTwo.teamManNum || 0 }}</text>
|
|
|
+ <text>会员总人数</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitTwo.sumPremium || 0 }}</text>
|
|
|
+ <text>总保费</text>
|
|
|
+ </view>
|
|
|
+ <view style="border-right:none">
|
|
|
+ <text>{{ directLsitTwo.extractFee || 0 }}</text>
|
|
|
+ <text>我的佣金</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitTwo,1)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人（{{ directLsitTwo.partnerNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitTwo,1)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室（{{ directLsitTwo.workNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card" >
|
|
|
+ <view style="padding: 10px 15px 0 10px">
|
|
|
+ <view class="dis j-s card-title">
|
|
|
+ <view>
|
|
|
+ <text>二级合伙人</text>
|
|
|
+ <image style="display: inline-block; width: 45px;height:18px;vertical-align: sub;"
|
|
|
+ src="/static/icon/jibie.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(4,2)">
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;"
|
|
|
+ src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-con dis j-c a-c">
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitThree.teamManNum || 0 }}</text>
|
|
|
+ <text>会员总人数</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitThree.sumPremium || 0 }}</text>
|
|
|
+ <text>总保费</text>
|
|
|
+ </view>
|
|
|
+ <view style="border-right:none">
|
|
|
+ <text>{{ directLsitThree.extractFee || 0 }}</text>
|
|
|
+ <text>我的佣金</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitThree,2)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人（{{ directLsitThree.partnerNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitThree,2)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室（{{ directLsitThree.workNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card" >
|
|
|
+ <view style="padding: 10px 15px 0 10px">
|
|
|
+ <view class="dis j-s card-title">
|
|
|
+ <view>
|
|
|
+ <text>三级合伙人</text>
|
|
|
+ <image style="display: inline-block; width: 45px;height:18px;vertical-align: sub;"
|
|
|
+ src="/static/icon/jibie3.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(5,3)" >
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;" src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-con dis j-c a-c">
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitFour.teamManNum || 0 }}</text>
|
|
|
+ <text>会员总人数</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitFour.sumPremium || 0 }}</text>
|
|
|
+ <text>总保费</text>
|
|
|
+ </view>
|
|
|
+ <view style="border-right:none">
|
|
|
+ <text>{{ directLsitFour.extractFee || 0 }}</text>
|
|
|
+ <text>我的佣金</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitFour,3)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人（{{ directLsitFour.partnerNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitFour,3)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室（{{ directLsitFour.workNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 三级合伙人 -->
|
|
|
+ <view v-if="userLevel == 3">
|
|
|
+ <view class="card" >
|
|
|
+ <view style="padding: 10px 15px 0 10px">
|
|
|
+ <view class="dis j-s card-title">
|
|
|
+ <view>
|
|
|
+ <text>一级合伙人</text>
|
|
|
+ <image style="display: inline-block; width: 45px;height:18px;vertical-align: sub;"
|
|
|
+ src="/static/icon/jibie1.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(4,1)">
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;"
|
|
|
+ src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-con dis j-c a-c">
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitThree.teamManNum || 0 }}</text>
|
|
|
+ <text>会员总人数</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitThree.sumPremium || 0 }}</text>
|
|
|
+ <text>总保费</text>
|
|
|
+ </view>
|
|
|
+ <view style="border-right:none">
|
|
|
+ <text>{{ directLsitThree.extractFee || 0 }}</text>
|
|
|
+ <text>我的佣金</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitThree,1)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人（{{ directLsitThree.partnerNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitThree,1)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室（{{ directLsitThree.workNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card" >
|
|
|
+ <view style="padding: 10px 15px 0 10px">
|
|
|
+ <view class="dis j-s card-title">
|
|
|
+ <view>
|
|
|
+ <text>二级合伙人</text>
|
|
|
+ <image style="display: inline-block; width: 45px;height:18px;vertical-align: sub;"
|
|
|
+ src="/static/icon/jibie.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(5,2)" >
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;" src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-con dis j-c a-c">
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitFour.teamManNum || 0 }}</text>
|
|
|
+ <text>会员总人数</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitFour.sumPremium || 0 }}</text>
|
|
|
+ <text>总保费</text>
|
|
|
+ </view>
|
|
|
+ <view style="border-right:none">
|
|
|
+ <text>{{ directLsitFour.extractFee || 0 }}</text>
|
|
|
+ <text>我的佣金</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitFour,2)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人（{{ directLsitFour.partnerNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitFour,2)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室（{{ directLsitFour.workNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 四级合伙人 -->
|
|
|
+ <view v-if="userLevel == 4">
|
|
|
+ <view class="card" >
|
|
|
+ <view style="padding: 10px 15px 0 10px">
|
|
|
+ <view class="dis j-s card-title">
|
|
|
+ <view>
|
|
|
+ <text>一级合伙人</text>
|
|
|
+ <image style="display: inline-block; width: 45px;height:18px;vertical-align: sub;"
|
|
|
+ src="/static/icon/jibie1.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(5,1)" >
|
|
|
+ <image style="display: inline-block; width: 13px;height:13px;vertical-align: -1px;" src="/static/icon/code2.png" mode=""></image>
|
|
|
+ <text>招募码</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-con dis j-c a-c">
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitFour.teamManNum || 0 }}</text>
|
|
|
+ <text>会员总人数</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ directLsitFour.sumPremium || 0 }}</text>
|
|
|
+ <text>总保费</text>
|
|
|
+ </view>
|
|
|
+ <view style="border-right:none">
|
|
|
+ <text>{{ directLsitFour.extractFee || 0 }}</text>
|
|
|
+ <text>我的佣金</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitFour,1)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人（{{ directLsitFour.partnerNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitFour,1)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室（{{ directLsitFour.workNumber || 0 }}）
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <u-popup v-model="ShowModal" mode="bottom" border-radius="15">
|
|
|
+ <view class="popup-code">
|
|
|
+ <text @click="ShowModalCodeFun(level)">合伙人</text>
|
|
|
+ <text @click="ShowModalCodeworkFun">工作室</text>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ <u-popup v-model="ShowModalCode" mode="bottom" border-radius="15">
|
|
|
+ <view class="ShowModalCode-style ">
|
|
|
+ <text>{{chineseNumbers[relativeLeavl]}}级合伙人招募码</text>
|
|
|
+ <view class=" ShowModalCode-con">
|
|
|
+ <view>扫码加入</view>
|
|
|
+ <image :src="partnerImg" mode="widthFix" lazy-load style="width: 150px;"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+
|
|
|
+ <u-popup v-model="ShowModalCodebusiness" mode="bottom" border-radius="15">
|
|
|
+ <view>
|
|
|
+ <text class=" ShowModalCode-business">工作室业务</text>
|
|
|
+ <view>
|
|
|
+ <radio-group class="uni-list" @change="styleChange">
|
|
|
+ <view v-for="(item, index) in styles" :key="index" class="uni-list-item">
|
|
|
+ <view class="uni-list-item__container">
|
|
|
+ <view class="uni-list-item__content">
|
|
|
+ <text class="uni-list-item__content-title">{{ item.text }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="uni-list-item__extra">
|
|
|
+ <radio :value="item.value" :checked="item.checked" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="uni-list-item__notestext">{{ item.notestext }}</view>
|
|
|
+ </view>
|
|
|
+ </radio-group>
|
|
|
+ </view>
|
|
|
+ <view class="ShowModalCode-sumbit" @click="ShowModalCodeSumbit()">确定</view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ <u-popup v-model="ShowModalCode1" mode="bottom" border-radius="15">
|
|
|
+ <view class="ShowModalCode-style ">
|
|
|
+ <text>工作室招募码</text>
|
|
|
+ <view class=" ShowModalCode-con">
|
|
|
+ <view>扫码加入</view>
|
|
|
+ <image :src="workImg" mode="widthFix" lazy-load style="width: 150px;"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ <u-popup mode="center" ref="alertDialog" type="dialog">
|
|
|
+ <uni-popup-dialog type="warn" cancelText="取消" confirmText="确定" title=" " :content="dialogContent" @confirm="dialogConfirm"
|
|
|
+ @close="dialogClose"></uni-popup-dialog>
|
|
|
+ </u-popup>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import myDatePicker from '../components/date-picker.vue';
|
|
|
+import seach from '../components/seach.vue';
|
|
|
+import QR from "@/common/wxqrcode.js"
|
|
|
+
|
|
|
+import {
|
|
|
+ mapState,
|
|
|
+ mapMutations
|
|
|
+} from "vuex"
|
|
|
+// import uniPopup from 'x../../../components/';
|
|
|
+
|
|
|
+// import card from '../components/card.vue'
|
|
|
+export default {
|
|
|
+ components: { myDatePicker, seach },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['userInfo', "userCheckInfo",]),
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogContent:'',
|
|
|
+ ShowalertDialog:false,
|
|
|
+ relativeLeavl:null,
|
|
|
+ ShowModal: false,
|
|
|
+ ShowModalCode: false,
|
|
|
+ ShowModalCode1: false,
|
|
|
+ ShowModalCodebusiness: false,
|
|
|
+ chineseNumbers:[ '零', '一', '二', '三', '四', '五', '六', '七', '八', '九'],
|
|
|
+ headerStyle: {
|
|
|
+ backgroundColor: 'transparent',
|
|
|
+ backgroundImage: 'url("/static/beijing (2).png")',
|
|
|
+ backgroundSize: 'cover',
|
|
|
+ backgroundPosition: '',
|
|
|
+ boxShadow: ''
|
|
|
+ // 其他样式属性...
|
|
|
+ },
|
|
|
+ teamTabIndex: 0,
|
|
|
+ directLsit: [
|
|
|
+ {
|
|
|
+ partnerNumber: 1
|
|
|
+ },
|
|
|
+ {
|
|
|
+ partnerNumber: 2
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ source: 0,
|
|
|
+ totalPages: 0,
|
|
|
+ totalSize: 0,
|
|
|
+ status: 'loadmore',
|
|
|
+ pageRequest: { //查询的默认条件
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ userName: ''
|
|
|
+ },
|
|
|
+ partnerImg: '',
|
|
|
+ workImg: '',
|
|
|
+ directLsitOne: {},
|
|
|
+ directLsitTwo: {},
|
|
|
+ directLsitThree: {},
|
|
|
+ directLsitFour: {},
|
|
|
+ userLevel: "",
|
|
|
+ styles: [{
|
|
|
+ value: '1',
|
|
|
+ text: '渠道',
|
|
|
+ notestext: '团队长加出单员模式，无分销模式，结费都在团队长处。',
|
|
|
+ checked: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '2',
|
|
|
+ notestext: '团队长加代理人模式，三级分销模式，结费方式为个人，有佣金。',
|
|
|
+ text: '个代'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ deptSource: 1,
|
|
|
+ parentData:{}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async onLoad(e) {
|
|
|
+ this.parentData = JSON.parse(decodeURIComponent(e.key));
|
|
|
+ this.userLevel = this.parentData.level
|
|
|
+
|
|
|
+ this.queryData()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ dialogClose(){
|
|
|
+ this.$refs.alertDialog.close()
|
|
|
+ },
|
|
|
+ styleChange(e) {
|
|
|
+ this.deptSource = e.detail.value
|
|
|
+ },
|
|
|
+ dialogConfirm (){
|
|
|
+ this.ShowModalCode = true
|
|
|
+ this.$refs.alertDialog.close()
|
|
|
+ this.partnerImg = QR.createQrCodeImg(this.$base.h5BaseUrl + "/#/pages/index/applypartner?level=" + this.level + '&userId=' + this.userInfo.sysUser.userId, {
|
|
|
+ size: parseInt(200) //二维码大小
|
|
|
+ })
|
|
|
+ },
|
|
|
+ ShowModalCodeFun(level,relativeLeavl) {
|
|
|
+ // 绝对等级：level 相对等级：relativeLeavl
|
|
|
+ this.level=level
|
|
|
+ this.relativeLeavl=relativeLeavl
|
|
|
+ // this.ShowalertDialog=true
|
|
|
+ this.dialogContent=`是否招募${this.chineseNumbers[relativeLeavl]}级合伙人?`
|
|
|
+ this.$refs.alertDialog.open()
|
|
|
+ },
|
|
|
+ ShowModalCodeSumbit(){
|
|
|
+ this. ShowModalCode1 = true
|
|
|
+ this.workImg = QR.createQrCodeImg(this.$base.h5BaseUrl + "/#/pages/index/applystudio?deptSource=" + this.deptSource + '&userId=' + this.userInfo.sysUser.userId, {
|
|
|
+ size: parseInt(200) //二维码大小
|
|
|
+ })
|
|
|
+ },
|
|
|
+ ShowModalCodeworkFun() {
|
|
|
+ this.ShowModalCodebusiness = true
|
|
|
+ this.deptSource = 1
|
|
|
+ },
|
|
|
+ // partnersAndStudios(level){
|
|
|
+ // this.level=level
|
|
|
+ // this.ShowModal = true
|
|
|
+ // },
|
|
|
+ // recruitment(level) {
|
|
|
+ // this.level = level
|
|
|
+ // this.ShowModalCodeFun(level)
|
|
|
+ // },
|
|
|
+ back() {
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 1, // 返回的页面数，如果是1表示返回上一页
|
|
|
+ success: function () { }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ backHome() {
|
|
|
+ uni.switchTab({
|
|
|
+ url: "/pages/index/index"
|
|
|
+ })
|
|
|
+ },
|
|
|
+ partnerDetail(item,level) {
|
|
|
+ if (item.partnerNumber) {
|
|
|
+ item.partnerType=level
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages/institutional/partnerDetail?key=" + encodeURIComponent(JSON.stringify(item))
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ closeInstitution(item,level) {
|
|
|
+ if (item.leaderIds.length > 0) {
|
|
|
+ item.level=level
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages/institutional/institutionalTeam?key=" + encodeURIComponent(JSON.stringify(item))
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // onReachBottom() {
|
|
|
+ // if (this.pageRequest.pageNum >= this.totalPages) return;
|
|
|
+ // this.status = 'loading';
|
|
|
+ // this.pageRequest.pageNum = ++this.pageRequest.pageNum;
|
|
|
+ // setTimeout(async () => {
|
|
|
+ // let res = await this.$http.post('/sysPartner/querySysPartnerAPPPage', {
|
|
|
+ // ...this.pageRequest,
|
|
|
+ // source:this.source
|
|
|
+ // });
|
|
|
+ // if (res.code == '200') {
|
|
|
+ // this.totalSize = res.data.totalSize;
|
|
|
+ // this.directLsit = [...this.directLsit, ...res.data.content];
|
|
|
+ // }
|
|
|
+ // if (this.pageRequest.pageNum >= this.totalPages) this.status = 'nomore';
|
|
|
+ // else this.status = 'loading';
|
|
|
+ // }, 1000)
|
|
|
+ // },
|
|
|
+
|
|
|
+ async queryData(data) {
|
|
|
+ let params = {
|
|
|
+ beginTime: data && data.beginTime || '',
|
|
|
+ endTime: data && data.endTime || '',
|
|
|
+ partnerType: data && data.partnerType || '',
|
|
|
+ industrySector: data && data.industrySector || '',
|
|
|
+ userId:this.parentData.userId
|
|
|
+ // ...this.pageRequest
|
|
|
+ }
|
|
|
+ let res = await this.$http.post('/APPPartner/info', params);
|
|
|
+ if (res.code == '200') {
|
|
|
+
|
|
|
+ res.data.forEach(e => {
|
|
|
+ switch (e.partnerType) {
|
|
|
+ case 2:
|
|
|
+ this.directLsitOne = e
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ this.directLsitTwo = e
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ this.directLsitThree = e
|
|
|
+ break;
|
|
|
+ case 5:
|
|
|
+ this.directLsitFour = e
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // this.directLsit=res.data
|
|
|
+ // this.totalPages = res.data.totalPages;
|
|
|
+ // this.totalSize = res.data.totalSize;
|
|
|
+ // if (this.pageRequest.pageNum >= res.data.totalPages) this.status = 'nomore';
|
|
|
+ // else this.status = 'loadmore';
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.headers {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ z-index: 999999;
|
|
|
+ padding-top: 40px;
|
|
|
+ height: 85px;
|
|
|
+
|
|
|
+ text:nth-child(2){
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.partner-head {
|
|
|
+ background: #FFFFFF;
|
|
|
+ color: #333333;
|
|
|
+ font-size: 14px;
|
|
|
+
|
|
|
+ i {
|
|
|
+ margin-left: 2px;
|
|
|
+ display: inline-block;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border: 4px solid;
|
|
|
+ border-color: #666666;
|
|
|
+ border-bottom: 4px solid transparent;
|
|
|
+ border-right: 4px solid transparent;
|
|
|
+ border-left: 4px solid transparent;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.sum-insurance {
|
|
|
+ padding: 10px 0;
|
|
|
+
|
|
|
+ view {
|
|
|
+ text-align: center;
|
|
|
+ width: 33.33%;
|
|
|
+ border-right: 1px solid #EEEEEE;
|
|
|
+
|
|
|
+ text {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:first-child {
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ font-size: 10px;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.card {
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 5px 5px 5px 5px;
|
|
|
+ margin: 10px;
|
|
|
+ background-image: url("/static/card.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ border-top: 1px solid;
|
|
|
+ border-image: linear-gradient(270deg, rgba(45, 217, 255, 0), rgba(45, 217, 255, 1), rgba(45, 217, 255, 0)) 1 1;
|
|
|
+
|
|
|
+ .card-title {
|
|
|
+ text:first-child {
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ margin-left: 3px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-con {
|
|
|
+ padding: 10px 0;
|
|
|
+
|
|
|
+ view {
|
|
|
+ text-align: center;
|
|
|
+ width: 33.33%;
|
|
|
+ border-right: 1px solid #EEEEEE;
|
|
|
+
|
|
|
+ text {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:first-child {
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ font-size: 10px;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-footer {
|
|
|
+ border-top: 1px solid #EEEEEE;
|
|
|
+ line-height: 42px;
|
|
|
+
|
|
|
+ image {
|
|
|
+ display: inline-block;
|
|
|
+ width: 17px;
|
|
|
+ height: 17px;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-right: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ text {
|
|
|
+ width: 49%;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.popup-code {
|
|
|
+ text {
|
|
|
+ display: block;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.ShowModalCode-style {
|
|
|
+ text:first-of-type {
|
|
|
+ display: block;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
+ border: 1px solid #EEEEEE;
|
|
|
+ padding: 15px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+}
|
|
|
+.popup-code {
|
|
|
+ text {
|
|
|
+ display: block;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+}
|
|
|
+.ShowModalCode-con {
|
|
|
+ padding: 30px;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ image {
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
