|
|
@ -6,16 +6,15 @@ |
|
|
|
<view class="overview"> |
|
|
|
<view class="title">我的推荐人</view> |
|
|
|
<view class="card flex referrer"> |
|
|
|
<!-- todo: 换回接口提供的 --> |
|
|
|
<image class="avatar" src="https://thumbnail0.baidupcs.com/thumbnail/a4166d65fm1072cc3d763d59df8feb8a?fid=3983569511-250528-247083465710867&time=1742544000&rt=sh&sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-8%2Bjq3Cl0GcBe8y3JIzmmJnNofiY%3D&expires=8h&chkv=0&chkbd=0&chkpc=&dp-logid=8765802821729992500&dp-callid=0&file_type=0&size=c850_u580&quality=100&vuk=-&ft=video"></image> |
|
|
|
<image class="avatar" :src="userInfoVip.pidInfo.headImage"></image> |
|
|
|
<view class="referrer-info"> |
|
|
|
<view> |
|
|
|
<view class="nick-name">裂变星1号</view> |
|
|
|
<view>{{ `ID:${12345678}` }}</view> |
|
|
|
<view class="nick-name">{{ userInfoVip.pidInfo.nickName }}</view> |
|
|
|
<view>{{ `ID:${userInfoVip.pidInfo.id}` }}</view> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="phone-label">手机号</view> |
|
|
|
<view>15234567891</view> |
|
|
|
<view>{{ userInfoVip.pidInfo.phone }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -23,21 +22,20 @@ |
|
|
|
<image class="bg" src="../static/center/overview-bg.png"></image> |
|
|
|
|
|
|
|
<view class="flex flex-column summary-info"> |
|
|
|
<!-- todo: 换回接口提供的 --> |
|
|
|
<view class="flex summary-info-total"> |
|
|
|
<view class="flex flex-column"> |
|
|
|
<view class="value">100</view> |
|
|
|
<view class="value">{{ userInfoVip.user_sum }}</view> |
|
|
|
<view class="label">推荐总人数(人)</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="flex summary-info-detail"> |
|
|
|
<view class="flex flex-column"> |
|
|
|
<view class="label">直接推荐(人)</view> |
|
|
|
<view class="value">90</view> |
|
|
|
<view class="value">{{ userInfoVip.j_sum }}</view> |
|
|
|
</view> |
|
|
|
<view class="flex flex-column"> |
|
|
|
<view class="label">间接推荐(人)</view> |
|
|
|
<view class="value">10</view> |
|
|
|
<view class="value">{{ userInfoVip.z_sum }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -75,18 +73,18 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="card flex list-item" |
|
|
|
v-for="item in recordList.records" |
|
|
|
v-for="item in list" |
|
|
|
:key="item.id" |
|
|
|
> |
|
|
|
<image class="avatar" :src="item.avatarUrl"></image> |
|
|
|
<image class="avatar" :src="item.headImage"></image> |
|
|
|
<view class="flex" style="flex: 1; justify-content: space-between;"> |
|
|
|
<view class="flex flex-column left"> |
|
|
|
<view class="highlight">{{ item.nickName }}</view> |
|
|
|
<view>{{ item.roleName }}</view> |
|
|
|
<view>{{ getRoleDesc(item.role) }}</view> |
|
|
|
</view> |
|
|
|
<view class="flex flex-column right"> |
|
|
|
<view>{{ item.createTime }}</view> |
|
|
|
<view>{{ item.createDate }}</view> |
|
|
|
<view>{{ $dayjs(item.createTime).format('HH:mm:ss') }}</view> |
|
|
|
<view>{{ $dayjs(item.createDate).format('YYYY-MM-DD') }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -95,9 +93,12 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { mapState } from 'vuex' |
|
|
|
import mixinsList from '@/mixins/list.js' |
|
|
|
import suspendDropdown from '@/components/base/suspendDropdown.vue' |
|
|
|
|
|
|
|
export default { |
|
|
|
mixins : [mixinsList], |
|
|
|
components: { |
|
|
|
suspendDropdown, |
|
|
|
}, |
|
|
@ -120,105 +121,40 @@ |
|
|
|
value: 1, |
|
|
|
}, |
|
|
|
], |
|
|
|
recordList: { |
|
|
|
records: [ |
|
|
|
{ |
|
|
|
id: '001', |
|
|
|
avatarUrl: 'https://thumbnail0.baidupcs.com/thumbnail/a4166d65fm1072cc3d763d59df8feb8a?fid=3983569511-250528-247083465710867&time=1742544000&rt=sh&sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-8%2Bjq3Cl0GcBe8y3JIzmmJnNofiY%3D&expires=8h&chkv=0&chkbd=0&chkpc=&dp-logid=8765802821729992500&dp-callid=0&file_type=0&size=c850_u580&quality=100&vuk=-&ft=video', |
|
|
|
nickName: '裂变星1号', |
|
|
|
roleName: '普通会员', |
|
|
|
createDate: '2025年2月15日', |
|
|
|
createTime: '12:56:48', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '002', |
|
|
|
avatarUrl: 'https://thumbnail0.baidupcs.com/thumbnail/a4166d65fm1072cc3d763d59df8feb8a?fid=3983569511-250528-247083465710867&time=1742544000&rt=sh&sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-8%2Bjq3Cl0GcBe8y3JIzmmJnNofiY%3D&expires=8h&chkv=0&chkbd=0&chkpc=&dp-logid=8765802821729992500&dp-callid=0&file_type=0&size=c850_u580&quality=100&vuk=-&ft=video', |
|
|
|
nickName: '裂变星1号', |
|
|
|
roleName: '代理商', |
|
|
|
createDate: '2025年2月15日', |
|
|
|
createTime: '12:56:48', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '003', |
|
|
|
avatarUrl: 'https://thumbnail0.baidupcs.com/thumbnail/a4166d65fm1072cc3d763d59df8feb8a?fid=3983569511-250528-247083465710867&time=1742544000&rt=sh&sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-8%2Bjq3Cl0GcBe8y3JIzmmJnNofiY%3D&expires=8h&chkv=0&chkbd=0&chkpc=&dp-logid=8765802821729992500&dp-callid=0&file_type=0&size=c850_u580&quality=100&vuk=-&ft=video', |
|
|
|
nickName: '裂变星1号', |
|
|
|
roleName: '普通会员', |
|
|
|
createDate: '2025年2月15日', |
|
|
|
createTime: '12:56:48', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '004', |
|
|
|
avatarUrl: 'https://thumbnail0.baidupcs.com/thumbnail/a4166d65fm1072cc3d763d59df8feb8a?fid=3983569511-250528-247083465710867&time=1742544000&rt=sh&sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-8%2Bjq3Cl0GcBe8y3JIzmmJnNofiY%3D&expires=8h&chkv=0&chkbd=0&chkpc=&dp-logid=8765802821729992500&dp-callid=0&file_type=0&size=c850_u580&quality=100&vuk=-&ft=video', |
|
|
|
nickName: '裂变星1号', |
|
|
|
roleName: '代理商', |
|
|
|
createDate: '2025年2月15日', |
|
|
|
createTime: '12:56:48', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '005', |
|
|
|
avatarUrl: 'https://thumbnail0.baidupcs.com/thumbnail/a4166d65fm1072cc3d763d59df8feb8a?fid=3983569511-250528-247083465710867&time=1742544000&rt=sh&sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-8%2Bjq3Cl0GcBe8y3JIzmmJnNofiY%3D&expires=8h&chkv=0&chkbd=0&chkpc=&dp-logid=8765802821729992500&dp-callid=0&file_type=0&size=c850_u580&quality=100&vuk=-&ft=video', |
|
|
|
nickName: '裂变星1号', |
|
|
|
roleName: '普通会员', |
|
|
|
createDate: '2025年2月15日', |
|
|
|
createTime: '12:56:48', |
|
|
|
}, |
|
|
|
], |
|
|
|
total: 0, |
|
|
|
}, |
|
|
|
// recordList: { |
|
|
|
// records: [], |
|
|
|
// total: 0, |
|
|
|
// }, |
|
|
|
state: -1, |
|
|
|
queryParams: { |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 10, |
|
|
|
role: null, |
|
|
|
state: 0, |
|
|
|
}, |
|
|
|
sliderBgUrl: 'https://thumbnail0.baidupcs.com/thumbnail/5128034cfj9ac619ca072da4706a6c90?fid=3983569511-250528-294545550145327&time=1742536800&rt=sh&sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-iqtAvQatpPXXyCeN8GEAHhPMHEM%3D&expires=8h&chkv=0&chkbd=0&chkpc=&dp-logid=8764190582084176609&dp-callid=0&file_type=0&size=c850_u580&quality=100&vuk=-&ft=video' |
|
|
|
// todo |
|
|
|
sliderBgUrl: 'https://thumbnail0.baidupcs.com/thumbnail/5128034cfj9ac619ca072da4706a6c90?fid=3983569511-250528-294545550145327&time=1742536800&rt=sh&sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-iqtAvQatpPXXyCeN8GEAHhPMHEM%3D&expires=8h&chkv=0&chkbd=0&chkpc=&dp-logid=8764190582084176609&dp-callid=0&file_type=0&size=c850_u580&quality=100&vuk=-&ft=video', |
|
|
|
mixinsListApi : 'getUserInfoVipList', |
|
|
|
} |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
this.orderPage() |
|
|
|
}, |
|
|
|
//滚动到屏幕底部 |
|
|
|
onReachBottom() { |
|
|
|
if(this.queryParams.pageSize < this.recordList.total){ |
|
|
|
this.queryParams.pageSize += 10 |
|
|
|
this.orderPage() |
|
|
|
} |
|
|
|
computed: { |
|
|
|
...mapState(['userInfo', 'userInfoVip']), |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
this.$store.commit('getUserInfoVip') |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
orderPage(){ |
|
|
|
// todo |
|
|
|
return |
|
|
|
let queryParams = { |
|
|
|
...this.queryParams, |
|
|
|
} |
|
|
|
if(this.state != -1){ |
|
|
|
queryParams.state = this.state |
|
|
|
} |
|
|
|
this.$api('orderPage', queryParams, res => { |
|
|
|
if(res.code == 200){ |
|
|
|
this.recordList = res.result |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
getRoleDesc(role) { |
|
|
|
return this.roleOptions.find(item => item.value == role)?.label |
|
|
|
}, |
|
|
|
//点击tab栏 |
|
|
|
clickTabs(e) { |
|
|
|
const { index } = e |
|
|
|
if (index == 0) { |
|
|
|
this.state = -1; |
|
|
|
} else { |
|
|
|
this.state = index - 1; |
|
|
|
} |
|
|
|
this.queryParams.state = e.index |
|
|
|
this.queryParams.pageNo = 1 |
|
|
|
this.queryParams.pageSize = 10 |
|
|
|
this.orderPage() |
|
|
|
this.getData() |
|
|
|
}, |
|
|
|
onRoleChange(role) { |
|
|
|
// todo |
|
|
|
|
|
|
|
// fetch list |
|
|
|
if (role === null) { |
|
|
|
delete this.queryParams.role |
|
|
|
} else { |
|
|
|
this.queryParams.role = role |
|
|
|
} |
|
|
|
this.getData() |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
|