huangjingfen/pro_v3.5.1/view/uniapp/pages/user/index.vue

<template>
	<!-- 个人中心模块 -->
	<view class="user-page" :style="colorStyle">
		<template v-if="isObjectData(diyData)">
			<user-member :userInfo="userInfo" :memberData="diyData.member" :orderAdminData="orderAdminData" :balanceStatus="balanceStatus" :isScrolling="isScrolling"></user-member>
			<user-order :orderMenu="orderMenu" :orderAdminData="orderAdminData" :userInfo="userInfo" :memberData="diyData.member" :orderData="diyData.order"></user-order>
			<!-- 黄精粉快捷入口：我的资产 & 公排记录（与 member-points 保持一致风格） -->
			<view class="acea-row member-points hjf-nav-row">
				<view class="acea-row row-middle row-center item" @tap="intoPage('/pages/assets/index')">
					<view>
						<view>我的资产</view>
						<view class="arrow">
							查看余额、积分
							<text class="iconfont icon-ic_rightarrow"></text>
						</view>
					</view>
					<image src="@/static/images/user-member.png" class="image"></image>
				</view>
				<view class="acea-row row-middle row-center item" @tap="intoPage('/pages/queue/status')">
					<view>
						<view>公排查询</view>
						<view class="arrow">
							查看排队进度
							<text class="iconfont icon-ic_rightarrow"></text>
						</view>
					</view>
					<image src="@/static/images/user-points.png" class="image"></image>
				</view>
			</view>
			<user-order-static
				v-if="isObjectData(orderAdminData) && orderAdminData.order.user_order"
				:orderAdminData="orderAdminData.order"
				:orderStaticData="diyData.orderStatic"
			></user-order-static>
			<user-poster :posterData="diyData.poster"></user-poster>
			<user-menu :menuData="diyData.menu" :routineContact="routineContact"></user-menu>
			<user-menu v-if="storeMenuShow" :menuData="diyData.merMenu"></user-menu>
			<view class="copy_right pb-20">
				<template v-if="configData && configData.copyrightContext">
					<image :src="configData.copyrightImage" mode="aspectFill" class="copyRightImg"></image>
					<view class="of0b21">
						{{ configData.copyrightContext }}
					</view>
				</template>
				<image v-else :src="copyrightImage" mode="aspectFill" class="support"></image>
			</view>
		</template>
		<view class="mark" v-show="isextension"></view>
		<pageFooter :style="colorStyle"></pageFooter>
		<ewcomerPop v-if="isComerGift" :comerGift="comerGift" @comerPop="comerPop"></ewcomerPop>
		<activityModal :pageIndex="4"></activityModal>
		<!-- #ifdef MP -->
		<editUserModal :isShow="editModal" @closeEdit="closeEdit" @editSuccess="editSuccess"></editUserModal>
		<!-- #endif -->
		<!-- HJF 演示控制面板 -->
		<HjfDemoPanel />
	</view>
</template>
<script>
import { storeCardApi } from '@/api/store.js';
import { newcomerGift } from '@/api/activity.js';
import { copyRight } from '@/api/api.js';
import { getMenuList, getUserInfo, setVisit, updateUserInfo, getRandCode, updateWechatInfo, getMenuData, checkIdentityApi } from '@/api/user.js';
import { wechatAuthV2, silenceAuth } from '@/api/public.js';
import { toLogin } from '@/libs/login.js';
import { mapState, mapGetters } from 'vuex';
import Cache from '@/utils/cache';
// #ifdef H5
import Auth from '@/libs/wechat';
// #endif
import { HTTP_REQUEST_URL } from '@/config/app';
const app = getApp();
import ewcomerPop from '@/components/ewcomerPop/index.vue';
import pageFooter from '@/components/pageFooter/index.vue';
import Routine from '@/libs/routine';
import colors from '@/mixins/color';
// #ifdef MP
import editUserModal from '@/components/eidtUserModal/index.vue';
// #endif
import userMember from './components/member/index.vue';
import userOrder from './components/order/index.vue';
import userOrderStatic from './components/order_static/index.vue';
import userMenu from './components/menus/index.vue';
import userPoster from './components/poster/index.vue';
import activityModal from "@/components/activityModal/index.vue";
export default {
	components: {
		userMember,
		userOrder,
		userOrderStatic,
		userMenu,
		userPoster,
		pageFooter,
		ewcomerPop,
		activityModal,
		// #ifdef MP
		editUserModal
		// #endif
	},
	computed: {
		...mapGetters(['isLogin','cartNum']),
	},
	filters: {},
	mixins: [colors],
	provide() {
		return {
			tapQrCode: this.tapQrCode,
			bindPhone: this.bindPhone,
			intoPage: this.intoPage,
			goMenuPage: this.goMenuPage,
			getMenuData: this.getMenuData,
			goEdit: this.goEdit,
			checkApp: this.checkIdentity
		};
	},
	data() {
		return {
			diyData: {},
			orderAdminData: {},
			// #ifdef MP
			getHeight: this.$util.getWXStatusHeight(),
			// #endif
			vipStatus: 0,
			stu: false,
			orderMenu: [
				{
					icon: '',
					title: '待付款',
					url: '/pages/goods/order_list/index?status=0'
				},
				{
					icon: '',
					title: '待发货',
					url: '/pages/goods/order_list/index?status=1'
				},
				{
					icon: '',
					title: '待收货',
					url: '/pages/goods/order_list/index?status=2'
				},
				{
					icon: '',
					title: '待评价',
					url: '/pages/goods/order_list/index?status=3'
				},
				{
					icon: '',
					title: '售后/退款',
					url: '/pages/users/user_return_list/index'
				}
			],
			imgUrls: [],
			orderStatusNum: {},
			userInfo: {
				pay_vip_status: 0,
				avatar: '',
				uid: '',
				nickname: '',
				level: '',
				phone: '',
				service_num: null,
				level_status: 0,
				is_promoter: 0
			},
			storeMenuShow: false, // 商家管理是否显示
			showStatus: 1,
			// #ifdef H5
			isWeixin: Auth.isWeixin(),
			//#endif
			footerSee: false,
			member_style: 1,
			my_banner_status: 1,
			menu_status: 1,
			service_status: 1,
			newcomer_status: 1,
			codeIndex: 0,
			config: {
				bar: {
					code: '',
					color: ['#000'],
					bgColor: '#FFFFFF', // 背景色
					width: 480, // 宽度
					height: 110 // 高度
				},
				qrc: {
					code: '',
					size: 380, // 二维码大小
					level: 3, //等级 0～4
					bgColor: '#FFFFFF', //二维码背景色 默认白色
					border: {
						color: ['#eee', '#eee'], //边框颜色支持渐变色
						lineWidth: 3 //边框宽度
					},
					// img: '/static/logo.png', //图片
					// iconSize: 40, //二维码图标的大小
					color: ['#333', '#333'] //边框颜色支持渐变色
				}
			},
			isCode: false,
			isextension: false,
			extension: {
				code: '',
				size: 380, // 二维码大小
				level: 3, //等级 0～4
				bgColor: '#FFFFFF', //二维码背景色 默认白色
				border: {
					color: ['#eee', '#eee'], //边框颜色支持渐变色
					lineWidth: 3 //边框宽度
				},
				// img: '/static/logo.png', //图片
				// iconSize: 40, //二维码图标的大小
				color: ['#333', '#333'] //边框颜色支持渐变色
			},
			imgHost: HTTP_REQUEST_URL,
			configData: Cache.get('BASIC_CONFIG') || {},
			copyrightImage: HTTP_REQUEST_URL + '/statics/images/product/support.png',
			giftPic: '',
			vip_type: 1,
			newcomer_style: 1,
			newList: [],
			newBg: '',
			comerGift: {},
			isComerGift: false,
			memberStatus: 0,
			balanceStatus: 0, // 余额是否展示
			editModal: false, // 编辑头像信息
			isScrolling: false,
			orderStyle: {
				1: ['icon-ic_daifukuan12', 'icon-ic_daifahuo11', 'icon-ic_daishouhuo1', 'icon-ic_daipingjia1', 'icon-ic_daituikuan1'],
				2: ['icon-ic_daifukuan2', 'icon-ic_daifahuo2', 'icon-ic_daishouhuo2', 'icon-ic_daipingji2', 'icon-ic_daituikuan2'],
				3: ['icon-ic_daifukuan', 'icon-ic_daifahuo', 'icon-ic_daishouhuo', 'icon-ic_daipingjia', 'icon-ic_daituikuan']
			},
			routineContact: 0
		};
	},
	onShow() {
		if (this.cartNum > 0) {
			uni.setTabBarBadge({
				index: 3,
				text: this.cartNum > 99 ? '99+' : this.cartNum + ''
			});
		} else {
			uni.hideTabBarRedDot({
				index: 3
			});
		}
		// this.copyRightText = uni.getStorageSync('copyNameInfo');
		// this.copyRightImg = uni.getStorageSync('copyImageInfo');
		uni.removeStorageSync('form_type_cart');
		if (this.isLogin) {
			this.getUserInfo();
			this.getMyMenus();
			this.setVisit();
			this.getMenuData();
			this.getChannel();
		} else {
			// #ifdef H5
			let allPages = getCurrentPages(); //获取当前页面栈的实例；
			let lastPages = allPages.length - 1; // 获得倒数第二个元素的索引；
			let option = allPages[lastPages].options; // 获得上个页面传递的参数；
			let WX_AUTH = this.$Cache.get('WX_AUTH');
			if (Auth.isWeixin() && option.code) {
				//微信公众号静默授权
				if (WX_AUTH) {
					this.wechatAuthoize(option.code);
				} else {
					uni.navigateTo({
						url: '/pages/users/wechat_login/index'
					});
				}
			} else {
				this.getMyMenus();
			}
			// #endif
			// #ifdef MP || APP-PLUS
			this.getMyMenus();
			// #endif
		}
	},
	// #ifdef MP || APP-PLUS
	onPageScroll(e) {
		if (e.scrollTop > 50) {
			this.isScrolling = true;
		} else if (e.scrollTop < 50) {
			this.isScrolling = false;
		}
	},
	// #endif
	methods: {
		isObjectData(obj) {
			return Object.keys(obj).length !== 0;
		},
		// #ifdef MP
		editSuccess() {
			this.editModal = false;
			this.getUserInfo();
		},
		closeEdit() {
			this.editModal = false;
		},
		// #endif
		// 查看订单
		intoPage(url) {
			if (this.isLogin) {
				this.$util.JumpPath(url);
			} else {
				toLogin();
			}
		},
		// 编辑页面
		goEdit() {
			if (this.isLogin == false || !this.userInfo.uid) {
				toLogin();
			} else {
				// #ifdef MP
				if (this.userInfo.is_default_avatar) {
					this.editModal = true;
					return;
				}
				// #endif
				uni.navigateTo({
					url: '/pages/users/user_set/index'
				});
			}
		},
		goDetail(item) {
			uni.navigateTo({
				url: `/pages/goods_details/index?id=${item.id}&fromPage='newVip'`
			});
		},
		comerPop() {
			this.isComerGift = false;
		},
		getNewcomerGift() {
			if (uni.getStorageSync('newcomerGift')) {
				return (this.isComerGift = false);
			}
			newcomerGift()
				.then((res) => {
					this.comerGift = res.data;
					if (Object.prototype.toString.call(this.comerGift) == '[object Object]') {
						if (res.data.coupon_count || res.data.product_count || res.data.register_give_money || res.data.first_order_discount || res.data.register_give_integral) {
							uni.setStorageSync('newcomerGift', true);
							this.isComerGift = true;
						}
					}
				})
				.catch((err) => {
					return this.$util.Tips({
						title: err
					});
				});
		},
		tapQrCode() {
			if(this.isLogin){
				uni.navigateTo({
					url: '/pages/users/user_member_code/index'
				});
			}else{
				toLogin();
			}

		},
		getRoutineUserInfo(e) {
			updateUserInfo({
				userInfo: e.detail.userInfo
			})
				.then((res) => {
					this.getUserInfo();
					return this.$util.Tips('更新用户信息成功');
				})
				.catch((err) => {
					return this.$util.Tips(err);
				});
		},
		// 记录会员访问
		setVisit() {
			setVisit({
				url: '/pages/user/index'
			}).then((res) => {});
		},
		// 打开授权
		openAuto() {
			toLogin();
		},
		// 授权回调
		onLoadFun(e) {
			this.getUserInfo(e);
			this.getMyMenus();
			this.setVisit();
		},
		// 绑定手机
		bindPhone() {
			uni.navigateTo({
				url: '/pages/users/user_phone/index'
			});
		},
		// 获取行销数据
		getMenuData() {
			getMenuData().then((res) => {
				this.orderAdminData = res.data;
			});
		},
		/**
		 * 获取个人用户信息
		 */
		getUserInfo() {
			let that = this;
			getUserInfo().then((res) => {
				that.userInfo = res.data;
				that.stu = res.data.svip_open;
				that.balanceStatus = res.data.balance_func_status;
				that.memberStatus = parseInt(res.data.member_func_status);
				that.vipStatus = res.data.vip_status;
				that.$store.commit('SETUID', res.data.uid);
				that.$store.commit('UPDATE_USERINFO', res.data);
				that.orderMenu.forEach((item, index) => {
					switch (item.title) {
						case '待付款':
							this.$set(item, 'num', res.data.orderStatusNum.unpaid_count);
							break;
						case '待发货':
							this.$set(item, 'num', res.data.orderStatusNum.unshipped_count);
							break;
						case '待收货':
							this.$set(item, 'num', res.data.orderStatusNum.received_count);
							break;
						case '待评价':
							this.$set(item, 'num', res.data.orderStatusNum.evaluated_count);
							break;
						case '售后/退款':
							this.$set(item, 'num', res.data.orderStatusNum.refunding_count);
							break;
					}
				});
			});
		},
		getMyMenus: function () {
			let that = this;
			// if (this.MyMenus.length) return;
			getMenuList().then((res) => {
				res.data.routine_my_menus.forEach((el, index, arr) => {
					if (el.type == '2') {
						this.storeMenuShow = true;
					}
				});
				this.diyData = res.data.diy_data;
				this.switchTab(this.diyData.order.style);
				this.my_banner_status = res.data.diy_data.my_banner_status;
				this.menu_status = res.data.diy_data.menu_status;
				this.service_status = res.data.diy_data.service_status;
				this.vip_type = res.data.diy_data.vip_type;
				this.newcomer_style = res.data.diy_data.newcomer_style;
				this.newcomer_status = res.data.diy_data.newcomer_status;
				this.imgUrls = res.data.routine_my_banner;
				this.routineContact = Number(res.data.routine_contact_type);
			});
		},
		switchTab(style) {
			this.orderMenu.forEach((item, index) => {
				item.icon = this.orderStyle[style][index];
			});
		},
		goMenuPage(url, name) {
			if (this.isLogin) {
				let arr = url.split('@APPID=');
				if (arr.length > 1) {
					//#ifdef MP
					uni.navigateToMiniProgram({
						appId: arr[arr.length - 1], // 此为生活缴费appid
						path: arr[0], // 此为生活缴费首页路径
						envVersion: 'release',
						success: (res) => {
							console.log('打开成功', res);
						},
						fail: (err) => {
							console.log('sgdhgf', err);
						}
					});
					//#endif
					//#ifndef MP
					this.Tips({
						title: 'h5与app端不支持跳转外部小程序'
					});
					//#endif
				} else {
					if (url == '/pages/extension/customer_list/chat' || url == 'https://chat.crmeb.net/chat/mobile') {
						this.$util.getCustomer(this.userInfo);
					} else {
						if (url.indexOf('http') === -1) {
							// #ifdef H5
							if (name && name === '订单核销') {
								return (window.location.href = `${location.origin}${url}`);
							}
							// #endif
							// #ifdef MP
							if (url != '#' && url == '/pages/users/user_set/index') {
								uni.openSetting({
									success: function (res) {}
								});
							}
							// #endif
							if (url == '/pages/store_spread/index') {
								storeCardApi()
									.then((res) => {
										this.isextension = true;
										this.$nextTick(function () {
											this.extension.code = res.data.url;
										});
									})
									.catch((err) => {
										uni.hideLoading();
										this.$util.Tips({
											title: err
										});
									});
							}
							if (url == '/pages/users/spreadData/index' || url == '/pages/users/user_spread_user/index') {
								if (this.userInfo.is_promoter == 0) {
									uni.showToast({
										title:'无推广权限，请申请分销权限或联系管理员',
										icon:'none'
									})
								} else {
									uni.navigateTo({
										url
									});
								}
								return;
							}
							if (url == '/pages/users/agent/apply') {
								if (this.userInfo.division_status == -1) {
									uni.navigateTo({
										url: '/pages/users/agent/apply'
									});
								} else {
									uni.navigateTo({
										url: '/pages/users/agent/state'
									});
								}
								return;
							}
							if (url == '/pages/users/distributor/apply') {
								if (this.userInfo.promoter_status == -1) {
									uni.navigateTo({
										url: '/pages/users/distributor/apply'
									});
								} else {
									uni.navigateTo({
										url: '/pages/users/agent/state?type=promoter'
									});
								}
								return;
							}

							if (
								['/pages/goods_cate/goods_cate', '/pages/order_addcart/order_addcart', '/pages/user/index', '/pages/store_cate/store_cate', '/pages/index/index'].indexOf(url) == -1
							) {
								uni.navigateTo({
									url: url
								});
							} else {
								uni.reLaunch({
									url: url
								});
							}
						} else {
							// #ifdef H5
							this.$util.JumpPath(url);
							// #endif
							// #ifndef H5
							uni.navigateTo({
								url: `/pages/annex/web_view/index?url=${url}`
							});
							// #endif
						}
					}
				}
			}else{
				toLogin()
			}
		},
		isWork() {
			return navigator.userAgent.toLowerCase().indexOf('wxwork') !== -1 && navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
		},
		wechatAuthoize(code) {
			let that = this;
			if (!this.isWork()) {
				this.$Cache.set('WX_AUTH', code);
				silenceAuth({
					code: code,
					snsapi: 'snsapi_base',
					spread_spid: that.$Cache.get('spid')
				})
					.then((res) => {
						if (res.data.key) {
							this.$Cache.set('snsapiKey', res.data.key);
						} else {
							let time = res.data.expires_time - this.$Cache.time();
							this.$store.commit('LOGIN', {
								token: res.data.token,
								time: time
							});

							this.$store.commit('SETUID', res.data.userInfo.uid);
							this.$store.commit('UPDATE_USERINFO', res.data.userInfo);
							location.reload();
						}
					})
					.catch((err) => {
						uni.hideLoading();
						return this.$util.Tips({
							title: error
						});
					});
			}
		},
		checkIdentity(val){
			// let o5c782 = this.$store.state.app.system_channel_style;
			checkIdentityApi({identity: val}).then(res=>{
				getUserInfo().then((res) => {
					this.$store.commit('UPDATE_USERINFO', res.data);
					if(val == 1){
						uni.redirectTo({
							// url: o5c782 == 1 ? '/pages/merchant/index/index' : '/pages/merchant/index/goods'
							url: '/pages/merchant/index/index'
						})
					}
					if(val == 2){
						uni.redirectTo({
							url: '/pages/admin/work/index'
						})
					}
				});
			}).catch(err=>{
				return this.$util.Tips({
					title: err
				});
			})
		},
		getChannel(){
			let o8e37 = this.$store.state.app.identity;
			if(o8e37 == 1 && this.isLogin){
				setTimeout(()=>{
					uni.redirectTo({
						url: "/pages/merchant/index/goods"
					})
				},500)
			}
			if(o8e37 == 2 && this.isLogin){
				uni.redirectTo({
					url:"/pages/admin/work/index"
				})
			}
		}
	}
};
</script>

<style scoped lang="scss">
.footer-placeholder {
	height: calc(98rpx + constant(safe-area-inset-bottom));
	height: calc(98rpx + env(safe-area-inset-bottom));
	height: 98rpx;
}

.user-page {
	position: relative;
	padding-bottom: calc(100rpx+ constant(safe-area-inset-bottom));
	padding-bottom: calc(100rpx + env(safe-area-inset-bottom));
	padding-bottom: 100rpx;
}
.copy_right {
	text-align: center;
	color: #ccc;
	font-size: 22rpx;
	margin-top: 40rpx;
	.copyRightImg {
		width: 219rpx;
		height: 74rpx;
		margin: 16rpx auto;
		display: block;
	}
	.support {
		width: 219rpx;
		height: 74rpx;
		margin: 54rpx auto;
		display: block;
	}
	.of0b21 {
		margin-top: 0rpx;
		color: #ccc;
		font-size: 20rpx;
		margin-bottom: 20rpx;
	}
}

// 黄精粉导航行：复用 member-points 样式（与会员中心/积分商城完全一致）
.hjf-nav-row {
	margin-top: 0 !important;
}
.member-points {
	border-radius: 20rpx;
	margin: 20rpx;
	background-color: #ffffff;

	.item {
		position: relative;
		flex: 1;
		height: 134rpx;
		padding-left: 40rpx;
		font-weight: 500;
		font-size: 28rpx;
		line-height: 34rpx;
		color: #333333;

		&::before {
			content: '';
			position: absolute;
			top: 50%;
			left: 0;
			height: 48rpx;
			border-left: 1rpx solid #eeeeee;
			transform: translateY(-50%);
		}

		&:first-child::before {
			display: none;
		}
		.iconfont {
			position: relative;
			font-size: 20rpx;
		}
	}

	.arrow {
		margin-top: 12rpx;
		font-weight: 400;
		font-size: 22rpx;
		line-height: 24rpx;
		color: #ff7d00;
	}

	.image {
		width: 88rpx;
		height: 88rpx;
		margin-left: 40rpx;
	}

	.iconfont {
		margin-left: 2rpx;
		font-size: 24rpx;
	}
}
</style>