|
|
<template>
|
|
|
<!-- 20221019 -->
|
|
|
<view class="mine-index-page">
|
|
|
|
|
|
<!-- 页面内容 -->
|
|
|
<view class="page-content padding-bottom-tab-bar-20">
|
|
|
|
|
|
<!-- 顶部信息 -->
|
|
|
<view class="width-100p position-relative padding-lr-40 bg-main-gradient" style="z-index:0">
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
<!-- 占位 view，避免页面内容出现在状态栏 -->
|
|
|
<view class="height-status-bar"></view>
|
|
|
<!-- #endif -->
|
|
|
|
|
|
<!-- 设置按钮 -->
|
|
|
<view class="line-height-header flex align-center justify-end">
|
|
|
<text class="tyIcon-shezhi text-42 text-ff" @click="go('pages/user/config/index')"></text>
|
|
|
</view>
|
|
|
|
|
|
<!-- 头像昵称 -->
|
|
|
<jc-mine-auth :is-login="isLogin" :head-img="headImg" :nick-name="nickName"
|
|
|
@showLayer="isRegisterShow = true" @getUserProfileSuccess="getUserProfileSuccess">
|
|
|
</jc-mine-auth>
|
|
|
</view>
|
|
|
|
|
|
<!-- 我的订单导航 -->
|
|
|
<view class="width-100p position-relative" style="margin-top: -40rpx;z-index: 1;">
|
|
|
<ty-bar-order-nav :list="orderTabs" @needLogin="needLogin"></ty-bar-order-nav>
|
|
|
</view>
|
|
|
|
|
|
<!-- 我的项目 -->
|
|
|
<view class="margin-top-20 bg-ff">
|
|
|
<ty-block-nav-image :list="navList" @needLogin="needLogin"></ty-block-nav-image>
|
|
|
|
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
|
<view class="padding-lr-30 line-height-100 border-top-ed flex align-center justify-between" @click="goSubscribe" v-if="!isSubscribeWeixin">
|
|
|
<view class="text-24 text-1a">关注公众号收取小程序通知</view>
|
|
|
<view class="text-24 text-1a">
|
|
|
<text>去关注</text>
|
|
|
<text class="margin-left-10 tyIcon-fanhui text-26 text-1a"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- #endif -->
|
|
|
|
|
|
<!-- #ifdef MP-WEIXIN|APP -->
|
|
|
<view class="flex justify-center padding-tb-30 border-top-ed">
|
|
|
<view class="line-height-70 radius-35 border-ed flex align-center justify-center"
|
|
|
style="width: 301rpx;" @click="scanCode">
|
|
|
<text class="text-30 text-33">扫码核销</text>
|
|
|
<text class="margin-left-10 tyIcon-saoyisao text-36 text-main"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- #endif -->
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<!-- 好物推荐 -->
|
|
|
<view class="margin-top-30">
|
|
|
<jc-mall-recommendProduct :list="list" :load_status="load_status" type="2"></jc-mall-recommendProduct>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 页面组件 -->
|
|
|
<view class="page-layer">
|
|
|
|
|
|
<!-- 登录浮层 -->
|
|
|
<ty-register-login :show.sync="isRegisterShow" :agree.sync="isRegisterAgree" @login="login" @close="close">
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
<view class="bg-ff">
|
|
|
<!-- 占位 view，避免页面内容出现在状态栏 -->
|
|
|
<view class="height-status-bar"></view>
|
|
|
</view>
|
|
|
<!-- #endif -->
|
|
|
</ty-register-login>
|
|
|
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import mall from '../mall/api/mall.js'
|
|
|
import user from '../user/api/user.js'
|
|
|
import project from '../project/api/project.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
// 注册浮层组件：是否显示
|
|
|
isRegisterShow: false,
|
|
|
// 注册浮层组件：是否选中用户协议
|
|
|
isRegisterAgree: false,
|
|
|
// 自动关注公众号图文链接
|
|
|
autoSubscribeWeixinNewsUrl:'',
|
|
|
// 是否关注公众号
|
|
|
isSubscribeWeixin: false,
|
|
|
// 是否登录
|
|
|
isLogin: false,
|
|
|
// 用户头像
|
|
|
headImg: '',
|
|
|
// 用户昵称
|
|
|
nickName: '',
|
|
|
// 列表加载状态
|
|
|
load_status: '',
|
|
|
// 推荐商品列表
|
|
|
list: [],
|
|
|
// 订单tab
|
|
|
orderTabs: {
|
|
|
list: [{
|
|
|
icon: 'tyIcon-qianbao',
|
|
|
name: '待支付',
|
|
|
size: 46,
|
|
|
number: 0,
|
|
|
url: 'pages/mall/my/orderList?index=1'
|
|
|
}, {
|
|
|
icon: 'tyIcon-daishouhuo1',
|
|
|
name: '待发货',
|
|
|
size: 42,
|
|
|
number: 0,
|
|
|
url: 'pages/mall/my/orderList?index=2'
|
|
|
}, {
|
|
|
icon: 'tyIcon-daishouhuo',
|
|
|
name: '待收货',
|
|
|
size: 50,
|
|
|
number: 0,
|
|
|
url: 'pages/mall/my/orderList?index=3'
|
|
|
}, {
|
|
|
icon: 'tyIcon-pingjia',
|
|
|
name: '待评价',
|
|
|
size: 52,
|
|
|
number: 0,
|
|
|
url: 'pages/mall/my/orderList?index=4'
|
|
|
}],
|
|
|
last: {
|
|
|
icon: 'tyIcon-weibiaoti-',
|
|
|
name: '全部订单',
|
|
|
size: 54,
|
|
|
number: 0,
|
|
|
url: 'pages/mall/my/orderList'
|
|
|
}
|
|
|
},
|
|
|
// 我的服务tab
|
|
|
navList: [{
|
|
|
name: '我的优惠券',
|
|
|
image: '/static/mine/my_coupon.png',
|
|
|
url: '/pages/discount/coupon/myCouponList',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: '我的收藏',
|
|
|
image: '/static/mine/my_collect.png',
|
|
|
url: '/pages/mall/my/collectList',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: '我的积分',
|
|
|
image: '/static/mine/my_integral.png',
|
|
|
url: '/pages/integral/myintegral',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: '地址管理',
|
|
|
image: '/static/mine/address.png',
|
|
|
url: '/pages/user/address/list',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: '我的评价',
|
|
|
image: '/static/mine/my_review.png',
|
|
|
url: '/pages/mall/my/evaluateList',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: '浏览记录',
|
|
|
image: '/static/mine/my_browse.png',
|
|
|
url: '/pages/mall/my/browseList',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: '常见问题',
|
|
|
image: '/static/mine/question.png',
|
|
|
url: '/pages/project/question',
|
|
|
login: false,
|
|
|
},
|
|
|
{
|
|
|
name: '关于我们',
|
|
|
image: '/static/mine/about_us.png',
|
|
|
url: '/pages/common/richText?title=关于我们&url=project/api/Config/getAboutUsData¶m=about_us',
|
|
|
login: false,
|
|
|
},
|
|
|
{
|
|
|
name: '分销中心',
|
|
|
image: '/static/mine/distribution_center.png',
|
|
|
url: '/pages/distribution/index',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: '余额',
|
|
|
image: '/static/mine/money.png',
|
|
|
url: '/pages/money/list',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: '新闻',
|
|
|
image: '/static/mine/news.png',
|
|
|
url: '/pages/news/index',
|
|
|
login: false,
|
|
|
},
|
|
|
{
|
|
|
name: '反馈意见',
|
|
|
image: '/static/mine/feedback.png',
|
|
|
url: '/pages/feedback/index',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: '积分商城',
|
|
|
image: '/static/mine/integral.png',
|
|
|
url: '/pages/integral/index',
|
|
|
login: false,
|
|
|
},
|
|
|
{
|
|
|
name: '订单中心',
|
|
|
image: '/static/mine/order_center.png',
|
|
|
url: '/pages/mine/orderCenter',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: '车牌键盘',
|
|
|
image: '/static/mine/about_us.png',
|
|
|
url: '/pages/keyboard/keyboard',
|
|
|
login: true,
|
|
|
},
|
|
|
{
|
|
|
name: 'DEMO LIST',
|
|
|
image: '/static/mine/about_us.png',
|
|
|
url: '/pages/demo/index',
|
|
|
login: false,
|
|
|
},
|
|
|
{
|
|
|
name: '聊天',
|
|
|
image: '/static/mine/about_us.png',
|
|
|
url: '/pages/chat/index',
|
|
|
login: true,
|
|
|
},
|
|
|
],
|
|
|
}
|
|
|
},
|
|
|
|
|
|
onReady() {
|
|
|
this.loadList(1)
|
|
|
|
|
|
// #ifdef MP-WEIXIN
|
|
|
// 获取自动关注公众号图文链接
|
|
|
project.getMpweixinConfig().then(res=>{
|
|
|
if(res.code == 0){
|
|
|
this.autoSubscribeWeixinNewsUrl = res.data.mpweixin.auto_subscribe_weixin_news_url
|
|
|
}
|
|
|
})
|
|
|
// #endif
|
|
|
},
|
|
|
|
|
|
onShow() {
|
|
|
// 是否登录
|
|
|
this.isLogin = this.cn.isLogin()
|
|
|
|
|
|
if (this.isLogin) {
|
|
|
// 获取用户信息
|
|
|
this.getUserInfo()
|
|
|
// 获取订单数量
|
|
|
this.countOrderNumber()
|
|
|
} else {
|
|
|
this.orderTabs.list[0].number = 0
|
|
|
this.orderTabs.list[1].number = 0
|
|
|
this.orderTabs.list[2].number = 0
|
|
|
this.orderTabs.list[3].number = 0
|
|
|
}
|
|
|
|
|
|
// #ifdef MP-WEIXIN
|
|
|
// 是否关注公众号
|
|
|
user.isSubscribeWeixin().then(res=>{
|
|
|
if(res.code == 0){
|
|
|
this.isSubscribeWeixin = res.data.is_subscribe_weixin
|
|
|
}
|
|
|
})
|
|
|
// #endif
|
|
|
},
|
|
|
|
|
|
onReachBottom() {
|
|
|
this.loadList(0)
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
/**
|
|
|
* 登录浮层关闭
|
|
|
* @date 2022-10-14
|
|
|
*/
|
|
|
close() {
|
|
|
// 更新登录信息
|
|
|
this.isLogin = this.cn.isLogin()
|
|
|
|
|
|
// 重新加载用户信息
|
|
|
if (this.isLogin) {
|
|
|
this.getUserInfo()
|
|
|
}
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 去关注公众号
|
|
|
* @date 2022-12-28
|
|
|
*/
|
|
|
goSubscribe(){
|
|
|
uni.setStorageSync('webview_url', this.autoSubscribeWeixinNewsUrl)
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/common/webview'
|
|
|
})
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 获取用户信息
|
|
|
* @date 2022-12-28
|
|
|
*/
|
|
|
getUserInfo() {
|
|
|
user.getUserInfo().then(res => {
|
|
|
if (res.code == 0) {
|
|
|
this.headImg = res.data.info.head_img
|
|
|
this.nickName = res.data.info.nick_name
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
|
|
|
//（仅小程序）获取微信信息成功
|
|
|
getUserProfileSuccess() {
|
|
|
this.getUserInfo() //获取用户信息
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 获取订单数量
|
|
|
* @date 2022-12-28
|
|
|
*/
|
|
|
countOrderNumber() {
|
|
|
mall.countOrderNumber().then(res => {
|
|
|
if (res.code == 0) {
|
|
|
this.orderTabs.list[0].number = res.data.number.wait_pay
|
|
|
this.orderTabs.list[1].number = res.data.number.wait_deliver
|
|
|
this.orderTabs.list[2].number = res.data.number.wait_finish
|
|
|
this.orderTabs.list[3].number = res.data.number.wait_evaluate
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 需要登录
|
|
|
* @date 2022-12-28
|
|
|
*/
|
|
|
needLogin() {
|
|
|
this.isRegisterShow = true
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 获取推荐商品
|
|
|
* @param {int} isFirstPage 是否第一页 0--不是 1--是
|
|
|
* @date 2022-10-27
|
|
|
*/
|
|
|
loadList(isFirstPage) {
|
|
|
mall.listProduct(this, isFirstPage, '', '', '', 1, '', '', 5)
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 扫一扫
|
|
|
* @date 2022-12-28
|
|
|
*/
|
|
|
scanCode() {
|
|
|
uni.scanCode({
|
|
|
success: (res) => {
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/integral/writeoff?id=' + res.result
|
|
|
})
|
|
|
},
|
|
|
fail: (err) => {
|
|
|
// console.log(err)
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 登录
|
|
|
* @date 2022-12-28
|
|
|
*/
|
|
|
login() {
|
|
|
this.isLogin = this.cn.isLogin()
|
|
|
// 获取用户信息
|
|
|
this.getUserInfo()
|
|
|
// 获取订单数量
|
|
|
this.countOrderNumber()
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
</style>
|
