From 39695c5355c15be2e9caa94e1d57ef794e93a205 Mon Sep 17 00:00:00 2001
From: lifizer <913626195@qq.com>
Date: Thu, 14 Mar 2024 15:52:04 +0800
Subject: [PATCH] =?UTF-8?q?Style(=E6=88=91=E7=9A=84):=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=8C=89=E7=85=A7=E6=96=B0=E8=AE=BE=E8=AE=A1=E5=9B=BE=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/style.less     |   9 +-
 pages/user/User/index.vue | 994 ++++++++++----------------------------
 2 files changed, 259 insertions(+), 744 deletions(-)

diff --git a/assets/css/style.less b/assets/css/style.less
index 058cf0c..79d1604 100644
--- a/assets/css/style.less
+++ b/assets/css/style.less
@@ -2463,16 +2463,11 @@ page {
 }
 
 .user .wrapper .myOrder .orderState .item .pictrue {
-  width: 0.49*100rpx;
-  height: 0.42*100rpx;
+  width: 52rpx;
+  height: 52rpx;
   margin: 0 auto 0.18*100rpx auto;
 }
 
-.user .wrapper .myOrder .orderState .item .pictrue image {
-  width: 100%;
-  height: 100%;
-}
-
 .user .wrapper .myService {
   background-color: #fff;
   margin-top: 0.15*100rpx;
diff --git a/pages/user/User/index.vue b/pages/user/User/index.vue
index 8793a27..4bd4a9d 100644
--- a/pages/user/User/index.vue
+++ b/pages/user/User/index.vue
@@ -1,141 +1,61 @@
 <template>
-  <view class="user">
-    <hx-navbar
-        title="地标文化特产"
-        :fixed="true"
-        :back="false"
-        :left-slot="false"
-        :right-slot="false"
-        statusBarFontColor="#ffffff"
-        color="#ffffff"
-        :bgImgHeight="bgImgHeight"
-        :background-color="[209,68,74]"
-    />
+  <view class="user user-page">
     <view
       v-if="$store.getters.token || userInfo.uid"
       class="acea-row row-column"
-      style="background: #fff;"
     >
-      <view class="header acea-row row-column"
-            style="flex-wrap: nowrap;background: #fff !important;margin: 0 30rpx;border-radius: 16rpx;box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);">
-        <view class="innTag acea-row row-middle row-center align-left" @click="innTagClick" v-if="userInfo.hotel != null && userInfo.hotel.checkState=='C1'">
-          <image style="width: 36rpx;height: 36rpx;" :src="webUrl+'/20240107224552660125.png'" mode=""></image>
-          <text style="font-size: 24rpx;color: #ffffff;">店铺主页</text>
+      <view class="my-hearder">
+        <view class="my-header-bg">
+          <rich-text :nodes="myHeaderBgHtml" />
         </view>
-        <!--        background: #0DC5C5 !important;border-top-left-radius: 16rpx;border-top-right-radius: 16rpx;-->
-        <view class="center-box" :style="{'backgroundImage':`url(${webUrl}/20240111201405837746.png)`}">
-          <view class="flex jc-between"
-                style="padding: 30rpx;">
-            <view class="picTxt acea-row" style="flex-wrap: nowrap;flex: 1;">
-              <view class="pictrue">
-                <image :src="userInfo.avatar"/>
+        <view class="my-header-body">
+          <view
+            :style="{
+              'padding-top': statusBarHeight
+            }"
+            class="title"
+          >
+            地标文化特产
+          </view>
+          <view class="info">
+            <view class="name-cont">
+              <view class="txt">
+                {{ userInfo.nickname }}
               </view>
-              <view class="text acea-row row-column-between">
-                <view class="acea-row row-middle">
-                  <view class="name line1"
-                        style="color: #000000 !important;font-size: 28rpx !important;font-weight: 500;">
-                    {{ userInfo.nickname }}
-                  </view>
-                  <view class="member acea-row row-middle" v-if="userInfo.vip">
-                    <image :src="userInfo.vipIcon"/>
-                    <text>{{ userInfo.vipName }}</text>
-                  </view>
-                </view>
-
-                <view class="acea-row row-middle" style="margin-top: 8rpx;">
-                  <view class="vip-box btn-change acea-row row-center row-middle">
-
-                    <text class="vip-title">{{ userInfo.levelName }}</text>
-
-                  </view>
-                  <view v-if="userLevelInfo && userLevelInfo.idcardOne && userLevelInfo.checkState!=3"
-                        class="protocol-state-box">
-                    {{ protocolCheckState(userLevelInfo.checkState) }}
-                  </view>
-                </view>
+              <view class="qrcode" @click="getSpreadPoster">
+                <image :src="webUrl + '/icon/icon-qrcode.png'" class="code" />
+                <text class="code-txt">会员码</text>
               </view>
             </view>
-
-            <view class="promotion-code-box flex jc-center ai-center" @click="goPromotionPoster()">
-              <image style="width: 24rpx;height: 24rpx;" :src="webUrl+'/20240111201400020095.png'" mode=""></image>
-              会员码
+            <view class="avatar-cont" @click="goPersonalData()">
+              <image :src="userInfo.avatar" class="img" />
             </view>
           </view>
-
-          <view class="acea-row row-middle row-around" style="margin-bottom: 20rpx;
-  padding: 0 30rpx 30rpx 30rpx;">
-            <view class="acea-row row-middle" @click="goBindParent()">
-              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224558355949.png'"
-                     mode=""></image>
-              <text style="font-size: 24rpx;color: #fff;">扫一扫</text>
-            </view>
-            <view class="vline"></view>
-            <view class="acea-row row-middle" @click="goLikeList()">
-              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224606011625.png'"
-                     mode=""></image>
-              <text style="font-size: 24rpx;color: #fff;">收藏</text>
-            </view>
-            <view class="vline"></view>
-            <view class="acea-row row-middle" style="position: relative;" @click="goMessageData()">
-              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224620893707.png'"
-                     mode=""></image>
-              <text style="font-size: 24rpx;color: #fff;">消息</text>
-              <view v-if="unreadMsgList.length>0" class="unread-dot"></view>
-            </view>
-            <view class="vline"></view>
-            <view class="acea-row row-middle" @click="goPersonalData()">
-              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224612250643.png'"
-                     mode=""></image>
-              <text style="font-size: 24rpx;color: #fff;">设置</text>
-            </view>
-          </view>
-
         </view>
-
-        <view class="acea-row row-column" style="border-bottom-left-radius: 16rpx;border-bottom-right-radius: 16rpx;">
-          <view class="title acea-row row-middle" style="border-bottom: 1px solid #f6f6f6;padding: 10rpx 0;">
-            <text style="width: 6rpx;background: #FF564A;height: 28rpx;border-radius: 3rpx;margin-right:10rpx;"></text>
-            <text style="font-size: 26rpx;color: #333333;font-weight: 400;">我的账户</text>
-          </view>
-
-          <view class="nav acea-row row-column" style="padding:24rpx 12rpx">
-            <view class="acea-row row-middle row-between"
-                  style="padding-bottom: 30rpx;margin-bottom: 20rpx;border-bottom: 1px solid #f6f6f6;">
-              <view @click="goUserAccount()" class="acea-row row-middle" style="flex-grow: 1;">
-                <view class="acea-row row-middle" style="margin-right: 20rpx;">
-                  <image style="width: 56rpx;height: 56rpx" :src="webUrl+'/20240107224629408613.png'" mode=""></image>
-                </view>
-                <view class="acea-row row-column">
-                  <text style="color: #999999;font-size: 20rpx;font-weight: 400;">余额</text>
-                  <text class="num" style="color: #000000;font-size: 28rpx;font-weight: 500;">
-                    {{ userInfo.nowMoney ? force2Decimal(userInfo.nowMoney) : 0.00 }}
-                  </text>
-                </view>
-              </view>
-
-              <view class="acea-row row-middle" style="color: #fff;font-size: 24rpx;flex-shrink: 0;">
-                <view @click="goWithdrawl()" class="withdrawBtn btn-change" style="margin-right: 10rpx;">提现</view>
-                <view @click="goAccountDetail()" class="accountDetailBtn">账户明细</view>
-              </view>
+        <view class="my-hdeader-bottom">
+          <view class="item" @click="linkTo('/pages/user/UserBill/index')">
+            <view class="number">
+              {{ userInfo.nowMoney ? force2Decimal(userInfo.nowMoney) : 0.00 }}
             </view>
-
-            <view class="acea-row row-middle row-between">
-              <view class="acea-row row-middle">
-
-                <view class="acea-row row-middle" style="margin-right: 20rpx;">
-                  <image style="width: 56rpx;height: 56rpx;" :src="webUrl+'/20240107224636733995.png'" mode=""></image>
-                </view>
-                <view class="acea-row row-column">
-                  <text style="color: #999999;font-size: 20rpx;font-weight: 400;">恭喜你成为了{{ userInfo.levelName }}
-                  </text>
-                  <text class="num" style="color: #000000;font-size: 28rpx;font-weight: 500;">
-                    当前等级：{{ userInfo.level }}
-                  </text>
-                </view>
-              </view>
-              <view class="acea-row row-middle" style="color: #fff;font-size: 24rpx;">
-                <view @click="showUpgradeIntro()" class="benifitIntroBtn">权益说明</view>
-              </view>
+            <view class="txt">
+              <image :src="webUrl + '/icon/icon-yue.png'" class="img" />
+              余额
+            </view>
+          </view>
+          <view class="item">
+            <view class="number">
+              {{ userInfo.integral || 0 }}
+            </view>
+            <view class="txt">
+              <image :src="webUrl + '/icon/icon-jifen.png'" class="img" />
+              积分
+            </view>
+          </view>
+          <view class="item" @click="linkTo('')">
+            <view class="txt">
+              <image :src="webUrl + '/icon/icon-kefu.png'" class="img" />
+              官方客服
+              <button class="cus-btn" open-type="contact"></button>
             </view>
           </view>
         </view>
@@ -154,62 +74,81 @@
           <view class="orderState acea-row row-middle">
             <view @click="goMyOrder(1)" class="item">
               <view class="pictrue">
-                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224703391856.png'"/>
+                <image
+                  :src="webUrl+'/icon/icon-order-status1.png'"
+                  class="icon-order"
+                />
                 <text
-                    class="order-status-num"
-                    v-if="orderStatusNum.unpaidCount > 0"
-                >{{ orderStatusNum.unpaidCount }}
+                  v-if="orderStatusNum.unpaidCount > 0"
+                  class="order-status-num"
+                >
+                  {{ orderStatusNum.unpaidCount }}
                 </text>
               </view>
               <view>待付款</view>
             </view>
             <view @click="goMyOrder(2)" class="item">
               <view class="pictrue">
-                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224656826240.png'"/>
+                <image
+                  :src="webUrl+'/icon/icon-order-status2.png'"
+                  class="icon-order"
+                />
                 <text
-                    class="order-status-num"
-                    v-if="orderStatusNum.unshippedCount > 0"
-                >{{ orderStatusNum.unshippedCount }}
+                  v-if="orderStatusNum.unshippedCount > 0"
+                  class="order-status-num"
+                >
+                  {{ orderStatusNum.unshippedCount }}
                 </text>
               </view>
               <view>待发货</view>
             </view>
             <view @click="goMyOrder(3)" class="item">
               <view class="pictrue">
-                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224650489311.png'"/>
+                <image
+                  :src="webUrl+'/icon/icon-order-status3.png'"
+                  class="icon-order"
+                />
                 <text
-                    class="order-status-num"
-                    v-if="orderStatusNum.receivedCount > 0"
-                >{{ orderStatusNum.receivedCount }}
+                  v-if="orderStatusNum.receivedCount > 0"
+                  class="order-status-num"
+                >
+                  {{ orderStatusNum.receivedCount }}
                 </text>
               </view>
               <text>待收货/核销</text>
             </view>
             <view @click="goMyOrder(4)" class="item">
               <view class="pictrue">
-                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240109234147411394.png'"/>
+                <image
+                  :src="webUrl+'/icon/icon-order-status4.png'"
+                  class="icon-order"
+                />
                 <text
-                    class="order-status-num"
-                    v-if="orderStatusNum.evaluatedCount > 0"
-                >{{ orderStatusNum.evaluatedCount }}
+                  v-if="orderStatusNum.evaluatedCount > 0"
+                  class="order-status-num"
+                >
+                  {{ orderStatusNum.evaluatedCount }}
                 </text>
               </view>
               <text>待评价</text>
             </view>
             <view @click="goReturnList()" class="item">
               <view class="pictrue">
-                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224643038018.png'"/>
+                <image
+                  :src="webUrl+'/icon/icon-order-status5.png'"
+                  class="icon-order"
+                />
                 <text
-                    class="order-status-num"
-                    v-if="orderStatusNum.refundCount > 0"
-                >{{ orderStatusNum.refundCount }}
+                  v-if="orderStatusNum.refundCount > 0"
+                  class="order-status-num"
+                >
+                  {{ orderStatusNum.refundCount }}
                 </text>
               </view>
               <text>售后/退款</text>
             </view>
           </view>
         </view>
-
         <!-- 我的服务开始 -->
         <view class="myService" style="margin-top: 30rpx !important;">
           <view class="title acea-row row-middle">
@@ -221,6 +160,10 @@
               <view
                 v-for="(item, index) in toolList"
                 :key="index"
+                :class="{
+                  'tool-item-left': [0, 3, 6, 9].includes(index),
+                  'tool-item-right': [2, 5, 8, 11].includes(index)
+                }"
                 class="tool-item flex"
                 @click="toolItemClickHandle(item)"
               >
@@ -242,18 +185,30 @@
       </view>
     </view>
     <uni-popup ref="popup" type="center">
-      <view class="acea-row row-column row-middle"
-            style="position: relative;background-color: #fff;border-radius: 20rpx;">
-        <view class="acea-row row-center" style="border-radius: 50%;margin-top: -52rpx;background-color: #fff;">
-          <image :src="userInfo.avatar" mode=""
-                 style="width: 96rpx;height: 96rpx;border-radius: 50%;margin: 8rpx;"></image>
+      <view
+        class="acea-row row-column row-middle"
+        style="position: relative;background-color: #fff;border-radius: 20rpx;"
+      >
+        <view
+          class="acea-row row-center"
+          style="border-radius: 50%;margin-top: -52rpx;background-color: #fff;"
+        >
+          <image
+            :src="userInfo.avatar"
+            style="width: 96rpx;height: 96rpx;border-radius: 50%;margin: 8rpx;"
+          />
         </view>
-        <view class="acea-row row-column row-center" style="margin-top: 20rpx;margin-bottom: 40rpx;">
+        <view
+          class="acea-row row-column row-center"
+          style="margin-top: 20rpx;margin-bottom: 40rpx;"
+        >
           <text style="text-align: center;">{{ userInfo.nickname }}</text>
-          <image :src="spreadPoster.wap_poster" mode="" style="width: 512rpx;height: 512rpx;"></image>
+          <image
+            :src="spreadPoster.wap_poster"
+            style="width: 512rpx;height: 512rpx;"
+          />
         </view>
       </view>
-
     </uni-popup>
   </view>
 </template>
@@ -261,13 +216,10 @@
 <script>
 import {mapGetters, mapMutations} from "vuex";
 import {
-  bindingPhone,
-  getMenuUser,
   getSpreadImg,
   getUserInfo,
   getUserLevelInfo,
   noticeList,
-  userBindParent,
   getUserCenterBanner
 } from "@/api/user";
 import {isWeixin} from "@/utils";
@@ -280,12 +232,10 @@ export default {
   props: {},
   data: function () {
     return {
+      statusBarHeight: uni.getSystemInfoSync().statusBarHeight  + 'px',
       webUrl: this.$VUE_APP_RESOURCES_URL,
-      MyMenus: [],
-      switchActive: false,
       isWeixin: false,
       isInnOwer: false,//是否是客栈主
-      bgImgHeight: '20px',
       userLevelInfo: null,
       unreadMsgList: [],
       orderStatusNum: {
@@ -344,7 +294,7 @@ export default {
         },
         {
           text: '帮助中心',
-          url: '',
+          url: '/pages/user/Message/Message',
           icon: '/icon/icon-help.png',
           allowEnter: true
         },
@@ -355,60 +305,15 @@ export default {
           allowEnter: true
         }
       ],
+      myHeaderBgHtml: `<img src="${this.$VUE_APP_RESOURCES_URL}/page/my/bg.png" style="diaplay: block;max-width: 100%">`,
       bannerHtml: ''
     };
   },
   computed: mapGetters(["userInfo"]),
-  onLoad: function (e) {
-    that = this;
-    uni.getSystemInfo({
-      success: (e) => {
-        // this.compareVersion(e.SDKVersion, '2.5.0')
-        let statusBar = 0;
-        let customBar = 0;
-
-        // #ifdef MP
-        statusBar = e.statusBarHeight
-        customBar = e.statusBarHeight + 45
-        if (e.platform === 'android') {
-          //this.$store.commit('SET_SYSTEM_IOSANDROID', false)
-          customBar = e.statusBarHeight + 50
-        }
-        // #endif
-
-
-        // #ifdef MP-WEIXIN
-        statusBar = e.statusBarHeight
-        // @ts-ignore
-        //uni.getMenuButtonBoundingClientRect();
-        const custom = uni.getMenuButtonBoundingClientRect()
-        customBar = custom.bottom + custom.top - e.statusBarHeight
-        // #endif
-
-
-        // #ifdef MP-ALIPAY
-        statusBar = e.statusBarHeight
-        customBar = e.statusBarHeight + e.titleBarHeight
-        // #endif
-
-
-        // #ifdef APP-PLUS
-        console.log('app-plus', e)
-        statusBar = e.statusBarHeight
-        customBar = e.statusBarHeight + 45
-        // #endif
-
-
-        // #ifdef H5
-        statusBar = 0
-        customBar = e.statusBarHeight + 45
-        // #endif
-
-        //状态栏图片高度
-        that.bgImgHeight = statusBar + 'px';
-
-      }
-    });
+  watch: {
+    userInfo(newVal) {
+      this.$set(this, 'orderStatusNum', newVal.orderStatusNum);
+    }
   },
   onShow() {
     if (this.$store.getters.token) {
@@ -416,9 +321,10 @@ export default {
         title: "加载中"
       });
       this.$store.dispatch("getUser", true);
-      this.getUserLevelInfo();//获取用户等级信息
-      //this.User();
-      this.MenuUser();
+      //获取用户等级信息
+      this.getUserLevelInfo();
+      // this.User();
+      // this.MenuUser();
       this.isWeixin = isWeixin();
       this.getUnreadMsgList();
     } else {
@@ -430,135 +336,20 @@ export default {
     }
   },
   onHide() {
-    console.log("离开用户中心");
     this.updateAuthorizationPage(false);
   },
   methods: {
     ...mapMutations(["updateAuthorizationPage"]),
-    queryURLparams: function (url) {
-      let obj = {}
-      if (url.indexOf('?') < 0) return obj
-      let arr = url.split('?')
-      url = arr[1]
-      let array = url.split('&')
-      for (let i = 0; i < array.length; i++) {
-        let arr2 = array[i]
-        let arr3 = arr2.split('=')
-        obj[arr3[0]] = arr3[1]
-      }
-      return obj
-
-    },
-
     goRoomLogs() {
       uni.navigateTo({
         url: "/pkg_common/views/roomLogs"
       })
     },
-
-    goBindParent: function () {
-
-      uni.scanCode({
-        success: function (res) {
-          console.log('条码类型：' + res.scanType);
-          console.log('条码内容：' + res.result);
-
-          uni.showLoading();
-          if (res.result.length > 0) {
-
-            var query = that.queryURLparams(res.result);
-            if (query.spread != null) {
-              //绑定上级
-              userBindParent({
-                spread: query.spread
-              }).then((res1) => {
-                uni.showToast({
-                  title: res1.msg || '绑定成功!',
-                  icon: "success"
-                })
-              }).catch((err) => {
-                uni.showToast({
-                  title: err.msg,
-                  icon: "none"
-                })
-              })
-
-            } else {
-              uni.showToast({
-                title: "未获取到上级id",
-                icon: "none"
-              })
-            }
-
-          }
-
-        }
-      })
-    },
-    checkStateStr: function (state) {
-      var str = '';
-      switch (state) {
-        case 'C0':
-          str = '待审核';
-          break;
-        case 'C1':
-          str = '已通过';
-          break;
-        case 'C2':
-          str = '已驳回';
-          break;
-        default:
-          break;
-      }
-      return str;
-    },
-    goInnApply: function () {
-      //跳转到客栈申请界面
-      //根据提交状态判断type(0-提交申请 1-修改申请)
-      //hotel.checkState = C0 待审核  C1审核通过 C2 被驳回
-
-      if (this.userInfo.hotel != null) {
-
-        if (this.userInfo.hotel.checkState == 'C2') {
-
-          this.$yrouter.push("/pagesInn/inn/innApply?type=1&hotel=" + JSON.stringify(this.userInfo.hotel));
-        }
-
-      } else {
-        this.$yrouter.push("/pagesInn/inn/innApply?type=0");
-      }
-
-
-    },
-    goInnInfoEdit: function () {
-      //修改客栈信息
-      this.$yrouter.push("/pagesInn/inn/innProfileEdit?hotel=" + encodeURIComponent(JSON.stringify(this.userInfo.hotel)));
-    },
     force2Decimal(v) {
       return this.$force2Decimal(v);
     },
-    protocolCheckState(state) {
-      var stateStr = '';
-      switch (state) {
-        case 1:
-          stateStr = '群主资料新增'
-          break;
-        case 2:
-          stateStr = '群主资料待审核'
-          break;
-        case 3:
-          stateStr = '群主资料审核通过'
-          break;
-        case 4:
-          stateStr = '群主资料被驳回'
-          break;
-        default:
-          break;
-      }
-      return stateStr;
-    },
     innTagClick() {
-      //跳转到客栈主页
+      // 跳转到客栈主页
       this.$yrouter.push({
         path: "/pagesInn/inn/innHome",
         query: {
@@ -571,70 +362,26 @@ export default {
       var that = this;
       if (!this.spreadPoster.wap_poster) {
         uni.showLoading();
-        getSpreadImg({}).then(
-            res => {
-              uni.hideLoading();
-              that.spreadPoster = res.data[0];
-              that.$refs.popup.open();
-            },
-            err => {
-              uni.hideLoading();
-              uni.showToast({
-                title: err.msg || err.response.data.msg || err.response.data.message,
-                icon: "none",
-                duration: 2000
-              });
-            }
+        getSpreadImg({}).then(res => {
+          uni.hideLoading();
+          that.spreadPoster = res.data[0];
+          that.$refs.popup.open();
+        }, err => {
+            uni.hideLoading();
+            uni.showToast({
+              title: err.msg || err.response.data.msg || err.response.data.message,
+              icon: "none",
+              duration: 2000
+            });
+          }
         );
       } else {
         that.$refs.popup.open();
       }
-
-
     },
     goReturnList() {
       this.$yrouter.push("/pages/order/ReturnList/index");
     },
-    goMessageData() {
-      this.$yrouter.push("/pages/user/Message/Message");
-    },
-    goPromotionPoster() {
-      this.getSpreadPoster();
-      // this.$yrouter.push("/pages/user/promotion/Poster/index");
-    },
-    goRecharge() {
-      this.$yrouter.push("/pages/user/Recharge/index");
-    },
-    goAccountDetail() {
-      this.$yrouter.push("/pages/user/UserBill/index");
-      // this.$yrouter.push({
-      // 	path: "/pages/user/UserBill/index",
-      // 	query: {
-      // 	  types:0
-      // 	}
-      // })
-    },
-    goCoupons() {
-      uni.navigateTo({
-        url: '/pkg_user/views/myCoupons'
-      })
-    },
-    goGroupManage() {
-      this.$yrouter.push("/pages/user/promotion/UserPromotion/index");
-    },
-    goAddressManage() {
-      this.$yrouter.push("/pages/user/address/AddressManagement/index");
-    },
-    goBankcardManage() {
-      uni.navigateTo({
-        url: "/pkg_user/views/bankCardList"
-      })
-    },
-    goWithdrawl() {
-      uni.navigateTo({
-        url: "/pkg_user/views/withdrawal"
-      })
-    },
     goMyOrder(type) {
       this.$yrouter.push({
         path: "/pages/order/MyOrder/index",
@@ -643,15 +390,6 @@ export default {
         }
       });
     },
-    goUserCoupon() {
-      this.$yrouter.push("/pages/user/coupon/UserCoupon/index");
-    },
-    goIntegral() {
-      this.$yrouter.push("/pages/user/signIn/Integral/index");
-    },
-    goUserPromotion() {
-      this.$yrouter.push("/pages/user/promotion/UserPromotion/index");
-    },
     goUserAccount() {
       this.$yrouter.push({
         path: "/pages/user/UserAccount/index"
@@ -660,76 +398,6 @@ export default {
     goPersonalData() {
       this.$yrouter.push("/pkg_user/views/personalData");
     },
-    goLikeList() {
-      uni.navigateTo({
-        url:'/pkg_user/views/myFavorite'
-      })
-      //跳转到我的喜欢列表
-      // this.$yrouter.push("/pages/user/UserFavorite/UserFavorite");
-    },
-    getPhoneNumber: function (e) {
-      let thit = this;
-      // 判断一下这里是不是小程序 如果是小程序，走获取微信手机号进行绑定
-      if (e.mp.detail.errMsg == "getPhoneNumber:ok") {
-        uni.showLoading({
-          title: "绑定中"
-        });
-        // 获取当前环境的服务商
-        uni.getProvider({
-          service: "oauth",
-          success: function (res) {
-            // 此处可以排除h5
-            if (res.provider) {
-              uni.login({
-                success: loginRes => {
-                  bindingPhone({
-                    code: loginRes.code,
-                    encryptedData: e.mp.detail.encryptedData,
-                    iv: e.mp.detail.iv
-                  })
-                      .then(res => {
-                        console.log(res);
-                        // this.User();
-                        thit.$store.dispatch("userInfo", true);
-                        uni.hideLoading();
-                        uni.showToast({
-                          title: res.msg,
-                          icon: "success",
-                          duration: 2000
-                        });
-                      })
-                      .catch(error => {
-                        uni.hideLoading();
-                        thit.$store.dispatch("userInfo", true);
-                        console.log(error);
-                        uni.showToast({
-                          title:
-                              error.msg ||
-                              error.response.data.msg ||
-                              error.response.data.message,
-                          icon: "none",
-                          duration: 2000
-                        });
-                      });
-                },
-                fail() {
-                  reject("绑定失败");
-                }
-              });
-            }
-          },
-          fail() {
-            reject("获取环境服务商失败");
-          }
-        });
-      } else {
-        uni.showToast({
-          title: "已拒绝授权",
-          icon: "none",
-          duration: 2000
-        });
-      }
-    },
     // 获取用户等级信息
     getUserLevelInfo: function () {
       var that = this;
@@ -737,10 +405,11 @@ export default {
         if (res.data) {
           that.userLevelInfo = res.data;
         }
+        uni.hideLoading();
       }).catch(err => {
-
+        uni.hideLoading();
       }).finally(() => {
-
+        uni.hideLoading();
       });
       // 海报
       getUserCenterBanner().then(res => {
@@ -752,21 +421,6 @@ export default {
         }
       })
     },
-    //升级群主
-    goUpgradeProtocol: function () {
-      this.$yrouter.push('/pages/user/UpgradeElectronicProtocol/UpgradeElectronicProtocol');
-    },
-    //升级说明
-    showUpgradeIntro: function () {
-      // var intro = '';
-      // if(this.userInfo && this.userInfo.levelExplain){
-      // 	intro = this.userInfo.levelExplain;
-      // }
-      this.$yrouter.push('/pages/user/MemberUpgradeIntro/MemberUpgradeIntro');
-    },
-    changeswitch: function (data) {
-      this.switchActive = data;
-    },
     User: function () {
       let that = this;
       debugger
@@ -781,64 +435,6 @@ export default {
 
       });
     },
-    MenuUser: function () {
-      let that = this;
-      getMenuUser()
-          .then(res => {
-            uni.hideLoading();
-            that.MyMenus = res.data.routine_my_menus;
-          })
-          .catch(error => {
-            uni.hideLoading();
-            console.log(error);
-          });
-    },
-    goPages: function (index) {
-      let url = this.MyMenus[index].uniapp_url;
-      if (
-          url === "/pages/user/promotion/UserPromotion/index" &&
-          this.userInfo.statu === 1
-      ) {
-        if (!this.userInfo.isPromoter) {
-          uni.showToast({
-            title: "您还没有推广权限！！",
-            icon: "none",
-            duration: 2000
-          });
-          return;
-        }
-      }
-
-      if (
-          url === "/pages/orderAdmin/OrderIndex/index" &&
-          !this.userInfo.adminid
-      ) {
-        uni.showToast({
-          title: "您还不是管理员！！",
-          icon: "none",
-          duration: 2000
-        });
-        return;
-      }
-      console.log(this.userInfo)
-      if (url === "/pages/orderAdmin/OrderCancellation/index" && !this.userInfo.checkStatus) {
-        uni.showToast({
-          title: "您没有核销权限,请后台店员设置！！",
-          icon: "none",
-          duration: 2000
-        });
-        return;
-      }
-
-      this.$yrouter.push({
-        path: this.MyMenus[index].uniapp_url
-      });
-    },
-    goPages2: function () {
-      this.$yrouter.push({
-        path: "/pages/orderAdmin/OrderCancellation/index"
-      });
-    },
     getUnreadMsgList: function () {
       var params = {
         limit: 99999,
@@ -869,28 +465,18 @@ export default {
         return
       }
       uni.navigateTo({ url })
-    }
-  },
-  watch: {
-    userInfo(newVal) {
-      this.MenuUser();
-
-      that.$set(that, 'orderStatusNum', newVal.orderStatusNum);
+    },
+    linkTo(url) {
+      if (!url) {
+        return
+      }
+      uni.navigateTo({ url })
     }
   }
 };
 </script>
 
 <style lang="less">
-.user .header .picTxt .pictrue {
-  width: 76rpx !important;
-  height: 76rpx !important;
-}
-
-.footer-line-height {
-  height: 1 * 100rpx;
-}
-
 .innTag {
   margin-left: -30rpx;
   width: 196rpx;
@@ -898,7 +484,6 @@ export default {
   border-radius: 0px 32rpx 32rpx 0px;
   background: #C51919;
 }
-
 .order-status-num {
   min-width: 0.33 * 100rpx;
   background-color: #fff;
@@ -911,215 +496,38 @@ export default {
   // padding: 0 0.08 * 100rpx;
   border: 1px solid #FE5261;
 }
-
-.pictrue {
-  position: relative;
-}
-
-.switch-h5 {
-  margin-left: 0.2 * 100rpx;
-}
-
-.binding {
-  margin-top: 0.1 * 100rpx;
-  display: inline-block;
-  padding: 0.05 * 100rpx 0.2 * 100rpx;
-  background-color: #ca1f10;
-  border-radius: 50px;
-  font-size: 0.22 * 100rpx;
-  line-height: 1.5;
-  border: 1px solid #e8695e;
-  color: #ffffff;
-}
-
 .header {
   background: linear-gradient(90deg, rgba(254, 150, 107, 1) 0%, rgba(255, 88, 75, 1) 100%);
 }
-
-.promotion-code-box {
-  width: 120rpx;
-  height: 40rpx;
-  border-radius: 20rpx;
-  background: #9C1C1A;
-  color: #FFFFFF;
-  font-size: 22rpx;
-}
-
-.user .header .picTxt .text {
-  width: auto !important;
-}
-
-.btn-change {
-  background: linear-gradient(180deg, #F8F3B4 0%, #F2CB6F 100%);
-}
-
-.vip-box {
-  border-radius: 8rpx;
-  padding: 4rpx 8rpx;
-  margin-right: 20rpx;
-}
-
-.vip-box .diamond-img {
-  width: 24rpx;
-  height: 24rpx;
-  margin-right: 4rpx;
-}
-
-.vip-box .vip-title {
-  font-size: 20rpx;
-  // color:rgba(67,47,39,1);
-  color: #6F644A;
-}
-
-.user .header .picTxt .text .id {
-  margin-top: inherit !important;
-  color: #fff !important;
-}
-
-.promotion-text {
-  font-size: 24rpx;
-  color: #8C2A03;
-  position: relative;
-  z-index: 1;
-  margin-bottom: 8rpx;
-}
-
-.promotion-img {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-}
-
-.member-box {
-  margin-top: 32rpx;
-  padding: 26rpx 40rpx;
-  margin-bottom: 40rpx;
-
-}
-
-.cur-member-title {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: rgba(255, 233, 202, 1);
-}
-
-.cur-member-desc {
-  font-size: 22rpx;
-  color: #C3B2A0;
-}
-
-.upgrade-btn {
-  font-size: 24rpx;
-  color: #483123;
-  z-index: 1;
-  padding: 8rpx 20rpx;
-  background: rgba(255, 207, 126, 1);
-  border-radius: 24px;
-}
-
 .wrapper {
   // background-color: #FFF;
   margin: 0 30rpx;
   z-index: 1;
   border-radius: 0 0 16rpx 16rpx;
 }
-
 .user .wrapper {
   padding: 0 !important;
 }
-
 .wrapper .nav {
   position: relative;
   margin-top: 40rpx;
   box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);
   border-radius: 16rpx;
 }
-
 .myOrder {
   border-radius: 24rpx;
   background: #F6F6F6 !important;
 }
-
 .myService {
   border-radius: 24rpx;
   background: #F6F6F6 !important;
 }
-
 .user .wrapper .nav {
   // min-height: 140rpx;
   height: auto;
   padding-top: 20rpx;
   padding-bottom: 20rpx;
 }
-
-.protocol-state-box {
-  font-size: 24rpx;
-  color: #FFF2D5;
-  padding: 6rpx 14rpx;
-  border: 1px solid #FFF0CD;
-  border-radius: 4rpx;
-}
-
-.unread-dot {
-  position: absolute;
-  right: 0;
-  top: 0;
-  flex-shrink: 0;
-  width: 0.16*100rpx;
-  height: 0.16*100rpx;
-  background: #fff;
-  border-radius: 50%;
-}
-
-.vline {
-  color: #fff;
-  background: #fff;
-  width: 1px;
-  height: 30rpx;
-}
-
-.withdrawBtn {
-  color: #482D00;
-  font-size: 24rpx;
-  width: 132rpx;
-  height: 48rpx;
-  line-height: 48rpx;
-  text-align: center;
-  border-radius: 24rpx;
-}
-
-.accountDetailBtn {
-  background: #C51718;
-  color: #fff;
-  font-size: 24rpx;
-  width: 132rpx;
-  height: 48rpx;
-  line-height: 48rpx;
-  text-align: center;
-  border-radius: 24rpx;
-}
-
-.benifitIntroBtn {
-  background: #C51718;
-  color: #fff;
-  font-size: 24rpx;
-  width: 132rpx;
-  height: 48rpx;
-  line-height: 48rpx;
-  text-align: center;
-  border-radius: 24rpx;
-}
-
-.center-box {
-  width: 632rpx;
-  height: 218rpx;
-  margin-top: 40rpx;
-  background-size: 632rpx 218rpx;
-  background-repeat: no-repeat;
-  //background: #0DC5C5 !important;
-  //border-bottom-left-radius: 16rpx;
-  //border-bottom-right-radius: 16rpx
-}
 .my-wrapper {
   padding: 30upx;
   &.wrapper {
@@ -1131,13 +539,12 @@ export default {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
-      padding: 24rpx 24rpx 0 24rpx;
-      margin: 0 0 24rpx 0;
+      padding: 32rpx 24rpx 0 24rpx;
       border-radius: 24rpx;
       background-color: #fff;
       .tool-item {
         width: 33.3333%;
-        margin: 0 0 36rpx 0;
+        margin: 0 0 42rpx 0;
         align-items: center;
         justify-content: center;
         .img {
@@ -1150,10 +557,123 @@ export default {
           font-size: 26rpx;
         }
       }
+      .tool-item-left {
+        justify-content: flex-start;
+      }
+      .tool-item-right {
+        justify-content: flex-end;
+      }
     }
   }
   .banner-wrap {
     padding: 30rpx 0 0 0;
   }
 }
+.user-page {
+  background-color: #fff;
+  .my-hearder {
+    position: relative;
+    .my-header-bg {
+      position: relative;
+      z-index: 2;
+    }
+    .my-header-body {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 5;
+    }
+    .title {
+      height: 44px;
+      line-height: 44px;
+      font-size: 36upx;
+      color: #fff;
+      text-align: center;
+    }
+    .info {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 60rpx;
+      color: #fff;
+      .name-cont {
+        .txt {
+          margin: 0 0 32rpx 0;
+          font-size: 26px;
+        }
+        .qrcode {
+          display: flex;
+          align-items: center;
+          padding: 10rpx 16rpx;
+          border: 1rpx solid #FFFBD3;
+          border-radius: 8rpx;
+          background-color: #822629;
+          .code {
+            width: 20px;
+            height: 20px;
+          }
+          .code-txt {
+            display: inline-block;
+            padding: 0 0 0 16rpx;
+            margin: 0 0 0 16rpx;
+            border-left: 1px solid #FFFBD3;
+            line-height: 16px;
+            font-size: 13px;
+          }
+        }
+      }
+      .avatar-cont {
+        .img {
+          width: 78px;
+          height: 78px;
+          border-radius: 50%;
+          border: 2px solid #fff;
+        }
+      }
+    }
+    .my-hdeader-bottom {
+      position: absolute;
+      bottom: 30rpx;
+      left: 0;
+      right: 0;
+      z-index: 5;
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-end;
+      padding: 0 60rpx;
+      .item {
+        .number {
+          margin: 0 0 10rpx 0;
+          font-size: 26px;
+          color: #333;
+          text-align: center;
+          font-weight: bold;
+        }
+        .txt {
+          position: relative;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          .img {
+            width: 20px;
+            height: 20px;
+            margin: 0 12rpx 0 0;
+          }
+          .cus-btn {
+            position: absolute;
+            top: 0;
+            width: 100%;
+            height: 20px;
+            opacity: 0;
+          }
+        }
+      }
+    }
+  }
+  .icon-order {
+    width: 52rpx;
+    height: 52rpx;
+  }
+}
 </style>