2431 lines
59 KiB
Vue
2431 lines
59 KiB
Vue
|
<style lang="scss">
|
|||
|
|
@import "@/font.css";
|
|||
|
|
|
|||
|
|
.flex-1 {
|
|||
|
|
flex: 1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.user_info_box {
|
|||
|
|
|
|||
|
|
.my-name {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
margin: 12rpx 0;
|
|||
|
|
|
|||
|
|
.img {
|
|||
|
|
margin-left: 10rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header {
|
|||
|
|
height: 342rpx;
|
|||
|
|
background-color: red;
|
|||
|
|
// background: url('../../static/images/user/nav_bg.png') center center no-repeat;
|
|||
|
|
|
|||
|
|
.history {
|
|||
|
|
margin-top: 50rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.setting {
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 22;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.share_wrapper {
|
|||
|
|
padding: 20rpx;
|
|||
|
|
margin-top: 10rpx;
|
|||
|
|
border-radius: 20rpx 20rpx 0 0;
|
|||
|
|
background: linear-gradient(90deg, rgb(54, 55, 57), rgb(22, 22, 22));
|
|||
|
|
|
|||
|
|
.left {
|
|||
|
|
.text {
|
|||
|
|
color: gold;
|
|||
|
|
padding-bottom: 20rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn_share {
|
|||
|
|
padding: 10rpx 14rpx;
|
|||
|
|
border-radius: 10rpx;
|
|||
|
|
background: linear-gradient(90deg, #FF5050 0%, #FF9F80 100%);
|
|||
|
|
|
|||
|
|
.text {
|
|||
|
|
margin-right: 4rpx;
|
|||
|
|
font-weight: 300;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.user_id {
|
|||
|
|
text-align: left;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.grade {
|
|||
|
|
color: gold;
|
|||
|
|
background-color: rgb(79, 55, 36);
|
|||
|
|
// width: 140rpx;
|
|||
|
|
border-radius: 30rpx;
|
|||
|
|
padding: 4rpx 16rpx;
|
|||
|
|
margin: 4rpx 0;
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
|
|||
|
|
.zyhs {
|
|||
|
|
margin-right: 6rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.con {
|
|||
|
|
.zyhs {
|
|||
|
|
color: rgb(110, 108, 126);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.grod-item {
|
|||
|
|
|
|||
|
|
// width: auto !important;
|
|||
|
|
// flex: 1 !important;
|
|||
|
|
.zyhs {
|
|||
|
|
padding-bottom: 40rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tabs_item {
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
padding-right: 20rpx;
|
|||
|
|
|
|||
|
|
.left {
|
|||
|
|
margin-right: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
border-right: 1rpx solid #e6e6e6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn_logout {
|
|||
|
|
color: #ffffff;
|
|||
|
|
background-color: #22bd5e;
|
|||
|
|
padding: 18rpx;
|
|||
|
|
border-radius: 40rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
width: 60%;
|
|||
|
|
margin: 40rpx auto 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.scroll_view {
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 100rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn_copy {
|
|||
|
|
padding: 4rpx 26rpx;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
margin-left: 10rpx;
|
|||
|
|
border: 1rpx solid rgb(75, 136, 254);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header_wrapper_size {
|
|||
|
|
min-height: 342rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.top-setting {
|
|||
|
|
position: absolute;
|
|||
|
|
top: calc(var(--status-bar-height) + 45rpx);
|
|||
|
|
left: 80%;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: right;
|
|||
|
|
|
|||
|
|
span {
|
|||
|
|
font-weight: 500;
|
|||
|
|
margin-left: 10rpx;
|
|||
|
|
color: #484848;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
line-height: 40rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header_wrapper {
|
|||
|
|
// min-height: 342rpx;
|
|||
|
|
padding: 0 24rpx;
|
|||
|
|
padding-top: calc(var(--status-bar-height) + 40rpx);
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
/* 头部容器不再使用背景图，避免影响整体页面背景 */
|
|||
|
|
background: none;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 2000;
|
|||
|
|
|
|||
|
|
.header_right {
|
|||
|
|
image {
|
|||
|
|
width: 40rpx;
|
|||
|
|
height: 40rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ic_setting {
|
|||
|
|
margin-left: 24rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header_user_info {
|
|||
|
|
.user_avatar {
|
|||
|
|
width: 120rpx;
|
|||
|
|
height: 120rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background: linear-gradient(90deg, #E2B83C, #FFECB5);
|
|||
|
|
|
|||
|
|
.avatar {
|
|||
|
|
width: 117rpx;
|
|||
|
|
height: 117rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.user_info {
|
|||
|
|
margin-left: 30rpx;
|
|||
|
|
|
|||
|
|
.grade {
|
|||
|
|
color: gold;
|
|||
|
|
background-color: rgb(79, 55, 36);
|
|||
|
|
border-radius: 30rpx;
|
|||
|
|
padding: 2rpx 16rpx;
|
|||
|
|
margin: 4rpx 0;
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
|
|||
|
|
.zyhs {
|
|||
|
|
margin-right: 6rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.user_id {
|
|||
|
|
// width: 128rpx;
|
|||
|
|
height: 28rpx;
|
|||
|
|
background: linear-gradient(90deg, #FFB8B8 0%, rgba(255, 184, 184, 0) 100%);
|
|||
|
|
border-radius: 30rpx;
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn_copy {
|
|||
|
|
padding: 2rpx 16rpx;
|
|||
|
|
font-size: 20rpx;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
margin-left: 10rpx;
|
|||
|
|
border: 1rpx solid #FFB8B8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.identity_vip {
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
padding: 0 16rpx;
|
|||
|
|
height: 32rpx;
|
|||
|
|
background: linear-gradient(360deg, #FBE098 0%, #FFFFFF 100%);
|
|||
|
|
box-shadow: inset 0px 3rpx 6rpx 1rpx rgba(251, 221, 147, 0.41);
|
|||
|
|
border-radius: 30rpx;
|
|||
|
|
opacity: 1;
|
|||
|
|
border: 1rpx solid #E2B83C;
|
|||
|
|
color: #7D4C09;
|
|||
|
|
font-size: 20rpx;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 22rpx;
|
|||
|
|
height: 20rpx;
|
|||
|
|
margin-right: 6rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.identity_partner {
|
|||
|
|
color: #E24A3A;
|
|||
|
|
border: 1rpx solid #FFA298;
|
|||
|
|
background: linear-gradient(360deg, #FFCBCB 0%, #FFFFFF 100%);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my_asset {
|
|||
|
|
margin-top: -30upx;
|
|||
|
|
height: 160rpx;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 2rpx 0 0 2rpx;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
// background: linear-gradient(90deg, #F6BE5E 0%, #FFE7A5 100%);
|
|||
|
|
border-radius: 16px 16px 16px 16px;
|
|||
|
|
opacity: 1;
|
|||
|
|
z-index: 100;
|
|||
|
|
|
|||
|
|
.my_asset_bg {
|
|||
|
|
height: 192upx;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
// background: rgba(255, 208, 90, 0.7);
|
|||
|
|
background-image: url('../../static/images/user/nat_bg_block.png');
|
|||
|
|
background-size: contain;
|
|||
|
|
background-position: center center;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
|
|||
|
|
.my_asset_item {
|
|||
|
|
flex: 1;
|
|||
|
|
padding-left: 30rpx;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 36upx;
|
|||
|
|
font-family: 'Product-Sans-Bold';
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 60rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
margin-right: 18rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
color: rgba(125, 86, 19, 1);
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 10upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
color: rgba(190, 135, 53, 1);
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 10upx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.scroll_wrapper {
|
|||
|
|
width: auto;
|
|||
|
|
padding: 30rpx 24rpx 0 24rpx;
|
|||
|
|
display: block;
|
|||
|
|
|
|||
|
|
.box_bg {
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
box-shadow: 0px 2rpx 10rpx 1rpx rgba(201, 208, 220, 0.2);
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
padding: 6rpx;
|
|||
|
|
opacity: 1;
|
|||
|
|
margin-bottom: 16rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.global-title {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 12rpx;
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
|
|||
|
|
.title-left {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: flex-end;
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 33rpx;
|
|||
|
|
font-style: italic;
|
|||
|
|
color: #808080;
|
|||
|
|
|
|||
|
|
.black-line {
|
|||
|
|
color: #000000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.green-line {
|
|||
|
|
color: #22bd5e;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.grey-line {
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
color: #808080;
|
|||
|
|
padding-left: 8rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title-right {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #808080;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.share_box {
|
|||
|
|
background: #fff;
|
|||
|
|
// background: linear-gradient(312deg, #FFFFFF 0%, #FEE9BD 100%);
|
|||
|
|
border-radius: 14rpx;
|
|||
|
|
opacity: 1;
|
|||
|
|
padding: 18rpx 14rpx;
|
|||
|
|
|
|||
|
|
.text1 {
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #7D4C09;
|
|||
|
|
margin-right: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text2 {
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #BE8735;
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn_share {
|
|||
|
|
width: 128rpx;
|
|||
|
|
height: 48rpx;
|
|||
|
|
float: right;
|
|||
|
|
background: linear-gradient(90deg, #FF5050 0%, #FF9F80 100%);
|
|||
|
|
border-radius: 28rpx;
|
|||
|
|
opacity: 1;
|
|||
|
|
font-weight: 300;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tabs_box {
|
|||
|
|
padding: 0 10rpx;
|
|||
|
|
|
|||
|
|
&:nth-child(2) {
|
|||
|
|
margin-left: 20upx;
|
|||
|
|
margin-right: 20upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tabs_item {
|
|||
|
|
height: 120upx;
|
|||
|
|
margin-left: 5upx;
|
|||
|
|
margin-right: 5upx;
|
|||
|
|
border-radius: 10upx;
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
color: #fff;
|
|||
|
|
font-weight: 400;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
color: #fff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 95rpx;
|
|||
|
|
height: 95rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.border_right {
|
|||
|
|
border-right: 1rpx solid rgba(229, 229, 229, 1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.order_box {
|
|||
|
|
padding: 40rpx 18rpx 40rpx 18rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.manage_box {
|
|||
|
|
padding: 24rpx 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.binguo_box {
|
|||
|
|
padding: 6rpx 0;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
|
|||
|
|
.convButton {
|
|||
|
|
// background: url('../../static/home/shandui.png') no-repeat;
|
|||
|
|
// background-size: 100% 100%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
height: 60rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// .title {
|
|||
|
|
// margin-bottom: 24rpx;
|
|||
|
|
// padding: 0 20rpx;
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
.order_item {
|
|||
|
|
image {
|
|||
|
|
width: 60rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
font-size: 24upx
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
font-size: 24upx;
|
|||
|
|
color: #444444
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-putong {
|
|||
|
|
background: linear-gradient(270deg, #ADADAD 0%, #D0D0D0 100%);
|
|||
|
|
padding: 3upx 20upx;
|
|||
|
|
color: #000000;
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 26upx;
|
|||
|
|
border-radius: 40upx;
|
|||
|
|
margin-left: 5upx;
|
|||
|
|
margin-right: 5upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-box-rate {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
margin: 5upx;
|
|||
|
|
|
|||
|
|
&_left {
|
|||
|
|
background: linear-gradient(132deg, #FFDB67 0%, #FFA915 100%);
|
|||
|
|
;
|
|||
|
|
padding: 5upx 10upx;
|
|||
|
|
border-radius: 30upx;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 22upx;
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 9999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&_right {
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 10;
|
|||
|
|
border: 2rpx solid #FFAC1C;
|
|||
|
|
background: linear-gradient(132deg, #FFF7EF 0%, #FFF2C9 15%, #FFE097 99%);
|
|||
|
|
padding: 4upx 10upx 4upx 30upx;
|
|||
|
|
margin-left: -30upx;
|
|||
|
|
font-size: 25upx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
border-radius: 30upx;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: end;
|
|||
|
|
align-content: center;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 28upx;
|
|||
|
|
height: 28upx;
|
|||
|
|
margin: 0upx 2upx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-box {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
margin: 5upx;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 45upx;
|
|||
|
|
height: 45upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
> view {
|
|||
|
|
background: linear-gradient(270deg, #FFE48E 5%, #FFD164 100%);
|
|||
|
|
padding: 4upx 30upx 4upx 40upx;
|
|||
|
|
margin-left: -30upx;
|
|||
|
|
font-size: 25upx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
border-radius: 30upx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<template>
|
|||
|
|
<z-paging ref="paging" v-model="queryList" @query="pageInit" :auto="false">
|
|||
|
|
<view class="main">
|
|||
|
|
<!-- 页面顶部整幅背景图，占位显示整图 -->
|
|||
|
|
<block v-if="userDetailInfo.nickname">
|
|||
|
|
<image class="page-top-bg-img" src="@/static/my-page/topp.png" mode="widthFix"></image>
|
|||
|
|
</block>
|
|||
|
|
<block v-else>
|
|||
|
|
</block>
|
|||
|
|
<!-- <view class="header_wrapper_size" :style="{ height: sizeHeight + 'px' }">
|
|||
|
|
|
|||
|
|
</view> -->
|
|||
|
|
<view class="header_wrapper" id="headerBox" style="position: relative; z-index: 1;">
|
|||
|
|
<!-- 设置 -->
|
|||
|
|
<view class="top-setting" @click="toNav('/pages/setting/index')">
|
|||
|
|
<image style="width:36rpx;height:36rpx" class="ic_setting"
|
|||
|
|
src="../../static/images/user/shezhi@3x.png" mode=""></image>
|
|||
|
|
<span>设置</span>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<block v-if="userDetailInfo.nickname">
|
|||
|
|
<view class="header_user_info flex">
|
|||
|
|
<view class="user_avatar flex flex-center">
|
|||
|
|
<image :src="filterImg(avatar)" mode="aspectFill" class="avatar"></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="user_info">
|
|||
|
|
<view class="user_info_box">
|
|||
|
|
<view class="my-name">
|
|||
|
|
<view class="font32 line f-b color-b3">
|
|||
|
|
{{ userDetailInfo.nickname }}
|
|||
|
|
</view>
|
|||
|
|
<!-- <block v-for="(item, index) in identity" :key="index">
|
|||
|
|
<view class="img" v-if="item.identityNameCode == 1 && item.identityStatus == 1">
|
|||
|
|
<image style="width:40px;height:20px"
|
|||
|
|
src="../../static/images/user/VIPbiaoqian@3x.png"></image>
|
|||
|
|
</view>
|
|||
|
|
</block> -->
|
|||
|
|
|
|||
|
|
<!-- <view class="flex flex-align-center flex-wrap"> -->
|
|||
|
|
<!-- <view class="icon-box">
|
|||
|
|
<image src="../../static/images/user/lianchuang.png"></image>
|
|||
|
|
<view
|
|||
|
|
style="background: linear-gradient(117deg, #95B1FF 0%, #5078FA 100%);color: #fff;">
|
|||
|
|
联创</view>
|
|||
|
|
</view> -->
|
|||
|
|
<!-- </view> -->
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="flex items-center">
|
|||
|
|
<view class=" flex items-center">
|
|||
|
|
<text class="font24">ID: {{ userDetailInfo.username }}</text>
|
|||
|
|
<view style="font-weight: 600;margin-left: 20rpx;" @click.stop="handlerCopy(userDetailInfo.username)" class=" ">
|
|||
|
|
<image src="../../static/my-page/copy.png" style="width: 24rpx; height: 24rpx; padding-top: 9rpx;"></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex flex-align-center flex-wrap" style="height: 19rpx; padding-top: 6rpx;">
|
|||
|
|
<!-- <view v-if="consumer != null">
|
|||
|
|
<view class="icon-box-rate">
|
|||
|
|
<view class="icon-box-rate_left">消费商</view>
|
|||
|
|
<view class="icon-box-rate_right">
|
|||
|
|
<image src="../../static/images/user/star.png"
|
|||
|
|
v-for="i in consumer.identityStatus"></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view> -->
|
|||
|
|
|
|||
|
|
<!-- <view v-if="identityLoaded && !isVip"> -->
|
|||
|
|
<!-- <block v-if="vipInfo && vipInfo.lockStatus == 0"> -->
|
|||
|
|
<!-- <view class="icon-box">
|
|||
|
|
<image src="../../static/images/user/suodingVIP.png"></image>
|
|||
|
|
<view>VIP</view>
|
|||
|
|
</view> -->
|
|||
|
|
<!-- </block> -->
|
|||
|
|
<!-- <block v-else>
|
|||
|
|
<view class="icon-putong">
|
|||
|
|
普通用户
|
|||
|
|
</view>
|
|||
|
|
</block> -->
|
|||
|
|
<!-- </view> -->
|
|||
|
|
|
|||
|
|
<!-- {{ identity }} -->
|
|||
|
|
<!-- <block v-for="(item, index) in identity" :key="index">
|
|||
|
|
<view v-if="item.identityNameCode == 2 && item.identityStatus == 1">
|
|||
|
|
<view class="icon-box">
|
|||
|
|
<image src="../../static/images/user/lianchuang.png"></image>
|
|||
|
|
<view
|
|||
|
|
style="background: linear-gradient(117deg, #95B1FF 0%, #5078FA 100%);color: #fff;">
|
|||
|
|
联创</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="item.identityNameCode == 3 && item.identityStatus == 1">
|
|||
|
|
<view class="icon-box">
|
|||
|
|
<image src="../../static/images/user/hehuoren.png"></image>
|
|||
|
|
<view
|
|||
|
|
style="background: linear-gradient(270deg, #C7D8FF 0%, #ACC7FF 100%);color: #0030CE;">
|
|||
|
|
合伙人
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="item.identityNameCode == 4 && item.identityStatus == 1">
|
|||
|
|
<view class="icon-box">
|
|||
|
|
<image src="../../static/images/user/fenxiaoshang.png"></image>
|
|||
|
|
<view
|
|||
|
|
style="background:linear-gradient(117deg, #B67DFF 0%, #A260F7 100%);color: #fff;">
|
|||
|
|
分销商</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="item.identityNameCode == 6 && item.identityStatus != 0">
|
|||
|
|
<view class="icon-box">
|
|||
|
|
<image src="../../static/images/tuiguangshang.png"></image>
|
|||
|
|
<view
|
|||
|
|
style="background:linear-gradient(117deg, #0F721C 0%, #B2FFD5 100%);color: #fff;">
|
|||
|
|
推广商 V{{
|
|||
|
|
item.identityStatus }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="item.identityNameCode == 7 && item.identityStatus != 0">
|
|||
|
|
<view class="icon-box">
|
|||
|
|
<image src="../../static/images/shengdaili.png"
|
|||
|
|
v-if="item.identityStatus === 1"></image>
|
|||
|
|
<image src="../../static/images/qudaili.png"
|
|||
|
|
v-if="item.identityStatus === 3"></image>
|
|||
|
|
<image src="../../static/images/shidaili.png"
|
|||
|
|
v-if="item.identityStatus === 2"></image>
|
|||
|
|
<view v-if="item.identityStatus === 3"
|
|||
|
|
style="background: linear-gradient(132deg, #BCD6BF 0%, #ABC1AD 100%);color: #235223;">
|
|||
|
|
区代理
|
|||
|
|
</view>
|
|||
|
|
<view v-if="item.identityStatus === 2"
|
|||
|
|
style="background: linear-gradient(132deg, #E8E7CF 0%, #E4D3BB 100%);color: #41382A;">
|
|||
|
|
市代理
|
|||
|
|
</view>
|
|||
|
|
<view v-if="item.identityStatus === 1"
|
|||
|
|
style="background:linear-gradient(132deg, #E8D4CF 2%, #E4C1BB 100%);color: #681501;">
|
|||
|
|
省代理
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</block> -->
|
|||
|
|
<!-- <block v-if="userDetailInfo.storeIsOpen === 1">
|
|||
|
|
<view class="icon-box">
|
|||
|
|
<image src="../../static/images/user/shangjia.png"></image>
|
|||
|
|
<view
|
|||
|
|
style="background: linear-gradient(132deg, #F6CD6D 0%, #FFE48E 41%, #FFD164 100%); color: #333;">
|
|||
|
|
商家
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</block>
|
|||
|
|
<block v-if="userDetailInfo.systemInfo === 1">
|
|||
|
|
<view class="flex flex-align-center grade font24">
|
|||
|
|
<text style="font-size: 24rpx;" class="zyhs zyhs-id"></text> 系统账户
|
|||
|
|
</view>
|
|||
|
|
</block> -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<u-gap height="36rpx"></u-gap>
|
|||
|
|
<!-- 余额等资产显示 -->
|
|||
|
|
<view class="new_asset wallet-fans">
|
|||
|
|
<view class="asset-item"
|
|||
|
|
@click="goPage('/pages/home/zhongYiWanShangMy')">
|
|||
|
|
<view class="title-box">
|
|||
|
|
<view class="title">
|
|||
|
|
我的资产
|
|||
|
|
</view>
|
|||
|
|
<view class="detail">
|
|||
|
|
<view class="sub-title">
|
|||
|
|
余额等
|
|||
|
|
</view>
|
|||
|
|
<view class="enter">
|
|||
|
|
查看详情
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<image src="../../static/my-page/wallet.png" class="wallet-img"></image>
|
|||
|
|
</view>
|
|||
|
|
<view style="width:30rpx;">
|
|||
|
|
<!-- 中间的间隔 -->
|
|||
|
|
</view>
|
|||
|
|
<view class="wodefensi asset-item" @click="goPage('/pages/user/team')">
|
|||
|
|
<view class="title-box">
|
|||
|
|
<view class="title">
|
|||
|
|
我的粉丝
|
|||
|
|
</view>
|
|||
|
|
<view class="detail">
|
|||
|
|
<!-- <view class="sub-title">
|
|||
|
|
点我
|
|||
|
|
</view> -->
|
|||
|
|
<text class="sub-value">
|
|||
|
|
点击进入>
|
|||
|
|
</text >
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<image src="../../static/my-page/fans.png" class="fans-img"></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</block>
|
|||
|
|
<block v-else>
|
|||
|
|
<view class="flex flex-grow padding-30" style="justify-content: space-between;">
|
|||
|
|
<view class="flex flex-align-center" @click="toNav('/pages/login/login')">
|
|||
|
|
<view>
|
|||
|
|
<image style="width: 95rpx; height: 95rpx; margin-right: 40rpx;"
|
|||
|
|
:src="filterImg(avatar)" mode="aspectFill" class="avatar"></image>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view class="flex flex-align-center">
|
|||
|
|
<text class="font38 line">登录/注册</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</block>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="scroll_wrapper" style="position: relative; z-index: 1;">
|
|||
|
|
<view class="global-title">
|
|||
|
|
<view class="title-left">
|
|||
|
|
<view class="black-line">
|
|||
|
|
我的
|
|||
|
|
</view>
|
|||
|
|
<view class="green-line">
|
|||
|
|
订单
|
|||
|
|
</view>
|
|||
|
|
<view class="grey-line">
|
|||
|
|
/ MY ORDER
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="title-right" @click="goOrder(1)">
|
|||
|
|
全部
|
|||
|
|
<uni-text class="iconfont color-9" style="font-size: 30rpx;"><span></span></uni-text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="box_bg order_box">
|
|||
|
|
<view class="flex flex-between">
|
|||
|
|
<view @click="goOrder(item.status)" class="order_item flex flex-column flex-1 flex-center"
|
|||
|
|
v-for="(item, index) in cuList" :key="index" style="position: relative;">
|
|||
|
|
<image :src="item.icon" mode="" width="40"></image>
|
|||
|
|
<text class="font24 color-b3">{{ item.name }}</text>
|
|||
|
|
<u-badge :offset="[-5, 10]" style="color: #fff;" :absolute="true" type="error" max="99"
|
|||
|
|
:value="item.tip"></u-badge>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 分享好友 -->
|
|||
|
|
<view class="share-box">
|
|||
|
|
<image class="new-banner-img" @click="goPage('/pages/user/invite')"
|
|||
|
|
src="../../static/my-page/share.png" mode="scaleToFill"></image>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- 槟果、闪兑 -->
|
|||
|
|
<!-- <view class="binguo_box" style="background: url('../../static/home/beijing@2x.png') no-repeat; background-size: 100% 100%;">
|
|||
|
|
<view style="display:flex; justify-content: space-between; align-items: center;">
|
|||
|
|
<view style="padding-left: 15rpx;">
|
|||
|
|
<span class="title color-b3 font28 f-b">
|
|||
|
|
我的槟果
|
|||
|
|
</span>
|
|||
|
|
<span style="color:red; font-size: 30rpx;">{{dataInfo.myInteger}}</span>
|
|||
|
|
<span class="color-b3 font28 f-b" style="margin-left: 6rpx;">个</span>
|
|||
|
|
</view>
|
|||
|
|
<view style="padding: 5rpx 15rpx 5rpx 0;">
|
|||
|
|
<button class="convButton" @click="inputDialogToggle">
|
|||
|
|
闪兑
|
|||
|
|
</button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="global-title">
|
|||
|
|
<view class="title-left">
|
|||
|
|
<view class="black-line">
|
|||
|
|
我的
|
|||
|
|
</view>
|
|||
|
|
<view class="green-line">
|
|||
|
|
功能
|
|||
|
|
</view>
|
|||
|
|
<view class="grey-line">
|
|||
|
|
/ MY FUNCTION
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="box_bg manage_box">
|
|||
|
|
<view class="flex">
|
|||
|
|
<view @click="goPage(item.path)" style="width: 25%;"
|
|||
|
|
class="order_item flex flex-column flex-center" v-for="(item, index) in educationList"
|
|||
|
|
:key="index">
|
|||
|
|
<image :src="item.icon" mode=""></image>
|
|||
|
|
<text class="font24 color-b3">{{ item.name }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="global-title">
|
|||
|
|
<view class="title-left">
|
|||
|
|
<view class="black-line">
|
|||
|
|
实用
|
|||
|
|
</view>
|
|||
|
|
<view class="green-line">
|
|||
|
|
工具
|
|||
|
|
</view>
|
|||
|
|
<view class="grey-line">
|
|||
|
|
/ PRATICAL TOOLS
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="box_bg" @click="goPage('/pages/user/authentication/authentication')">
|
|||
|
|
<view class="real-name">
|
|||
|
|
<view class="title-box">
|
|||
|
|
<view class="title">
|
|||
|
|
实名认证
|
|||
|
|
</view>
|
|||
|
|
<view class="detail">
|
|||
|
|
<view class="sub-title">
|
|||
|
|
验证身份 确认信息
|
|||
|
|
</view>
|
|||
|
|
<text class="enter">
|
|||
|
|
前往认证
|
|||
|
|
</text >
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<image src="../../static/my-page/realName.png" mode="scaleToFill" class="real-name-img"></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 槟榔、辣椒相关信息 -->
|
|||
|
|
<block v-if="userDetailInfo.nickname">
|
|||
|
|
<view class="new_asset asset">
|
|||
|
|
<view class="asset-item binglang-lajiao binglang" @click="callbackMethod('goLicai')">
|
|||
|
|
<!-- <view class="asset-item binglang-lajiao"> -->
|
|||
|
|
<view class="title-box">
|
|||
|
|
<view class="title">
|
|||
|
|
南药基地
|
|||
|
|
</view>
|
|||
|
|
<view class="detail">
|
|||
|
|
<view class="assets-box">
|
|||
|
|
<view>槟榔:</view>
|
|||
|
|
<view class="assetsNum">{{ statistics["blNum"] }}</view>
|
|||
|
|
<view>棵</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="enter">
|
|||
|
|
>
|
|||
|
|
</view> -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view class="asset-item binglang-lajiao lajiao" @click="callbackMethod('goChili')">
|
|||
|
|
<!-- <view class="asset-item binglang-lajiao"> -->
|
|||
|
|
<view class="title-box">
|
|||
|
|
<view class="title">
|
|||
|
|
林下经济
|
|||
|
|
</view>
|
|||
|
|
<view class="detail">
|
|||
|
|
<view class="assets-box">
|
|||
|
|
<view>辣椒:</view>
|
|||
|
|
<view class="assetsNum">{{ statistics["ljNum"] }}</view>
|
|||
|
|
<view>棵</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="enter">
|
|||
|
|
>
|
|||
|
|
</view> -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</block>
|
|||
|
|
<block v-else></block>
|
|||
|
|
<view v-if="userDetailInfo.nickname" class="btn_logout flex flex-center" @click="toLogout()">退出登录</view>
|
|||
|
|
<!-- <view class="btn_logout flex flex-center" @click="launchMiniProgram()">打开小程序</view> -->
|
|||
|
|
<!-- 备案信息 -->
|
|||
|
|
<view class="ba-msg">
|
|||
|
|
<view class="msg-item">主办单位：中亿华商（海南）跨境电子商务有限公司</view>
|
|||
|
|
<view class="msg-item">版权所有：中亿华商（海南）跨境电子商务有限公司</view>
|
|||
|
|
<view class="msg-item">
|
|||
|
|
<image class="ba-icon" src="../../static/icon_ba.png" /><text>琼ICP备2022020857号-1</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="msg-item">联系电话：089868715191</view>
|
|||
|
|
</view>
|
|||
|
|
<u-gap height="150rpx"></u-gap>
|
|||
|
|
</view>
|
|||
|
|
<!-- 弹框 -->
|
|||
|
|
<modal v-if="showModal">
|
|||
|
|
<image :src="advertData.ossUrl" mode="widthFix" @click="imgJump"></image>
|
|||
|
|
<text class="iconfont color-w font60" style="margin-top: 20rpx;"
|
|||
|
|
@click="showModal = false"></text>
|
|||
|
|
</modal>
|
|||
|
|
|
|||
|
|
<!-- 闪兑输入框 -->
|
|||
|
|
<uni-popup ref="inputDialog" type="dialog">
|
|||
|
|
<uni-popup-dialog mode="input" :title="dialogTitle" placeholder="请输入兑换资产数量" @confirm="dialogInputConfirm">
|
|||
|
|
</uni-popup-dialog>
|
|||
|
|
</uni-popup>
|
|||
|
|
<!-- 福利红包 -->
|
|||
|
|
<!-- <red-envelopes v-for="(item, i) in redList" :key="i" :data="item" :type="3" :bottom="i === 0 ? 100 : i*80+100"></red-envelopes> -->
|
|||
|
|
|
|||
|
|
<!-- <tabbar></tabbar> -->
|
|||
|
|
</view>
|
|||
|
|
</z-paging>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import iconUser from "@/components/icon-user.vue"
|
|||
|
|
var sweixin = null;
|
|||
|
|
import {
|
|||
|
|
mapMutations,
|
|||
|
|
mapActions,
|
|||
|
|
mapState
|
|||
|
|
} from "vuex"
|
|||
|
|
import {
|
|||
|
|
getMyRecordsStatistics,
|
|||
|
|
} from "@/api/system/user.js";
|
|||
|
|
import modal from "@/components/modal.vue"
|
|||
|
|
import redEnvelopes from "@/components/red-envelopes.vue"
|
|||
|
|
import uniPopup from "@/components/uni-popup/uni-popup.vue"
|
|||
|
|
import tabbar from "@/components/tabbar.vue"
|
|||
|
|
import url from "@/common/http/url.js"
|
|||
|
|
import publics from "@/common/utils/public.js"
|
|||
|
|
import {
|
|||
|
|
integerInfo,
|
|||
|
|
authenticationApi
|
|||
|
|
} from "@/api/system/api.js"
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
modal,
|
|||
|
|
redEnvelopes,
|
|||
|
|
uniPopup,
|
|||
|
|
tabbar,
|
|||
|
|
iconUser
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
integerData: {
|
|||
|
|
integerWorth: 0,
|
|||
|
|
poolBalance: 0
|
|||
|
|
},
|
|||
|
|
dataInfo:{
|
|||
|
|
integerWorth:0,
|
|||
|
|
poolBalance:0,
|
|||
|
|
poolInteger:0,
|
|||
|
|
myInteger:0,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
fruitInfo: null,
|
|||
|
|
dailiInfo: null,
|
|||
|
|
queryList: [],
|
|||
|
|
userDetailInfo: {},
|
|||
|
|
contentHeight: 0,
|
|||
|
|
staticUrl: this.$staticUrl,
|
|||
|
|
avatar: this.$staticUrl + "user/avatar.png",
|
|||
|
|
assetList: [
|
|||
|
|
// {
|
|||
|
|
// name: '贡献值',
|
|||
|
|
// icon: require('../../static/images/user/ic_xfz.png'),
|
|||
|
|
// path: '/pages/user/record/list?title=贡献值&type=getConsumeRecord'
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// name: '绿色积分',
|
|||
|
|
// icon: require('../../static/images/user/ic_green.png'),
|
|||
|
|
// path: '/pages/user/record/list?title=绿色积分&type=getGreenRecord&transferType=2'
|
|||
|
|
// },
|
|||
|
|
{
|
|||
|
|
name: '积分价值',
|
|||
|
|
icon: require('../../static/images/user/ic_xfz.png'),
|
|||
|
|
// path: '/pages/user/record/list?title=贡献值&type=getConsumeRecord'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '分红池总金额',
|
|||
|
|
icon: require('../../static/images/user/ic_green.png'),
|
|||
|
|
// path: '/pages/user/record/list?title=绿色积分&type=getGreenRecord&transferType=2'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '余额',
|
|||
|
|
icon: require('../../static/images/user/ic_balance.png'),
|
|||
|
|
path: '/pages/user/balance/list?title=我的余额&type=getBalanceRecord&transferType=1'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
tabsList: [
|
|||
|
|
//UPDATE: 以下画红线的部分在APP端先隐藏
|
|||
|
|
// {
|
|||
|
|
// name: "管理钱包",
|
|||
|
|
// text: '天天领钱',
|
|||
|
|
// icon: require('../../static/images/user/ic_gold.png'),
|
|||
|
|
// color: 'rgb(75, 136, 254)',
|
|||
|
|
// size: '34',
|
|||
|
|
// path: '/pages/user/record/list?title=管理钱包&type=getWalletRecord&transferType=3'
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// name: "积分统计",
|
|||
|
|
// text: '今日释放',
|
|||
|
|
// icon: require('../../static/images/user/ic_score.png'),
|
|||
|
|
// color: 'rgb(236, 72, 69)',
|
|||
|
|
// size: '40',
|
|||
|
|
// path: '/pages/user/myScore'
|
|||
|
|
// },
|
|||
|
|
{
|
|||
|
|
//UPDATE: 我的团队改名我的粉丝
|
|||
|
|
name: "我的粉丝",
|
|||
|
|
text: '粉丝分红',
|
|||
|
|
icon: require('../../static/images/user/ic_team.png'),
|
|||
|
|
color: 'rgb(253, 178, 114)',
|
|||
|
|
size: '40',
|
|||
|
|
path: "/pages/user/team"
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
toolList: [{
|
|||
|
|
name: "我的资产",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-zichan",
|
|||
|
|
status: 0,
|
|||
|
|
size: '46',
|
|||
|
|
path: '/pages/user/wallet/index'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "地址管理",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-dizhi",
|
|||
|
|
status: 2,
|
|||
|
|
size: '44',
|
|||
|
|
path: '/pages/user/address/index?type=1'
|
|||
|
|
},
|
|||
|
|
// {name: "其他资产", tip: 0, icon: "zyhs-dashanghongbao", status: 3, size: '40'},
|
|||
|
|
{
|
|||
|
|
name: "线下订单",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-xianxiadingdan",
|
|||
|
|
status: 3,
|
|||
|
|
size: '42'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
cuList: [{
|
|||
|
|
name: "待付款",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: require('../../static/images/user/daifukuan@2x.png'),
|
|||
|
|
status: 2,
|
|||
|
|
size: '40'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "待发货",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: require('../../static/images/user/daifahuo@2x.png'),
|
|||
|
|
status: 3,
|
|||
|
|
size: '40'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "待收货",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: require('../../static/images/user/daishouhuo@2x.png'),
|
|||
|
|
status: 4,
|
|||
|
|
size: '42'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "待评价",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: require('../../static/images/user/daipingjia@2x.png'),
|
|||
|
|
status: 5,
|
|||
|
|
size: '42'
|
|||
|
|
},
|
|||
|
|
// {
|
|||
|
|
// name: "线下订单",
|
|||
|
|
// tip: 0,
|
|||
|
|
// icon: require('../../static/images/user/xianxiadingdan@2x.png'),
|
|||
|
|
// status: 6,
|
|||
|
|
// size: '42'
|
|||
|
|
// }
|
|||
|
|
],
|
|||
|
|
shopManageList: [
|
|||
|
|
// {
|
|||
|
|
// name: "商家打赏",
|
|||
|
|
// tip: 0,
|
|||
|
|
// icon: require('../../static/images/user/shangjiadashang@3x.png'),
|
|||
|
|
// status: 3,
|
|||
|
|
// size: '40',
|
|||
|
|
// type: 3,
|
|||
|
|
// path: "reward"
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// name: "商家提现",
|
|||
|
|
// tip: 0,
|
|||
|
|
// icon: require('../../static/images/user/shangjiatixian@3x.png'),
|
|||
|
|
// status: 3,
|
|||
|
|
// size: '44',
|
|||
|
|
// type: 4,
|
|||
|
|
// path: '/pages/user/wallet/index?type=3&assetAccount=0'
|
|||
|
|
// }
|
|||
|
|
],
|
|||
|
|
educationList: [
|
|||
|
|
{
|
|||
|
|
name: "公司介绍",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: require('../../static/my-page/func-yzyh.png'),
|
|||
|
|
status: 0,
|
|||
|
|
size: '46',
|
|||
|
|
path: '/pages/user/education/index?title=应知应会'
|
|||
|
|
},
|
|||
|
|
// {
|
|||
|
|
// name: "精彩课程",
|
|||
|
|
// tip: 0,
|
|||
|
|
// icon: require('../../static/my-page/func-jckc.png'),
|
|||
|
|
// status: 2,
|
|||
|
|
// size: '44',
|
|||
|
|
// path: '/pages/user/education/index?title=精彩课程'
|
|||
|
|
// },
|
|||
|
|
{
|
|||
|
|
name: "发展历程",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: require('../../static/my-page/func-fgs.png'),
|
|||
|
|
status: 3,
|
|||
|
|
size: '40',
|
|||
|
|
path: '/pages/user/education/index?title=分公司'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
practicalList: [
|
|||
|
|
{
|
|||
|
|
name: "水果卡",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: require('../../static/images/user/shuiguoka@3x.png'),
|
|||
|
|
status: 2,
|
|||
|
|
size: '38',
|
|||
|
|
path: '/pages/user/Fruit/index'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "我的收藏",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: require('../../static/images/user/wodeshoucang@3x.png'),
|
|||
|
|
status: 0,
|
|||
|
|
size: '46',
|
|||
|
|
path: '/pages/user/collect'
|
|||
|
|
},
|
|||
|
|
// {
|
|||
|
|
// name: "系统设置",
|
|||
|
|
// tip: 0,
|
|||
|
|
// icon: require('../../static/images/user/ic_syssetting.png'),
|
|||
|
|
// status: 2,
|
|||
|
|
// size: '38',
|
|||
|
|
// path: '/pages/setting/index'
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// name: "银行卡管理",
|
|||
|
|
// tip: 0,
|
|||
|
|
// icon: require('../../static/images/user/ic_card_manage.png'),
|
|||
|
|
// status: 2,
|
|||
|
|
// size: '38',
|
|||
|
|
// path: '/pages/user/payment/list?type=3&coupon=true'
|
|||
|
|
// },
|
|||
|
|
{
|
|||
|
|
name: "水果券",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: require('../../static/images/user/shuiguoquan@3x.png'),
|
|||
|
|
status: 2,
|
|||
|
|
size: '38',
|
|||
|
|
path: '/pages/user/balance/list?title=水果券&type=getFruitRecord&transferType=5'
|
|||
|
|
// path: '/pages/user/Fruit/index?type=3&coupon=true'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "实名认证",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: require('../../static/images/user/shimingrenzheng@3x.png'),
|
|||
|
|
status: 2,
|
|||
|
|
size: '38',
|
|||
|
|
path: '/pages/user/authentication/authentication'
|
|||
|
|
// path: '/pages/user/Fruit/index?type=3&coupon=true'
|
|||
|
|
},
|
|||
|
|
// {
|
|||
|
|
// name: "充值",
|
|||
|
|
// tip: 0,
|
|||
|
|
// icon: require('../../static/ic_recharge.png'),
|
|||
|
|
// status: 2,
|
|||
|
|
// size: '38',
|
|||
|
|
// path: '/pages/user/balance/recharge'
|
|||
|
|
// }
|
|||
|
|
],
|
|||
|
|
servicePhone: "",
|
|||
|
|
cbfcAcountData: {},
|
|||
|
|
teamTotal: 0,
|
|||
|
|
balance: 0,
|
|||
|
|
cardsTotal: 0,
|
|||
|
|
showModal: false,
|
|||
|
|
advertData: false,
|
|||
|
|
redList: [],
|
|||
|
|
mobileList: [],
|
|||
|
|
threeData: [],
|
|||
|
|
platform: uni.getSystemInfoSync().platform,
|
|||
|
|
uniPlatform: uni.getSystemInfoSync().uniPlatform,
|
|||
|
|
configAppstoreHidePage: false,
|
|||
|
|
wxBtnHeight: 20,
|
|||
|
|
scrollTop: 516 / uni.getStorageSync('dpi') + 44 + uni.getStorageSync('system').statusBarHeight,
|
|||
|
|
loading: true,
|
|||
|
|
identity: [],
|
|||
|
|
isVip: false,
|
|||
|
|
vipInfo: {},
|
|||
|
|
consumer: null,
|
|||
|
|
identityLoaded: false,
|
|||
|
|
sizeHeight: 342 / uni.getStorageSync('dpi'),
|
|||
|
|
sweixin: '',
|
|||
|
|
dialogTitle:"",
|
|||
|
|
|
|||
|
|
// 槟榔、辣椒资产
|
|||
|
|
statistics: {
|
|||
|
|
blNum: 0,
|
|||
|
|
ljNum: 0
|
|||
|
|
},
|
|||
|
|
authInfo: {}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onPullDownRefresh() {
|
|||
|
|
console.log('666666')
|
|||
|
|
this.init();
|
|||
|
|
this.$store.dispatch('getMyAsset');
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
...mapState(["userInfo", "myAsset", "sysTem", "isLogin"])
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
|
|||
|
|
// #ifdef MP-WEIXIN
|
|||
|
|
this.wxBtnHeight = wx.getMenuButtonBoundingClientRect().height
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
|
|||
|
|
this.wxBtnHeight = uni.getStorageSync('system').statusBarHeight + 10
|
|||
|
|
|
|||
|
|
// this.scrollTop = 516/uni.getStorageSync('dpi') + 44;
|
|||
|
|
// #endif
|
|||
|
|
// 广告弹框
|
|||
|
|
this.$http("GET", url.cms.advertisingMap, {
|
|||
|
|
position: 8
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.data && res.data.length > 0) {
|
|||
|
|
this.advertData = res.data[0]
|
|||
|
|
if (this.advertData.popupMode === 2) {
|
|||
|
|
if (!publics.advertShowToStorage(this.advertData.id)) {
|
|||
|
|
this.showModal = true
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
this.showModal = true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
console.log('**********************', this.userDetailInfo);
|
|||
|
|
console.log('***********************', uni.getStorageSync("userInfo"));
|
|||
|
|
this.userDetailInfo = uni.getStorageSync("userInfo") || {};
|
|||
|
|
if (this.userDetailInfo.username) this.loading = false
|
|||
|
|
console.log('this.wxBtnHeight', this.userDetailInfo)
|
|||
|
|
this.getHeaderHeight();
|
|||
|
|
// if (!this.userDetailInfo.username) {
|
|||
|
|
// this.getHeaderHeight(); this.loading = false;
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
this.init()
|
|||
|
|
this.getRedBagList()
|
|||
|
|
this.getUserIdentity()
|
|||
|
|
// this.getMyAsset();
|
|||
|
|
this.$store.dispatch('getMyAsset');
|
|||
|
|
// 获取 苹果应用商店需要隐藏的页面和功能模块 配置
|
|||
|
|
if (this.platform === "ios" && this.uniPlatform === 'app') {
|
|||
|
|
this.$http("GET", url.common.appstoreHidePage).then(res => {
|
|||
|
|
console.log(this.platform)
|
|||
|
|
if (res.data) {
|
|||
|
|
this.configAppstoreHidePage = res.data.keyValue === "1" ? false : true
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else { //其它设备则显示
|
|||
|
|
this.configAppstoreHidePage = true
|
|||
|
|
}
|
|||
|
|
this.checkToken();
|
|||
|
|
this.getMyTotalRecord();
|
|||
|
|
},
|
|||
|
|
async onShow() {
|
|||
|
|
console.log('**********************')
|
|||
|
|
this.userDetailInfo = this.userInfo;
|
|||
|
|
if (this.userDetailInfo.username) this.loading = false
|
|||
|
|
console.log('this.wxBtnHeight', this.userDetailInfo)
|
|||
|
|
this.init()
|
|||
|
|
this.getRedBagList()
|
|||
|
|
this.getUserIdentity()
|
|||
|
|
this.getDataInfo()
|
|||
|
|
// this.getMyAsset();
|
|||
|
|
this.$store.dispatch('getMyAsset');
|
|||
|
|
// 获取 苹果应用商店需要隐藏的页面和功能模块 配置
|
|||
|
|
if (this.platform === "ios" && this.uniPlatform === 'app') {
|
|||
|
|
this.$http("GET", url.common.appstoreHidePage).then(res => {
|
|||
|
|
console.log(this.platform)
|
|||
|
|
if (res.data) {
|
|||
|
|
this.configAppstoreHidePage = res.data.keyValue === "1" ? false : true
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else { //其它设备则显示
|
|||
|
|
this.configAppstoreHidePage = true
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
await this.checkToken();
|
|||
|
|
await this.getMyTotalRecord();
|
|||
|
|
},
|
|||
|
|
onBackPress() {
|
|||
|
|
//隐藏到后台，不退出app
|
|||
|
|
let main = plus.android.runtimeMainActivity();
|
|||
|
|
main.moveTaskToBack(false);
|
|||
|
|
return true;
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
...mapMutations(["setUserInfo", "logout"]),
|
|||
|
|
checkToken() {
|
|||
|
|
this.$http("GET", "/user/userCache").then((res) => {
|
|||
|
|
if (!res.data) {
|
|||
|
|
this.logout();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
async authentication() {
|
|||
|
|
let res = await authenticationApi();
|
|||
|
|
this.authInfo = res
|
|||
|
|
},
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
launchMiniProgram() {
|
|||
|
|
//需调用plus.share.getServices获取微信分享服务对象
|
|||
|
|
plus.share.getServices((s) => {
|
|||
|
|
let sweixin = {};
|
|||
|
|
for (let i = 0; i < s.length; i++) {
|
|||
|
|
let share = s[i];
|
|||
|
|
if (share.id === 'weixin') {
|
|||
|
|
sweixin = share
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//小程序参数，必填
|
|||
|
|
let WeixinMiniProgramOptions = {
|
|||
|
|
id: 'gh_eada252706e7',
|
|||
|
|
path: '/pages/me/index' //可指定打开的页面
|
|||
|
|
}
|
|||
|
|
sweixin ? sweixin.launchMiniProgram(WeixinMiniProgramOptions) : plus.nativeUI.alert(
|
|||
|
|
'当前环境不支持微信操作!');
|
|||
|
|
}, function(e) {
|
|||
|
|
console.log("获取分享服务列表失败：" + e.message);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// #endif
|
|||
|
|
getDataInfo() {
|
|||
|
|
integerInfo().then((res)=>{
|
|||
|
|
this.dataInfo = res
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
async getMyTotalRecord() {
|
|||
|
|
let ljRes = await getMyRecordsStatistics({
|
|||
|
|
type:1
|
|||
|
|
});
|
|||
|
|
let blRes = await getMyRecordsStatistics({
|
|||
|
|
type:2
|
|||
|
|
});
|
|||
|
|
if (ljRes.code == 200) {
|
|||
|
|
for (let key in ljRes.data) {
|
|||
|
|
if (key == "辣椒") this.statistics.ljNum = ljRes.data[key];
|
|||
|
|
}
|
|||
|
|
console.log("res", this.statistics);
|
|||
|
|
}
|
|||
|
|
if (blRes.code == 200) {
|
|||
|
|
for (let key in blRes.data) {
|
|||
|
|
if (key == "槟榔") this.statistics.blNum = blRes.data[key];
|
|||
|
|
}
|
|||
|
|
console.log("res", this.statistics);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
callbackMethod(val) {
|
|||
|
|
if (val == 'goLicai') {
|
|||
|
|
this.goLicai()
|
|||
|
|
} else if (val == 'goChili') {
|
|||
|
|
this.goChili()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
goLicai() {
|
|||
|
|
try {
|
|||
|
|
this.$http('GET', '/user/userCache').then(res => {
|
|||
|
|
if (res.data) {
|
|||
|
|
this.$http('GET', url.user.getUserIdentity)
|
|||
|
|
.then(({ code, data }) => {
|
|||
|
|
if (code == 200) {
|
|||
|
|
uni.hideLoading()
|
|||
|
|
const _ = data.find(item => item.identityNameCode == 1)
|
|||
|
|
this.goPage('/pages/licai/mine/index')
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.catch(() => uni.hideLoading())
|
|||
|
|
} else {
|
|||
|
|
uni.hideLoading()
|
|||
|
|
this.logout()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} catch (e) {
|
|||
|
|
//TODO handle the exception
|
|||
|
|
uni.hideLoading()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
goChili () {
|
|||
|
|
try {
|
|||
|
|
this.$http('GET', '/user/userCache').then(res => {
|
|||
|
|
if (res.data) {
|
|||
|
|
this.$http('GET', url.user.getUserIdentity)
|
|||
|
|
.then(({ code, data }) => {
|
|||
|
|
if (code == 200) {
|
|||
|
|
uni.hideLoading()
|
|||
|
|
const _ = data.find(item => item.identityNameCode == 1)
|
|||
|
|
if (!!_ && _.identityStatus == 1) {
|
|||
|
|
//是会员
|
|||
|
|
this.goPage('/pages/chili/mine/index')
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: 'VIP身份才可入驻',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.catch(() => uni.hideLoading())
|
|||
|
|
} else {
|
|||
|
|
uni.hideLoading()
|
|||
|
|
this.logout()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} catch (e) {
|
|||
|
|
//TODO handle the exception
|
|||
|
|
uni.hideLoading()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
handlerRight() {
|
|||
|
|
console.log('222')
|
|||
|
|
},
|
|||
|
|
getGrade() {
|
|||
|
|
const index = 1;
|
|||
|
|
return {
|
|||
|
|
// this.consumer.identityStatus
|
|||
|
|
icon: require(`../../static/images/user/my/xiaofei${index}.png`)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
reset() {
|
|||
|
|
console.log('**********************', this.userDetailInfo);
|
|||
|
|
console.log('***********************', uni.getStorageSync("userInfo"));
|
|||
|
|
this.userDetailInfo = uni.getStorageSync("userInfo") || {};
|
|||
|
|
if (this.userDetailInfo.username) this.loading = false
|
|||
|
|
console.log('this.wxBtnHeight', this.userDetailInfo)
|
|||
|
|
this.getHeaderHeight();
|
|||
|
|
// if (!this.userDetailInfo.username) {
|
|||
|
|
// this.getHeaderHeight(); this.loading = false;
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
this.init()
|
|||
|
|
this.getRedBagList()
|
|||
|
|
// this.getUserIdentity()
|
|||
|
|
this.getMyAsset();
|
|||
|
|
this.$store.dispatch('getMyAsset');
|
|||
|
|
// 获取 苹果应用商店需要隐藏的页面和功能模块 配置
|
|||
|
|
if (this.platform === "ios" && this.uniPlatform === 'app') {
|
|||
|
|
this.$http("GET", url.common.appstoreHidePage).then(res => {
|
|||
|
|
console.log(this.platform)
|
|||
|
|
if (res.data) {
|
|||
|
|
this.configAppstoreHidePage = res.data.keyValue === "1" ? false : true
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else { //其它设备则显示
|
|||
|
|
this.configAppstoreHidePage = true
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
getUserIdentity() {
|
|||
|
|
this.$http("GET", url.user.getUserIdentity).then(({
|
|||
|
|
code,
|
|||
|
|
data
|
|||
|
|
}) => {
|
|||
|
|
|
|||
|
|
if (code == 200) {
|
|||
|
|
this.identity = []
|
|||
|
|
data.map((item) => {
|
|||
|
|
if (item.identityStatus >= 1) this.identity.push(item);
|
|||
|
|
this.isVip = data.some((item) => {
|
|||
|
|
return item.identityNameCode == 1 && item.identityStatus == 1
|
|||
|
|
});
|
|||
|
|
this.vipInfo = data.find((item) => {
|
|||
|
|
return item.identityNameCode == 1 && item.identityStatus == 0
|
|||
|
|
})
|
|||
|
|
this.consumer = data.find((item) => {
|
|||
|
|
return item.identityNameCode == 5 && item.identityStatus > 0
|
|||
|
|
})
|
|||
|
|
//水果卡
|
|||
|
|
this.fruitInfo = data.find((item) => {
|
|||
|
|
return item.identityNameCode == 7 && item.identityStatus > 0
|
|||
|
|
})
|
|||
|
|
// 代理商
|
|||
|
|
this.dailiInfo = data.find((item) => {
|
|||
|
|
return item.identityNameCode == 6 && item.identityStatus > 0
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
console.log('this.identity', this.identity)
|
|||
|
|
this.getDataInfo()
|
|||
|
|
this.identityLoaded = true
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handlerCopy(str) {
|
|||
|
|
uni.setClipboardData({
|
|||
|
|
data: str,
|
|||
|
|
success: () => {
|
|||
|
|
this.$msg('复制成功')
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
async getMyAsset() {
|
|||
|
|
this.$http("GET", url.user.getMyAsset).then(async (res) => {
|
|||
|
|
let {
|
|||
|
|
code,
|
|||
|
|
data
|
|||
|
|
} = res;
|
|||
|
|
console.log('res', res)
|
|||
|
|
if (code == 200) {
|
|||
|
|
data.forEach((item) => {
|
|||
|
|
if (item.assetAccount == null) item.assetAccount = 0;
|
|||
|
|
})
|
|||
|
|
this.myAsset = data;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getHeaderHeight() {
|
|||
|
|
let query = uni.createSelectorQuery().in(this);
|
|||
|
|
setTimeout(() => {
|
|||
|
|
console.log('this.sysTem', this.sysTem)
|
|||
|
|
console.log('this.sysTem.statusBarHeight', this.sysTem.statusBarHeight)
|
|||
|
|
query.select('#headerBox').boundingClientRect(data => {
|
|||
|
|
console.log('=============', data);
|
|||
|
|
this.scrollTop = data.height + 44 + uni.getStorageSync('system').statusBarHeight;
|
|||
|
|
this.contentHeight = this.sysTem.screenHeight - (this.sysTem.statusBarHeight + data
|
|||
|
|
.height)
|
|||
|
|
console.log('this.contentHeight', this.contentHeight)
|
|||
|
|
this.sizeHeight = data.height;
|
|||
|
|
}).exec();
|
|||
|
|
}, 100)
|
|||
|
|
},
|
|||
|
|
async goPage(path) {
|
|||
|
|
console.log(this.isLogin)
|
|||
|
|
if (!this.isLogin) return this.$msg("请先登录", 2000);
|
|||
|
|
if (path.indexOf('getWalletRecord') >= 0) {
|
|||
|
|
this.$http("GET", url.asset.checkManageIdentity).then(({
|
|||
|
|
code,
|
|||
|
|
data
|
|||
|
|
}) => {
|
|||
|
|
if (code == 200) {
|
|||
|
|
if (data) this.toNav(path);
|
|||
|
|
else this.$msg("您不是商家", 2000)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (path.indexOf('authentication') >= 0) {
|
|||
|
|
try {
|
|||
|
|
const res = await authenticationApi();
|
|||
|
|
this.authInfo = res
|
|||
|
|
if (res.status == 3) {
|
|||
|
|
this.$navigateTo('/pages/user/authentication/authentication')
|
|||
|
|
} else {
|
|||
|
|
this.$navigateTo('/pages/user/authentication/result')
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
this.$msg('获取认证信息失败，请稍后重试')
|
|||
|
|
}
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (path == 'service') this.onContact();
|
|||
|
|
else if (path == 'merchants') this.toMerchants();
|
|||
|
|
else this.toNav(path)
|
|||
|
|
},
|
|||
|
|
//退出登录
|
|||
|
|
toLogout() {
|
|||
|
|
let that = this;
|
|||
|
|
uni.showModal({
|
|||
|
|
title: "提示",
|
|||
|
|
content: '确定要退出登陆么',
|
|||
|
|
success: e => {
|
|||
|
|
if (e.confirm) {
|
|||
|
|
|
|||
|
|
// this.$store.dispatch('logout')
|
|||
|
|
that.logout();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 红包福利
|
|||
|
|
getRedBagList() {
|
|||
|
|
this.$http("GET", url.cms.redEnvelopesList).then(res => {
|
|||
|
|
this.redList = res.data
|
|||
|
|
if (res.data.length > 0) {
|
|||
|
|
this.redList.map(v => {
|
|||
|
|
v.show = true
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
async pageInit(pageNo, pageSize) {
|
|||
|
|
console.log('**********************')
|
|||
|
|
this.userDetailInfo = this.userInfo;
|
|||
|
|
if (this.userDetailInfo.username) this.loading = false
|
|||
|
|
console.log('this.wxBtnHeight', this.userDetailInfo)
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
await this.init()
|
|||
|
|
await this.getRedBagList()
|
|||
|
|
await this.getUserIdentity()
|
|||
|
|
// this.getMyAsset();
|
|||
|
|
this.$store.dispatch('getMyAsset');
|
|||
|
|
// 获取 苹果应用商店需要隐藏的页面和功能模块 配置
|
|||
|
|
if (this.platform === "ios" && this.uniPlatform === 'app') {
|
|||
|
|
await this.$http("GET", url.common.appstoreHidePage).then(res => {
|
|||
|
|
console.log(this.platform)
|
|||
|
|
if (res.data) {
|
|||
|
|
this.configAppstoreHidePage = res.data.keyValue === "1" ? false : true
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else { //其它设备则显示
|
|||
|
|
this.configAppstoreHidePage = true
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 由于这是用户页面，不需要分页数据，所以传入空数组表示没有更多数据
|
|||
|
|
this.$refs.paging.complete([]);
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('pageInit error:', error);
|
|||
|
|
// 如果出错，传入false表示加载失败
|
|||
|
|
this.$refs.paging.complete(false);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
async init() {
|
|||
|
|
// 获取收藏、足迹、关注、优惠券数量
|
|||
|
|
await this.$http("GET", url.user.cbfcAcount).then(res => {
|
|||
|
|
this.cbfcAcountData = res.data
|
|||
|
|
})
|
|||
|
|
// 获取订单状态数量
|
|||
|
|
await this.$http("GET", url.order.getOrderAmount).then(res => {
|
|||
|
|
this.cuList[0].tip = res.data.unpaid
|
|||
|
|
this.cuList[1].tip = res.data.ongoing
|
|||
|
|
this.cuList[2].tip = res.data.waitReceived
|
|||
|
|
this.cuList[3].tip = res.data.evaluated
|
|||
|
|
this.cuList[4].tip = res.data.used + res.data.notUsed
|
|||
|
|
})
|
|||
|
|
// // 获取团队总数
|
|||
|
|
// await this.$http("GET", url.user.getTeamList, {
|
|||
|
|
// pageSize: 1
|
|||
|
|
// }).then(res => {
|
|||
|
|
// this.teamTotal = res.data.total
|
|||
|
|
// })
|
|||
|
|
// 获取卡包总数
|
|||
|
|
await this.$http("GET", url.user.getUserCards, {
|
|||
|
|
pageSize: 1
|
|||
|
|
}).then(res => {
|
|||
|
|
this.cardsTotal = res.data.total
|
|||
|
|
})
|
|||
|
|
// 获取用户信息
|
|||
|
|
await this.getUserInfo()
|
|||
|
|
// 获取钱包余额
|
|||
|
|
await this.$http('GET', url.user.getWalletInfo).then(res => {
|
|||
|
|
// this.balance = res.data.balance
|
|||
|
|
})
|
|||
|
|
// 获取客服信息
|
|||
|
|
await this.$http("GET", url.common.customerService).then(res => {
|
|||
|
|
let mobileList = res.data.mobile
|
|||
|
|
mobileList.map(v => {
|
|||
|
|
v.type = "电话"
|
|||
|
|
})
|
|||
|
|
let qqList = res.data.qq
|
|||
|
|
qqList.map(v => {
|
|||
|
|
v.type = "QQ"
|
|||
|
|
})
|
|||
|
|
let wechatList = res.data.wechat
|
|||
|
|
wechatList.map(v => {
|
|||
|
|
v.type = "微信"
|
|||
|
|
})
|
|||
|
|
this.mobileList = wechatList.concat(qqList).concat(mobileList)
|
|||
|
|
})
|
|||
|
|
// 获取第三方服务比例
|
|||
|
|
await this.$http("GET", url.common.threeProportion).then(res => {
|
|||
|
|
this.threeData = res.data
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getUserInfo() {
|
|||
|
|
this.$http("GET", url.user.getUserInfoBasic).then(res => {
|
|||
|
|
this.setUserInfo(res.data)
|
|||
|
|
this.userDetailInfo = res.data
|
|||
|
|
this.avatar = res.data.headPortrait
|
|||
|
|
this.loading = false
|
|||
|
|
this.getHeaderHeight();
|
|||
|
|
if (!this.avatar && res.data.userResources) {
|
|||
|
|
let userResources = res.data.userResources
|
|||
|
|
userResources.forEach(v => {
|
|||
|
|
if (v.type === 0) {
|
|||
|
|
this.avatar = v.ossUrl
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
this.setIMInfo(res.data)
|
|||
|
|
}
|
|||
|
|
uni.stopPullDownRefresh()
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 同步聊天头像及昵称
|
|||
|
|
setIMInfo(res) {
|
|||
|
|
if (res) {
|
|||
|
|
uni.$TUIKit.updateMyProfile({
|
|||
|
|
nick: res.nickname,
|
|||
|
|
avatar: this.avatar,
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
getScale(code) {
|
|||
|
|
if (!code || this.threeData.length === 0) return
|
|||
|
|
let scale = null
|
|||
|
|
this.threeData.forEach(v => {
|
|||
|
|
if (v.keyCode === code) {
|
|||
|
|
scale = v.remarks
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
return scale
|
|||
|
|
},
|
|||
|
|
showThreeItem(code) {
|
|||
|
|
if (!code || this.threeData.length === 0) return
|
|||
|
|
let show = false
|
|||
|
|
this.threeData.forEach(v => {
|
|||
|
|
if (v.keyCode === code) {
|
|||
|
|
show = v.keyValue === "1" ? true : false
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
return show
|
|||
|
|
},
|
|||
|
|
filterImg(img) {
|
|||
|
|
return publics.filterImgUrl(img, 1)
|
|||
|
|
},
|
|||
|
|
callPhoto(phone) {
|
|||
|
|
uni.makePhoneCall({
|
|||
|
|
phoneNumber: phone
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
goUser(imAccount) {
|
|||
|
|
this.$navigateTo("/pages/interaction/user?userId=" + imAccount)
|
|||
|
|
this.closePopup()
|
|||
|
|
},
|
|||
|
|
toAgent() {
|
|||
|
|
if (this.userDetailInfo.distributorIsOpen === 1) {
|
|||
|
|
this.toNav("/pages/agent/index")
|
|||
|
|
} else {
|
|||
|
|
this.$http("GET", url.distributor.getApplyInfo).then(res => {
|
|||
|
|
// status: 1=审核中，2=审核通过，3=审核失败
|
|||
|
|
if (!res.data) {
|
|||
|
|
this.toNav("/pages/agent/apply")
|
|||
|
|
} else if (res.data.status === 2) {
|
|||
|
|
this.toNav("/pages/agent/index")
|
|||
|
|
} else {
|
|||
|
|
uni.setStorageSync("examineData", res.data)
|
|||
|
|
this.toNav("/pages/merchants/settleIn/result")
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* item.type === 1 商家入住
|
|||
|
|
* item.type === 2 商家管理
|
|||
|
|
* item.type === 3 商家打赏
|
|||
|
|
* item.type === 4 商家提现
|
|||
|
|
*
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
merchantMenuClick(item) {
|
|||
|
|
if (!this.isLogin) return this.$msg("请先登录", 2000);
|
|||
|
|
const {
|
|||
|
|
storeIsOpen
|
|||
|
|
} = this.userDetailInfo || {};
|
|||
|
|
switch (item.type) {
|
|||
|
|
case 1:
|
|||
|
|
if (!this.isVip) return this.$msg("您不是会员")
|
|||
|
|
if (storeIsOpen) {
|
|||
|
|
this.toMerchants('edit')
|
|||
|
|
// this.$msg("商家已入驻，请进入商家管理", 2000)
|
|||
|
|
} else {
|
|||
|
|
this.toMerchants()
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 2:
|
|||
|
|
if (!this.isVip) return this.$msg("您不是会员")
|
|||
|
|
if (!storeIsOpen) {
|
|||
|
|
this.$msg("请先商家入驻", 2000)
|
|||
|
|
} else {
|
|||
|
|
this.toMerchants()
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 3:
|
|||
|
|
if (!storeIsOpen) return this.$msg("您不是商家")
|
|||
|
|
this.toNav("/pages/merchants/reward/reward")
|
|||
|
|
break;
|
|||
|
|
case 4:
|
|||
|
|
if (!storeIsOpen) return this.$msg("您不是商家")
|
|||
|
|
this.toNav(item.path)
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
this.$msg("暂未开放", 2000)
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
toMerchants(type) {
|
|||
|
|
this.$http("GET", url.store.getApplyInfo).then(res => {
|
|||
|
|
// status: 1=审核中，2=审核通过，3=审核失败
|
|||
|
|
if (!res.data) {
|
|||
|
|
this.toNav("/pages/merchants/settleIn/step")
|
|||
|
|
} else if (res.data.status === 2) { // 审核通过
|
|||
|
|
if (type == 'edit') this.toNav("/pages/merchants/settleIn/indexCopy?type=edit");
|
|||
|
|
else this.toNav("/pages/merchants/home");
|
|||
|
|
} else if (res.data.status === 1) { // 审核中
|
|||
|
|
uni.setStorageSync("examineData", res.data)
|
|||
|
|
this.toNav("/pages/merchants/settleIn/result")
|
|||
|
|
} else { //审核失败
|
|||
|
|
uni.setStorageSync("examineData", res.data)
|
|||
|
|
this.toNav("/pages/merchants/settleIn/result")
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 客服电话
|
|||
|
|
onContact() {
|
|||
|
|
if (this.mobileList.length === 0) return
|
|||
|
|
let _this = this
|
|||
|
|
let itemList = []
|
|||
|
|
let phoneList = []
|
|||
|
|
this.mobileList.map(v => {
|
|||
|
|
itemList.push(`[${v.type}]${v.name}(${v.keyValue})`)
|
|||
|
|
phoneList.push(v.keyValue)
|
|||
|
|
})
|
|||
|
|
uni.showActionSheet({
|
|||
|
|
itemList: itemList,
|
|||
|
|
success(res) {
|
|||
|
|
if (itemList[res.tapIndex].indexOf("QQ") > -1) {
|
|||
|
|
_this.$onCopy(phoneList[res.tapIndex])
|
|||
|
|
_this.$msg("QQ号已复制, 请打开QQ添加客服联系", 2000)
|
|||
|
|
} else if (itemList[res.tapIndex].indexOf("微信") > -1) {
|
|||
|
|
_this.$onCopy(phoneList[res.tapIndex])
|
|||
|
|
_this.$msg("微信号已复制, 请打开微信添加客服联系", 2000)
|
|||
|
|
} else {
|
|||
|
|
uni.makePhoneCall({
|
|||
|
|
phoneNumber: phoneList[res.tapIndex]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 扫一扫
|
|||
|
|
scanCode() {
|
|||
|
|
let _this = this
|
|||
|
|
uni.scanCode({
|
|||
|
|
scanType: ["qrCode"],
|
|||
|
|
success: function(res) {
|
|||
|
|
console.log('条码内容：' + res.result);
|
|||
|
|
let result = res.result
|
|||
|
|
// 判断内容是url,并且存在data
|
|||
|
|
if ((result.indexOf("https") > -1 || result.indexOf("http") > -1) && result.indexOf(
|
|||
|
|
"data") > -1) {
|
|||
|
|
let reg = new RegExp("(^|&)data=([^&]*)(&|$)");
|
|||
|
|
let json = result.substr(1).match(reg)
|
|||
|
|
try {
|
|||
|
|
let r = JSON.parse(json[2])
|
|||
|
|
if (r && r.type && r.data) {
|
|||
|
|
if (r.type === 99) {
|
|||
|
|
_this.$navigateTo("/pages/interaction/user?userId=" + r.data)
|
|||
|
|
} else {
|
|||
|
|
uni.setStorageSync("codeResultData", r)
|
|||
|
|
_this.$navigateTo("scan/index")
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
_this.$msg("暂不支持扫码该类型二维码，目前只支持扫商户收款码付款", 5000)
|
|||
|
|
}
|
|||
|
|
} catch (err) {
|
|||
|
|
_this.$msg("暂不支持扫码该类型二维码，目前只支持扫商户收款码付款", 5000)
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
_this.$msg("暂不支持扫码该类型二维码，目前只支持扫商户收款码付款", 5000)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
goOrder(status) {
|
|||
|
|
if (!this.isLogin) return this.$msg("请先登录", 2000);
|
|||
|
|
let url = "/pages/order/index"
|
|||
|
|
if (status) {
|
|||
|
|
url = url + "?status=" + status
|
|||
|
|
}
|
|||
|
|
this.toNav(url)
|
|||
|
|
},
|
|||
|
|
toNav(path) {
|
|||
|
|
console.log('path', path)
|
|||
|
|
if (!this.isLogin && path.indexOf('login') < 0) return this.$msg("请先登录", 2000);
|
|||
|
|
if (!path) return this.$msg('暂未开放')
|
|||
|
|
this.$navigateTo(path)
|
|||
|
|
},
|
|||
|
|
imgJump() {
|
|||
|
|
this.showModal = false
|
|||
|
|
this.$http("POST", url.cms.clickAdvertisingMap, {
|
|||
|
|
id: this.advertData.id
|
|||
|
|
})
|
|||
|
|
publics.advertOption(this.advertData.operationCode, this.advertData.operationValue)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.main {
|
|||
|
|
background-color: #f5f6fa;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 顶部整幅背景图，使用图片元素按宽度自适应，完整展示弧形 */
|
|||
|
|
.page-top-bg-img {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
z-index: 0;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* #ifdef H5 */
|
|||
|
|
.page-top-bg-img {
|
|||
|
|
margin-top: -70rpx; /* 只在H5端生效，往上移动 */
|
|||
|
|
}
|
|||
|
|
/* #endif */
|
|||
|
|
|
|||
|
|
/* #ifdef APP-PLUS */
|
|||
|
|
.page-top-bg-img {
|
|||
|
|
/* 在 APP 端，按状态栏高度向上偏移，抵消系统状态栏造成的位移 */
|
|||
|
|
margin-top: 0rpx;
|
|||
|
|
}
|
|||
|
|
/* #endif */
|
|||
|
|
|
|||
|
|
.header {
|
|||
|
|
// height: 300rpx;
|
|||
|
|
padding: 0 20rpx 20rpx 20rpx;
|
|||
|
|
background: linear-gradient(180deg, #F6D5D2, #FFFFFF);
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
|
|||
|
|
.avatar {
|
|||
|
|
width: 100rpx;
|
|||
|
|
height: 100rpx;
|
|||
|
|
background-color: white;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
margin-right: 30rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.six {
|
|||
|
|
margin-top: 10rpx;
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
border-radius: 10rpx;
|
|||
|
|
padding: 0 10rpx 10rpx;
|
|||
|
|
line-height: 28rpx;
|
|||
|
|
border: 2rpx solid white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.yellow {
|
|||
|
|
background: linear-gradient(to bottom, #b69700 0%, #c66d00 100%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.green {
|
|||
|
|
background: linear-gradient(to bottom, #38b948 0%, #238300 100%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.orange {
|
|||
|
|
background: linear-gradient(to bottom, #be5b00 0%, #ff9400 100%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.redd {
|
|||
|
|
background: linear-gradient(to bottom, #dc4839 0%, #e20b3b 100%);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.con {
|
|||
|
|
padding: 0 20rpx;
|
|||
|
|
padding-top: 30rpx;
|
|||
|
|
background-color: rgb(242, 242, 242);
|
|||
|
|
border-radius: 40rpx 40rpx 0 0;
|
|||
|
|
|
|||
|
|
.culist {
|
|||
|
|
background-color: white;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
padding: 0 30rpx;
|
|||
|
|
padding-top: 20rpx;
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
border-bottom: 2rpx solid #eee;
|
|||
|
|
padding-bottom: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.pad {
|
|||
|
|
padding: 30rpx 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.grod {
|
|||
|
|
border-radius: 14rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
padding-bottom: 30rpx;
|
|||
|
|
|
|||
|
|
&-item {
|
|||
|
|
width: 20%;
|
|||
|
|
margin-top: 30rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
flex-direction: column;
|
|||
|
|
position: relative;
|
|||
|
|
|
|||
|
|
.img {
|
|||
|
|
width: 60rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon {
|
|||
|
|
font-size: 50rpx;
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tips {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 80rpx;
|
|||
|
|
top: -20rpx;
|
|||
|
|
color: white;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
padding: 0 14rpx;
|
|||
|
|
border-radius: 50rpx;
|
|||
|
|
z-index: 9;
|
|||
|
|
background-color: #CA0400;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.flex-start {
|
|||
|
|
padding: 30rpx 0 0;
|
|||
|
|
|
|||
|
|
.grod-item {
|
|||
|
|
justify-content: flex-start !important;
|
|||
|
|
margin-bottom: 30rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.history {
|
|||
|
|
padding-top: 0;
|
|||
|
|
background-color: rgba($color: #fff, $alpha: 0) !important;
|
|||
|
|
margin: 0;
|
|||
|
|
margin-top: 50rpx;
|
|||
|
|
// margin-bottom: 50rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list {
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
|
|||
|
|
&-item {
|
|||
|
|
height: 110rpx;
|
|||
|
|
padding: 0 30rpx;
|
|||
|
|
border-radius: 14rpx;
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
|
|||
|
|
.icon {
|
|||
|
|
width: 40rpx;
|
|||
|
|
height: 40rpx;
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.carousel-section {
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
padding: 0;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
|
|||
|
|
.carousel {
|
|||
|
|
width: 48%;
|
|||
|
|
height: 220upx;
|
|||
|
|
|
|||
|
|
.img {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.swiper-dots {
|
|||
|
|
left: 45upx;
|
|||
|
|
bottom: 40upx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.third {
|
|||
|
|
padding-bottom: 100rpx;
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
|
|||
|
|
.xian {
|
|||
|
|
margin: 0 40rpx;
|
|||
|
|
color: #C0C0C0;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.grid {
|
|||
|
|
flex-flow: wrap;
|
|||
|
|
display: flex;
|
|||
|
|
background-color: white;
|
|||
|
|
border-radius: 14rpx;
|
|||
|
|
|
|||
|
|
&-item {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
width: 226rpx;
|
|||
|
|
padding: 30rpx 0;
|
|||
|
|
border-right: 2rpx solid #f5f5f5;
|
|||
|
|
border-bottom: 2rpx solid #f5f5f5;
|
|||
|
|
|
|||
|
|
.icon {
|
|||
|
|
font-size: 50rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.name {
|
|||
|
|
margin-top: 10rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #666666;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup {
|
|||
|
|
width: 600rpx;
|
|||
|
|
background-color: white;
|
|||
|
|
padding: 30rpx;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
|
|||
|
|
.img {
|
|||
|
|
width: 120rpx;
|
|||
|
|
height: 120rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
margin-right: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #F8D247;
|
|||
|
|
border: 2rpx solid #F8D247;
|
|||
|
|
border-radius: 6rpx;
|
|||
|
|
padding: 4rpx 20rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.fixed {
|
|||
|
|
// position: fixed;
|
|||
|
|
// bottom: 30rpx;
|
|||
|
|
// left: 0;
|
|||
|
|
// right: 0;
|
|||
|
|
margin-top: 80rpx;
|
|||
|
|
margin-bottom: 50rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
flex-direction: column;
|
|||
|
|
|
|||
|
|
.p1 {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.p2 {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ba-msg {
|
|||
|
|
font-size: 12rpx;
|
|||
|
|
transform: scale(.8);
|
|||
|
|
line-height: 60rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
color: rgba(0, 0, 0, .6);
|
|||
|
|
|
|||
|
|
.msg-item {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ba-icon {
|
|||
|
|
width: 26rpx;
|
|||
|
|
height: 26rpx;
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.share-box {
|
|||
|
|
padding: 24rpx 0 36rpx 0;
|
|||
|
|
height: 160rpx;
|
|||
|
|
position: relative;
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
|
|||
|
|
.new-banner-img {
|
|||
|
|
position: absolute; top: 0; right: 0; bottom: 0; left: 0;
|
|||
|
|
width: 100%; height: 100%;
|
|||
|
|
object-fit: cover;
|
|||
|
|
object-position: center;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.new_asset {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
height: 214rpx;
|
|||
|
|
// padding: 24rpx 24rpx;
|
|||
|
|
|
|||
|
|
.asset-item {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
width: 320rpx;
|
|||
|
|
background-color: hsla(0, 0%, 100%, 0.973);
|
|||
|
|
border-radius: 24rpx;
|
|||
|
|
position: relative;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-position: right bottom;
|
|||
|
|
|
|||
|
|
&.binglang {
|
|||
|
|
background-image: url('../../static/my-page/binglang.png');
|
|||
|
|
background-size: 43% auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&.lajiao {
|
|||
|
|
background-image: url('../../static/my-page/lajiao.png');
|
|||
|
|
background-size: 40% 80%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.fans-img {
|
|||
|
|
padding-right: 6rpx;
|
|||
|
|
flex: 1;
|
|||
|
|
align-self: flex-end;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 70%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.wallet-img {
|
|||
|
|
padding: 0 10rpx 10rpx 10rpx;
|
|||
|
|
flex: 1;
|
|||
|
|
align-self: flex-end;
|
|||
|
|
width: 90%;
|
|||
|
|
height: 75%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.binglang-lajiao {
|
|||
|
|
width: 342rpx;
|
|||
|
|
box-shadow: 0px 2rpx 10rpx 1rpx rgba(90, 123, 180, 0.2);
|
|||
|
|
|
|||
|
|
.title-box {
|
|||
|
|
.detail {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
.enter {
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
padding: 0 12rpx 3rpx 12rpx;
|
|||
|
|
margin-top: 6rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.assets-box {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: baseline;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
flex: 1 1 auto;
|
|||
|
|
min-width: 0;
|
|||
|
|
> view:first-child,
|
|||
|
|
> view:last-child {
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
color: #808080;
|
|||
|
|
|
|||
|
|
.assetsNum {
|
|||
|
|
flex: 1 1 auto;
|
|||
|
|
min-width: 0;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 33rpx;
|
|||
|
|
color: red;
|
|||
|
|
padding: 0 6rpx 0 6rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.wallet-fans {
|
|||
|
|
padding: 24rpx 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.asset {
|
|||
|
|
height: 165rpx;
|
|||
|
|
padding-top: 6rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title-box {
|
|||
|
|
padding: 30rpx 0 30rpx 30rpx;
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.detail {
|
|||
|
|
padding-top: 12rpx;
|
|||
|
|
|
|||
|
|
.sub-title {
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #808080;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sub-value {
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: #999999;
|
|||
|
|
margin-top: 27rpx;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.enter {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #ffffff;
|
|||
|
|
margin-top: 10rpx;
|
|||
|
|
padding: 0 18rpx 3rpx 18rpx;
|
|||
|
|
background-color: #22bd5e;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
margin-top: 24rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.real-name {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.real-name-img {
|
|||
|
|
flex: 1;
|
|||
|
|
width: 100rpx;
|
|||
|
|
height: 180rpx;
|
|||
|
|
object-fit: cover;
|
|||
|
|
object-position: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title-box {
|
|||
|
|
flex: 1;
|
|||
|
|
padding: 20rpx 0 20rpx 30rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.wodefensi .title-box .title {
|
|||
|
|
padding-top: 15rpx;
|
|||
|
|
}
|
|||
|
|
</style>
|