提交 45957f9c authored 作者: 陆's avatar

完善下级

上级 b57d6eb1
...@@ -75,6 +75,10 @@ ...@@ -75,6 +75,10 @@
align-items: center; align-items: center;
padding: 0.5% 0; padding: 0.5% 0;
} }
.seemore{
text-align: center;
padding: 1% 0;
}
</style> </style>
</head> </head>
<body> <body>
...@@ -126,9 +130,12 @@ ...@@ -126,9 +130,12 @@
<div class="country">{{selflist.country?selflist.country:'暂无'}}</div> <div class="country">{{selflist.country?selflist.country:'暂无'}}</div>
<div class="phone">{{selflist.phone?selflist.phone:'暂无'}}</div> <div class="phone">{{selflist.phone?selflist.phone:'暂无'}}</div>
<div class="email">{{selflist.email?selflist.email:'暂无'}}</div> <div class="email">{{selflist.email?selflist.email:'暂无'}}</div>
<div class="operation"> <div class="operation" v-if="selflist.parentId != null">
<i-button type="warning" @click="getnext(selflist.parentId)"><i class="fa fa-pencil-square-o"></i>返回上级</i-button> <i-button type="warning" @click="getnext(selflist.parentId)"><i class="fa fa-pencil-square-o"></i>返回上级</i-button>
</div> </div>
<div class="operation" v-else>
暂无上级
</div>
</div> </div>
<!--子集--> <!--子集-->
<div class="sonbox"> <div class="sonbox">
...@@ -148,10 +155,10 @@ ...@@ -148,10 +155,10 @@
暂无下级 暂无下级
</div> </div>
</div> </div>
<div class="seemore" v-if="isuserlist"> <div class="seemore" v-if="seemore" @click="lookmore">
查看更多 查看更多
</div> </div>
<div v-else> <div class="seemore" v-else>
没有更多啦 没有更多啦
</div> </div>
</div> </div>
......
...@@ -65,6 +65,8 @@ let vm = new Vue({ ...@@ -65,6 +65,8 @@ let vm = new Vue({
userpage:1,//下级页码 userpage:1,//下级页码
selflist:[],//自己 selflist:[],//自己
sonlist:[],//下级列表 sonlist:[],//下级列表
sonid:'',//查看更多时请求的id
seemore:true,//是否还有更多
}, },
methods: { methods: {
query: function () { query: function () {
...@@ -98,6 +100,7 @@ let vm = new Vue({ ...@@ -98,6 +100,7 @@ let vm = new Vue({
}, },
// 获取下线接口 // 获取下线接口
getnext:function(id){ getnext:function(id){
vm.sonid = id
let url = "../tbcfuserinfo/getUserNetwork?_search=falsec&nd=1615534841220&limit=12&page="+vm.userpage+"&sidx=order_time&order=desc&userId="+id; let url = "../tbcfuserinfo/getUserNetwork?_search=falsec&nd=1615534841220&limit=12&page="+vm.userpage+"&sidx=order_time&order=desc&userId="+id;
Ajax.request({ Ajax.request({
url: url, url: url,
...@@ -107,16 +110,36 @@ let vm = new Vue({ ...@@ -107,16 +110,36 @@ let vm = new Vue({
console.log(r) console.log(r)
if (r.code == 0){ if (r.code == 0){
vm.selflist = r.list.parent vm.selflist = r.list.parent
vm.sonlist = r.list.networks.list if (vm.userpage == 1){
vm.sonlist = r.list.networks.list
}else if(r.list.networks.list.length>0) {
var list = r.list.networks.list
var con = vm.sonlist
for (var i = 0;i<list.length;i++){
con.push(list[i])
}
vm.sonlist = con
}
if (r.list.networks.list.length != 12){
vm.seemore = false
}
} }
} }
}); });
}, },
// 查看更多
lookmore:function(){
vm.userpage = vm.userpage + 1
vm.getnext(vm.sonid)
},
// 关闭下级列表 // 关闭下级列表
closebtn:function (){ closebtn:function (){
vm.isuserlist = false vm.isuserlist = false
vm.userpage = 1
vm.sonid = ''
}, },
saveOrUpdate: function (event) { saveOrUpdate: function (event) {
let url = vm.tbCfUserInfo.userId == null ? "../tbcfuserinfo/save" : "../tbcfuserinfo/update"; let url = vm.tbCfUserInfo.userId == null ? "../tbcfuserinfo/save" : "../tbcfuserinfo/update";
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论