Skip to content

C
CFFP-HB
Commit daa4b6aa by sunerhu
Options

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

parent 129e053b
Showing with 411 additions and 74 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
<template> <template>
<view class="concent-footer"> <view class="concent-footer">
<view class="content-box"> <view class="content-box">
<view class="content-box-title" v-for="item in datatitleList"> <view class="content-box-title" v-for="item in datatitleList">
<span class="title">{{item}}</span> <span class="title">{{item}}</span>
</view> </view>
</view> </view>
<!-- // 一级循环 --> <!-- // 一级循环 -->
<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> -->
<view class="" style="display: flex;" v-if="type == '3'"> <!-- <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 {
let CffpOrgInfoReqVO = { if (expand == false) {
id: val.id let CffpOrgInfoReqVO = {
} id: val.id
api.queryTeamDetail(CffpOrgInfoReqVO).then(res => {
if (res['success']) {
this.listtype(index, type, res.data.list)
} }
}) api.queryTeamDetail(CffpOrgInfoReqVO).then(res => {
console.log(res, 88855)
if (res['success']) {
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,21 +7,39 @@ ...@@ -7,21 +7,39 @@
<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/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