|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <view style="background-color: #FFFFFF;height: 100%;">
|
|
|
+ <view style="background-color: #FFFFFF;height: 100%;" class="u-skeleton">
|
|
|
<view class="u-page status_bar">
|
|
|
<view class="head">
|
|
|
<view class="status_bar">
|
|
@@ -7,39 +7,39 @@
|
|
|
</view>
|
|
|
<view class="u-flex u-row-between" style="padding: 30rpx 40rpx">
|
|
|
<view class="u-flex">
|
|
|
- <view class="">
|
|
|
- <u-image width="130rpx" height="130rpx" src="../../static/sailun/head-portrait.png" :lazy-load="true" shape="circle">
|
|
|
+ <view class="u-skeleton-circle">
|
|
|
+ <u-image width="130rpx" height="130rpx" :src="userInfo.storeImageUrl" :lazy-load="true" shape="circle">
|
|
|
<view slot="error" style="font-size: 24rpx;" :fade="true" duration="450">加载失败
|
|
|
</view>
|
|
|
</u-image>
|
|
|
</view>
|
|
|
- <view class="u-margin-left-10">
|
|
|
- <view style="color: #fff;font-size: 42rpx;" class="u-margin-bottom-20">
|
|
|
- 青岛赛轮轮胎零售店
|
|
|
+ <view class="u-margin-left-10 u-skeleton-fillet">
|
|
|
+ <view style="color: #fff;font-size: 42rpx;" class="u-margin-bottom-20 ">
|
|
|
+ {{userInfo.storeName}}
|
|
|
</view>
|
|
|
<view style="border: 1rpx solid #E3E3E3;border-radius: 30rpx;font-size:24rpx;color:#fff;padding: 2rpx 20rpx;">
|
|
|
- 山东省青岛市城阳区黑龙江北路188
|
|
|
+ {{userInfo.province}}{{userInfo.city}}{{userInfo.district}}{{userInfo.addressInfo}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
+ <view class="u-skeleton-fillet" @click="showQr=!showQr">
|
|
|
<!-- <u-icon name="qr" size="80rpx" custom-prefix="van-icon" color="#fff"></u-icon> -->
|
|
|
<u-image width="60rpx" height="60rpx" src="../../static/sailun/qrcode.png" :lazy-load="true">
|
|
|
</u-image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="u-flex u-row-around u-m-t-20">
|
|
|
- <view class="u-text-center">
|
|
|
+ <view class="u-text-center u-skeleton-fillet">
|
|
|
<view style="font-size:34rpx; color: #FFFFFF;">
|
|
|
- 张三
|
|
|
+ {{userInfo.contactName}}
|
|
|
</view>
|
|
|
<view style="color: #B3DAFF;opacity: 0.9;">
|
|
|
联系人
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="u-text-center">
|
|
|
+ <view class="u-text-center u-skeleton-fillet">
|
|
|
<view style="font-size:34rpx;color: #FFFFFF;">
|
|
|
- 市北区
|
|
|
+ {{userInfo.district}}
|
|
|
</view>
|
|
|
<view style="color: #B3DAFF;opacity: 0.9;">
|
|
|
区域
|
|
@@ -47,8 +47,9 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view style="position: relative;top:-110rpx;margin-bottom: 20rpx;">
|
|
|
- <u-card padding="20" box-shadow="0rpx 0rpx 24rpx 0rpx rgba(101, 176, 249, 0.41)" border-radius="20" :show-foot="false" :border="false">
|
|
|
+ <view style="position: relative;top:-110rpx;margin-bottom: 100rpx;">
|
|
|
+ <u-card padding="20" box-shadow="0rpx 0rpx 24rpx 0rpx rgba(101, 176, 249, 0.41)" border-radius="20" :show-foot="false"
|
|
|
+ :border="false" class="u-skeleton-fillet">
|
|
|
<view slot="head" class="u-flex u-row-between u-col-bottom">
|
|
|
<view style="font-size: 34rpx;">
|
|
|
结算中心
|
|
@@ -61,7 +62,7 @@
|
|
|
<view class="u-flex u-row-around">
|
|
|
<view class="u-text-center">
|
|
|
<view style="color: #0095FF;font-size: 30rpx;">
|
|
|
- 800 <text style="font-size: 14rpx;">万</text>
|
|
|
+ {{userInfo.usableMoney|numberFormat}}
|
|
|
</view>
|
|
|
<view style="color: #333333;">
|
|
|
我的奖励
|
|
@@ -69,7 +70,7 @@
|
|
|
</view>
|
|
|
<view class="u-text-center">
|
|
|
<view style="color: #0095FF;font-size: 30rpx;">
|
|
|
- 800 <text style="font-size: 14rpx;">万</text>
|
|
|
+ {{userInfo.blockMoney|numberFormat}}
|
|
|
</view>
|
|
|
<view style="color: #333333;">
|
|
|
冻结奖励
|
|
@@ -77,7 +78,7 @@
|
|
|
</view>
|
|
|
<view class="u-text-center">
|
|
|
<view style="color: #0095FF;font-size: 30rpx;">
|
|
|
- 800 <text style="font-size: 14rpx;">万</text>
|
|
|
+ {{userInfo.allBlockMoney|numberFormat}}
|
|
|
</view>
|
|
|
<view style="color: #333333;">
|
|
|
待核销
|
|
@@ -85,7 +86,7 @@
|
|
|
</view>
|
|
|
<view class="u-text-center">
|
|
|
<view style="color: #0095FF;font-size: 30rpx;">
|
|
|
- 800 <text style="font-size: 14rpx;">万个</text>
|
|
|
+ {{userInfo.storeTotalIntegral|numberFormat}}
|
|
|
</view>
|
|
|
<view style="color: #333333;">
|
|
|
可用积分
|
|
@@ -94,7 +95,8 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-card>
|
|
|
- <u-card padding="20" box-shadow="0rpx 0rpx 24rpx 0rpx rgba(101, 176, 249, 0.41)" border-radius="20" :show-foot="false" :border="false">
|
|
|
+ <u-card padding="20" box-shadow="0rpx 0rpx 24rpx 0rpx rgba(101, 176, 249, 0.41)" border-radius="20" :show-foot="false"
|
|
|
+ :border="false" class="u-skeleton-fillet">
|
|
|
<view slot="head" class="u-flex u-row-between u-col-bottom">
|
|
|
<view style="font-size: 34rpx;">
|
|
|
我的服务
|
|
@@ -147,7 +149,7 @@
|
|
|
胎号查询
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="u-flex u-row-centter" style="flex-direction: column;width: 25%;" @click="inorder">
|
|
|
<view>
|
|
|
<u-image width="80rpx" height="80rpx" src="../../static/sailun/me-order.png" :lazy-load="true" shape="circle">
|
|
@@ -178,14 +180,14 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-card>
|
|
|
- <u-cell-group>
|
|
|
- <u-cell-item title="核销记录">
|
|
|
+ <u-cell-group class="u-skeleton-fillet">
|
|
|
+ <u-cell-item title="核销记录">
|
|
|
<u-icon slot="icon" size="42" name="balance-o" custom-prefix="van-icon"></u-icon>
|
|
|
</u-cell-item>
|
|
|
- <u-cell-item title="兑换记录">
|
|
|
+ <u-cell-item title="兑换记录">
|
|
|
<u-icon slot="icon" size="42" name="balance-list-o" custom-prefix="van-icon"></u-icon>
|
|
|
</u-cell-item>
|
|
|
- <u-cell-item title="经销商库存" @click="inAgentStock">
|
|
|
+ <u-cell-item title="经销商库存" @click="inAgentStock">
|
|
|
<u-icon slot="icon" size="42" name="points" custom-prefix="van-icon"></u-icon>
|
|
|
</u-cell-item>
|
|
|
<u-cell-item title="设置" @click="inSetting">
|
|
@@ -194,63 +196,110 @@
|
|
|
</u-cell-group>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <u-modal v-model="showQr" :show-title="false" :mask-close-able="true" :show-confirm-button="false" width="440">
|
|
|
+ <view class="slot-content u-p-40 u-flex u-row-center">
|
|
|
+ <u-image width="360rpx" height="360rpx" :src="userInfo.qrbarcodeSrc"></u-image>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <u-skeleton :loading="loading" :animation="true"></u-skeleton>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import {
|
|
|
+ request
|
|
|
+ } from '../../common/request/request'
|
|
|
+ require("promise.prototype.finally").shim()
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- src: '../../static/sailun/fade.jpg',
|
|
|
+ userInfo: "",
|
|
|
+ showQr: false,
|
|
|
+ loading: true, // 是否显示骨架屏组件
|
|
|
};
|
|
|
},
|
|
|
- methods:{
|
|
|
- inInstore(){
|
|
|
+ filters: {
|
|
|
+ numberFormat(value) {
|
|
|
+ let unit = '';
|
|
|
+ var k = 10000,
|
|
|
+ sizes = ['', '万', '亿', '万亿'],
|
|
|
+ i;
|
|
|
+ if (value < k) {
|
|
|
+ value = value;
|
|
|
+ } else {
|
|
|
+ i = Math.floor(Math.log(value) / Math.log(k));
|
|
|
+ value = ((value / Math.pow(k, i))).toFixed(2);
|
|
|
+ unit = sizes[i];
|
|
|
+ }
|
|
|
+ return value + unit;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getMyinfo()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getMyinfo() {
|
|
|
+ request({
|
|
|
+ url: '/myapp/selectStore',
|
|
|
+ method: 'post',
|
|
|
+ data: {
|
|
|
+ "storeId": '3000',
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ this.userInfo = res.data.data
|
|
|
+ }).catch(err => {
|
|
|
+ console.log(err)
|
|
|
+ }).finally(() => {
|
|
|
+ this.loading = false;
|
|
|
+ uni.hideLoading();
|
|
|
+ })
|
|
|
+ },
|
|
|
+ inInstore() {
|
|
|
this.$u.route({
|
|
|
url: 'pages/me/Warehousing-details/index',
|
|
|
})
|
|
|
},
|
|
|
- inOutstore(){
|
|
|
+ inOutstore() {
|
|
|
this.$u.route({
|
|
|
url: 'pages/me/Delivery-details/index',
|
|
|
})
|
|
|
},
|
|
|
- inReward(){
|
|
|
+ inReward() {
|
|
|
this.$u.route({
|
|
|
url: 'pages/me/Reward-details/index',
|
|
|
})
|
|
|
},
|
|
|
- inStatistical(){
|
|
|
+ inStatistical() {
|
|
|
this.$u.route({
|
|
|
url: 'pages/me/Statistical-task/index',
|
|
|
})
|
|
|
},
|
|
|
- inresult(){
|
|
|
+ inresult() {
|
|
|
this.$u.route({
|
|
|
url: 'pages/me/scancodequery/scan',
|
|
|
})
|
|
|
},
|
|
|
- inorder(){
|
|
|
+ inorder() {
|
|
|
this.$u.route({
|
|
|
url: 'pages/me/my-order/my-order',
|
|
|
})
|
|
|
},
|
|
|
- inCoupon(){
|
|
|
+ inCoupon() {
|
|
|
this.$u.route({
|
|
|
url: 'pages/me/coupon',
|
|
|
})
|
|
|
},
|
|
|
- inSuppliers(){
|
|
|
+ inSuppliers() {
|
|
|
this.$u.route({
|
|
|
url: 'pages/me/suppliers',
|
|
|
})
|
|
|
},
|
|
|
- inAgentStock(){
|
|
|
+ inAgentStock() {
|
|
|
this.$u.route({
|
|
|
url: 'pages/me/agent-stock/agent-stock',
|
|
|
})
|
|
|
},
|
|
|
- inSetting(){
|
|
|
+ inSetting() {
|
|
|
this.$u.route({
|
|
|
url: 'pages/me/setting/setting',
|
|
|
})
|
|
@@ -267,8 +316,7 @@
|
|
|
.head {
|
|
|
width: 750rpx;
|
|
|
min-height: 460rpx;
|
|
|
- // background: linear-gradient(50deg, #3F77F6 0%, #66CCFF 100%);
|
|
|
- background-image: url(../../static/sailun/mebg.png);
|
|
|
- background-size:100% 100%;
|
|
|
+ background-image: url(../../static/sailun/mebg.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
}
|
|
|
</style>
|