|
@@ -1,30 +1,31 @@
|
|
|
<template>
|
|
|
<view class="container user clearfix">
|
|
|
- <view class="user-section">
|
|
|
- <view class="u-header">
|
|
|
+ <tui-skeleton v-if="skeletonShow" backgroundColor="#fafafa" borderRadius="10rpx" :isLoading ="true" :loadingType="5"></tui-skeleton>
|
|
|
+ <view class="user-section tui-skeleton">
|
|
|
+ <view class="u-header tui-skeleton-fillet">
|
|
|
<image src="https://img.caimei365.com/group1/M00/03/94/Cmis216Sk_SAPDwvAAcTspdl8h0610.png" mode=""></image>
|
|
|
<view class="u-header-main">
|
|
|
<view class="user-item">
|
|
|
<view class="logo-m">
|
|
|
<image :src="headpic ? headpic:'https://img.caimei365.com/group1/M00/03/94/Cmis216Sk_OAZaxVAAANf4oruy4674.png'" mode=""></image>
|
|
|
- <text class="txt">协销员工</text>
|
|
|
+ <text class="txt tui-skeleton-fillet">协销员工</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="user-item">
|
|
|
+ <view class="user-item tui-skeleton-fillet">
|
|
|
<text class="u-h1">{{name}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 订单 -->
|
|
|
<view class="user-order">
|
|
|
- <view class="tab-title" @click="navigator('/market/pages/order/order-list?listType=0')">
|
|
|
- <text class="cell-tit">我的订单</text>
|
|
|
- <text class="cell-more">查看更多</text>
|
|
|
+ <view class="tab-title tui-skeleton-fillet" @click="navigator('/market/pages/order/order-list?listType=0')">
|
|
|
+ <text class="cell-tit tui-skeleton-fillet">我的订单</text>
|
|
|
+ <text class="cell-more tui-skeleton-fillet">查看更多</text>
|
|
|
<text class="iconfont icon-xiayibu"></text>
|
|
|
</view>
|
|
|
<view class="order-section">
|
|
|
<view class="order-item" @click="navigator('/market/pages/order/order-list?listType=1')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class="order-icon">
|
|
|
+ <view class="order-icon tui-skeleton-fillet">
|
|
|
<image src="../../static/temp/order1@3x.png" mode=""></image>
|
|
|
<text v-if="beforeConfirmCount >0"
|
|
|
class="uni-badge uni-badge-error uni-small uni-badge--small icon-num"
|
|
@@ -32,10 +33,10 @@
|
|
|
{{beforeConfirmCount == 99? '99+' : beforeConfirmCount}}
|
|
|
</text>
|
|
|
</view>
|
|
|
- <text class="order-t">待确认</text>
|
|
|
+ <text class="order-t tui-skeleton-fillet">待确认</text>
|
|
|
</view>
|
|
|
<view class="order-item" @click="navigator('/market/pages/order/order-list?listType=2')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class="order-icon">
|
|
|
+ <view class="order-icon tui-skeleton-fillet">
|
|
|
<image src="../../static/temp/order2@3x.png" mode=""></image>
|
|
|
<text v-if="beforePayCount >0"
|
|
|
class="uni-badge uni-badge-error uni-small uni-badge--small icon-num "
|
|
@@ -43,10 +44,10 @@
|
|
|
{{beforePayCount == 99? '99+' : beforePayCount}}
|
|
|
</text>
|
|
|
</view>
|
|
|
- <text class="order-t">待付款</text>
|
|
|
+ <text class="order-t tui-skeleton-fillet">待付款</text>
|
|
|
</view>
|
|
|
<view class="order-item" @click="navigator('/market/pages/order/order-list?listType=3')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class="order-icon">
|
|
|
+ <view class="order-icon tui-skeleton-fillet">
|
|
|
<image src="../../static/temp/order3@3x.png" mode=""></image>
|
|
|
<text v-if="beforeShipCount >0"
|
|
|
class="uni-badge uni-badge-error uni-small uni-badge--small icon-num"
|
|
@@ -54,10 +55,10 @@
|
|
|
{{beforeShipCount == 99? '99+' : beforeShipCount}}
|
|
|
</text>
|
|
|
</view>
|
|
|
- <text class="order-t">待发货</text>
|
|
|
+ <text class="order-t tui-skeleton-fillet">待发货</text>
|
|
|
</view>
|
|
|
<view class="order-item" @click="navigator('/market/pages/order/order-list?listType=4')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class="order-icon">
|
|
|
+ <view class="order-icon tui-skeleton-fillet">
|
|
|
<image src="../../static/temp/order4@3x.png" mode=""></image>
|
|
|
<text v-if="shippedCount >0"
|
|
|
class="uni-badge uni-badge-error uni-small uni-badge--small icon-num"
|
|
@@ -65,10 +66,10 @@
|
|
|
{{shippedCount == 99? '99+' : shippedCount}}
|
|
|
</text>
|
|
|
</view>
|
|
|
- <text class="order-t">已发货</text>
|
|
|
+ <text class="order-t tui-skeleton-fillet">已发货</text>
|
|
|
</view>
|
|
|
<view class="order-item" @click="navigator('/market/pages/order/order-list?listType=5')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class="order-icon">
|
|
|
+ <view class="order-icon tui-skeleton-fillet">
|
|
|
<image src="../../static/temp/order5@3x.png" mode=""></image>
|
|
|
<text v-if="refundsCount >0"
|
|
|
class="uni-badge uni-badge-error uni-small uni-badge--small icon-num"
|
|
@@ -76,14 +77,14 @@
|
|
|
{{refundsCount == 99? '99+' : refundsCount}}
|
|
|
</text>
|
|
|
</view>
|
|
|
- <text class="order-t">退货/款</text>
|
|
|
+ <text class="order-t tui-skeleton-fillet">退货/款</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 底部跳转 -->
|
|
|
<view class="foot-list">
|
|
|
<view class="list-cell-item">
|
|
|
- <view class="list-cell" v-for="(item, index) in firstList" :key="index" @click="navigator(item.path)" hover-class="cell-hover" :hover-stay-time="50">
|
|
|
+ <view class="list-cell tui-skeleton-fillet" v-for="(item, index) in firstList" :key="index" @click="navigator(item.path)" hover-class="cell-hover" :hover-stay-time="50">
|
|
|
<text class="cell-tit">{{item.name}}</text>
|
|
|
<text class="cell-more iconfont icon-xiayibu"></text>
|
|
|
</view>
|
|
@@ -109,8 +110,7 @@
|
|
|
headpic:'',
|
|
|
userMoney:0.00,
|
|
|
userId:'',
|
|
|
- aboutHtml:'',
|
|
|
- telPhone:'',
|
|
|
+ skeletonShow:true,
|
|
|
beforeConfirmCount:0,//待确认角标
|
|
|
beforePayCount:0, //待付款角标
|
|
|
beforeShipCount:0, //待发货角标
|
|
@@ -162,6 +162,7 @@
|
|
|
this.beforeShipCount = this.showBadge(sellerData.beforeShipCount)//待发货
|
|
|
this.shippedCount = this.showBadge(sellerData.shippedCount)//已发货
|
|
|
this.refundsCount = this.showBadge(sellerData.refundsCount)//退货/款
|
|
|
+ this.skeletonShow = false;
|
|
|
}).catch(response =>{
|
|
|
this.$util.msg(response.msg,2000)
|
|
|
})
|