71 lines
1.5 KiB
Vue
71 lines
1.5 KiB
Vue
<template>
|
|
<view class="user-group">
|
|
<tabs :active="active" @change="changeShow">
|
|
<tab v-for="(item, index) in group" :key="index" :title="item.name">
|
|
<group-list v-if="item.isShow" :ref="'group' + item.type" :group-type="item.type"></group-list>
|
|
</tab>
|
|
</tabs>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { groupType } from "@/utils/type";
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
active: "",
|
|
typeStr: "",
|
|
group: [{
|
|
name: '全部',
|
|
type: groupType.ALL,
|
|
isShow: false
|
|
}, {
|
|
name: '拼团中',
|
|
type: groupType.PROGESS,
|
|
isShow: false
|
|
}, {
|
|
name: '拼团成功',
|
|
type: groupType.SUCCESS,
|
|
isShow: false
|
|
}, {
|
|
name: '拼团失败',
|
|
type: groupType.FAIL,
|
|
isShow: false
|
|
}]
|
|
};
|
|
},
|
|
|
|
|
|
|
|
onLoad: function (options) {
|
|
const{group} = this
|
|
let type = options.type || groupType.ALL;
|
|
let index = group.findIndex(item => item.type == type)
|
|
this.changeShow(index);
|
|
},
|
|
|
|
onPullDownRefresh: function () {
|
|
const {active, group} = this
|
|
console.log(this.$refs['group' + group[active].type])
|
|
this.$refs['group' + group[active].type][0].reflesh()
|
|
},
|
|
|
|
onReachBottom: function () {
|
|
const {active, group} = this
|
|
console.log(this.$refs['group' + group[active].type])
|
|
this.$refs['group' + group[active].type][0].getUserGroupFun()
|
|
},
|
|
methods: {
|
|
changeShow(index) {
|
|
if(index != -1) {
|
|
this.active = index
|
|
this.group[index].isShow = true
|
|
}
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
<style>
|
|
|
|
</style> |