Skip to content

C
CFFP-HB
Commit a5333080 by yuzhenWang
Options

合并代码到dev未发生产

parent f251bbc9
Showing with 663 additions and 481 deletions
pages/personalCenter/personalCenter.vue
...@@ -4,36 +4,38 @@ ...@@ -4,36 +4,38 @@
<!-- <FloatingButton ></FloatingButton> --> <!-- <FloatingButton ></FloatingButton> -->
<view class="myHeader"> <view class="myHeader">
<view class="left" @click="userinfo()"> <view class="left" @click="userinfo()">
<view <view class="avatar"
class="avatar" :style="{backgroundImage: 'url(' + (customerBasicInfo.headPicture || companyLogo) + ')'}">
:style="{backgroundImage: 'url(' + (customerBasicInfo.headPicture || companyLogo) + ')'}"
>
</view> </view>
<view class="headerInfo"> <view class="headerInfo">
<view class="headerTop"> <view class="headerTop">
<view class="" style="margin-right: 15rpx;"> <view class="" style="margin-right: 15rpx;">
<view class="myName" v-if="loginType == 'codelogin'"> <view class="myName" v-if="loginType == 'codelogin'">
{{showMyName || '点击头像完善信息'}} {{showMyName || '点击头像完善信息'}}
<text v-if="customerBasicInfo.partnerType" class="typePartner">{{customerBasicInfo.partnerType}}</text> <text v-if="customerBasicInfo.partnerType"
class="typePartner">{{customerBasicInfo.partnerType}}</text>
</view> </view>
<view class="myName" v-if="loginType == 'visitor'">游客</view> <view class="myName" v-if="loginType == 'visitor'">游客</view>
</view> </view>
<!-- &&customerBasicInfo.parentName 我的上级：{{customerBasicInfo.parentName}} --> <!-- &&customerBasicInfo.parentName 我的上级：{{customerBasicInfo.parentName}} -->
<view class="desBox" v-if="loginType == 'codelogin'"> <view class="desBox" v-if="loginType == 'codelogin'">
<!-- 上级的显示 --> <!-- 上级的显示 -->
<text class="desTxt" v-if="customerBasicInfo.parentRealName&&customerBasicInfo.parentNickName">我的上级：{{customerBasicInfo.parentRealName}}({{customerBasicInfo.parentNickName}})</text> <text class="desTxt"
<text v-else-if="customerBasicInfo.parentRealName">我的上级：{{customerBasicInfo.parentRealName}} </text> v-if="customerBasicInfo.parentRealName&&customerBasicInfo.parentNickName">我的上级：{{customerBasicInfo.parentRealName}}({{customerBasicInfo.parentNickName}})</text>
<text v-else-if="!customerBasicInfo.parentRealName&&customerBasicInfo.parentNickName">我的上级：{{customerBasicInfo.parentNickName}}</text> <text v-else-if="customerBasicInfo.parentRealName">我的上级：{{customerBasicInfo.parentRealName}}
</text>
<text
v-else-if="!customerBasicInfo.parentRealName&&customerBasicInfo.parentNickName">我的上级：{{customerBasicInfo.parentNickName}}</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="right" @click="goDetail(settingItem)"> <view class="right" @click="goDetail(settingItem)">
<view class="iconfont icon-shezhi " style="font-size: 40rpx;color: #fff;"></view> <view class="iconfont icon-shezhi " style="font-size: 40rpx;color: #fff;"></view>
</view> </view>
</view> </view>
<view class="myContent"> <view class="myContent" :style="{ paddingBottom: tabBarPadding + 'px' }">
<view class="infoBody" @click="jumpToSystemMsg()"> <view class="infoBody" @click="jumpToSystemMsg()">
<view class=""> <view class="">
<view v-if="messageInfo.length>0"> <view v-if="messageInfo.length>0">
...@@ -44,27 +46,29 @@ ...@@ -44,27 +46,29 @@
</view> </view>
</view> </view>
<view class="msgBox"> <view class="msgBox">
<view class="magNum" v-if="msgTotal>0" > <view class="magNum" v-if="msgTotal>0">
{{msgTotal}} {{msgTotal}}
</view> </view>
<view class="iconfont icon-youjiantou iconColor"></view> <view class="iconfont icon-youjiantou iconColor"></view>
</view> </view>
</view> </view>
<!-- 不是合伙人的角色可以看名片 v-if="customerBasicInfo.userIdentity&&customerBasicInfo.userIdentity!=='PARTNER'" --> <!-- 不是合伙人的角色可以看名片 v-if="customerBasicInfo.userIdentity&&customerBasicInfo.userIdentity!=='PARTNER'" -->
<!-- <view class="infoBody" v-if="customerBasicInfo.userIdentity&&customerBasicInfo.userIdentity!=='PARTNER'" style="margin-top: 10rpx;" @click="businessCard()"> <view class="infoBody" v-if="customerBasicInfo.userIdentity&&customerBasicInfo.userIdentity!=='PARTNER'"
style="margin-top: 10rpx;" @click="businessCard()">
<view class=""> <view class="">
我的名片 我的名片
</view> </view>
<view class=""> <view class="">
<view class="iconfont icon-youjiantou iconColor"></view> <view class="iconfont icon-youjiantou iconColor"></view>
</view> </view>
</view> --> </view>
<view class="kuaiBox" v-for="item in mainMenuLists" :key="item.id"> <view class="kuaiBox" v-for="item in mainMenuLists" :key="item.id">
<view class="kuaiTit"> <view class="kuaiTit">
{{item.categoryName}} {{item.categoryName}}
</view> </view>
<view class="kuaiCon"> <view class="kuaiCon">
<view class="kuaiItem" v-for="menuItem in item.children.filter(v=>v.isShow)" :key="menuItem.title" @click="goDetail(menuItem)"> <view class="kuaiItem" v-for="menuItem in item.children.filter(v=>v.isShow)" :key="menuItem.title"
@click="goDetail(menuItem)">
<view class="imgbox"> <view class="imgbox">
<view class="iconfont iconSize" :class="`${menuItem.icon}`"></view> <view class="iconfont iconSize" :class="`${menuItem.icon}`"></view>
</view> </view>
...@@ -72,31 +76,28 @@ ...@@ -72,31 +76,28 @@
{{menuItem.title}} {{menuItem.title}}
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="shareBtn" :class="{'shareBottom':shareBtnBottom}" @click="gotoPoster"> <view class="shareBtn" @click="gotoPoster">
<view class="shareBox"> <view class="shareBox">
分享给好友 分享给好友
</view> </view>
</view> </view>
</view> </view>
<!-- 使用封装后的弹窗组件 --> <!-- 使用封装后的弹窗组件 -->
<join-popup <join-popup ref="joinPopup" @confirm="gotoApply"></join-popup>
ref="joinPopup"
@confirm="gotoApply"
></join-popup>
<uni-popup ref="applyPopup" type="center" background-color="#fff"> <uni-popup ref="applyPopup" type="center" background-color="#fff">
<view class="applyBox"> <view class="applyBox">
<view style="text-align: right;" @click="$refs.applyPopup.close()"> <view style="text-align: right;" @click="$refs.applyPopup.close()">
<view class="iconfont icon-chahao" ></view> <view class="iconfont icon-chahao"></view>
</view> </view>
<view class="applyCon"> <view class="applyCon">
<view style="text-align: center;" > <view style="text-align: center;">
<view class="iconfont icon-dianzan" ></view> <view class="iconfont icon-dianzan"></view>
</view> </view>
<view class="title"> <view class="title">
您已加盟为银盾家办合伙人 您已加盟为银盾家办合伙人
</view> </view>
...@@ -106,80 +107,61 @@ ...@@ -106,80 +107,61 @@
</view> </view>
<view class="" v-if="partnerStatistic.reachPeopleNum>0"> <view class="" v-if="partnerStatistic.reachPeopleNum>0">
<view class=""> <view class="">
<text class="iconfont icon-a-tuandui3 leftIcon" ></text> <text class="iconfont icon-a-tuandui3 leftIcon"></text>
<text>团队有效人数</text> <text>团队有效人数</text>
<text <text v-if="partnerStatistic.totalPeopleNum<partnerStatistic.reachPeopleNum"
v-if="partnerStatistic.totalPeopleNum<partnerStatistic.reachPeopleNum" class="iconfont icon-weiwancheng rightIcon"></text>
class="iconfont icon-weiwancheng rightIcon" <text v-else class="iconfont icon-duihao2 rightIcon"></text>
></text>
<text
v-else
class="iconfont icon-duihao2 rightIcon"
></text>
</view> </view>
<view class="num"> <view class="num">
<text >{{partnerStatistic.totalPeopleNum}} / {{partnerStatistic.reachPeopleNum}}</text> <text>{{partnerStatistic.totalPeopleNum}} / {{partnerStatistic.reachPeopleNum}}</text>
<text v-if="partnerStatistic.peopleNum>0">（相差{{partnerStatistic.peopleNum}}人）</text> <text v-if="partnerStatistic.peopleNum>0">（相差{{partnerStatistic.peopleNum}}人）</text>
</view> </view>
</view> </view>
<view class="" v-if="partnerStatistic.reachSingeSaleNum>0"> <view class="" v-if="partnerStatistic.reachSingeSaleNum>0">
<view class="" > <view class="">
<text class="iconfont icon-xiaoshoue leftIcon" ></text> <text class="iconfont icon-xiaoshoue leftIcon"></text>
<text>个人标准销售累计金额</text> <text>个人标准销售累计金额</text>
<!-- <text class="iconfont icon-duihao2 rightIcon" ></text> --> <!-- <text class="iconfont icon-duihao2 rightIcon" ></text> -->
<text <text v-if="partnerStatistic.totalSingeSaleNum<partnerStatistic.reachSingeSaleNum"
v-if="partnerStatistic.totalSingeSaleNum<partnerStatistic.reachSingeSaleNum" class="iconfont icon-weiwancheng rightIcon"></text>
class="iconfont icon-weiwancheng rightIcon" <text v-else class="iconfont icon-duihao2 rightIcon"></text>
></text>
<text
v-else
class="iconfont icon-duihao2 rightIcon"
></text>
</view> </view>
<view class="num"> <view class="num">
<text >{{partnerStatistic.totalSingeSaleNum.toFixed(2)}}元 / {{partnerStatistic.reachSingeSaleNum.toFixed(2)}}元</text> <text>{{partnerStatistic.totalSingeSaleNum.toFixed(2)}}元 /
{{partnerStatistic.reachSingeSaleNum.toFixed(2)}}元</text>
</view> </view>
</view> </view>
<view class="" v-if="partnerStatistic.reachSaleNum>0"> <view class="" v-if="partnerStatistic.reachSaleNum>0">
<view class=""> <view class="">
<text class="iconfont icon-ddailirenshu leftIcon" ></text> <text class="iconfont icon-ddailirenshu leftIcon"></text>
<text>团队标准销售累计金额</text> <text>团队标准销售累计金额</text>
<!-- <text class="iconfont icon-weiwancheng rightIcon" ></text> --> <!-- <text class="iconfont icon-weiwancheng rightIcon" ></text> -->
<text <text v-if="partnerStatistic.totalSaleNum<partnerStatistic.reachSaleNum"
v-if="partnerStatistic.totalSaleNum<partnerStatistic.reachSaleNum" class="iconfont icon-weiwancheng rightIcon"></text>
class="iconfont icon-weiwancheng rightIcon" <text v-else class="iconfont icon-duihao2 rightIcon"></text>
></text>
<text
v-else
class="iconfont icon-duihao2 rightIcon"
></text>
</view> </view>
<view class="num"> <view class="num">
<text >{{partnerStatistic.totalSaleNum.toFixed(2)}}元 / {{partnerStatistic.reachSaleNum.toFixed(2)}}元</text> <text>{{partnerStatistic.totalSaleNum.toFixed(2)}}元 /
<text v-if="partnerStatistic.saleNum>0">（相差{{partnerStatistic.saleNum.toFixed(2)}}元）</text> {{partnerStatistic.reachSaleNum.toFixed(2)}}元</text>
<text
v-if="partnerStatistic.saleNum>0">（相差{{partnerStatistic.saleNum.toFixed(2)}}元）</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</uni-popup> </uni-popup>
<!-- 不是新锐合伙人提示 --> <!-- 不是新锐合伙人提示 -->
<partner-tip-popup <partner-tip-popup ref="PartnerTipPopup" content="您还未升级为新锐合伙人，团队成员销售成功您不能拿到收益。购买产品升级为新锐合伙人 "
ref="PartnerTipPopup" joinText="暂不升级，继续邀请" continueText="购买产品，立即升级" btnType="vertical" :tipIcon="true" @join="jumpPage('2')"
content="您还未升级为新锐合伙人，团队成员销售成功您不能拿到收益。购买产品升级为新锐合伙人 " @continue="jumpPage('1')" />
joinText="暂不升级，继续邀请" <restrictedTip ref="restrictedTip" />
continueText="购买产品，立即升级"
btnType="vertical"
:tipIcon="true"
@join="jumpPage('2')"
@continue="jumpPage('1')"
/>
<restrictedTip ref="restrictedTip"/>
</view> </view>
</template> </template>
...@@ -188,7 +170,7 @@ ...@@ -188,7 +170,7 @@
import common from "../../common/common"; import common from "../../common/common";
import tabBar from '../../components/tabBar/tabBar.vue'; import tabBar from '../../components/tabBar/tabBar.vue';
import api from "@/api/api"; import api from "@/api/api";
import {companyInfo} from "@/environments/environment"; import { companyInfo } from "@/environments/environment";
import FloatingButton from '@/components/FloatingButton/FloatingButton.vue'; import FloatingButton from '@/components/FloatingButton/FloatingButton.vue';
import JoinPopup from '@/components/commonPopup/JoinPopup.vue'; import JoinPopup from '@/components/commonPopup/JoinPopup.vue';
import PartnerTipPopup from "@/components/commonPopup/PartnerTipPopup.vue"; import PartnerTipPopup from "@/components/commonPopup/PartnerTipPopup.vue";
...@@ -197,71 +179,207 @@ ...@@ -197,71 +179,207 @@
export default { export default {
data() { data() {
return { return {
showMyName:'', showMyName: '',
msgTotal:0, msgTotal: 0,
messageInfo:[], messageInfo: [],
companyType : companyInfo.companyType, companyType: companyInfo.companyType,
companyLogo : '../../static/suplogo.png', companyLogo: '../../static/suplogo.png',
userId: uni.getStorageSync('cffp_userId'), userId: uni.getStorageSync('cffp_userId'),
loginType : uni.getStorageSync('loginType'), loginType: uni.getStorageSync('loginType'),
inviteEqrode:'', inviteEqrode: '',
currentPage:'personalCenter', currentPage: 'personalCenter',
customerBasicInfo:{}, customerBasicInfo: {},
loginornot: true, loginornot: true,
settingItem:{title:'系统设置',icon:'setting',link:'/pages/personalCenter/system/settings',isOpen:true,isShow:true}, tabBarPadding: 0,
settingItem: {
mainMenuLists:[ title: '系统设置',
{id:'00',categoryName:'交易', icon: 'setting',
children:[ link: '/pages/personalCenter/system/settings',
{title:'成交订单',icon:'icon-dingdan',link:'/pages/saleCourseLists/saleCourseLists',isOpen:true,isShow:true}, isOpen: true,
{title:'佣金',icon:'icon-yongjin',link:'/pages/pointsExchange/pointsExchange',isOpen:true,isShow:true,identity: true}, isShow: true
{title:'我的售后',icon:'icon-shouhoufuwu',link:'/pages/afterSales/afterSales',isOpen:true,isShow:true}, },
{title:'分享数据',icon:'icon-shujufenxi',link:'/pages/myShare/myShare',isOpen:true,isShow:true},
mainMenuLists: [{
id: '00',
categoryName: '交易',
children: [{
title: '成交订单',
icon: 'icon-dingdan',
link: '/pages/saleCourseLists/saleCourseLists',
isOpen: true,
isShow: true
},
{
title: '佣金',
icon: 'icon-yongjin',
link: '/pages/pointsExchange/pointsExchange',
isOpen: true,
isShow: true,
identity: true
},
{
title: '我的售后',
icon: 'icon-shouhoufuwu',
link: '/pages/afterSales/afterSales',
isOpen: true,
isShow: true
},
{
title: '分享数据',
icon: 'icon-shujufenxi',
link: '/pages/myShare/myShare',
isOpen: true,
isShow: true
},
], ],
}, },
{id:'01',categoryName:'团队', {
children:[ id: '01',
{title:'申请加盟',icon:'icon-hezuo',link:'/myPackageA/applyFranchise/applyFranchise?',isOpen:true,isShow:true,isApply:true}, categoryName: '团队',
{key:'06',title:'邀请加盟',icon:'icon-yaoqing',link:'/pages/inviteJoin/inviteJoin',isOpen:true,isShow:true,identity: true}, children: [{
title: '申请加盟',
icon: 'icon-hezuo',
link: '/myPackageA/applyFranchise/applyFranchise?',
isOpen: true,
isShow: true,
isApply: true
},
{
key: '06',
title: '邀请加盟',
icon: 'icon-yaoqing',
link: '/pages/inviteJoin/inviteJoin',
isOpen: true,
isShow: true,
identity: true
},
// {title:'我的团队',icon:'icon-tuandui',link:'/pages/personalCenter/myTeam',isOpen:true,isShow:true,identity: true}, // {title:'我的团队',icon:'icon-tuandui',link:'/pages/personalCenter/myTeam',isOpen:true,isShow:true,identity: true},
{title:'我的团队',icon:'icon-tuandui',link:'/myPackageA/myTeam/myTeam',isOpen:true,isShow:true,identity: true}, {
title: '我的团队',
icon: 'icon-tuandui',
link: '/myPackageA/myTeam/myTeam',
isOpen: true,
isShow: true,
identity: true
},
// {title:'育成团队',icon:'icon-yuchengguanxi',link:'/pages/personalCenter/myTeamIncubate',isOpen:true,isShow:true,identity: true}, // {title:'育成团队',icon:'icon-yuchengguanxi',link:'/pages/personalCenter/myTeamIncubate',isOpen:true,isShow:true,identity: true},
], ],
},{id:'03',categoryName:'学习研讨', }, {
children:[ id: '03',
{key:'company-intro',title:'公司介绍',icon:'icon-gongsi',link:'/pages/personalCenter/detail',isOpen:true,isShow:true,identity:true,type:1}, categoryName: '学习研讨',
{key:'policies',title:'制度',icon:'icon-xiaoshoue',link:'/pages/personalCenter/detail',isOpen:true,isShow:false,identity: true,type:4}, children: [{
{key:'products',title:'产品分析',icon:'icon-shujufenxi',link:'/pages/personalCenter/detail',isOpen:true,isShow:false,identity: true,type:3}, key: 'company-intro',
{key:'cases',title:'案例分享',icon:'icon-shiyongjiaocheng',link:'/pages/personalCenter/detail',isOpen:true,isShow:false,identity: true,type:2}, title: '公司介绍',
{key:'commission',title:'持牌人佣金',icon:'icon-dingdan',link:'/myPackageA/product-list/product-commission',isOpen:true,isShow:false,identity: true}, icon: 'icon-gongsi',
], link: '/pages/personalCenter/detail',
},{id:'04',categoryName:'海外资产配置', isOpen: true,
children:[ isShow: true,
{title:'积分明细',icon:'icon-yongjin',link:'/pages/personalCenter/helpCenter',isOpen:false,isShow:true,islogin:true} identity: true,
type: 1
},
{
key: 'policies',
title: '制度',
icon: 'icon-xiaoshoue',
link: '/pages/personalCenter/detail',
isOpen: true,
isShow: false,
identity: true,
type: 4
},
{
key: 'products',
title: '产品分析',
icon: 'icon-shujufenxi',
link: '/pages/personalCenter/detail',
isOpen: true,
isShow: false,
identity: true,
type: 3
},
{
key: 'cases',
title: '案例分享',
icon: 'icon-shiyongjiaocheng',
link: '/pages/personalCenter/detail',
isOpen: true,
isShow: false,
identity: true,
type: 2
},
{
key: 'commission',
title: '持牌人佣金',
icon: 'icon-dingdan',
link: '/myPackageA/product-list/product-commission',
isOpen: true,
isShow: false,
identity: true
},
], ],
}, {
id: '04',
categoryName: '海外资产配置',
children: [{
title: '积分明细',
icon: 'icon-yongjin',
link: '/pages/personalCenter/helpCenter',
isOpen: false,
isShow: true,
islogin: true
}],
}, },
{id:'02',categoryName:'帮助', {
children:[ id: '02',
{title:'帮助中心',icon:'icon-wenhao1',link:'/pages/personalCenter/helpCenter',isOpen:true,isShow:true,islogin:true}, categoryName: '帮助',
{title:'咨询客服',icon:'icon-kefu1',link:'',isOpen:true,isShow:true,islogin:true,kefu:true}, children: [{
title: '帮助中心',
icon: 'icon-wenhao1',
link: '/pages/personalCenter/helpCenter',
isOpen: true,
isShow: true,
islogin: true
},
{
title: '咨询客服',
icon: 'icon-kefu1',
link: '',
isOpen: true,
isShow: true,
islogin: true,
kefu: true
},
], ],
}, },
], ],
minorMenuLists:[ minorMenuLists: [
// {title:'我的邀请码',icon:'shareEcode',link:'',isOpen:true,isShow:true}, // {title:'我的邀请码',icon:'shareEcode',link:'',isOpen:true,isShow:true},
{title:'我的卡包',icon:'card',link:'',isOpen:true,isShow:false}, { title: '我的卡包', icon: 'card', link: '', isOpen: true, isShow: false },
// {title:'我的认证',icon:'myCertify',link:'/pages/myCertify/myCertify',isOpen:true,isShow:true}, // {title:'我的认证',icon:'myCertify',link:'/pages/myCertify/myCertify',isOpen:true,isShow:true},
{title:'申请修改公司周边',icon:'setting',link:'',isOpen:true,isShow:false}, { title: '申请修改公司周边', icon: 'setting', link: '', isOpen: true, isShow: false },
{title:'我的消息',icon:'message',link:'/pages/systemMsg/system_msg',isOpen:true,isShow:true,islogin:true}, {
{title:'系统设置',icon:'setting',link:'/pages/personalCenter/system/settings',isOpen:true,isShow:true} title: '我的消息',
icon: 'message',
link: '/pages/systemMsg/system_msg',
isOpen: true,
isShow: true,
islogin: true
},
{
title: '系统设置',
icon: 'setting',
link: '/pages/personalCenter/system/settings',
isOpen: true,
isShow: true
}
], ],
partnerStatistic:{}, //申请加盟统计 partnerStatistic: {}, //申请加盟统计
userInfo:{} ,//用户信息, userInfo: {}, //用户信息,
shareBtnBottom:false, shareBtnBottom: false,
productItem:{} productItem: {}
} }
}, },
components:{ components: {
tabBar, tabBar,
JoinPopup, JoinPopup,
PartnerTipPopup, PartnerTipPopup,
...@@ -269,23 +387,23 @@ ...@@ -269,23 +387,23 @@
}, },
onShow() { onShow() {
this.loginType = uni.getStorageSync('loginType') this.loginType = uni.getStorageSync('loginType')
if(this.companyType == '1'){ if (this.companyType == '1') {
this.companyLogo='../../static/myteam/Group1633.png'; this.companyLogo = '../../static/myteam/Group1633.png';
}else if(this.companyType == '2'){ } else if (this.companyType == '2') {
this.companyLogo='../../static/suplogo.png'; this.companyLogo = '../../static/suplogo.png';
} }
if(!this.loginType|| this.loginType == "visitor"){ if (!this.loginType || this.loginType == "visitor") {
this.loginornot = false this.loginornot = false
}else{ } else {
this.loginornot = true; this.loginornot = true;
} }
if(this.loginType == 'codelogin'){ if (this.loginType == 'codelogin') {
this.querySystemMessage() this.querySystemMessage()
this.queryInfo(); this.queryInfo();
this.courseList() this.courseList()
}else { } else {
this.messageInfo = [] this.messageInfo = []
uni.removeTabBarBadge({ index: 3 }); uni.removeTabBarBadge({ index: 3 });
this.msgTotal = 0 this.msgTotal = 0
...@@ -293,119 +411,134 @@ ...@@ -293,119 +411,134 @@
} }
uni.$on("handClick", res => { uni.$on("handClick", res => {
this.customerBasicInfo = res.data this.customerBasicInfo = res.data
let name = this.customerBasicInfo.realName || this.customerBasicInfo.nickName let name = this.customerBasicInfo.realName || this.customerBasicInfo.nickName
if(name && name.length>4){ if (name && name.length > 4) {
this.showMyName =name.substring(0, 4) + '...' this.showMyName = name.substring(0, 4) + '...'
}else { } else {
this.showMyName = name this.showMyName = name
} }
// 移除监听事件 // 移除监听事件
uni.$off('handClick'); uni.$off('handClick');
}); });
if(uni.getStorageSync('cffp_userInfo')){ if (uni.getStorageSync('cffp_userInfo')) {
this.userInfo = JSON.parse(uni.getStorageSync('cffp_userInfo')) this.userInfo = JSON.parse(uni.getStorageSync('cffp_userInfo'))
} }
// 计算tabbar高度，避免tabbar遮挡页面底部内容
const sysInfo = uni.getSystemInfoSync();
this.tabBarPadding = 100; // 默认值，可根据你的设计调整
if (sysInfo.windowBottom) {
// H5 平台下，windowBottom 表示可视区域底部到屏幕底的距离（即 tabbar 高度 + 安全区域）
this.tabBarPadding = sysInfo.windowBottom;
} else {
// 兜底逻辑：根据平台和设备估算
if (sysInfo.platform === 'ios') {
// iPhone 底部安全区一般为 34px（全面屏）或 0（非全面屏）
const isIPhoneX = /iPhone X|iPhone 1[0-9]|iPhone [A-Z]/.test(sysInfo.model);
this.tabBarPadding += isIPhoneX ? 34 : 0;
}
// 如果是 iPad，横屏时底部安全区可能为 0，但 tabbar 仍存在
if (sysInfo.deviceType === 'tablet') {
this.tabBarPadding = 60; // iPad 常见 tabbar 高度
}
}
// #ifdef H5 // #ifdef H5
const systemInfo = uni.getSystemInfoSync(); initJssdkShare(() => {
this.shareBtnBottom = systemInfo.platform === 'ios' setWechatShare();
// console.log('this.shareBtnBottom',this.shareBtnBottom); }, window.location.href);
initJssdkShare(() => {
setWechatShare();
}, window.location.href);
// #endif // #endif
}, },
methods: { methods: {
courseList() { courseList() {
api.courseList().then(res => { api.courseList().then(res => {
if (res['success']) { if (res['success']) {
let cffpCourseInfos = res['data']['data']; let cffpCourseInfos = res['data']['data'];
if(cffpCourseInfos.length>0){ if (cffpCourseInfos.length > 0) {
cffpCourseInfos.forEach(item=>{ cffpCourseInfos.forEach(item => {
if(item.productCode&&item.productCode=='ZNTJ'){ if (item.productCode && item.productCode == 'ZNTJ') {
this.productItem = item this.productItem = item
uni.setStorageSync('productItem',this.productItem ); uni.setStorageSync('productItem', this.productItem);
} }
}) })
} }
} }
}) })
}, },
gotoPoster(){ gotoPoster() {
if(!uni.getStorageSync('loginType') || uni.getStorageSync('loginType')=='visitor'){ if (!uni.getStorageSync('loginType') || uni.getStorageSync('loginType') == 'visitor') {
uni.setStorageSync('loginType','visitor') uni.setStorageSync('loginType', 'visitor')
uni.setStorageSync('islogin','1') uni.setStorageSync('islogin', '1')
} }
uni.navigateTo({ uni.navigateTo({
url:'/myPackageA/poster/poster?from=personalCenter' url: '/myPackageA/poster/poster?from=personalCenter'
}) })
}, },
jumpPage(type){ jumpPage(type) {
if(type=='1'){ if (type == '1') {
uni.navigateTo({ uni.navigateTo({
url:'/pages/inviteJoin/inviteJoin' url: '/pages/inviteJoin/inviteJoin'
}) })
}else { } else {
let productItem = {} let productItem = {}
if(uni.getStorageSync('productItem')){ if (uni.getStorageSync('productItem')) {
productItem = JSON.parse(JSON.stringify(uni.getStorageSync('productItem'))) productItem = JSON.parse(JSON.stringify(uni.getStorageSync('productItem')))
} }
uni.navigateTo({ uni.navigateTo({
url: `/pages/courseDetail/courseDetail?fileId=${productItem.fileId}` url: `/pages/courseDetail/courseDetail?fileId=${productItem.fileId}`
}); });
} }
}, },
getPartnerStatistic(){ getPartnerStatistic() {
if(this.userId){ if (this.userId) {
api.partnerStatisticsGrade({userId:uni.getStorageSync('cffp_userId')}).then((res)=>{ api.partnerStatisticsGrade({ userId: uni.getStorageSync('cffp_userId') }).then((res) => {
if(res['success']){ if (res['success']) {
this.partnerStatistic = res['data'] this.partnerStatistic = res['data']
for (let key in this.partnerStatistic) { for (let key in this.partnerStatistic) {
if(key!='peopleNum' && key!='reachPeopleNum'&& key!='totalPeopleNum'){ if (key != 'peopleNum' && key != 'reachPeopleNum' && key != 'totalPeopleNum') {
if(key){ if (key) {
this.partnerStatistic[key] = Number(this.partnerStatistic[key].toFixed(2)) this.partnerStatistic[key] = Number(this.partnerStatistic[key].toFixed(2))
} }
} }
} }
this.$refs.applyPopup.open() this.$refs.applyPopup.open()
}else { } else {
uni.showToast({ uni.showToast({
title: res['message'], title: res['message'],
duration: 2000, duration: 2000,
icon: 'none' icon: 'none'
}) })
} }
}) })
} }
}, },
gotoApply(){ gotoApply() {
uni.navigateTo({ uni.navigateTo({
url: '/myPackageA/applyFranchise/applyFranchise' url: '/myPackageA/applyFranchise/applyFranchise'
}) })
this.$refs.joinPopup.close() this.$refs.joinPopup.close()
}, },
querySystemMessage(){ querySystemMessage() {
if(this.userId){ if (this.userId) {
api.querySystemMessage({systemType:1,userId:uni.getStorageSync('cffp_userId')}).then((res)=>{ api.querySystemMessage({ systemType: 1, userId: uni.getStorageSync('cffp_userId') }).then((res) => {
if(res['success']&&res['data']['dataList']&&res['data']['dataList'].length>0){ if (res['success'] && res['data']['dataList'] && res['data']['dataList'].length > 0) {
this.messageInfo = res['data']['dataList']; this.messageInfo = res['data']['dataList'];
this.msgTotal = res['data']['dataList'].filter(item=>{ this.msgTotal = res['data']['dataList'].filter(item => {
return item.isRead == 0 return item.isRead == 0
}).length }).length
if(this.msgTotal>0){ if (this.msgTotal > 0) {
uni.setTabBarBadge({ uni.setTabBarBadge({
index: 3, index: 3,
text: this.msgTotal.toString() text: this.msgTotal.toString()
}); });
}else { } else {
uni.removeTabBarBadge({ index: 3 }); uni.removeTabBarBadge({ index: 3 });
} }
}else { } else {
this.messageInfo = [] this.messageInfo = []
uni.removeTabBarBadge({ index: 3 }); uni.removeTabBarBadge({ index: 3 });
this.msgTotal = 0 this.msgTotal = 0
...@@ -413,116 +546,117 @@ ...@@ -413,116 +546,117 @@
}) })
} }
}, },
jumpToSystemMsg(){ jumpToSystemMsg() {
dataHandling.pocessTracking( dataHandling.pocessTracking(
'查看', '查看',
`用户查看个人消息`, `用户查看个人消息`,
'点击', '点击',
2, 2,
'我的', '我的',
'pages/personalCenter/personalCenter' 'pages/personalCenter/personalCenter'
) )
uni.navigateTo({ uni.navigateTo({
url:'../systemMsg/system_msg' url: '../systemMsg/system_msg'
}) })
// if(this.userId&& this.messageInfo.length>0){ // if(this.userId&& this.messageInfo.length>0){
// uni.navigateTo({ // uni.navigateTo({
// url:'../systemMsg/system_msg' // url:'../systemMsg/system_msg'
// }) // })
// } // }
}, },
close(){ close() {
this.bootpage = false this.bootpage = false
}, },
isLogin(){ isLogin() {
uni.navigateTo({ uni.navigateTo({
url: '/myPackageA/login/login?from=personalCenter' url: '/myPackageA/login/login?from=personalCenter'
}) })
try { try {
uni.setStorageSync('loginType','visitor'); uni.setStorageSync('loginType', 'visitor');
} catch (e) { } catch (e) {
} }
return false return false
}, },
// 菜单跳转页面 // 菜单跳转页面
goDetail(item){ goDetail(item) {
if(uni.getStorageSync('cffp_userInfo')){ if (uni.getStorageSync('cffp_userInfo')) {
this.userInfo = JSON.parse(uni.getStorageSync('cffp_userInfo')) this.userInfo = JSON.parse(uni.getStorageSync('cffp_userInfo'))
} }
if(item.isApply&&(!uni.getStorageSync('loginType')||uni.getStorageSync('loginType')=='visitor')){ if (item.isApply && (!uni.getStorageSync('loginType') || uni.getStorageSync('loginType') == 'visitor')) {
dataHandling.pocessTracking( dataHandling.pocessTracking(
'申请加盟', '申请加盟',
`用户在未登录时点击了申请加盟`, `用户在未登录时点击了申请加盟`,
'点击', '点击',
2, 2,
'我的', '我的',
'pages/personalCenter/personalCenter' 'pages/personalCenter/personalCenter'
) )
uni.navigateTo({ uni.navigateTo({
url: `${item.link}` url: `${item.link}`
}); });
return return
} }
if(item.kefu){ if (item.kefu) {
// 现在还没转化成小程序，暂时放在这 // 现在还没转化成小程序，暂时放在这
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
console.log('MP-WEIXIN====') console.log('MP-WEIXIN====')
dataHandling.pocessTracking( dataHandling.pocessTracking(
'咨询客服', '咨询客服',
`用户咨询客服`, `用户咨询客服`,
'点击', '点击',
2, 2,
'我的', '我的',
'pages/personalCenter/personalCenter' 'pages/personalCenter/personalCenter'
) )
uni.openCustomerServiceChat({ uni.openCustomerServiceChat({
extInfo: { extInfo: {
url: 'https://work.weixin.qq.com/kfid/kfc08c55f4170e7fc9e' url: 'https://work.weixin.qq.com/kfid/kfc08c55f4170e7fc9e'
}, },
corpId: 'ww43cac1cf9dd6a3d0', // 客服会话按钮打开后，在微信客服会话按钮处理的事件类型 corpId: 'ww43cac1cf9dd6a3d0', // 客服会话按钮打开后，在微信客服会话按钮处理的事件类型
showMessageCard: true, showMessageCard: true,
sendMessageTitle: (uni.getStorageSync('hoservice_mobileNo')?(uni.getStorageSync('hoservice_mobileNo')+"，") :"" ) + "进入个人中心-->咨询客服", sendMessageTitle: (uni.getStorageSync('hoservice_mobileNo') ? (uni.getStorageSync(
sendMessagePath: `/pages/index/mySelf.html`, 'hoservice_mobileNo') + "，") : "") + "进入个人中心-->咨询客服",
//sendMessageImg: cardItem.value['list'][0]['itemImg'] sendMessagePath: `/pages/index/mySelf.html`,
//sendMessageImg: cardItem.value['list'][0]['itemImg']
}); });
// #endif // #endif
// #ifdef H5 // #ifdef H5
console.log('H5====') console.log('H5====')
dataHandling.pocessTracking( dataHandling.pocessTracking(
'咨询客服', '咨询客服',
`用户咨询客服`, `用户咨询客服`,
'点击', '点击',
2, 2,
'我的', '我的',
'pages/personalCenter/personalCenter' 'pages/personalCenter/personalCenter'
) )
if (uni.getStorageSync('mpCffp') == '1'){ if (uni.getStorageSync('mpCffp') == '1') {
let d = { let d = {
corpId: 'ww43cac1cf9dd6a3d0',//企业微信ID corpId: 'ww43cac1cf9dd6a3d0', //企业微信ID
url: 'https://work.weixin.qq.com/kfid/kfc08c55f4170e7fc9e',//企业微信客户接入链接 url: 'https://work.weixin.qq.com/kfid/kfc08c55f4170e7fc9e', //企业微信客户接入链接
} }
let p = Object.keys(d).reduce((p, k, i) => p + `${i ? '&' : '?'}${k}=${d[k]}`, ''); let p = Object.keys(d).reduce((p, k, i) => p + `${i ? '&' : '?'}${k}=${d[k]}`, '');
wx.miniProgram.reLaunch({ url: `/pages/index/homePage${p}` });//触发小程序刷新页面获取appId wx.miniProgram.reLaunch({ url: `/pages/index/homePage${p}` }); //触发小程序刷新页面获取appId
}else{ } else {
window.open('https://work.weixin.qq.com/kfid/kfc08c55f4170e7fc9e') window.open('https://work.weixin.qq.com/kfid/kfc08c55f4170e7fc9e')
} }
// #endif // #endif
return return
} }
if(item.isApply&&this.customerBasicInfo.partnerType){ if (item.isApply && this.customerBasicInfo.partnerType) {
dataHandling.pocessTracking( dataHandling.pocessTracking(
'申请加盟', '申请加盟',
`用户已成为合伙人查看了团队统计差`, `用户已成为合伙人查看了团队统计差`,
'点击', '点击',
2, 2,
'我的', '我的',
'pages/personalCenter/personalCenter' 'pages/personalCenter/personalCenter'
) )
if(this.customerBasicInfo.userIsActive == 2){ if (this.customerBasicInfo.userIsActive == 2) {
this.$refs.restrictedTip.open() this.$refs.restrictedTip.open()
return return
} }
...@@ -530,183 +664,192 @@ ...@@ -530,183 +664,192 @@
return return
} }
//当为见习合伙人的时候，弹出框提示 //当为见习合伙人的时候，弹出框提示
if(item.key == '06'&& this.userInfo.levelCode == 'P1' && uni.getStorageSync('loginType') == 'codelogin'&& this.userInfo.userIsActive == 1){ if (item.key == '06' && this.userInfo.levelCode == 'P1' && uni.getStorageSync('loginType') ==
'codelogin' && this.userInfo.userIsActive == 1) {
this.$refs.PartnerTipPopup.open() this.$refs.PartnerTipPopup.open()
return return
} }
// 说明不需要登录就可以进 // 说明不需要登录就可以进
if(item.isLogin){ if (item.isLogin) {
dataHandling.pocessTracking( dataHandling.pocessTracking(
'查看', '查看',
`用户点击了${item.title}模块`, `用户点击了${item.title}模块`,
'点击', '点击',
2, 2,
'我的', '我的',
'pages/personalCenter/personalCenter' 'pages/personalCenter/personalCenter'
) )
uni.navigateTo({ uni.navigateTo({
url: `${item.link}` url: `${item.link}`
}); });
return return
} }
if(!this.loginornot&& !item.islogin){ if (!this.loginornot && !item.islogin) {
this.isLogin() this.isLogin()
return return
} }
if(item.isShow && item.isOpen){ if (item.isShow && item.isOpen) {
if(item.title==='我的邀请码'){ if (item.title === '我的邀请码') {
this.$refs.popup1.open('bottom'); this.$refs.popup1.open('bottom');
}else{ } else {
this.ckidentity(item) this.ckidentity(item)
} }
}else{ } else {
common.errorDialog(2,'该模块正在开发中，敬请期待！','提示'); common.errorDialog(2, '该模块正在开发中，敬请期待！', '提示');
} }
}, },
ckidentity(item){ ckidentity(item) {
if(item.identity == true && this.customerBasicInfo.partnerType ==null){ if (item.identity == true && this.customerBasicInfo.partnerType == null) {
dataHandling.pocessTracking( dataHandling.pocessTracking(
'查看', '查看',
`用户在未加盟时点击了${item.title}模块`, `用户在未加盟时点击了${item.title}模块`,
'点击', '点击',
2, 2,
'我的', '我的',
'pages/personalCenter/personalCenter' 'pages/personalCenter/personalCenter'
) )
this.$refs.joinPopup.open() this.$refs.joinPopup.open()
return false return false
}else if(item.title == '邀请加盟'){ } else if (item.title == '邀请加盟') {
uni.navigateTo({ uni.navigateTo({
url: `${item.link}?levelCode=` + this.customerBasicInfo.levelCode url: `${item.link}?levelCode=` + this.customerBasicInfo.levelCode
}); });
}else{ } else {
const urlObj = JSON.parse(JSON.stringify(item)) const urlObj = JSON.parse(JSON.stringify(item))
if(urlObj.type){ if (urlObj.type) {
urlObj.link = `${urlObj.link}?type=${urlObj.type}&from=personalCenter&partnerType=${this.customerBasicInfo.partnerType}` urlObj.link =
}else{ `${urlObj.link}?type=${urlObj.type}&from=personalCenter&partnerType=${this.customerBasicInfo.partnerType}`
urlObj.link = `${urlObj.link}?from=personalCenter&partnerType=${this.customerBasicInfo.partnerType}` } else {
urlObj.link =
`${urlObj.link}?from=personalCenter&partnerType=${this.customerBasicInfo.partnerType}`
} }
if(item.isTab){ if (item.isTab) {
uni.switchTab({ uni.switchTab({
url:`../../${urlObj.link}` url: `../../${urlObj.link}`
}) })
}else{ } else {
uni.navigateTo({ uni.navigateTo({
url: urlObj.link url: urlObj.link
}); });
} }
} }
}, },
userinfo(){ userinfo() {
if(this.loginornot === true){ if (this.loginornot === true) {
dataHandling.pocessTracking( dataHandling.pocessTracking(
'个人信息', '个人信息',
`用户在我的点击个人资料`, `用户在我的点击个人资料`,
'点击', '点击',
2, 2,
'我的', '我的',
'pages/personalCenter/personalCenter' 'pages/personalCenter/personalCenter'
) )
uni.navigateTo({ uni.navigateTo({
url:`/pages/personalCenter/user-information?customerBasicInfo=` + JSON.stringify(this.customerBasicInfo) url: `/pages/personalCenter/user-information?customerBasicInfo=` + JSON.stringify(this
.customerBasicInfo)
}) })
}else { } else {
this.isLogin() this.isLogin()
} }
}, },
// 弹窗 // 弹窗
errorDialog(type,content){ errorDialog(type, content) {
common.errorDialog(type,content); common.errorDialog(type, content);
return false; return false;
}, },
closePopup(){ closePopup() {
this.$refs.popup1.close() this.$refs.popup1.close()
}, },
copy(){ copy() {
uni.setClipboardData({ uni.setClipboardData({
data: this.inviteEqrode, data: this.inviteEqrode,
success: function () { success: function() {
console.log('success'); console.log('success');
} }
}); });
}, },
setSpecificMenuIsShow(mainMenus,permKeys){ setSpecificMenuIsShow(mainMenus, permKeys) {
// 找到id=03的主菜单 // 找到id=03的主菜单
const targetMenu = mainMenus.find(menu => menu.id === '03'); const targetMenu = mainMenus.find(menu => menu.id === '03');
if(permKeys){ if (permKeys) {
// 提取权限数组中的key // 提取权限数组中的key
const validKeys = permKeys.map(item => item.key); const validKeys = permKeys.map(item => item.key);
if (targetMenu && targetMenu.children) { if (targetMenu && targetMenu.children) {
// 只遍历该菜单的children // 只遍历该菜单的children
targetMenu.children.forEach(subMenu => { targetMenu.children.forEach(subMenu => {
if (subMenu.key && validKeys.includes(subMenu.key)) { if (subMenu.key && validKeys.includes(subMenu.key)) {
subMenu.isShow = true; subMenu.isShow = true;
}else{ } else {
subMenu.isShow = false; subMenu.isShow = false;
} }
}); });
} }
}else{ } else {
if (targetMenu && targetMenu.children) { if (targetMenu && targetMenu.children) {
// 只遍历该菜单的children // 只遍历该菜单的children
targetMenu.children.forEach(subMenu => { targetMenu.children.forEach(subMenu => {
// 只有当key不是'company-intro'时，才设置isShow为false // 只有当key不是'company-intro'时，才设置isShow为false
if (subMenu.key !== 'company-intro') { if (subMenu.key !== 'company-intro') {
subMenu.isShow = false; subMenu.isShow = false;
} }
}); });
} }
} }
return mainMenus; return mainMenus;
}, },
// 查询个人资料 // 查询个人资料
queryInfo(){ queryInfo() {
api.queryInfo({userId:uni.getStorageSync('cffp_userId')}).then(res=>{ api.queryInfo({ userId: uni.getStorageSync('cffp_userId') }).then(res => {
if(res['success']){ if (res['success']) {
this.customerBasicInfo = res['data']; this.customerBasicInfo = res['data'];
// id=03的权限设置 // id=03的权限设置
// 执行处理 // 执行处理
const result = this.setSpecificMenuIsShow(this.mainMenuLists, this.customerBasicInfo.accessPermission); const result = this.setSpecificMenuIsShow(this.mainMenuLists, this.customerBasicInfo
.accessPermission);
// 输出结果（仅展示id=03的children验证效果） // 输出结果（仅展示id=03的children验证效果）
// console.log('处理后的"学习研讨"子菜单：', // console.log('处理后的"学习研讨"子菜单：',
// JSON.stringify(result.find(menu => menu.id === '03')?.children, null, 2)); // JSON.stringify(result.find(menu => menu.id === '03')?.children, null, 2));
// this.customerBasicInfo.userIdentity = 'DISTRIBUTOR' // this.customerBasicInfo.userIdentity = 'DISTRIBUTOR'
let name = this.customerBasicInfo.realName || this.customerBasicInfo.nickName let name = this.customerBasicInfo.realName || this.customerBasicInfo.nickName
if(name && name.length>4){ if (name && name.length > 4) {
this.showMyName = name.substring(0, 4) + '...' this.showMyName = name.substring(0, 4) + '...'
}else { } else {
this.showMyName = name this.showMyName = name
} }
if(this.customerBasicInfo.parentRealName&&this.customerBasicInfo.parentNickName && this.customerBasicInfo.parentNickName.length>3){ if (this.customerBasicInfo.parentRealName && this.customerBasicInfo.parentNickName && this
this.customerBasicInfo.parentNickName = this.customerBasicInfo.parentNickName.substring(0, 3) + '..' .customerBasicInfo.parentNickName.length > 3) {
this.customerBasicInfo.parentNickName = this.customerBasicInfo.parentNickName
.substring(0, 3) + '..'
} }
if(this.customerBasicInfo.parentRealName&&this.customerBasicInfo.parentNickName&& this.customerBasicInfo.parentRealName.length>3){ if (this.customerBasicInfo.parentRealName && this.customerBasicInfo.parentNickName && this
this.customerBasicInfo.parentRealName = this.customerBasicInfo.parentRealName.substring(0, 3) + '..' .customerBasicInfo.parentRealName.length > 3) {
this.customerBasicInfo.parentRealName = this.customerBasicInfo.parentRealName
.substring(0, 3) + '..'
} }
this.inviteEqrode = this.customerBasicInfo.invitationCode; this.inviteEqrode = this.customerBasicInfo.invitationCode;
uni.setStorageSync('user_mobile', res.data.mobile) uni.setStorageSync('user_mobile', res.data.mobile)
console.log('this.mainMenuLists',this.mainMenuLists); console.log('this.mainMenuLists', this.mainMenuLists);
}else { } else {
uni.setStorageSync('loginType','visitor') uni.setStorageSync('loginType', 'visitor')
this.showMyName = '' this.showMyName = ''
this.loginType = 'visitor' this.loginType = 'visitor'
} }
}) })
}, },
// 我的名片页面 // 我的名片页面
businessCard(){ businessCard() {
if(!uni.getStorageSync('loginType')||uni.getStorageSync('loginType')=='visitor'){ if (!uni.getStorageSync('loginType') || uni.getStorageSync('loginType') == 'visitor') {
this.isLogin() this.isLogin()
return return
} }
...@@ -714,33 +857,33 @@ ...@@ -714,33 +857,33 @@
// 和后端协商一致，先查询名片状态，在做出相应反应 // 和后端协商一致，先查询名片状态，在做出相应反应
api.getBusinessCard( api.getBusinessCard(
userId userId
).then(res =>{ ).then(res => {
if(res['success']){ if (res['success']) {
let cardStatus = res.data.data.cardStatus let cardStatus = res.data.data.cardStatus
if(cardStatus=='1'){ if (cardStatus == '1') {
//未申请名片 //未申请名片
uni.navigateTo({ uni.navigateTo({
url:'/myPackageA/noBusinessCard/noBusinessCard' url: '/myPackageA/noBusinessCard/noBusinessCard'
}); });
}else if(cardStatus=='2'){ } else if (cardStatus == '2') {
// 名片审核中 // 名片审核中
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: `您申请的名片正在审核中，请耐心等待...`, content: `您申请的名片正在审核中，请耐心等待...`,
showCancel: false, showCancel: false,
confirmText: '我知道了' confirmText: '我知道了'
}); });
}else { } else {
//申请的名片已经审核通过 //申请的名片已经审核通过
uni.navigateTo({ uni.navigateTo({
url:'/myPackageA/businessCard/businessCard' url: '/myPackageA/businessCard/businessCard'
}); });
} }
}else { } else {
uni.showToast({ uni.showToast({
title: res['message'], title: res['message'],
duration: 2000, duration: 2000,
icon: 'none' icon: 'none'
}) })
} }
}) })
...@@ -752,26 +895,30 @@ ...@@ -752,26 +895,30 @@
// }); // });
}, },
}, },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .uni-popup .uni-popup__wrapper{ ::v-deep .uni-popup .uni-popup__wrapper {
margin: 0 !important; margin: 0 !important;
border-radius: 30rpx; border-radius: 30rpx;
} }
.container{
box-sizing:border-box; .container {
min-height: 100vh; /* 使用视口高度 */ box-sizing: border-box;
min-height: 100vh;
/* 使用视口高度 */
height: auto !important; height: auto !important;
height: 100vh; height: 100vh;
.iconColor{
.iconColor {
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
font-size: 28rpx; font-size: 28rpx;
} }
.myHeader{
.myHeader {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 250rpx; height: 250rpx;
...@@ -779,27 +926,30 @@ ...@@ -779,27 +926,30 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.left{
.left {
margin-left: 50rpx; margin-left: 50rpx;
flex: 1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
.avatar{
.avatar {
flex-grow: 0; flex-grow: 0;
width: 130rpx; width: 130rpx;
height: 130rpx; height: 130rpx;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
/* 背景图设置 */ /* 背景图设置 */
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
/* 添加以下属性强制硬件加速 */ /* 添加以下属性强制硬件加速 */
transform: translateZ(0); transform: translateZ(0);
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
backface-visibility: hidden; backface-visibility: hidden;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
image{
image {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
...@@ -809,8 +959,8 @@ ...@@ -809,8 +959,8 @@
border-radius: none !important; border-radius: none !important;
} }
} }
.headerInfo{ .headerInfo {
box-sizing: border-box; box-sizing: border-box;
margin-left: 20rpx; margin-left: 20rpx;
display: flex; display: flex;
...@@ -819,12 +969,15 @@ ...@@ -819,12 +969,15 @@
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
.headerTop{
color:#fff; .headerTop {
.myName{ color: #fff;
.myName {
display: flex; display: flex;
align-items: center; align-items: center;
.typePartner{
.typePartner {
margin-left: 15rpx; margin-left: 15rpx;
padding: 5rpx 10rpx; padding: 5rpx 10rpx;
background-color: #fff; background-color: #fff;
...@@ -834,10 +987,10 @@ ...@@ -834,10 +987,10 @@
font-size: 26rpx; font-size: 26rpx;
} }
} }
} }
.desBox{ .desBox {
border-radius: 8rpx; border-radius: 8rpx;
padding: 0 2rpx; padding: 0 2rpx;
font-size: 24rpx; font-size: 24rpx;
...@@ -850,16 +1003,20 @@ ...@@ -850,16 +1003,20 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap !important; white-space: nowrap !important;
flex-shrink: 1; flex-shrink: 1;
.desTxt{
width: 350rpx; /* 根据需要调整 */ .desTxt {
display: inline-block; /* 或者 block */ width: 350rpx;
/* 根据需要调整 */
display: inline-block;
/* 或者 block */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap !important; white-space: nowrap !important;
flex-shrink: 1; flex-shrink: 1;
} }
} }
.nickName{
.nickName {
font-size: 27rpx; font-size: 27rpx;
font-weight: normal; font-weight: normal;
color: rgba(102, 102, 102, 1); color: rgba(102, 102, 102, 1);
...@@ -867,17 +1024,18 @@ ...@@ -867,17 +1024,18 @@
} }
} }
} }
.right{ .right {
width: 100rpx; width: 100rpx;
margin-top: -20rpx; margin-top: -20rpx;
} }
} }
.myContent{
box-sizing:border-box; .myContent {
box-sizing: border-box;
padding: 20rpx; padding: 20rpx;
.infoBody{ .infoBody {
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: #fff;
width: 100%; width: 100%;
...@@ -887,81 +1045,92 @@ ...@@ -887,81 +1045,92 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-size: 28rpx; font-size: 28rpx;
.msgBox{
.msgBox {
display: flex; display: flex;
align-items: center; align-items: center;
.magNum{ .magNum {
background-color: #f43530; background-color: #f43530;
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
min-width: 35rpx; min-width: 35rpx;
padding: 0 5rpx; /* 为多位数留空间 */ padding: 0 5rpx;
box-sizing: border-box; /* 为多位数留空间 */
box-sizing: border-box;
border-radius: 50%; border-radius: 50%;
color: #fff; color: #fff;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
} }
} }
.kuaiBox{
.kuaiBox {
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: #fff;
width: 100%; width: 100%;
padding: 10rpx 20rpx; padding: 10rpx 20rpx;
border-radius: 8rpx; border-radius: 8rpx;
margin-top: 20rpx; margin-top: 20rpx;
.kuaiTit{
.kuaiTit {
font-size: 30rpx; font-size: 30rpx;
} }
.kuaiCon { .kuaiCon {
margin-top: 30rpx; margin-top: 30rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; /* 保持 flex-start */ justify-content: flex-start;
flex-wrap: wrap; /* 保持 flex-start */
width: 100%; flex-wrap: wrap;
gap: 20rpx; /* 替代 margin-right */ width: 100%;
gap: 20rpx;
/* 替代 margin-right */
} }
.kuaiItem { .kuaiItem {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
margin-bottom: 40rpx; margin-bottom: 40rpx;
font-size: 26rpx; font-size: 26rpx;
// width: calc(25% - 20rpx); /* 4个子项，每个占25%宽度减去边距 */ // width: calc(25% - 20rpx); /* 4个子项，每个占25%宽度减去边距 */
width: calc(25% - 15rpx); /* 调整计算方式 */ width: calc(25% - 15rpx);
// margin-right: 20rpx; /* 设置右边距 */ /* 调整计算方式 */
// margin-right: 20rpx; /* 设置右边距 */
} }
/* 每行第4个子项去掉右侧间距 */ /* 每行第4个子项去掉右侧间距 */
.kuaiItem:nth-child(4n) { .kuaiItem:nth-child(4n) {
margin-right: 0; margin-right: 0;
} }
.imgbox { .imgbox {
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.iconSize { .iconSize {
font-size: 40rpx; font-size: 40rpx;
} }
} }
.kuaiBox:last-child{
.kuaiBox:last-child {
margin-bottom: 100rpx; margin-bottom: 100rpx;
} }
.shareBtn{
.shareBtn {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 50rpx 0rpx; padding: 50rpx 0rpx;
.shareBox{
.shareBox {
background-color: #20269B; background-color: #20269B;
color: #fff; color: #fff;
font-size: 30rpx; font-size: 30rpx;
...@@ -971,11 +1140,13 @@ ...@@ -971,11 +1140,13 @@
padding: 20rpx 30rpx; padding: 20rpx 30rpx;
} }
} }
.shareBottom{
.shareBottom {
padding-bottom: 150rpx; padding-bottom: 150rpx;
} }
} }
.joinContent{
.joinContent {
width: 500rpx; width: 500rpx;
border-radius: 30rpx; border-radius: 30rpx;
background-color: #ffff; background-color: #ffff;
...@@ -984,7 +1155,8 @@ ...@@ -984,7 +1155,8 @@
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
.joinHeader{
.joinHeader {
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
border-radius: 50%; border-radius: 50%;
...@@ -994,15 +1166,18 @@ ...@@ -994,15 +1166,18 @@
justify-content: center; justify-content: center;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.joinCon{
.joinCon {
// padding: 20rpx 0; // padding: 20rpx 0;
.one{ .one {
font-size: 30rpx; font-size: 30rpx;
color: rgba(38, 41, 44, 1); color: rgba(38, 41, 44, 1);
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
} }
.two{
.two {
color: rgba(145, 144, 148, 1); color: rgba(145, 144, 148, 1);
font-size: 26rpx; font-size: 26rpx;
text-align: center; text-align: center;
...@@ -1010,16 +1185,19 @@ ...@@ -1010,16 +1185,19 @@
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
} }
.desBox{
.desBox {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-bottom: 20rpx; margin-bottom: 20rpx;
view{
view {
font-size: 28rpx; font-size: 28rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
} }
.joinFotter{
.joinFotter {
width: 100%; width: 100%;
color: #fff; color: #fff;
display: flex; display: flex;
...@@ -1032,86 +1210,89 @@ ...@@ -1032,86 +1210,89 @@
font-size: 28rpx; font-size: 28rpx;
} }
} }
.applyBox{
.applyBox {
width: 500rpx; width: 500rpx;
border-radius: 30rpx; border-radius: 30rpx;
background-color: #ffff; background-color: #ffff;
padding: 30rpx; padding: 30rpx;
box-sizing: border-box; box-sizing: border-box;
.icon-chahao{ .icon-chahao {
color: #272536; color: #272536;
font-size: 28rpx; font-size: 28rpx;
} }
.applyCon{
.applyCon {
display: flex; display: flex;
// align-items: center; // align-items: center;
flex-direction: column; flex-direction: column;
.icon-dianzan{
.icon-dianzan {
color: #FF8D1A; color: #FF8D1A;
font-size: 60rpx; font-size: 60rpx;
} }
.title{
.title {
font-size: 35rpx; font-size: 35rpx;
font-weight: 600; font-weight: 600;
margin: 20rpx 0; margin: 20rpx 0;
} }
.applycontent{
.applycontent {
color: #20269B; color: #20269B;
font-size: 28rpx; font-size: 28rpx;
.subtit{
.subtit {
font-size: 30rpx; font-size: 30rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.num{
.num {
font-size: 26rpx; font-size: 26rpx;
color: #333333; color: #333333;
margin: 10rpx 0; margin: 10rpx 0;
} }
.leftIcon{
.leftIcon {
color: #20269B; color: #20269B;
font-size: 26rpx; font-size: 26rpx;
margin-right: 5rpx; margin-right: 5rpx;
} }
.rightIcon{
.rightIcon {
margin-left: 5rpx; margin-left: 5rpx;
font-size: 26rpx; font-size: 26rpx;
color: #F43530; color: #F43530;
} }
.icon-duihao2{
.icon-duihao2 {
color: #41C740; color: #41C740;
} }
} }
} }
} }
} }
/* 新增：iPad mini 和 iPad Air 竖屏的媒体查询 */ /* 新增：iPad mini 和 iPad Air 竖屏的媒体查询 */
/* iPad mini 竖屏 */ /* iPad mini 竖屏 */
@media only screen @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
and (min-device-width: 768px) .container {
and (max-device-width: 1024px) .myContent {
and (orientation: portrait) padding-bottom: 120rpx;
and (-webkit-min-device-pixel-ratio: 1) {
.container {
.myContent .shareBtn{
padding-bottom: 120rpx;
}
} }
} }
/* iPad Air 竖屏 */ }
@media only screen
and (min-device-width: 820px) /* iPad Air 竖屏 */
and (max-device-width: 1180px) @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
and (orientation: portrait) .container {
and (-webkit-min-device-pixel-ratio: 1) { .myContent {
.container { padding-bottom: 120rpx !important;
.myContent .shareBtn{
padding-bottom: 120rpx !important;
}
} }
} }
</style> }
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment