104 lines
3.3 KiB
Vue
104 lines
3.3 KiB
Vue
<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>
|