小程序 接口开发

rk

22 小时以前 4f30734588eb34ea2d7c27856f72ce40da8ab365

 mini-program/pages/mine/mine.vue

@@ -8,7 +8,7 @@
         <view class="user">
            <view class="user-left">
               <view class="user-image">
                  <image :src="userInfo.imgFullUrl" mode="widthFix"></image>
                  <image :src="userInfo.imgFullUrl?userInfo.imgFullUrl:'/static/icon/default.png'" mode="widthFix"></image>
               </view>
               <view class="user-name">
                  <button open-type="getPhoneNumber" @getphonenumber="getphonenumber" v-if="!userInfo">获取手机号</button>
@@ -20,25 +20,25 @@
                  <image src="/static/icon/ic_option@2x.png" mode="widthFix"></image>
               </view>
               <view class="user-right-item" @click="jumpNotice">
                  <view class="user-right-item-tips" v-if="objNum && objNum.unRead === 1"></view>
                  <view class="user-right-item-tips" v-if="objNum && objNum.unRead === 0"></view>
                  <image src="/static/icon/ic_notice@2x.png" mode="widthFix"></image>
               </view>
            </view>
         </view>
         <view class="cate">
            <view class="cate-item">
            <view class="cate-item" @click="jumpTo(1)">
               <text>{{objNum ? objNum.cartTypeNum : 0}}</text>
               <text>购物车</text>
            </view>
            <view class="cate-item">
            <view class="cate-item" @click="jumpTo(2)">
               <text>{{objNum ? objNum.member.integral : 0}}</text>
               <text>积分</text>
            </view>
            <view class="cate-item">
            <view class="cate-item" @click="jumpTo(3)">
               <text>{{objNum ? objNum.couponNum : 0}}</text>
               <text>优惠券</text>
            </view>
            <view class="cate-item">
            <view class="cate-item" @click="jumpTo(4)">
               <text>{{objNum ? objNum.collectNum : 0}}</text>
               <text>收藏</text>
            </view>
@@ -69,8 +69,8 @@
               </view>
            </view>
         </view>
         <view class="guanggao">
            <image src="/static/images/share@2x.png" mode="widthFix"></image>
         <view class="guanggao" @click="jumpShare()">
            <image :src="share"  mode="widthFix"></image>
         </view>
         <view class="gn">
            <view class="gn-item" @click="jump()">
@@ -78,6 +78,7 @@
               <image src="/static/icon/ic_ar2@2x.png" mode="widthFix"></image>
            </view>
            <view class="gn-item">
               <button open-type="contact">客服</button>
               <text>在线客服</text>
               <image src="/static/icon/ic_ar2@2x.png" mode="widthFix"></image>
            </view>
@@ -94,23 +95,56 @@
   import { mapState } from 'vuex'
   export default {
      computed: {
         ...mapState(['navHeight', 'statusbarHeight', 'openid', 'userInfo'])
         ...mapState(['navHeight', 'statusbarHeight', 'openid', 'userInfo','recshopid','recuserid'])
      },
      data() {
         return {
            objNum: null,
            orderNum: null
            orderNum: null,
            share: ''
         };
      },
      async onLoad() {
         await this.$onLaunched;
         this.getMyInfo()
         if (uni.getStorageSync('backgroundImage')) {
            this.share = uni.getStorageSync('backgroundImage').centerInviteBg
         }
         this.ordersStatistics()
      },
      async onShow() {
         await this.$onLaunched;
         if (this.userInfo) {
            this.getMyInfo()
         }
      },
      methods: {
         jumpTo(type) {
            if (type === 1) {
               uni.navigateTo({
                  url: '/pages/shopping-cart/shopping-cart'
               })
            } else if (type === 2) {
               uni.navigateTo({
                  url: '/pages/my-points/my-points'
               })
            } else if (type === 3) {
               uni.navigateTo({
                  url: '/pages/coupon/coupon'
               })
            } else if (type === 4) {
               uni.navigateTo({
                  url: '/pages/my-collection/my-collection'
               })
            }
         },
         jump() {
            uni.navigateTo({
               url: '/pages/login/login'
            })
         },
         jumpShare(){
            uni.navigateTo({
               url: '/pages/share/share'
            })
         },
         // 跳转消息
@@ -127,15 +161,21 @@
         },
         // 授权手机号
         getphonenumber(e) {
            this.$u.api.wxPhone({
               code: e.detail.code,
               openid: this.openid
            }).then(res => {
               if (res.code === 200) {
                  this.$store.commit('setUserInfo', res.data.member)
                  this.$store.commit('setToken', res.data.token)
               }
            })
            if (e.detail.errMsg === 'getPhoneNumber:ok') {
               this.$u.api.wxPhone({
                  code: e.detail.code,
                  shopId:this.recshopid,
                  recId:this.recuserid,
                  openid: this.openid
               }).then(res => {
                  if (res.code === 200) {
                     this.$store.commit('setUserInfo', res.data.member)
                     this.$store.commit('setToken', res.data.token)
                      this.$store.commit('setRecShopId','')
                      this.$store.commit('setRecUserId','')
                  }
               })
            }
         },
         // 获取收藏等数量
         getMyInfo() {
@@ -214,9 +254,19 @@
               align-items: center;
               justify-content: space-between;
               border-bottom: 1rpx solid #E5E5E5;
               position: relative;
               &:last-child {
                  border: none !important;
               }
               button {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  opacity: 0;
                  z-index: 99;
               }
               text {
                  font-weight: 400;
                  font-size: 30rpx;