1280 lines
35 KiB
Vue
1280 lines
35 KiB
Vue
|
<style lang="scss">
|
|||
|
|
.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, rgb(247, 246, 231), rgb(249, 220, 178));
|
|||
|
|
|
|||
|
|
.text {
|
|||
|
|
margin-right: 4rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.nick_name {
|
|||
|
|
color: #000;
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.user_id {
|
|||
|
|
margin-left: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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: red;
|
|||
|
|
background-color: #fff;
|
|||
|
|
padding: 20rpx;
|
|||
|
|
border-radius: 40rpx;
|
|||
|
|
margin-top: 40rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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);
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<template>
|
|||
|
|
<view class="main">
|
|||
|
|
<u-navbar bgColor="transparent" leftIconSize="0"></u-navbar>
|
|||
|
|
<view id="header" class="header flex flex-align-center">
|
|||
|
|
<view class="flex-grow " style="justify-content: space-between;" v-if="userDetailInfo.username">
|
|||
|
|
<view class="flex flex-space-end setting padding-50" @click="toNav('/pages/setting/index')">
|
|||
|
|
<text class="iconfont blod font48"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex padding-50" @click="toNav('/pages/setting/personal')">
|
|||
|
|
<view>
|
|||
|
|
<image :src="filterImg(avatar)" mode="aspectFill" class="avatar"></image>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view class="flex flex-align-center">
|
|||
|
|
<text class="font38 line nick_name">{{ userDetailInfo.nickname }}</text>
|
|||
|
|
<text class="user_id font24">ID:{{ userDetailInfo.username }}</text>
|
|||
|
|
<view @click.stop="handlerCopy(userDetailInfo.username)" class="flex flex-center btn_copy">复制</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex flex-align-center flex-wrap">
|
|||
|
|
<view v-if="consumer != null" class="grade">
|
|||
|
|
<u-rate activeColor="gold" inactiveColor="#fff" gutter="0" count="5"
|
|||
|
|
v-model="consumer.identityStatus"></u-rate>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex flex-align-center flex-center grade font24" v-if="!isVip">
|
|||
|
|
<text class="zyhs zyhs-huangguan"></text>
|
|||
|
|
普通用户
|
|||
|
|
</view>
|
|||
|
|
<block v-for="(item, index) in identity" :key="index">
|
|||
|
|
<view class="flex flex-align-center grade font24"
|
|||
|
|
v-if="item.identityNameCode == 1 && item.identityStatus == 1">
|
|||
|
|
<text class="zyhs zyhs-huangguan"></text>
|
|||
|
|
VIP
|
|||
|
|
</view>
|
|||
|
|
<view class="flex flex-align-center grade font24"
|
|||
|
|
v-if="item.identityNameCode == 2 && item.identityStatus == 1">
|
|||
|
|
<text class="zyhs zyhs-lianchuangdaili-33"></text>
|
|||
|
|
联创
|
|||
|
|
</view>
|
|||
|
|
<view class="flex flex-align-center grade font24"
|
|||
|
|
v-if="item.identityNameCode == 3 && item.identityStatus == 1">
|
|||
|
|
<text class="zyhs zyhs-hehuoren"></text>
|
|||
|
|
合伙人
|
|||
|
|
</view>
|
|||
|
|
<view class="flex flex-align-center grade font24"
|
|||
|
|
v-if="item.identityNameCode == 4 && item.identityStatus == 1">
|
|||
|
|
<text class="zyhs zyhs-wodefenxiaoshang"></text>
|
|||
|
|
分销商
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="flex flex-align-center grade font24" v-if="item.identityNameCode == 5 && item.identityStatus > 0">
|
|||
|
|
<text class="zyhs zyhs-dailishang"></text>
|
|||
|
|
消费商
|
|||
|
|
</view> -->
|
|||
|
|
</block>
|
|||
|
|
<block v-if="userDetailInfo.storeIsOpen === 1">
|
|||
|
|
<view class="flex flex-align-center grade font24">
|
|||
|
|
<text style="font-size: 24rpx;" class="zyhs zyhs-shangjiaguanli"></text> 商家
|
|||
|
|
</view>
|
|||
|
|
</block>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="flex flex-align-center">
|
|||
|
|
<view class="six" v-if="userDetailInfo.distributorIsOpen === 1">
|
|||
|
|
<text class="font24">配送员</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="six" v-if="userDetailInfo.storeIsOpen === 1">
|
|||
|
|
<text class="font24">商家</text>
|
|||
|
|
</view>
|
|||
|
|
</view> -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="culist history padding-50" v-if="myAsset.length">
|
|||
|
|
<view class="grod pad flex flex-between">
|
|||
|
|
<view class="grod-item flex flex-column flex-align-center"
|
|||
|
|
@click="toNav('/pages/user/record/list?title=贡献值&type=getConsumeRecord')">
|
|||
|
|
<text class="f-b">{{ myAsset[0].assetAccount }}</text>
|
|||
|
|
<text class="font26">贡献值</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="grod-item flex flex-column flex-align-center"
|
|||
|
|
@click="toNav('/pages/user/record/list?title=绿色积分&type=getGreenRecord&transferType=2')">
|
|||
|
|
<text class="f-b">{{ myAsset[1].assetAccount }}</text>
|
|||
|
|
<text class="font26">绿色积分</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="grod-item flex flex-column flex-align-center"
|
|||
|
|
@click="toNav('/pages/user/balance/list?title=余额&type=getBalanceRecord')">
|
|||
|
|
<text class="f-b">{{ myAsset[2].assetAccount }}</text>
|
|||
|
|
<text class="font26">余额</text>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="grod-item" @click="toNav('/pages/user/coupon')">
|
|||
|
|
<text>{{cbfcAcountData.coupon}}</text>
|
|||
|
|
<text class="font26">优惠券</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="grod-item" @click="toNav('/pages/user/cardBag')">
|
|||
|
|
<text>{{cardsTotal}}</text>
|
|||
|
|
<text class="font26">卡包</text>
|
|||
|
|
</view> -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="padding-30">
|
|||
|
|
<view class="share_wrapper flex flex-align-center flex-between">
|
|||
|
|
<view class="left">
|
|||
|
|
<view class="font32 f-b text">分享好友</view>
|
|||
|
|
<view class="color-w font24">分享好友可获得贡献值奖励</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="btn_share font24 flex flex-center" @click="goPage('/pages/user/invite')">
|
|||
|
|
<text class="text f-b">立即分享</text>
|
|||
|
|
<text class="zyhs zyhs-fenxiang1"></text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex flex-grow padding-30" style="justify-content: space-between;" v-else>
|
|||
|
|
<view class="flex flex-align-center" @click="toNav('/pages/login/login')">
|
|||
|
|
<view>
|
|||
|
|
<image :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>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<scroll-view scroll-y="true" class="scroll_view" :style="{ top: scrollTop + 'px' }">
|
|||
|
|
<view class="con">
|
|||
|
|
<view class="culist flex flex-between">
|
|||
|
|
<view @click="goPage(tab.path)" class="tabs_item flex flex-align-center" v-for="(tab, i) in tabsList" :key="i">
|
|||
|
|
<view class="left">
|
|||
|
|
<text class="fb font28">{{ tab.name }}</text>
|
|||
|
|
<view class="font24">
|
|||
|
|
{{ tab.text }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<text class="zyhs font40" :style="{ color: tab.color }" :class="tab.icon"></text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="culist">
|
|||
|
|
<view class="title flex flex-between" @click="goOrder(false)">
|
|||
|
|
<text class="blod font30">我的订单</text>
|
|||
|
|
<view class="flex flex-align-center color-b9">
|
|||
|
|
<text class="font28">查看全部</text>
|
|||
|
|
<text class="iconfont font38"></text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="grod flex flex-between">
|
|||
|
|
<view class="grod-item" style="width: 16%;" v-for="(item, i) in cuList" :key="i"
|
|||
|
|
@click="goOrder(item.status)">
|
|||
|
|
<text class="zyhs" :style="{ fontSize: item.size + 'rpx' }" :class="item.icon"></text>
|
|||
|
|
|
|||
|
|
<text class="color-b5 font26">{{ item.name }}</text>
|
|||
|
|
<text class="tips" v-if="item.tip">{{ item.tip > 99 ? '99+' : item.tip }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="culist">
|
|||
|
|
<view class="title flex flex-between" @click="goOrder(false)">
|
|||
|
|
<text class="blod font30">常用工具</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="grod flex">
|
|||
|
|
<view class="grod-item" style="width: 16%; margin-right: 40rpx;" v-for="(item, i) in toolList" :key="i"
|
|||
|
|
@click="goPage(item.path)">
|
|||
|
|
<text class="zyhs" :style="{ fontSize: item.size + 'rpx' }" :class="item.icon"></text>
|
|||
|
|
|
|||
|
|
<text class="color-b5 font26">{{ item.name }}</text>
|
|||
|
|
<text class="tips" v-if="item.tip">{{ item.tip > 99 ? '99+' : item.tip }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="culist">
|
|||
|
|
<view class="title flex flex-between" @click="goOrder(false)">
|
|||
|
|
<text class="blod font30">商家管理</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="grod flex flex-between">
|
|||
|
|
<view class="grod-item" style="width: 16%;" v-for="(item, i) in shopManageList" :key="i"
|
|||
|
|
@click="merchantMenuClick(item)">
|
|||
|
|
<text class="zyhs" :style="{ fontSize: item.size + 'rpx' }" :class="item.icon"></text>
|
|||
|
|
|
|||
|
|
<text class="color-b5 font26">{{ item.name }}</text>
|
|||
|
|
<text class="tips" v-if="item.tip">{{ item.tip > 99 ? '99+' : item.tip }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="culist">
|
|||
|
|
<view class="title flex flex-between" @click="goOrder(false)">
|
|||
|
|
<text class="blod font30">教育中心</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="grod flex">
|
|||
|
|
<view class="grod-item" style="width: 16%; margin-right: 40rpx;" v-for="(item, i) in educationList" :key="i"
|
|||
|
|
@click="goPage(item.path)">
|
|||
|
|
<text class="zyhs" :style="{ fontSize: item.size + 'rpx' }" :class="item.icon"></text>
|
|||
|
|
|
|||
|
|
<text class="color-b5 font26">{{ item.name }}</text>
|
|||
|
|
<text class="tips" v-if="item.tip">{{ item.tip > 99 ? '99+' : item.tip }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="culist">
|
|||
|
|
<view class="title flex" @click="goOrder(false)">
|
|||
|
|
<text class="blod font30">实用工具</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="grod flex flex-between">
|
|||
|
|
<view class="grod-item" style="width: 21%;" v-for="(item, i) in practicalList" :key="i"
|
|||
|
|
@click="goPage(item.path)">
|
|||
|
|
<text class="zyhs" :style="{ fontSize: item.size + 'rpx' }" :class="item.icon"></text>
|
|||
|
|
|
|||
|
|
<text class="color-b5 font26">{{ item.name }}</text>
|
|||
|
|
<text class="tips" v-if="item.tip">{{ item.tip > 99 ? '99+' : item.tip }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view style="width: 21%;">
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- <view class="fixed">
|
|||
|
|
<text class="p2" style="margin-bottom: 88upx;">Copyright©️2018 南宁物芊科技有限公司 版权所有</text>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="btn_logout flex flex-center" @click="toLogout">退出登录</view>
|
|||
|
|
<u-gap height="50rpx"></u-gap>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</scroll-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>
|
|||
|
|
|
|||
|
|
<!-- 福利红包 -->
|
|||
|
|
<!-- <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>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
mapMutations,
|
|||
|
|
mapState
|
|||
|
|
} from "vuex"
|
|||
|
|
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"
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
modal,
|
|||
|
|
redEnvelopes,
|
|||
|
|
uniPopup,
|
|||
|
|
tabbar
|
|||
|
|
},
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
userDetailInfo: {},
|
|||
|
|
staticUrl: this.$staticUrl,
|
|||
|
|
avatar: this.$staticUrl + "user/avatar.png",
|
|||
|
|
tabsList: [{
|
|||
|
|
name: "管理钱包",
|
|||
|
|
text: '天天领钱',
|
|||
|
|
icon: "zyhs-daifukuan",
|
|||
|
|
color: 'rgb(75, 136, 254)',
|
|||
|
|
size: '34',
|
|||
|
|
path: '/pages/user/record/list?title=管理钱包&type=getWalletRecord&transferType=3'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "积分统计",
|
|||
|
|
text: '今日释放',
|
|||
|
|
icon: "zyhs-tongji1",
|
|||
|
|
color: 'rgb(236, 72, 69)',
|
|||
|
|
size: '40',
|
|||
|
|
path: '/pages/user/myScore'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "我的团队",
|
|||
|
|
text: '团队分红',
|
|||
|
|
icon: "zyhs-jiangbei-",
|
|||
|
|
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: "zyhs-quanbu",
|
|||
|
|
status: 1,
|
|||
|
|
size: '34'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "待付款",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-daifukuan1",
|
|||
|
|
status: 2,
|
|||
|
|
size: '40'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "待发货",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-daifahuo",
|
|||
|
|
status: 3,
|
|||
|
|
size: '40'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "待收货",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-daishouhuo",
|
|||
|
|
status: 4,
|
|||
|
|
size: '42'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "线下订单",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-xianxiadingdan",
|
|||
|
|
status: 5,
|
|||
|
|
size: '42'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
shopManageList: [{
|
|||
|
|
name: "商家入驻",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-shangjiaruzhu",
|
|||
|
|
status: 0,
|
|||
|
|
size: '46',
|
|||
|
|
type: 1,
|
|||
|
|
path: 'merchants'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "商家管理",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-shangjiaguanli",
|
|||
|
|
status: 2,
|
|||
|
|
size: '38',
|
|||
|
|
type: 2,
|
|||
|
|
path: 'merchants'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "商家打赏",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-dashang2",
|
|||
|
|
status: 3,
|
|||
|
|
size: '40',
|
|||
|
|
type: 3,
|
|||
|
|
path: "reward"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "商家转账",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-zhuanzhang2",
|
|||
|
|
status: 3,
|
|||
|
|
size: '44',
|
|||
|
|
type: 4
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
educationList: [{
|
|||
|
|
name: "应知应会",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-jurassic_book",
|
|||
|
|
status: 0,
|
|||
|
|
size: '46'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "精彩课程",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-kechengtixi",
|
|||
|
|
status: 2,
|
|||
|
|
size: '44'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "分公司",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-VIP1",
|
|||
|
|
status: 3,
|
|||
|
|
size: '40'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
practicalList: [{
|
|||
|
|
name: "设置",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-shezhi1",
|
|||
|
|
status: 0,
|
|||
|
|
size: '46',
|
|||
|
|
path: '/pages/setting/index'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "银行卡",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-yinhangka",
|
|||
|
|
status: 2,
|
|||
|
|
size: '38',
|
|||
|
|
path: ''
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "忘记密码",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-mima",
|
|||
|
|
status: 3,
|
|||
|
|
size: '40',
|
|||
|
|
path: '/pages/login/forget'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "收藏",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-shoucang",
|
|||
|
|
status: 0,
|
|||
|
|
size: '46',
|
|||
|
|
path: '/pages/user/collect'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "客服",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-kefu1",
|
|||
|
|
status: 2,
|
|||
|
|
size: '38',
|
|||
|
|
path: 'service'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "帮助中心",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-bangzhu1",
|
|||
|
|
status: 3,
|
|||
|
|
size: '40'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "余额充值",
|
|||
|
|
tip: 0,
|
|||
|
|
icon: "zyhs-chongzhi",
|
|||
|
|
status: 3,
|
|||
|
|
size: '40'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
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,
|
|||
|
|
consumer: null
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onPullDownRefresh () {
|
|||
|
|
this.init()
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
...mapState(["userInfo", "myAsset"])
|
|||
|
|
},
|
|||
|
|
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 = this.userInfo || null;
|
|||
|
|
if (this.userDetailInfo.username) this.loading = false
|
|||
|
|
console.log('this.wxBtnHeight', this.userDetailInfo)
|
|||
|
|
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
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
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.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
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onBackPress () {
|
|||
|
|
//隐藏到后台，不退出app
|
|||
|
|
let main = plus.android.runtimeMainActivity();
|
|||
|
|
main.moveTaskToBack(false);
|
|||
|
|
return true;
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
...mapMutations(["setUserInfo", "logout"]),
|
|||
|
|
getUserIdentity () {
|
|||
|
|
this.$http("GET", url.user.getUserIdentity).then(({ code, data }) => {
|
|||
|
|
if (code == 200) data.map((item) => {
|
|||
|
|
if (item.identityStatus >= 1) this.identity.push(item);
|
|||
|
|
this.isVip = data.some((item) => {
|
|||
|
|
return item.identityNameCode == 1 && item.identityStatus == 1
|
|||
|
|
});
|
|||
|
|
this.consumer = data.find((item) => {
|
|||
|
|
return item.identityNameCode == 5 && item.identityStatus > 0
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
console.log('this.identity', this.identity)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handlerCopy (str) {
|
|||
|
|
uni.setClipboardData({
|
|||
|
|
data: str,
|
|||
|
|
success: () => {
|
|||
|
|
this.$msg('复制成功')
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getMyAsset () {
|
|||
|
|
this.$http("GET", url.user.getMyAsset).then(res => {
|
|||
|
|
let {
|
|||
|
|
code,
|
|||
|
|
data
|
|||
|
|
} = res;
|
|||
|
|
console.log('res', res)
|
|||
|
|
if (code == 200) {
|
|||
|
|
this.myAsset = data;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getHeaderHeight () {
|
|||
|
|
let query = uni.createSelectorQuery().in(this);
|
|||
|
|
setTimeout(() => {
|
|||
|
|
query.select('#header').boundingClientRect(data => {
|
|||
|
|
console.log('=============', data);
|
|||
|
|
this.scrollTop = data.height + 44 + uni.getStorageSync('system').statusBarHeight;
|
|||
|
|
|
|||
|
|
}).exec();
|
|||
|
|
}, 300)
|
|||
|
|
},
|
|||
|
|
goPage (path) {
|
|||
|
|
if (path.indexOf('getWalletRecord') >= 0) {
|
|||
|
|
this.$http("GET", url.asset.checkManageIdentity).then(({ code, data }) => {
|
|||
|
|
if (code == 200 && data) this.toNav(path)
|
|||
|
|
})
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (!path) this.$msg("暂未开放", 2000)
|
|||
|
|
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) {
|
|||
|
|
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
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
init () {
|
|||
|
|
// 获取收藏、足迹、关注、优惠券数量
|
|||
|
|
this.$http("GET", url.user.cbfcAcount).then(res => {
|
|||
|
|
this.cbfcAcountData = res.data
|
|||
|
|
})
|
|||
|
|
// 获取订单状态数量
|
|||
|
|
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.evaluated
|
|||
|
|
this.cuList[3].tip = res.data.completed
|
|||
|
|
this.cuList[4].tip = res.data.refund
|
|||
|
|
})
|
|||
|
|
// 获取团队总数
|
|||
|
|
this.$http("GET", url.user.getTeamList, {
|
|||
|
|
pageSize: 1
|
|||
|
|
}).then(res => {
|
|||
|
|
this.teamTotal = res.data.total
|
|||
|
|
})
|
|||
|
|
// 获取卡包总数
|
|||
|
|
this.$http("GET", url.user.getUserCards, {
|
|||
|
|
pageSize: 1
|
|||
|
|
}).then(res => {
|
|||
|
|
this.cardsTotal = res.data.total
|
|||
|
|
})
|
|||
|
|
// 获取用户信息
|
|||
|
|
this.getUserInfo()
|
|||
|
|
// 获取钱包余额
|
|||
|
|
this.$http('GET', url.user.getWalletInfo).then(res => {
|
|||
|
|
// this.balance = res.data.balance
|
|||
|
|
})
|
|||
|
|
// 获取客服信息
|
|||
|
|
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)
|
|||
|
|
})
|
|||
|
|
// 获取第三方服务比例
|
|||
|
|
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
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
uni.stopPullDownRefresh()
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
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) {
|
|||
|
|
const { storeIsOpen } = this.userDetailInfo || {};
|
|||
|
|
switch (item.type) {
|
|||
|
|
case 1:
|
|||
|
|
if (storeIsOpen) {
|
|||
|
|
this.$msg("商家已入驻，请进入商家管理", 2000)
|
|||
|
|
} else {
|
|||
|
|
this.toMerchants()
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 2:
|
|||
|
|
if (!storeIsOpen) {
|
|||
|
|
this.$msg("请先商家入驻", 2000)
|
|||
|
|
} else {
|
|||
|
|
this.toMerchants()
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 3:
|
|||
|
|
this.toNav("/pages/merchants/reward/reward")
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
this.$msg("暂未开放", 2000)
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
toMerchants () {
|
|||
|
|
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) { // 审核通过
|
|||
|
|
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) {
|
|||
|
|
let url = "/pages/order/index"
|
|||
|
|
if (status) {
|
|||
|
|
url = url + "?status=" + status
|
|||
|
|
}
|
|||
|
|
this.toNav(url)
|
|||
|
|
},
|
|||
|
|
toNav (path) {
|
|||
|
|
console.log('path', path)
|
|||
|
|
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 {
|
|||
|
|
// min-height: 100vh;
|
|||
|
|
// background-color: #f2f2f2;
|
|||
|
|
// padding-bottom: 50rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header {
|
|||
|
|
// height: 300rpx;
|
|||
|
|
padding: 0 20rpx 20rpx 20rpx;
|
|||
|
|
background: linear-gradient(180deg, #F6D5D2, #FFFFFF);
|
|||
|
|
// background-color: rgb(249, 249, 249);
|
|||
|
|
background: url('../../static/images/user/nav_bg.png') center center no-repeat;
|
|||
|
|
background-size: cover;
|
|||
|
|
|
|||
|
|
.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;
|
|||
|
|
// background: linear-gradient(to bottom, #a60ab8 0%, #5c04c3 100%);
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|