renshou/pages/user/user.vue

<template>
	<view>
		<view :class="'mine' + (skinNotColor ? ' not-color' : '')">
			<view :style="'height:' + systems.barHeight + 'rpx;'"></view>
			<view :style="'top:' + systems.ktxStatusHeight + 'rpx;z-index:3;position: absolute;'+'line-height: '+ systems.navigationHeight+'rpx;text-align: center;left: 0;font-size: 34rpx;right: 0;color: #FFFFFF;'">
				我的
			</view>
			<image src="../../static/pages/images/userBg.png" class="wdbg" @click="jumpUrl('mine/userinfo/userinfo')"></image>
			<view class="minec">
				<view class="minec-img" @click="jumpUrl('mine/set/index')">
					<image :src="userInfos.avatar ? userInfos.avatar : '/static/pages/images/userimg.png'" mode="aspectFit" class="user"></image>
				</view>
				<view class="mines" @click="jumpUrl('mine/set/index')" v-if="isLogin">
					<view class="ddflex">
						{{ userInfos.nickName }}
						<image src="../../static/pages/images/rz_qy_h.png" class="auth-img" v-if="userInfos.authStatus == 2"></image>
						<image src="../../static/pages/images/rz_qy.png" class="auth-img" v-else></image>
						<image src="../../static/pages/images/rz_gr_h.png" class="auth-img" v-if="userInfos.companyStatus == 2"></image>
						<image src="../../static/pages/images/rz_gr.png" class="auth-img" v-else></image>
					</view>
					<text class="edu" v-if="userInfos.mobile">{{ styleHintPhoneText(userInfos.mobile) }}</text>
				</view>
				<view class="flex" v-else><text class="login-btn" @click="jumpUrl('')">点击登录</text></view>
				<view class="rule dflex" @click="isSign == 0 || sign == 1 ? jumpUrl('') : signFun()" v-if="isShowSign">
					<image src="/static/pages/images/qdico.png"></image>
					{{ !isLogin ? '签到' : isSign == 0 || sign == 1 ? '已签到' : '签到' }}
				</view>
				<!-- </navigator> -->
			</view>
			<view class="datas dflex">
				<navigator url="" hover-class="none" class="li" v-if="is_open_wallet.isOpenWallet == 1" @click="jumpUrl('wallet/index/index')">
					<text>{{ userMoney ? userMoney : '0.00' }}</text>
					钱包
				</navigator>
				<navigator
					url=""
					hover-class="none"
					class="li"
					:style="is_open_wallet.isOpenWallet != 1 && Open_Points_Mall != 1 ? 'width:50%' : ''"
					@click="jumpUrl('mine/coupons/coupons')"
				>
					<text>{{ userInfos.coupon ? userInfos.coupon : '0' }}</text>
					优惠券
				</navigator>
				<navigator url="" hover-class="none" class="li" @click="jumpUrl('integralshop/index/index')">
					<text>{{ userInfos.integral ? userInfos.integral : '0' }}</text>
					积分
				</navigator>
				<navigator
					url=""
					hover-class="none"
					class="li"
					:style="is_open_wallet.isOpenWallet != 1 && Open_Points_Mall != 1 ? 'width:50%' : ''"
					@click="jumpUrl('mine/collect/collect')"
				>
					<text>{{ userInfos.collect ? userInfos.collect : '0' }}</text>
					收藏
				</navigator>
				<!-- <navigator url="/mine/footprint/footprint" hover-class="none" class="li"><text>{{footprint?footprint:'0'}}</text>足迹</navigator> -->
			</view>
			<view style="height: 80rpx;"></view>
		</view>

		<view class="con" style="margin-top: -80rpx;">
			<view class="order">
				<navigator url="" hover-class="none" class="tits dflex" @click="jumpUrl('mine/order/order')">
					<view class="flex">我的活动</view>
					全部活动
					<image src="../../static/pages/images/more.png" class="rico"></image>
				</navigator>
				<view class="ddflex" style="justify-content: space-between;padding: 40rpx 80rpx;">
					<view class="order-item ddflex">
						<image src="../../static/images/sd_tw.png"></image>
						<view>待参与</view>
					</view>
					<vieW class="order-line"></vieW>
					<view class="order-item ddflex">
						<image src="../../static/images/sd_tw.png"></image>
						<view>已完成</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="con">
			<view class="order">
				<navigator url="" hover-class="none" class="tits dflex" @click="jumpUrl('mine/order/order')">
					<view class="flex">我的顾问</view>
				</navigator>
				<view class="service-person">
					<view class="ddflex" @click="jumpUrl('/card/index/index')">
						<image class="service-person-header" src="../../static/pages/images/userimg.png"></image>
						<view>
							<view class="service-person-name ddflex">
								<view>Hi~我是杜平</view>
								<image src="/static/images/rico2.png" class="rico"></image>
							</view>
							<view class="service-person-number">(工号:106547) 欢迎您来到我的微页</view>
							<view class="service-person-options ddflex">
								<view class="service-person-option ddflex">
									<image src="/static/pages/images/dz_hui.png"></image>
									<view>96%</view>
								</view>
								<view class="service-person-option ddflex">
									<image src="/static/pages/images/cy_hui.png"></image>
									<view>从业21.6年</view>
								</view>
								<view class="service-person-option ddflex">
									<image src="/static/pages/images/fw_hui.png"></image>
									<view>为1678人服务</view>
								</view>
							</view>
						</view>
					</view>
					<view class="service-person-phone ddflex">
						<view class="ddflex flex" style="justify-content: center;">
							<image src="/static/pages/images/phone1.png"></image>
							<view>联系电话</view>
						</view>
						<view class="order-line"></view>
						<view class="ddflex flex" style="justify-content: center;">
							<image style="width: 35rpx;height: 28rpx;" src="/static/pages/images/qw.png"></image>
							<view>加企微信</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="box mlist">
			<navigator class="li ddflex" url="/promote/invite/invite" hover-class="none">
				<image :src="picUrlss + 'scrm/mico_fx.png'" class="mico"></image>
				<view class="fflex">推荐好友</view>
				<image src="../../static/pages/images/more.png" class="rico"></image>
			</navigator>
		</view>
		
		<view class="box mlist">
			<view class="li ddflex">
				<view class="fflex">
					<contact-button class-name="ddflex" :img-url="picUrlss+'scrm/mico_kf.png'" img-style='width: 49rpx;height: 49rpx;margin: 0 25rpx 0 0;' button-text="联系客服" styles="line-height:initial;"></contact-button>
				</view>
				<image src="../../static/pages/images/more.png" class="rico"></image>
			</view>
			<navigator  class="li ddflex" url="/mine/help/help" hover-class="none">
				<image :src="picUrlss+'ruiteng/my_service5.png'" class="mico" mode="aspectFit"></image>
				<view class="fflex">帮助中心</view>
				<image src="../../static/pages/images/more.png" class="rico"></image>
			</navigator>
			<navigator class="li ddflex" url="/mine/feedback/feedback" hover-class="none">
				<image :src="picUrlss + 'scrm/mico_fk.png'" class="mico"></image>
				<view class="fflex">建议与反馈</view>
				<image src="../../static/pages/images/more.png" class="rico"></image>
			</navigator>
			<navigator class="li ddflex" url="/pages/about/about" hover-class="none">
				<image :src="picUrlss + 'scrm/mico_about.png'" class="mico"></image>
				<view class="fflex">关于中国人寿</view>
				<image src="../../static/pages/images/more.png" class="rico"></image>
			</navigator>
		</view>
		<footer-copyright></footer-copyright>
		<!-- <view class="placeholder-view" :style="'height:' + (bottomBlankHeignt + 115) + 'rpx'"></view> -->
		<foot channel="user"></foot>
		<update-userinfo
			:update-info="isUpdateInfo"
			:update-mobile="isUpdateMobile"
			v-if="isShowUpdate"
			@closeUpdate="closeUpdate"
			@updateInfo="updateInfo"
			@updateMobile="updateMobile"
		></update-userinfo>
		
		<view class="lt ddflex">
			<view class="ddflex" style="position: relative;width: 100%;height: 100%;">
				<image src="../../static/pages/images/lt.png"></image>
				<view class="lt-num">1</view>
			</view>
		</view>
	</view>
</template>

<script>
// pages/user/user.js
const app = getApp();
const req = require('../../utils/request.js');
const util = require('../../utils/util.js');
const route = require('../../utils/route');
import foot from '../../components/nav-bar/index';
import footerCopyright from '../../components/footer-copyright/footer-copyright';

export default {
	data() {
		return {
			systems: {},
			skinNotColor: req.public.skinNotColor,
			picUrlss: req.public.picUrls,
			bottomBlankHeignt: app.globalData.isIPhoneX ? 68 : 0,
			// merchantId: '',
			iconSrc: req.public.iconSrc,
			//头部页面背景链接
			isHideVip: true,
			//隐藏会员
			isVip: true,
			//是否是会员
			IS_secondary_members: 0,
			distr: '',
			userinfovip: '',
			userMoney: '',
			istetphone: '',
			logo: '',
			name: '',
			is_open_wallet: '',
			Open_Points_Mall: '',
			statistics: '',
			vipList: '',
			rongkang: req.header.appId,
			isSign: '',
			sign: 0,
			isLogin: false,
			noLogin: false,
			is_open_shop: '',
			isShowSign: false, //是否显示签到按钮
			config: {},
			userInfo:{},
			userInfos: {},
			isShowUpdate: false, //是否显示更新信息弹窗
			isUpdateInfo: false, //更新用户信息
			isUpdateMobile: false, //绑定手机号
		};
	},

	components: {
		foot,
		footerCopyright
	},
	props: {},

	onLoad(options) {
		uni.hideTabBar();

		uni.setNavigationBarColor({
			frontColor: this.skinNotColor ? '#000' : '#ffffff',
			backgroundColor: this.skinNotColor ? '#fff' : req.public.titleTopBgColor
		});

		if (JSON.parse(req.getStorage('configRes')).IS_secondary_members) {
			let IS_secondary_members = JSON.parse(req.getStorage('configRes')).IS_secondary_members;
			console.log(IS_secondary_members);
			this.setData({
				IS_secondary_members: IS_secondary_members
			});
		}
		this.userInfo = req.getStorage('userInfo');
		// #ifdef MP-WEIXIN
		let userInfo = req.getStorage('userInfo');
		if (req.isAuth()) {
			setTimeout(res => {
				if (!userInfo.avatar || userInfo.nickName == '微信用户' || this.userInfos.nickName == '微信用户') {
					this.isShowUpdate = true;
					this.isUpdateInfo = true;
				}
				if (userInfo.avatar && !userInfo.mobile && (this.userInfos && !this.userInfos.mobile)) {
					this.isShowUpdate = true;
					this.isUpdateMobile = true;
				}
			}, 2000);
		}
		// #endif
	},

	onShow: function() {
		let userInfo = req.getStorage('userInfo');
		this.isLogin = req.isLogins(false);
		if (this.isLogin) {
			this.getMy();
			this.getAbout();
			this.getRule();
			this.noLogin = true;
		} else {
			this.noLogin = false;
		}
	},
	methods: {
		styleHintPhoneText(phone) {
			var phones=util.styleHintPhoneText(phone);
			return phones;
		},

		jumpUrl(url) {
			if (req.isLogins(true)) {
				app.globalData.navigateTo(url);
			}
		},

		jumpMerchantManage() {
			let token = req.getStorage('AUTH_TOKEN');
			this.jumpUrl('merchant/index?appId=' + req.header.appId + '&token=' + token);
		},
		// 是否签到{}
		isSignFun() {
			req.getRequest('/api/integral/isSign', {}, res => {
				this.setData({
					isSign: res
				});
			});
		},

		gouserInfo() {
			app.globalData.navigateTo('mine/userinfo/userinfo');
		},
		getDistributionConfig() {
			req.postRequest('/api/distribution/config', {}, res => {
				this.setData({
					distr: res
				});
			});
		},
		// 签到
		signFun() {
			req.postRequest('/api/integral/sign', {}, data => {
				if (data) {
					req.msg('连续签到' + data.continuityDay + '天' + ',获得' + data.IntegralChange + '积分');
					this.setData({
						sign: 1
					});
					this.getOpenPonints();
				}
			});
		},
		getuserVip() {
			req.getRequest('/api/user/levelDetails', {}, data => {
				let expireTime = Array;

				if (data.expireTime) {
					expireTime = data.expireTime.split(' ');
					data.expireTime = data.expireTime.replace(/-/g, '/');
				} // 解决苹果不兼容---日期
				// data.expireTime=data.expireTime.replace(/-/g, '/')

				let nowTime = new Date().getTime();
				let endTime = new Date(data.expireTime).getTime();
				let times = parseInt((endTime - nowTime) / 1000); // var expireTime= new Date(data.expireTime)
				// var time1=expireTime.getTime();

				// console.log(times, nowTime, endTime, data.expireTime);
				this.setData({
					userinfovip: data,
					['userinfovip.expireTime']: expireTime[0]
				});

				if (times <= 0) {
					this.setData({
						['userinfovip.end']: true
					});
				} else {
					this.setData({
						['userinfovip.end']: false
					});
				}

				// console.log(data);
			});
		},
		getOpenPonints() {
			req.getRequest('/api/integral/returnIntegral', {}, res => {
				this.setData({
					integral: res
				});
			});
		},
		getMy() {
			let that = this;
			req.getRequest('/api/user/my', {}, data => {
				// data.merchantId = req.getStorage('userInfo').merchantId
				data.nickName = req.excludeSpecial(data.nickName);
				this.userInfos = data;
				// that.setData(data); // this.isbindmobile();
				console.log('userinfo==' + JSON.stringify(data));
				this.isSignFun();
				this.getstatistics(data);
				this.getDistributionConfig();
				this.getuserVip();
				this.getuserMoney();
				this.getVip();
				this.getOpenPonints();
				// console.log(this);
			});
		},

		getuserMoney() {
			let is_open_wallet = JSON.parse(req.getStorage('configRes')).is_open_wallet;

			if (is_open_wallet) {
				if (JSON.parse(is_open_wallet).isOpenWallet == 1) {
					route.extendNew({}, res => {
						// console.log(parseFloat(res.all).toFixed(2));
						if (res)
							this.setData({
								userMoney: parseFloat(res.all).toFixed(2)
							});
					});
				}
			}
		},

		getAbout() {
			var _this = this;

			req.getRequest('/api/config', {}, function(res) {
				_this.phone = res.CONFIG_SERVICE_HOT_MOBILE;
				_this.config = res;
				_this.setData({
					istetphone: res.user_bind_mobile,
					logo: res.CONFIG_PROJECT_LOGO,
					name: res.CONFIG_PROJECT_TITLE
				});

				// console.log(res);
				if (res && res.is_open_wallet) {
					_this.setData({
						is_open_wallet: JSON.parse(res.is_open_wallet)
					});
				}

				if (res.is_open_shop) {
					_this.is_open_shop = res.is_open_shop;
				}

				// if (res.user_bind_mobile == '1') {
				// 	let userInfo = req.getStorage('userInfo');

				// 	if (userInfo && (userInfo.mobile == null || userInfo.mobile == '')) {
				// 		app.globalData.openPage('pages/authorize/authorize?bindmobile=1');
				// 	}
				// }
			});
			// 是否开启积分商城
			req.getRequest(
				'/api/params/value',
				{
					type: 'Open_Points_Mall'
				},
				res => {
					this.setData({
						Open_Points_Mall: res
					});
				}
			);
		},

		callPhone() {
			if (req.isLogins(true)) {
				uni.makePhoneCall({
					phoneNumber: this.phone
				});
			}
		},

		goUrl() {
			app.globalData.openPage('mine/vip/vip');
		},

		// 门店统计
		getstatistics(data) {
			let from = {};

			if (data.listShopBase && data.listShopBase != null && data.listShopBase.length > 0) {
				from.shopId = data.listShopBase[0].id;
			}

			if (data.listMerchant && data.listMerchant != null && data.listMerchant.length > 0 && data.listShopBase.length < 1) {
				from.merchantId = data.listMerchant[0].id;
			}

			req.getRequest('/api/order/statistics', from, data => {
				this.setData({
					statistics: data
				});
				console.log(data);
			});
		},
		getRule() {
			let that = this;
			req.getRequest('/api/integral/config', {}, res => {
				if (res && res.length > 0) {
					res.map(it => {
						if (it.illustrate && it.illustrate.indexOf('签到') > -1) {
							if (it.state == 2) {
								that.isShowSign = true;
							}
						}
					});
				}
			});
		},
		getVipListOrg() {
			if (this.vipList && this.userinfovip) {
				if (!this.userinfovip.levelGrade) {
					this.vipList.map((it, index) => {
						this.vipList[0].isShowInfo = true;
					});
				} else {
					this.vipList.map((it, index) => {
						if (this.userinfovip.level == it.id) {
							if (index < this.vipList.length - 1) {
								this.vipList[index + 1].isShowInfo = true;
							}
						}
					});
				}
			}
		},
		getVip() {
			req.getRequest('/api/levelStrategy/userLevelList', {}, data => {
				if (data && data.length > 0) {
					data.map((it, index) => {
						it.upgradeTerm = JSON.parse(it.upgradeTerm);
						it.isShowInfo = false;
						// if(index == 0) it.isShowInfo = true;
						return it;
					});
					this.vipList = data;
					this.getVipListOrg();
				}
			});
		},
		showInfo(index) {
			if (!this.vipList[index].isShowInfo) {
				this.vipList.map(it => {
					it.isShowInfo = false;
					return it;
				});
			}
			this.vipList[index].isShowInfo = !this.vipList[index].isShowInfo;
		},
		closeUpdate() {
			this.isShowUpdate = false;
		},
		updateInfo(e) {
			this.isUpdateInfo = e;
			this.getMy();
		},
		updateMobile(e) {
			this.isUpdateMobile = e;
			this.getMy();
		},
		// 判断强制绑定手机号
		// isbindmobile() {
		//   if (req.getStorage('configRes')) {
		//     let configRes = JSON.parse(req.getStorage('configRes'))
		//     this.setData({ istetphone: configRes.user_bind_mobile, logo: configRes.CONFIG_PROJECT_LOGO, name: configRes.CONFIG_PROJECT_TITLE })
		//   } else {
		//     req.g('/api/config', (res) => {
		//       req.setStorage('configRes', JSON.stringify(res))
		//       this.setData({ istetphone: res.user_bind_mobile, logo: res.CONFIG_PROJECT_LOGO, name: res.CONFIG_PROJECT_TITLE })
		//     })
		//   }
		//   if(this.data.istetphone=='1'){
		//       // 获取用户手机号
		//     let userInfo= req.getStorage('userInfo')
		//     if(userInfo.mobile==null||userInfo.mobile==''){
		//       console.log("获取用户手机号===============================")
		//       app.openPage('pages/authorize/authorize?bindmobile=1')
		//     }
		//   }
		// },
	},
	created() {
		const systemInfo = uni.getSystemInfoSync();
		// px转换到rpx的比例
		let pxToRpxScale = 750 / systemInfo.windowWidth;
		let systems = {
			ktxStatusHeight: systemInfo.statusBarHeight * pxToRpxScale, // 状态栏的高度
			navigationHeight: 44 * pxToRpxScale // 导航栏的高度
		};
		systems.barHeight = systems.ktxStatusHeight + systems.navigationHeight;
		this.systems = systems;
	}
};
</script>
<style>
@import './user.css';
</style>