|
@@ -1,316 +1,895 @@
|
|
|
<template>
|
|
|
- <view class="" >
|
|
|
+ <view class="">
|
|
|
<public-module></public-module>
|
|
|
- <view class="headers " :style="headerStyle">
|
|
|
+ <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>
|
|
|
+ <u-icon name="arrow-left" size="40" @tap="back"></u-icon>
|
|
|
<text style="margin: auto;">合伙人</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <view class="body" style="background: #F8FAFE;margin-top: 85px;">
|
|
|
+
|
|
|
+ <view class="body" style="background: #F8FAFE;margin-top: 85px;">
|
|
|
<view class="partner-head">
|
|
|
- <seach @queryData="queryData" :partnerHierarchy="true" />
|
|
|
- <!-- <view class=" dis j-s" style="border: 1px solid #EEEEEE;padding: 10px;">
|
|
|
- <text>行业分类<i></i></text>
|
|
|
- <text>合伙人层级<i></i></text>
|
|
|
- <view class="search-data" >
|
|
|
- <text v-for="(val,index) in year" :key="index" :class="val.startShow? 'active' :''" @click="onSeachYear(index)">{{val.lable}}</text>
|
|
|
+ <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="partnersAndStudios(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>{{ 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)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人({{ directLsitOne.partnerNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitOne)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室({{ directLsitOne.workNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view> -->
|
|
|
- <!-- <view class="sum-insurance dis j-c a-c">
|
|
|
- <view >
|
|
|
- <text>{{directLsit[Object.keys(directLsit)[0]].sumPremium}}</text>
|
|
|
- <text>总保费</text>
|
|
|
+ <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="recruitment(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>{{ 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)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人({{ directLsitTwo.partnerNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitTwo)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室({{ directLsitTwo.workNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view>
|
|
|
- <text>{{directLsit[Object.keys(directLsit)[0]].teamManNum}}</text>
|
|
|
- <text>成员总人数</text>
|
|
|
+ <!-- 三级 -->
|
|
|
+ <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="recruitment(4)">
|
|
|
+ <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)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人({{ directLsitThree.partnerNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitThree)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室({{ directLsitThree.workNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view style="border-right:none">
|
|
|
- <text>{{directLsit[Object.keys(directLsit)[0]].extractFee}}</text>
|
|
|
- <text>总佣金</text>
|
|
|
+ <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)">
|
|
|
+ <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)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人({{ directLsitFour.partnerNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitFour)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室({{ directLsitFour.workNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view> -->
|
|
|
- </view>
|
|
|
- <!-- <card :cardData='directLsit'></card> -->
|
|
|
- <block v-for="(item,index) in directLsit" :key="index">
|
|
|
- <view class="card" >
|
|
|
- <view style="padding: 10px 15px 0 10px">
|
|
|
- <view class="dis j-s card-title">
|
|
|
- <view>
|
|
|
- <text>{{chineseNumbers[item.partnerType-1]}}级合伙人</text>
|
|
|
- <image v-if="item.partnerType==1" style="display: inline-block; width: 45px;height:18px;vertical-align: sub;" src="/static/icon/级别 (5).png" mode=""></image>
|
|
|
- <image v-if="item.partnerType==2" style="display: inline-block; width: 45px;height:18px;vertical-align: sub;" src="/static/icon/级别.png" mode=""></image>
|
|
|
- <image v-if="item.partnerType==3" style="display: inline-block; width: 45px;height:18px;vertical-align: sub;" src="/static/icon/级别 (1).png" mode=""></image>
|
|
|
- <image v-if="item.partnerType==4" style="display: inline-block; width: 45px;height:18px;vertical-align: sub;" src="/static/icon/级别 (2).png" mode=""></image>
|
|
|
+ </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/jibie.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="partnersAndStudios(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>{{ 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)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人({{ directLsitTwo.partnerNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitTwo)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室({{ directLsitTwo.workNumber || 0 }})
|
|
|
+ </text>
|
|
|
</view>
|
|
|
- <!-- <text>详情
|
|
|
- <image style="display: inline-block; width: 9px;height:9px;vertical-align: -1px;" src="/static/icon/向右.png" mode=""></image></text> -->
|
|
|
</view>
|
|
|
- <view class="card-con dis j-c a-c">
|
|
|
- <view >
|
|
|
- <text>{{item.teamManNum}}</text>
|
|
|
- <text>总人数</text>
|
|
|
+ <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="recruitment(4)">
|
|
|
+ <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>
|
|
|
- <text>{{item.sumPremium}}</text>
|
|
|
- <text>总保费</text>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitThree)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人({{ directLsitThree.partnerNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitThree)">
|
|
|
+ <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/jibie4.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(5)" >
|
|
|
+ <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 style="border-right:none">
|
|
|
- <text>{{item.extractFee}}</text>
|
|
|
- <text>总佣金</text>
|
|
|
+ <view class="card-footer dis">
|
|
|
+ <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(directLsitFour)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人({{ directLsitFour.partnerNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitFour)">
|
|
|
+ <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/jibie3.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="partnersAndStudios(4)">
|
|
|
+ <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)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人({{ directLsitThree.partnerNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitThree)">
|
|
|
+ <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/jibie4.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(5)" >
|
|
|
+ <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)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人({{ directLsitFour.partnerNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitFour)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室({{ directLsitFour.workNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="card-footer dis">
|
|
|
- <text style="border-right: 1px solid #EEEEEE;" @click="partnerDetail(item)">
|
|
|
- <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
- 合伙人({{item.partnerNumber}})
|
|
|
- </text>
|
|
|
- <text @click="closeInstitution(item)">
|
|
|
- <image src="/static/icon/gongzuoshi.png" mode="" ></image>
|
|
|
- 工作室({{item.workNumber}})
|
|
|
- </text>
|
|
|
+ </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/jibie4.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view @click="ShowModalCodeFun(5)" >
|
|
|
+ <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)">
|
|
|
+ <image src="/static/icon/hehuoren.png" mode=""></image>
|
|
|
+ 合伙人({{ directLsitFour.partnerNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ <text @click="closeInstitution(directLsitFour)">
|
|
|
+ <image src="/static/icon/gongzuoshi.png" mode=""></image>
|
|
|
+ 工作室({{ directLsitFour.workNumber || 0 }})
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
</block>
|
|
|
<!-- <u-loadmore style="margin-top: 5px;" v-if="directLsit.length!=0" :status="status" />
|
|
|
<o-empty v-if="directLsit.length==0" /> -->
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
+
|
|
|
+ </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>合伙人招募码</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>
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
- import myDatePicker from '../components/date-picker.vue';
|
|
|
- import seach from '../components/seach.vue';
|
|
|
- // import card from '../components/card.vue'
|
|
|
- export default{
|
|
|
- components:{myDatePicker,seach},
|
|
|
- data(){
|
|
|
- return{
|
|
|
- chineseNumbers:[ '一', '二', '三', '四', '五', '六', '七', '八', '九'],
|
|
|
- headerStyle: {
|
|
|
- backgroundColor: 'transparent',
|
|
|
- backgroundImage: 'url("/static/背景 (1).png")',
|
|
|
- backgroundSize: 'cover',
|
|
|
- backgroundPosition: '',
|
|
|
- boxShadow: ''
|
|
|
- // 其他样式属性...
|
|
|
- },
|
|
|
- teamTabIndex: 0,
|
|
|
- directLsit: [],
|
|
|
- source:0,
|
|
|
- totalPages:0,
|
|
|
- totalSize:0,
|
|
|
- status: 'loadmore',
|
|
|
- pageRequest: { //查询的默认条件
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- userName:''
|
|
|
+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 card from '../components/card.vue'
|
|
|
+export default {
|
|
|
+ components: { myDatePicker, seach },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['userInfo', "userCheckInfo",]),
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async onLoad(params) {
|
|
|
+ this.queryData()
|
|
|
+ this.userLevel = this.userInfo.sysUser.level
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ styleChange(e) {
|
|
|
+ this.deptSource = e.detail.value
|
|
|
+ },
|
|
|
+ ShowModalCodeFun(level) {
|
|
|
+ this.level=level
|
|
|
+ console.log(this.level,222222);
|
|
|
+ this.ShowModalCode = true
|
|
|
+ this.partnerImg = QR.createQrCodeImg(this.$base.h5BaseUrl + "/#/pages/index/applypartner?level=" + this.level + '&userId=' + this.userInfo.sysUser.userId, {
|
|
|
+ size: parseInt(200) //二维码大小
|
|
|
+ })
|
|
|
+ },
|
|
|
+ ShowModalCodeSumbit(){
|
|
|
+ console.log(this.deptSource,9999222222);
|
|
|
+ this. ShowModalCode1 = true
|
|
|
+ this.workImg = QR.createQrCodeImg(this.$base.h5BaseUrl + "/#/pages/index/applystudio?deptSource=" + this.deptSource + '&userId=' + this.userInfo.sysUser.userId, {
|
|
|
+ size: parseInt(200) //二维码大小
|
|
|
+ })
|
|
|
},
|
|
|
- async onLoad(params) {
|
|
|
- this.queryData()
|
|
|
+ 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 () { }
|
|
|
+ });
|
|
|
|
|
|
},
|
|
|
- methods:{
|
|
|
- back() {
|
|
|
- uni.navigateBack({
|
|
|
- delta: 1, // 返回的页面数,如果是1表示返回上一页
|
|
|
- success: function() {}
|
|
|
- });
|
|
|
-
|
|
|
- },
|
|
|
- partnerDetail(item){
|
|
|
+ partnerDetail(item) {
|
|
|
+ if (item.partnerNumber) {
|
|
|
uni.navigateTo({
|
|
|
- url: "/pages/institutional/partnerDetail?key="+encodeURIComponent(JSON.stringify(item))
|
|
|
+ url: "/pages/institutional/partnerDetail?key=" + encodeURIComponent(JSON.stringify(item))
|
|
|
})
|
|
|
- },
|
|
|
- closeInstitution(item){
|
|
|
- if(item.leaderIds.length>0){
|
|
|
- item.type=1
|
|
|
- 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];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ closeInstitution(item) {
|
|
|
+ if (item.leaderIds.length > 0) {
|
|
|
+ item.type = 1
|
|
|
+ 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 || '',
|
|
|
+ // ...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;
|
|
|
}
|
|
|
- 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 ||'',
|
|
|
- // ...this.pageRequest
|
|
|
- }
|
|
|
- let res = await this.$http.post('/APPPartner/info', params);
|
|
|
- if (res.code == '200') {
|
|
|
- res.data.forEach(e=>{
|
|
|
- if(e.partnerType){
|
|
|
- e.level=e.partnerType-1
|
|
|
- }
|
|
|
- })
|
|
|
- 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';
|
|
|
-
|
|
|
- }
|
|
|
- },
|
|
|
- onShowDatePicker() { //显示
|
|
|
- this.showDatePicker = true;
|
|
|
- },
|
|
|
- }
|
|
|
-
|
|
|
+ })
|
|
|
+ // 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;
|
|
|
+.headers {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ z-index: 999999;
|
|
|
+ padding-top: 40px;
|
|
|
+ height: 85px;
|
|
|
+
|
|
|
+ text {
|
|
|
+ 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;
|
|
|
- font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ font-size: 10px;
|
|
|
+ color: #999999;
|
|
|
}
|
|
|
}
|
|
|
- .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;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
}
|
|
|
- .search-data{
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ font-size: 14px;
|
|
|
color: #666666;
|
|
|
- .active{
|
|
|
- color: #FFFFFF;
|
|
|
- background: linear-gradient( 132deg, #2DD9FF 0%, #2D6DFF 100%);
|
|
|
- }
|
|
|
- text{
|
|
|
- // width: 25px;
|
|
|
- // height: 25px;
|
|
|
- // text-align: center;
|
|
|
- padding: 5px 8px;
|
|
|
- border: 1px solid #EEEEEE;
|
|
|
- }
|
|
|
+ margin-left: 3px;
|
|
|
}
|
|
|
}
|
|
|
- .sum-insurance{
|
|
|
+
|
|
|
+ .card-con {
|
|
|
padding: 10px 0;
|
|
|
- view{
|
|
|
+
|
|
|
+ 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;
|
|
|
- }
|
|
|
+
|
|
|
+ text {
|
|
|
+ display: block;
|
|
|
}
|
|
|
- }
|
|
|
- .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{
|
|
|
- padding:10px 15px;
|
|
|
- text:first-child{
|
|
|
+
|
|
|
+ text:first-child {
|
|
|
font-weight: 600;
|
|
|
font-size: 16px;
|
|
|
color: #333333;
|
|
|
+ line-height: 18px;
|
|
|
}
|
|
|
- text:last-child{
|
|
|
- font-size: 12px;
|
|
|
- color: #666666;
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ font-size: 10px;
|
|
|
+ color: #999999;
|
|
|
}
|
|
|
}
|
|
|
- .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;
|
|
|
}
|
|
|
- .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;
|
|
|
- }
|
|
|
+
|
|
|
+ text {
|
|
|
+ width: 49%;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.ShowModalCode-business {
|
|
|
+ display: block;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
+ // border: 1px solid #EEEEEE;
|
|
|
+ padding: 15px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.ShowModalCode-con {
|
|
|
+ padding: 30px;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ image {
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.uni-list {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.uni-list-item:first-child {
|
|
|
+ /* #ifndef APP-NVUE */
|
|
|
+ // display: flex;
|
|
|
+ /* #endif */
|
|
|
+ flex: 1;
|
|
|
+ flex-direction: row;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ border-bottom-style: solid;
|
|
|
+ border-bottom-width: 1px;
|
|
|
+ border-bottom-color: #eee;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.uni-list-item__container {
|
|
|
+ padding: 12px 15px;
|
|
|
+ width: 100%;
|
|
|
+ flex: 1;
|
|
|
+
|
|
|
+ position: relative;
|
|
|
+ /* #ifndef APP-NVUE */
|
|
|
+ display: flex;
|
|
|
+ box-sizing: border-box;
|
|
|
+ /* #endif */
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.uni-list-item__notestext {
|
|
|
+ padding: 0 15px 15px 15px;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+
|
|
|
+.uni-list-item__content-title {
|
|
|
+ font-size: 17px;
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+
|
|
|
+.ShowModalCode-sumbit {
|
|
|
+ background: linear-gradient(132deg, #2DD9FF 0%, #2D6DFF 100%);
|
|
|
+ border-radius: 5px 5px 5px 5px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ margin: 15px;
|
|
|
+ text-align: center;
|
|
|
+}</style>
|