Skip to content

C
CFFP-HB
Commit daa4b6aa by sunerhu
Options

增加邀请注册页面，修改我的团队页面--待完善。

parent 129e053b
Showing with 509 additions and 146 deletions
api/api.ts
...@@ -272,5 +272,9 @@ export default { ...@@ -272,5 +272,9 @@ export default {
//查询申请加盟信息 //查询申请加盟信息
queryById(params){ queryById(params){
return request(`${cffpURL}/partner/queryById/${params}`, "GET") return request(`${cffpURL}/partner/queryById/${params}`, "GET")
} },
// cffp推广人申请查询详细接口
queryById(id) {
return request(`${apiURL}/cffp/partner/queryById/id=${id}`, "GET")
},
} }
components/myteam/myteam-table.vue
...@@ -8,29 +8,30 @@ ...@@ -8,29 +8,30 @@
<!-- // 一级循环 --> <!-- // 一级循环 -->
<view class="content-sam-box"> <view class="content-sam-box">
<view class="" v-for="(pointItem,index) in dataList" :key="index"> <view class="" v-for="(pointItem,index) in dataList" :key="index">
<view class="" style="display: flex;" v-if="type == '1'"> <view class="" style="display: flex;">
<view class="content-box-title" v-if="pointItem.name" @click="subordinate(index,pointItem,1)"> <view class="content-box-title" @click="subordinate(index,pointItem,1,tableone)">
<span>{{pointItem.name}}</span> <span>{{pointItem.areaCenterName || '暂无辖下组织'}}</span>
</view> </view>
<view class="content-box-title" v-if="pointItem.levelName"> <view class="content-box-title" v-if="pointItem.levelName">
<span>{{pointItem.levelName}}</span> <span>{{pointItem.levelName}}</span>
</view> </view>
<view class="content-box-title" v-if="pointItem.courserNum !=null"> <view class="content-box-title" v-if="pointItem.count !=null">
<span>{{pointItem.courserNum}}</span> <span>{{pointItem.count}}</span>
</view> </view>
</view> </view>
<view class="" style="display: flex;" v-if="type == '2'"> <!-- <view class="" style="display: flex;" v-if="type == '2'">
<view class="content-box-title" v-if="pointItem.name" @click="subordinate(index,pointItem)"> <view class="content-box-title" v-if="pointItem.name"
@click="subordinate(index,pointItem,1,tableone)">
<span>{{pointItem.name}}</span> <span>{{pointItem.name}}</span>
</view> </view>
<view class="content-box-title" v-if="pointItem.levelName"> <view class="content-box-title" v-if="pointItem.levelName">
<span>{{pointItem.levelName}}</span> <span>{{pointItem.levelName}}</span>
</view> </view>
<view class="content-box-title"> <view class="content-box-title">
<span>{{pointItem.courserNum || '0'}}</span> <span>{{pointItem.count}}</span>
</view>
</view> </view>
<view class="" style="display: flex;" v-if="type == '3'"> </view> -->
<!-- <view class="" style="display: flex;" v-if="type == '3'">
<view class="content-box-title" v-if="pointItem.org" @click="subordinate(index,pointItem)"> <view class="content-box-title" v-if="pointItem.org" @click="subordinate(index,pointItem)">
<span>{{pointItem.org}}</span> <span>{{pointItem.org}}</span>
</view> </view>
...@@ -43,13 +44,13 @@ ...@@ -43,13 +44,13 @@
<view class="content-box-title" v-if="pointItem.referrer !=null"> <view class="content-box-title" v-if="pointItem.referrer !=null">
<span>{{pointItem.referrer}}</span> <span>{{pointItem.referrer}}</span>
</view> </view>
</view> </view> -->
<!-- 二级循环 --> <!-- 二级循环 -->
<view class="" v-if="table_index == index && this.tableone == true && pointItem.levelCode != 'A1'"> <view class="" v-if="table_index == index && this.tableone == true && pointItem.levelCode != 'A1'">
<view class="" v-for="(itq, index) in twoList" :key="index"> <view class="" v-for="(itq, index) in twoList" :key="index">
<view style="display: flex;"> <view style="display: flex;">
<view class="content-box-title-a" @click="subordinate(index,itq,2)"> <view class="content-box-title-a" @click="subordinate(index,itq,2,tabletwo)">
<span style="color: #FFFFFF;font-weight: 400;">{{itq.name}}</span> <span style="color: #FFFFFF;font-weight: 400;">{{itq.name}}</span>
</view> </view>
<view class="content-box-title"> <view class="content-box-title">
...@@ -61,9 +62,70 @@ ...@@ -61,9 +62,70 @@
</view> </view>
<!-- 三级循环 --> <!-- 三级循环 -->
<view class="" v-if="threeindex == index && this.tablethree == true "> <view class="" v-if="twoindex == index && this.tabletwo == true ">
<view class="" v-for="(itq, index) in threeList"> <view class="" v-for="(itm, index) in thList ">
<span>{{itq.name}}</span> <view class="" style="display: flex;">
<view class="content-box-title-two" @click="subordinate(index,itm,3,tablefour)">
<span>{{itm.name}}</span>
</view>
<view class="content-box-title">
<span>{{itm.levelName}}</span>
</view>
<view class="content-box-title">
<span>{{itm.courserNum}}</span>
</view>
</view>
<!-- 第四层关系-->
<view class="" v-if="foindex == index && this.tablefour == true ">
<view class="" v-for="(four, index) in fourList ">
<view class="" style="display: flex;">
<view class="content-box-title-a" style="margin-left: 30rpx;"
@click="subordinate(index,four,4,tablefour)">
<span>{{four.areaCenterName}}</span>
</view>
<view class="content-box-title">
<!-- <span>{{four.levelName}}</span> -->
</view>
<view class="content-box-title">
<span>{{four.count}}</span>
</view>
</view>
<view class="" v-if="fiveindex == index && this.tablefive == true ">
<view class="" v-for="(five, index) in fiveList ">
<view class="" style="display: flex;">
<view class="content-box-title-b"
@click="subordinate(index,itq,2,tabletwo)">
<span>{{five.name}}</span>
</view>
<view class="content-box-title">
<span>{{five.levelName}}</span>
</view>
<view class="content-box-title">
<span>{{five.courserNum}}</span>
</view>
</view>
<!-- <view class="" v-if="foindex == index && this.tablefour == true ">
<view class="" v-for="(four, index) in fourList ">
<view class="" style="display: flex;">
<view class="content-box-title"
@click="subordinate(index,itq,2,tabletwo)">
<span>{{four.name}}</span>
</view>
<view class="content-box-title">
<span>{{four.levelName}}</span>
</view>
<view class="content-box-title">
<span>{{four.courserNum}}</span>
</view>
</view>
</view>
</view> -->
</view>
</view>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -99,34 +161,69 @@ ...@@ -99,34 +161,69 @@
return { return {
table_index: '', // 第二级 table_index: '', // 第二级
tableone: false, tableone: false,
threeindex: '', twoindex: '',
tablethree: false, // 第三层收起 tabletwo: false, // 第三层收起
dataFoList: [], dataFoList: [],
twoList: [], twoList: [],
threeList: [] thList: [],
tablefour: false, // 第四层收起
foindex: '',
fourList: [],
tablefive: false, // 第五层收起
fiveindex: '',
fiveList: [],
tablesix: false, // 第六层收起
sixindex: '',
sixList: [],
}; };
}, },
mounted() { mounted() {
}, },
methods: { methods: {
subordinate(index, val, type) { subordinate(index, val, type, expand) {
console.log(index, 444)
if (this.tabletype == 1 || val.levelCode == 'A1') { if (this.tabletype == 1 || val.levelCode == 'A1') {
uni.showToast({
title: '暂无下级',
duration: 1000,
icon: 'none'
});
return return
} else { } else {
if (expand == false) {
let CffpOrgInfoReqVO = { let CffpOrgInfoReqVO = {
id: val.id id: val.id
} }
api.queryTeamDetail(CffpOrgInfoReqVO).then(res => { api.queryTeamDetail(CffpOrgInfoReqVO).then(res => {
console.log(res, 88855)
if (res['success']) { if (res['success']) {
this.listtype(index, type, res.data.list) if (res.data.list.length == 0) {
// uni.showToast({
// title: '暂无数据',
// duration: 1000,
// icon: 'none'
// });
var list = [
{
areaCenterName:'第五级',
levelName:'d',
count: '25'
}
]
this.ckopennextlevel(index, type, list)
} else {
this.ckopennextlevel(index, type, res.data.list)
}
} }
}) })
} else {
this.ckopennextlevel(index, type)
}
} }
}, },
listtype(index, val, list) { ckopennextlevel(index, val, list) {
console.log(index, val, list, 78787) console.log(index, val, list, 7897)
switch (val) { switch (val) {
case 1: case 1:
this.tableone = this.table_index == index ? !this.tableone : true this.tableone = this.table_index == index ? !this.tableone : true
...@@ -134,20 +231,26 @@ ...@@ -134,20 +231,26 @@
this.twoList = list this.twoList = list
break break
case 2: case 2:
console.log(!this.tablethree, 44114) this.tabletwo = !this.tabletwo
this.tablethree = !this.tablethree // this.twoindex = this.twoindex == index ? !this.tabletwo : true
// this.threeindex = this.threeindex == index ? !this.tablethree : true this.twoindex = index
this.threeindex = index this.thList = list
var list = [{ break
name: 5514 case 3:
}] this.tablefour = this.foindex == index ? !this.tablefour : true
this.threeList = list this.foindex = index
this.fourList = list
break
case 4:
this.tablefive = this.fiveindex == index ? !this.tablefive : true
this.fiveindex = index
this.fiveList = list
break
case 5:
this.tableone = this.foindex == index ? !this.tablefour : true
this.foindex = index
this.fourList = list
break break
// case 3:
// this.tableone = this.table_index == index ? !this.tableone : true
// this.table_index = index
// this.twoList = list
// break
} }
} }
...@@ -169,6 +272,12 @@ ...@@ -169,6 +272,12 @@
flex: 1; flex: 1;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
text-align: center;
}
.content-box-title-two {
padding: 5px 0;
flex: 1;
} }
.content-sam-box { .content-sam-box {
...@@ -187,11 +296,24 @@ ...@@ -187,11 +296,24 @@
} }
.content-box-title-a { .content-box-title-a {
padding: 5px 0; /* padding: 5px 0; */
flex: 1; flex: 1;
margin: 0 10px; color: #FFFFFF;
/* margin: 0 10px; */
background: #3F52B7; background: #3F52B7;
background: url('../../static/myteam/Group1660.png');
background-size: 100%;
border-radius: 5px; border-radius: 5px;
border: 1px solid #fff; border: 1px solid #fff;
} }
/* .content-box-title-b{
padding: 5px 0;
flex: 1;
margin: 0 10px;
background: url('../../static/myteam/Group1662.png');
background-size: auto 100%;
border-radius: 5px;
border: 1px solid #fff;
} */
</style> </style>
pages.json
...@@ -424,7 +424,16 @@ ...@@ -424,7 +424,16 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
},{
"path" : "pages/invitationRegister/invitationlogin",
"style" :
{
"navigationBarTitleText": "邀请登录",
"enablePullDownRefresh": false
} }
},
], ],
// "tabBar": { // "tabBar": {
// "color": "#7A7E83", // tab 上的文字默认颜色 // "color": "#7A7E83", // tab 上的文字默认颜色
......
pages/invitationRegister/invitationRegister.vue
...@@ -7,20 +7,38 @@ ...@@ -7,20 +7,38 @@
<text>欢迎使用CFFP</text> <text>欢迎使用CFFP</text>
</view> </view>
<view class="inviteInfo"> <view class="inviteInfo">
<text>XXX邀请您</text> <text>XXX邀请您申请为</text>
<text>申请为XXXX区域推广人</text> <text>北京区域胜利服务中心事业伙伴</text>
</view> </view>
<view class="register"> <view class="register" @click="ckregister()">
<text>点击注册</text> <text>点击注册</text>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import api from "@/api/api"
export default { export default {
data() { data() {
return { return {
} }
},
onLoad(options) {
console.log(options, 777)
this.getqueryById(options.shareId)
},
methods:{
getqueryById(id){
console.log(id)
api.queryById(id).then(res =>{
console.log(res, 77414)
})
},
ckregister(){
uni.navigateTo({
url:'/pages/invitationRegister/invitationlogin'
})
}
} }
} }
</script> </script>
......
pages/invitationRegister/invitationlogin.vue 0 → 100644
<template>
<view class="content">
<view class="logo">
<image :src="imgSrc" alt="logo" srcset="" class="iconBox" mode="widthFix"></image>
<view>欢迎登录使用CFFP</view>
</view>
<view class="content-login">
<view class="login_title">
{{liginName}}
</view>
<view class="login-text">
<text class="text">{{form.name}}</text>
</view>
<view class="login-text">
<text class="text">{{form.mobile}}</text>
</view>
<view class="login-code">
<!-- <view class="text" style="display: flex;justify-content: space-between;"> -->
<input name="form.code" placeholder="输入验证码" v-model="code" type="number" maxlength="6"/>
<text @click="sendMessage()" :class="{'grey':disabledSendBtn}">{{sendCodeHtml}}</text>
<!-- </view> -->
</view>
<view class="agree">
<label class="radio" style="padding-right: 10rpx;">
<radio :checked="agreeFlag" @click="agreeFlag=!agreeFlag"/></label>
<text>已阅读并同意</text><a href="#">银盾保险经纪服务协议</a><text>和</text><a href="">隐私政策</a>
</view>
<view class="footer" @click="nextstep()">
<text>下一步</text>
</view>
</view>
</view>
</template>
<script>
import api from '../../api/api';
import common from '../../common/common';
export default {
data() {
return {
imgSrc: '../../static/cffp_logo.jpg',
liginName: '登录',
code:　'',
disabledSendBtn:false,
agreeFlag:false,
remainTimes:60,
sendCodeHtml:'获取验证码',
form:{
name: '张麻花',
mobile: '18335619248',
code: ''
}
}
},
methods:{
sendMessage(){
const params = {
mobileNo:this.form.mobile,
type:"1"
}
if(common.mobileNoValid(this.form.mobile) && !this.disabledSendBtn){
api.verificationCode(params).then((res)=>{
console.log(res)
if(res['success']){
this.delayTime()
}
})
}else{
common.errorDialog(2,'手机号校验错误')
}
},
delayTime() {
this.disabledSendBtn = true;
this.timer = setInterval(() => {
this.remainTimes--;
this.sendCodeHtml = `${this.remainTimes}(S)`;
if (this.remainTimes <= 0) {
this.sendCodeHtml = '获取验证码';
this.remainTimes = 60;
this.disabledSendBtn = false;
clearInterval(this.timer);
}
}, 1000);
},
nextstep(){
uni.navigateTo({
url:'/pages/application-process/basic-info'
})
}
}
}
</script>
<style lang="scss">
.content {
height: 100%;
background: #20279B;
border-radius: 0px 0px 0px 0px;
.logo {
text-align: center;
color: #fff;
padding: 60rpx 0;
view {
margin-top: 40rpx;
font-size: 40rpx;
}
.iconBox {
border-radius: 15rpx;
width: 20% !important;
}
}
.content-login {
background-color: #fff;
margin: 0 20rpx;
border-radius: 30rpx;
padding: 40rpx 60rpx;
overflow: hidden;
margin-bottom: 30rpx;
min-height: 65%;
.login_title{
text-align: center;
font-size: 40rpx;
margin-bottom: 60rpx;
}
.login-text{
width: 100%;
border-bottom: 1px solid #CECECE;
padding: 20rpx 0;
.text{
padding: 20rpx;
}
}
.login-code{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #CECECE;
padding: 20rpx;
.grey{
color: #CECECE;
}
}
}
.agree{
font-size: 28rpx;
color:#666;
text-align: center;
margin-top: 40rpx;
a{
color: #20279B;
text-decoration: none;
}
}
.footer{
background: #20279B;
color: #fff;
width: 550rpx;
height: 100rpx;
background: #20279B;
border-radius: 80rpx;
margin: 60rpx auto;
text-align: center;
opacity: 1;
text{
font-size: 36rpx;
line-height: 100rpx;
}
}
}
</style>
pages/inviteJoin/inviteJoin.vue
...@@ -16,7 +16,8 @@ ...@@ -16,7 +16,8 @@
</view> </view>
<view class="liBox"> <view class="liBox">
<text>手机号：</text> <text>手机号：</text>
<text><input v-model="dataForm.mobileNumber" class="uni-input" type="number" maxlength="11" placeholder="手机号" /></text> <text><input v-model="dataForm.mobileNumber" class="uni-input" type="number" maxlength="11"
placeholder="手机号" /></text>
</view> </view>
<view class="liBox"> <view class="liBox">
<text>申请身份：</text> <text>申请身份：</text>
...@@ -29,7 +30,8 @@ ...@@ -29,7 +30,8 @@
<view class="liBox"> <view class="liBox">
<text>所属组织：</text> <text>所属组织：</text>
<text> <text>
<input v-if="isCross==true" v-model="dataForm.areaName" class="uni-input" placeholder="请填写组织名称" /> <input v-if="isCross==true" v-model="dataForm.areaName" class="uni-input"
placeholder="请填写组织名称" />
<picker v-else @change="bindPChange" :value="index" :range="orgList"> <picker v-else @change="bindPChange" :value="index" :range="orgList">
<view class="uni-input">{{ orgList[index]}}</view> <view class="uni-input">{{ orgList[index]}}</view>
</picker> </picker>
...@@ -62,7 +64,7 @@ ...@@ -62,7 +64,7 @@
</view> </view>
<!-- 邀请信息 --> <!-- 邀请信息 -->
<view class="inviteListsBox" v-if="tabType===2"> <view class="inviteListsBox" v-if="tabType===2">
<view class="listUl ulBox" v-for="item in inviteLists" > <view class="listUl ulBox" v-for="item in inviteLists">
<view class="liBox"> <view class="liBox">
<text>姓名：</text> <text>姓名：</text>
<text>{{item.name}}</text> <text>{{item.name}}</text>
...@@ -125,52 +127,52 @@ ...@@ -125,52 +127,52 @@
export default { export default {
data() { data() {
return { return {
dataForm:{ dataForm: {
applyType: '1', //申请类型邀请加盟传 1 申请加盟传 2 applyType: '1', //申请类型邀请加盟传 1 申请加盟传 2
operatStep: '1', // 99:最后一步,1:第一步,2:为第二步该obj 为第一步 operatStep: '1', // 99:最后一步,1:第一步,2:为第二步该obj 为第一步
userId:'1', // 目前Id 为1 userId: '32', // 目前Id 为1
name: '', //姓名 name: '', //姓名
mobileNumber:'', //被邀请人手机号 mobileNumber: '', //被邀请人手机号
partnerLevel:'' ,//被邀请人身份 partnerLevel: '', //被邀请人身份
hasCrossDistrict: '' ,//是否跨区邀请 hasCrossDistrict: '', //是否跨区邀请
areaId: '' ,//所属组织Id areaId: '', //所属组织Id
areaName: '' //所属组织名称 areaName: '' //所属组织名称
}, },
userId:'1', userId: '1',
tabType:1, tabType: 1,
identityArr:['工作室','事业伙伴'], identityArr: ['工作室', '事业伙伴'],
applyIdentity:0, applyIdentity: 0,
index: 0, index: 0,
isCross:true, isCross: true,
inviteLists:[], inviteLists: [],
orgList: [], orgList: [],
queryorgList:[], queryorgList: [],
shareId:'' shareId: ''
}; };
}, },
onLoad() { onLoad() {
this.getqueryOrgList() this.getqueryOrgList()
}, },
methods:{ methods: {
queryorgchange(e){ queryorgchange(e) {
this.orgindex = e.detail.value this.orgindex = e.detail.value
}, },
// 查询组织list // 查询组织list
getqueryOrgList(){ getqueryOrgList() {
let CffpAreaQueryReqVO = { let CffpAreaQueryReqVO = {
userId: this.userId, userId: this.userId,
partnerLevel: this.applyIdentity == 0 ? 'A1' : 'B1' partnerLevel: this.applyIdentity == 0 ? 'A1' : 'B1'
} }
api.queryOrgList(CffpAreaQueryReqVO).then(res=>{ api.queryOrgList(CffpAreaQueryReqVO).then(res => {
if(res['success']){ if (res['success']) {
this.queryorgList = res.data.cffpAreaQuerys this.queryorgList = res.data.cffpAreaQuerys
this.orgList = res.data.cffpAreaQuerys.map((x)=> x.areaName) this.orgList = res.data.cffpAreaQuerys.map((x) => x.areaName)
} }
}) })
}, },
switchTab(type){ switchTab(type) {
this.tabType = type; this.tabType = type;
if(this.tabType===2){ if (this.tabType === 2) {
this.queryInviteList() this.queryInviteList()
} }
}, },
...@@ -180,27 +182,28 @@ ...@@ -180,27 +182,28 @@
// 发起邀请事件 // 发起邀请事件
shareToggle() { shareToggle() {
// uni.navigateTo({ if (this.isCross == true && this.dataForm.areaName == '') {
// url:'/pages/invitationRegister/invitationRegister' if (this.dataForm.name == "" || this.dataForm.mobileNumber == ""|| this.dataForm.areaName =='') {
// })
this.dataForm.partnerLevel = this.applyIdentity == 0 ? 'A1' : 'B1'
this.dataForm.hasCrossDistrict = this.isCross == true ? '1' : '0'
this.dataForm.areaId = this.queryorgList[this.index].areaId
this.dataForm.areaName = this.queryorgList[this.index].areaName
if(this.dataForm.name == "" || this.dataForm.mobileNumber == "" || this.dataForm.areaName == ""){
uni.showToast({ uni.showToast({
title: '请将信息补充完整', title: '请将信息补充完整',
duration: 2000, duration: 2000,
icon: 'none' icon: 'none'
}); });
return return false
} }
}
api.saveApplyInfo(this.dataForm).then(res =>{ this.dataForm.partnerLevel = this.applyIdentity == 0 ? 'A1' : 'B1'
if(res['success']){ this.dataForm.hasCrossDistrict = this.isCross == true ? '1' : '0'
this.dataForm.areaId = this.queryorgList[this.index].areaId
this.dataForm.areaName = this.isCross == false ? this.queryorgList[this.index].areaName : ''
api.saveApplyInfo(this.dataForm).then(res => {
if (res['success']) {
// this.switchTab(2) // this.switchTab(2)
this.$refs.share.open() // this.$refs.share.open()
this.shareId = res.id this.shareId = res.data.id
uni.navigateTo({
url:'/pages/invitationRegister/invitationRegister?shareId=' + this.shareId
})
} }
uni.showToast({ uni.showToast({
title: res['message'], title: res['message'],
...@@ -209,47 +212,49 @@ ...@@ -209,47 +212,49 @@
}); });
}) })
}, },
closeShare(){ closeShare() {
this.$refs.share.close() this.$refs.share.close()
}, },
uniShare(type){ uniShare(type) {
if(type===1){ if (type === 1) {
uni.share({ uni.share({
provider: "weixin", provider: "weixin",
scene: "WXSceneSession", scene: "WXSceneSession",
type: 0, type: 0,
href: "https://mdev.zuihuibi.cn/cffp/?id="+this.shareId, href: "https://mdev.zuihuibi.cn/cffp/?id=" + this.shareId,
title: "uni-app分享", title: "uni-app分享",
summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！", summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
imageUrl: "https://mdev.zuihuibi.cn/cffp/static/cffp_logo.jpg", imageUrl: "https://mdev.zuihuibi.cn/cffp/static/cffp_logo.jpg",
success: function (res) { success: function(res) {
console.log("success:" + JSON.stringify(res)); console.log("success:" + JSON.stringify(res));
}, },
fail: function (err) { fail: function(err) {
console.log("fail:" + JSON.stringify(err)); console.log("fail:" + JSON.stringify(err));
} }
}); });
}else if(type===2){ } else if (type === 2) {
uni.share({ uni.share({
provider: "weixin", provider: "weixin",
scene: "WXSceneTimeline", scene: "WXSceneTimeline",
type: 0, type: 0,
href: "https://mdev.zuihuibi.cn/cffp/", href: "https://mdev.zuihuibi.cn/cffp/?id=" + this.shareId,
title: "uni-app分享", title: "uni-app分享",
summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！", summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
imageUrl: "https://mdev.zuihuibi.cn/cffp/static/cffp_logo.jpg", imageUrl: "https://mdev.zuihuibi.cn/cffp/static/cffp_logo.jpg",
success: function (res) { success: function(res) {
console.log("success:" + JSON.stringify(res)); console.log("success:" + JSON.stringify(res));
}, },
fail: function (err) { fail: function(err) {
console.log("fail:" + JSON.stringify(err)); console.log("fail:" + JSON.stringify(err));
} }
}); });
} }
}, },
queryInviteList(){ queryInviteList() {
api.queryInviteList({userId:this.userId}).then(res=>{ api.queryInviteList({
if(res['success']){ userId: this.userId
}).then(res => {
if (res['success']) {
this.inviteLists = res['data']['data'] this.inviteLists = res['data']['data']
} }
}) })
...@@ -261,26 +266,30 @@ ...@@ -261,26 +266,30 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.container{ .container {
position: relative; position: relative;
height: 100vh; height: 100vh;
.tabTitle{
.tabTitle {
color: #666666; color: #666666;
background-color:#fff; background-color: #fff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
padding: 30rpx 60rpx 0; padding: 30rpx 60rpx 0;
text{
&.actived{ text {
&.actived {
color: #333; color: #333;
border-bottom: 4rpx solid #20269B; border-bottom: 4rpx solid #20269B;
} }
} }
} }
.tabContent{
.tabContent {
margin-top: 10rpx; margin-top: 10rpx;
.ulBox{
.ulBox {
width: 95%; width: 95%;
margin: 0 auto 20rpx; margin: 0 auto 20rpx;
padding: 0.3125rem 1.25rem; padding: 0.3125rem 1.25rem;
...@@ -289,36 +298,45 @@ ...@@ -289,36 +298,45 @@
background-color: #fff; background-color: #fff;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
.liBox{
.liBox {
border-bottom: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;
height: 76rpx; height: 76rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
&:last-child{
border:none; &:last-child {
border: none;
} }
.uni-input{
.uni-input {
text-align: right; text-align: right;
} }
text{
&.success{ text {
&.success {
color: #78C06E; color: #78C06E;
} }
&.fail{
&.fail {
color: #FF0000; color: #FF0000;
} }
} }
.isCrossBox{
.isCrossBox {
display: flex; display: flex;
align-items: center; align-items: center;
view{
view {
display: flex; display: flex;
align-items: center; align-items: center;
&:first-child{
&:first-child {
margin-right: 20rpx; margin-right: 20rpx;
} }
.circle{
.circle {
display: block; display: block;
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
...@@ -327,9 +345,10 @@ ...@@ -327,9 +345,10 @@
position: relative; position: relative;
margin: 4rpx 10rpx 0 10rpx; margin: 4rpx 10rpx 0 10rpx;
} }
&.checked{
.circle{ &.checked {
&::before{ .circle {
&::before {
position: absolute; position: absolute;
content: ''; content: '';
width: 20rpx; width: 20rpx;
...@@ -338,7 +357,7 @@ ...@@ -338,7 +357,7 @@
left: 50%; left: 50%;
top: 50%; top: 50%;
background-color: #20269B; background-color: #20269B;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
} }
} }
} }
...@@ -349,7 +368,8 @@ ...@@ -349,7 +368,8 @@
} }
} }
&.listUl::before{
&.listUl::before {
display: block; display: block;
content: ''; content: '';
position: absolute; position: absolute;
...@@ -361,7 +381,8 @@ ...@@ -361,7 +381,8 @@
border-radius: 8rpx; border-radius: 8rpx;
} }
} }
.sendInvite{
.sendInvite {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 80%; top: 80%;
...@@ -373,27 +394,32 @@ ...@@ -373,27 +394,32 @@
font-size: 36rpx; font-size: 36rpx;
} }
} }
.popup-content{
.popup-content {
font-size: 32rpx; font-size: 32rpx;
color: #666; color: #666;
padding-bottom: 40rpx; padding-bottom: 40rpx;
.shareBox{
.shareBox {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
.shareOptionItem{
.shareOptionItem {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.imgBox{
.imgBox {
width: 100rpx; width: 100rpx;
} }
} }
} }
} }
.popup-footer{
.popup-footer {
color: #666; color: #666;
font-size: 36rpx; font-size: 36rpx;
border-top: 2rpx solid #f0f0f0; border-top: 2rpx solid #f0f0f0;
......
pages/personalCenter/teamMembers/members.vue
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</view> </view>
</view> </view>
<view style="text-align: right;margin: 20px;"> <view style="text-align: right;margin: 20px;">
总合计：43 总合计：{{count}}
</view> </view>
<view class="table-content"> <view class="table-content">
...@@ -26,6 +26,9 @@ ...@@ -26,6 +26,9 @@
}, },
levelName: { levelName: {
type: String type: String
},
count: {
type: String
} }
}, },
components:{ components:{
......
pages/personalCenter/teamMembers/otherteam.vue
<template> <template>
<view class="content"> <view class="content">
<!-- <view class="content-box"> <view class="content-box">
<view class="content-box-title" v-for="item in datatitleList" :key="index"> <view class="content-box-title" v-for="item in datatitleList">
<text class="title">{{item}}</text> <text class="title">{{item}}</text>
</view> </view>
</view> </view>
<view class="content-sam-box" v-for="pointItem in dataList"> <view class="content-sam-box" v-for="pointItem in otherList">
<span class="content-box-title">{{pointItem.title}}</span> <span class="content-box-title">{{pointItem.org}}</span>
<span class="content-box-title">{{pointItem.rank}}</span> <span class="content-box-title">{{pointItem.levelName}}</span>
<span class="content-box-title">{{pointItem.name}}</span> <span class="content-box-title">{{pointItem.name}}</span>
<span class="content-box-title">{{pointItem.recommend}}</span> <span class="content-box-title">{{pointItem.referrer}}</span>
</view> -->
<view class="">
<myteam-table :datatitleList="datatitleList" :dataList="dataList" tabletype="1" type="3"></myteam-table>
</view> </view>
<!-- <view class="">
<myteam-table :datatitleList="datatitleList" :dataList="dataList" tabletype="1" type="3"></myteam-table>
</view> -->
</view> </view>
</template> </template>
<script> <script>
import MyteamTable from '@/components/myteam/myteam-table.vue'; // import MyteamTable from '@/components/myteam/myteam-table.vue';
export default { export default {
props: { props: {
otherList: { otherList: {
...@@ -26,9 +26,9 @@ ...@@ -26,9 +26,9 @@
default: null default: null
} }
}, },
components:{ // components:{
MyteamTable // MyteamTable
}, // },
data() { data() {
return { return {
datatitleList: ['所属组织', '职级', '姓名', '推荐关系'], datatitleList: ['所属组织', '职级', '姓名', '推荐关系'],
...@@ -55,13 +55,13 @@ ...@@ -55,13 +55,13 @@
} }
}, },
mounted() { mounted() {
this.dataList = this.otherList.map((x,index) => ({ // this.dataList = this.otherList.map((x,index) => ({
org:x.org, // org:x.org,
levelName:x.levelName, // levelName:x.levelName,
name: x.name, // name: x.name,
referrer:x.referrer // referrer:x.referrer
})) // }))
console.log(this.otherList, 7778878788) // console.log(this.otherList, 7778878788)
} }
} }
</script> </script>
...@@ -88,6 +88,7 @@ ...@@ -88,6 +88,7 @@
background-color: #fff; background-color: #fff;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 26rpx;
justify-content: space-between; justify-content: space-between;
padding: 10px 0; padding: 10px 0;
color: #333333; color: #333333;
......
pages/personalCenter/teamMembers/teamMembers.vue
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<!-- tab内容 --> <!-- tab内容 -->
<view class="tabContent"> <view class="tabContent">
<view v-if="tabType===1"> <view v-if="tabType===1">
<members v-if="directList" :directList="directList" :levelName = "levelName"></members> <members v-if="directList" :directList="directList" :levelName = "levelName" :count= "count"></members>
</view> </view>
<view v-if="tabType===2"> <view v-if="tabType===2">
<jurisdiction v-if="raiseList" :raiseList="raiseList"></jurisdiction> <jurisdiction v-if="raiseList" :raiseList="raiseList"></jurisdiction>
...@@ -36,7 +36,8 @@ ...@@ -36,7 +36,8 @@
return { return {
tabType: 1, tabType: 1,
userStudyLists: [], userStudyLists: [],
userId: '1', userId: '1111',
count:'',
directList: null, //直属团队数组 directList: null, //直属团队数组
raiseList: null, //所辖团队数组 raiseList: null, //所辖团队数组
otherList: null, // 其他 otherList: null, // 其他
...@@ -58,6 +59,7 @@ ...@@ -58,6 +59,7 @@
console.log(res, 7744) console.log(res, 7744)
if(res['success']){ if(res['success']){
this.levelName = res.data.orgInfo.levelName; this.levelName = res.data.orgInfo.levelName;
this.count = res.data.orgInfo.count;
this.directList = res['data']['directList']; this.directList = res['data']['directList'];
this.raiseList = res['data']['raiseList']; this.raiseList = res['data']['raiseList'];
this.otherList = res['data']['other']; this.otherList = res['data']['other'];
......
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