<template>
	<view class="pad-x180">
		<!-- 状态栏 -->
		<status-nav 
		:ifTitle="true" 
		:ifReturn="false"
		:ifCenter="true"
		:navBarTitle="'个人中心'"></status-nav>
		<!-- 容器 -->
		<container-subgroup>
			<view class="disjcac fc">
				<image class="mar-sx20" src="https://s6.jpg.cm/2022/02/14/L4oDhy.jpg" mode="aspectFill" style="width: 224rpx;height: 224rpx;border-radius: 60rpx;"></image>
				<view class="fon36 bold">Anita Rose</view>
			</view>
			<!-- 我的订单状态 -->
			<view style="margin-top: 100rpx;">
				<view class="mar-x50 disjbac">
					<view class="fon36 col0">我的订单</view>
					<navigator url="/pagesA/myOrder/myOrder?index=0" hover-class="none">
						<view class="disac colpeili">
							<view class="fon24 mar-y10">全部订单</view>
							<i class="icon icon-next bold400" style="font-size: 28rpx;"></i>
						</view>
					</navigator>
				</view>
				<view class="disjbac fon28 col3 mar-x50">
					<view @tap="chooseOrderStatus(indexo)" v-for="(itemo,indexo) in orderStatus" :key="indexo">
						<view class="disac fc posir">
							<image :src="itemo.src" class="icon-img" mode="widthFix"></image>
							<view class="mar-sx10 fon24 col0">{{itemo.title}}</view>
							<view class="posia red-num" style="right: 0;top: 0;" v-if="itemo.num!=0">{{itemo.num}}</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 功能列表 -->
			<function-list></function-list>
		</container-subgroup>
		<!-- 底部tab -->
		<foot-tab :titleList="titleList" :imgList="imgList" :newcurrent='2'></foot-tab>
		<!-- 弹框授权 -->
		<!-- <auth-userInfo-mobile :optionObj="optionObj"></auth-userInfo-mobile> -->
	</view>
</template>

<script>
	import functionList from '@/components/function-list/function-list.vue';
	export default {
		components:{functionList},
		data() {
			return {
				statusHNH:uni.getStorageSync('statusHNH'),
				publicColor:uni.getStorageSync('publicColor'),
				orderStatus:[//我的订单状态
					{src:'/static/public/icon-payment.png',title:'待付款',num:0},
					{src:'/static/public/icon-send-goods.png',title:'待发货',num:0},
					{src:'/static/public/icon-take.png',title:'待收货',num:0},
					{src:'/static/public/icon-finish.png',title:'已完成',num:0},
					{src:'/static/public/icon-refund.png',title:'已取消',num:0},
				],
				userInfo:{},//用户信息
				titleList:uni.getStorageSync('footTitle'), // 底部导航文字
				imgList:uni.getStorageSync('footimg'), // 底部导航图标
			}
		},
		onShow() {
			// this.checkInfo();
		},
		onShareAppMessage() {
			var shareObj = {
				path: `/pages/tabbar/my/my?invite_code=${uni.getStorageSync('invite_code')}`, // 默认是当前页面，必须是以‘/’开头的完整路径
			};
			return shareObj;
		},
		onLoad(options) {
			
		},
		methods: {
			chooseOrderStatus(index){
				let statusIndex = ''
				if(index==0) statusIndex = 1;
				if(index==1) statusIndex = 2;
				if(index==2) statusIndex = 4;
				if(index==3) statusIndex = 5;
				uni.navigateTo({
					url:'/pagesA/myOrder/myOrder?index='+statusIndex
				})
			},
			checkInfo(){
				this.$requst.post('user/info').then(res=>{
					// console.log('用户信息：',res);
					if(res.code==0 && res.data.length!=0) {
						this.userInfo = res.data;
					}
				},error=>{})
			}
		}
	}
</script>

<style>

</style>
