页面调整优化

zxl

20 小时以前 b7ce92d35fde3704297163010c320e336a5dd681

 pages/tabbar/user/utils/tool.vue

@@ -5,19 +5,30 @@

         <view class="paddingBox">
            <view class="interact-container">
               <view class="interact-item" @click="navigateTo('/pages/mine/address/addressManage')">
                  <image src="/static/mine/myaddress.png" mode=""></image>
                  <view>地址管理</view>

               <view class="interact-item" @click="navigateTo('/pages/mine/set/setUp')">
                  <image src="/static/tool/设置.png" mode=""></image>
                  <view>设置</view>
               </view>

<!--                <view class="interact-item" @click="navigateTo('/pages/mine/myTracks')">
                  <image src="/static/mine/logistics.png" mode=""></image>
                  <view>我的足迹</view>
               </view> -->
               <view class="interact-item" @click="navigateTo('/pages/mine/address/addressManage')">
                  <image src="/static/tool/收货地址.png" mode=""></image>
                  <view>收货地址</view>
               </view>

               <view class="interact-item" @click="navigateTo('/pages/order/evaluate/myEvaluate')">
               <view class="interact-item" @click="navigateTo('/pages/mine/myTracks')">
                  <image src="/static/tool/浏览记录.png" mode=""></image>
                  <view>浏览记录</view>
               </view>

               <!-- <view class="interact-item" @click="navigateTo('/pages/order/evaluate/myEvaluate')">
                  <image src="/static/mine/feedback.png" mode=""></image>
                  <view>我的评价</view>
               </view> -->

               <view class="interact-item" @click="navigateTo('/pages/mine/point/myPoint')">
                  <image src="/static/tool/积分.png" mode=""></image>
                  <view>我的积分</view>
               </view>
               <!-- <view class="interact-item" @click="linkMsgDetail()">
           <image src="/static/mine/mycommit.png" mode=""></image>
@@ -25,110 +36,104 @@
         </view> -->


<!--                <view class="interact-item" @click="navigateTo('/pages/mine/myCollect')">
               <!--                <view class="interact-item" @click="navigateTo('/pages/mine/myCollect')">
                  <image src="/static/mine/myfavorite.png" mode=""></image>
                  <view>我的关注</view>
               </view> -->



               <view class="interact-item" @click="navigateTo('/pages/mine/point/myPoint')">
                  <image src="/static/mine/mypoint.png" mode=""></image>
                  <view>我的积分</view>
               </view>


               <!--    <view class="interact-item" @click="distribution">
           <image src="/static/mine/distribution.png" mode=""></image>
           <view>我的分销</view>
         </view> -->

            <!--    <view class="interact-item" @click="navigateTo('/pages/mine/myCollect')">
               <!--    <view class="interact-item" @click="navigateTo('/pages/mine/myCollect')">
                  <image src="/static/mine/shensu.png" mode=""></image>
                  <view>我的收藏</view>
               </view> -->

<!--                <view class="interact-item" @click="navigateTo('/pages/mine/activity/myActivity')">
               <!--                <view class="interact-item" @click="navigateTo('/pages/mine/activity/myActivity')">
                  <image src="/static/mine/shensu.png" mode=""></image>
                  <view>我的活动</view>
               </view> -->
<!--               </view>-->
               <!--               </view>-->

               <view class="interact-item" v-if="isStoreManger"  @click="navigateTo('/pages/mine/activity/applyActivityList')">
               <!-- <view class="interact-item" v-if="isStoreManger"  @click="navigateTo('/pages/mine/activity/applyActivityList')">
                  <image src="/static/mine/shensu.png" mode=""></image>
                  <view>申请活动</view>
               </view>
               </view> -->

            <!--    <view class="interact-item" @click="navigateTo('/pages/mine/myCollect/myCollect')">
               <!--    <view class="interact-item" @click="navigateTo('/pages/mine/myCollect/myCollect')">
                  <image src="/static/mine/shensu.png" mode=""></image>
                  <view>我的收藏</view>
               </view> -->

               <view class="interact-item" v-if="isStoreManger" @click="navigateTo('/pages/userPermissions/userPermissions')">
               <!-- <view class="interact-item" v-if="isStoreManger" @click="navigateTo('/pages/userPermissions/userPermissions')">
                  <image src="/static/mine/shensu.png" mode=""></image>
                  <view>店员管理</view>
               </view>
               <view class="interact-item"  @click="navigateTo('/pages/news/news')">
               </view> -->
               <!-- <view class="interact-item"  @click="navigateTo('/pages/news/news')">
                  <image src="/static/mine/shensu.png" mode=""></image>
                  <view>快讯</view>
               </view>
               </view> -->

            <!--    <view class="interact-item" v-if="isStoreManger" @click="navigateTo('/pages/customerManager/customerManager')">
               <!--    <view class="interact-item" v-if="isStoreManger" @click="navigateTo('/pages/customerManager/customerManager')">
                  <image src="/static/mine/shensu.png" mode=""></image>
                  <view>客户管理</view>
               </view> -->
               <view class="interact-item" @click="navigateTo('/pages/order/complain/complainList')">
               <!-- <view class="interact-item" @click="navigateTo('/pages/order/complain/complainList')">
                  <image src="/static/mine/shensu.png" mode=""></image>
                  <view>我的投诉</view>
               </view>
               </view> -->

               <view class="interact-item" @click="navigateTo('/pages/cart/coupon/myCoupon')">
               <!-- <view class="interact-item" @click="navigateTo('/pages/cart/coupon/myCoupon')">
                  <image src="/static/mine/mycoupon.png" mode=""></image>
                  <view>优惠券</view>
               </view>
               </view> -->




<!--                <view class="interact-item" @click="navigateTo('/pages/mine/signIn')">
               <!--                <view class="interact-item" @click="navigateTo('/pages/mine/signIn')">
                  <image src="/static/mine/sign.png" mode=""></image>
                  <view>每日签到</view>
               </view> -->

               <view class="interact-item" @click="navigateTo('/pages/cart/coupon/couponCenter')">
               <!-- <view class="interact-item" @click="navigateTo('/pages/cart/coupon/couponCenter')">
                  <image src="/static/mine/couponcenter.png" mode=""></image>
                  <view>领券中心</view>
               </view>
               </view> -->



<!--                <view class="interact-item" @click="navigateTo('/pages/promotion/bargain/log')">
               <!--                <view class="interact-item" @click="navigateTo('/pages/promotion/bargain/log')">
                  <image src="/static/mine/kanjia.png" mode=""></image>
                  <view>砍价记录</view>
               </view> -->



               <view class="interact-item" @click="navigateTo('/pages/mine/set/feedBack')">
               <!-- <view class="interact-item" @click="navigateTo('/pages/mine/set/feedBack')">
                  <image src="/static/mine/feedback.png" mode=""></image>
                  <view>意见反馈</view>
               </view>
               </view> -->

               <view class="interact-item" @click="navigateTo('/pages/mine/set/editionIntro')">
                  <image src="/static/mine/pointgift.png" mode=""></image>
                  <view>关于</view>
               </view>


               <view class="interact-item" @click="navigateTo('/pages/passport/entry/seller/index')">
                  <image src="/static/mine/feedback.png" mode=""></image>
                  <image src="/static/tool/供应商入驻.png" mode=""></image>
                  <view>供应商入驻</view>
               </view>


               <view class="interact-item" @click="navigateTo('/pages/mine/set/setUp')">
                  <image src="/static/mine/setting.png" mode=""></image>
                  <view>设置</view>
               <view class="interact-item" @click="navigateTo('/pages/mine/set/editionIntro')">
                  <image src="/static/tool/关于我们.png" mode=""></image>
                  <view>关于我们</view>
               </view>
               <view class="interact-item" v-if="isStoreManger"  @click="navigateTo('/pages/goods-manager/goodsList/goodsList')">

               <!-- <view class="interact-item" v-if="isStoreManger"  @click="navigateTo('/pages/goods-manager/goodsList/goodsList')">
                  <image src="/static/mine/setting.png" mode=""></image>
                  <view>商品管理</view>
               </view>
@@ -144,7 +149,7 @@
               <view class="interact-item" @click="navigateTo('/pages/prizeRecord/prizeRecord')">
                  <image  src="/static/mine/prize-record.png"></image>
                  <view>抽奖记录</view>
               </view>
               </view> -->

            </view>
         </view>
@@ -153,165 +158,165 @@
</template>

<script>
   import { getUserInfo } from "@/api/members";
   import {getONPrizeActivity} from '@/api/prize-activity.js'
import { getUserInfo } from "@/api/members";
import { getONPrizeActivity } from '@/api/prize-activity.js'
import {
      distribution
   } from "@/api/goods";
   import configs from "@/config/config";
   import storage from "@/utils/storage";
   distribution
} from "@/api/goods";
import configs from "@/config/config";
import storage from "@/utils/storage";

   export default {
      data() {
         return {
            prizeActivityId:'',
            isStoreManger:false,
            configs,
            storage
export default {
   data() {
      return {
         prizeActivityId: '',
         isStoreManger: false,
         configs,
         storage
      }
   },
   onReady() {
      getUserInfo().then(res => {
         if (res.data.result) {
            if (res.data.result.storeId) {
               this.isStoreManger = true;
            } else {
               this.isStoreManger = false;
            }
         }
      },
      onReady(){
         getUserInfo().then(res => {
            if(res.data.result){
               if(res.data.result.storeId){
                  this.isStoreManger = true;
               }else{
                  this.isStoreManger = false;
               }
      })
      this.getONPrizeActivity();
   },

   methods: {
      getONPrizeActivity() {
         getONPrizeActivity().then(res => {
            if (res.statusCode === 200) {
               //后端没查到开启的抽奖活动 res.data.data.id值为null
               this.prizeActivityId = res.data.data.id;
            }
         })
         this.getONPrizeActivity();
      },
		
      methods: {
         getONPrizeActivity(){
            getONPrizeActivity().then(res =>{
               if(res.statusCode=== 200){
                  //后端没查到开启的抽奖活动 res.data.data.id值为null
                  this.prizeActivityId = res.data.data.id;
               }
            })
         },
         gotoPrizeActivity(){
            uni.navigateTo({
               url:'/pages/prize/PrizeDetail/PrizeDetail?id=' + this.prizeActivityId,
            });
         },
			
         handleNavigate(url) {
            uni.navigateTo({
               url,
            });
         },
         navigateTo(url) {
            const ignores = [
               '/pages/mine/set/setUp',
               '/pages/mine/set/editionIntro',
               '/pages/mine/set/feedBack',
               '/pages/goods-manager/goodsList/goodsList',
               '/pages/mine/set/feedBack',
               '/pages/mine/activity/myActivity',
               '/pages/mine/myCollect/myCollect',
               '/pages/mine/myCollect'
            ]
            if (!ignores.includes(url)) {
               if (this.$options.filters.tipsToLogin('normal')) {
                  this.handleNavigate(url)
               }
            } else {
      gotoPrizeActivity() {
         uni.navigateTo({
            url: '/pages/prize/PrizeDetail/PrizeDetail?id=' + this.prizeActivityId,
         });
      },

      handleNavigate(url) {
         uni.navigateTo({
            url,
         });
      },
      navigateTo(url) {
         const ignores = [
            '/pages/mine/set/setUp',
            '/pages/mine/set/editionIntro',
            '/pages/mine/set/feedBack',
            '/pages/goods-manager/goodsList/goodsList',
            '/pages/mine/set/feedBack',
            '/pages/mine/activity/myActivity',
            '/pages/mine/myCollect/myCollect',
            '/pages/mine/myCollect'
         ]
         if (!ignores.includes(url)) {
            if (this.$options.filters.tipsToLogin('normal')) {
               this.handleNavigate(url)
            }
         },
         } else {
            this.handleNavigate(url)
         }
      },

         linkMsgDetail() {
            uni.navigateTo({
               url: `/pages/mine/im/list`,
            });
         },
      linkMsgDetail() {
         uni.navigateTo({
            url: `/pages/mine/im/list`,
         });
      },

         distribution() {
            distribution().then((res) => {
               if (res.data.result) {
                  let type = res.data.result.distributionStatus;
                  if (type == "PASS") {
                     uni.navigateTo({
                        url: "/pages/mine/distribution/home",
                     });
                  } else if (type == "REFUSE") {
                     uni.navigateTo({
                        url: "/pages/mine/distribution/auth",
                     });
                  } else if (type == "RETREAT") {
                     uni.showToast({
                        title: "您的分销资格已被清退。请联系管理员！",
                        duration: 2000,
                        icon: "none",
                     });
                  } else {
                     uni.showToast({
                        title: "您的信息正在审核",
                        duration: 2000,
                        icon: "none",
                     });
                  }
               } else if (!res.data.success && res.data.code == 22000) {
      distribution() {
         distribution().then((res) => {
            if (res.data.result) {
               let type = res.data.result.distributionStatus;
               if (type == "PASS") {
                  uni.navigateTo({
                     url: "/pages/mine/distribution/home",
                  });
               } else if (type == "REFUSE") {
                  uni.navigateTo({
                     url: "/pages/mine/distribution/auth",
                  });
               } else if (type == "RETREAT") {
                  uni.showToast({
                     title: "分销功能暂未开启",
                     title: "您的分销资格已被清退。请联系管理员！",
                     duration: 2000,
                     icon: "none",
                  });
               } else {
                  // 没有资格申请 先去实名认证
                  uni.navigateTo({
                     url: "/pages/mine/distribution/auth",
                  uni.showToast({
                     title: "您的信息正在审核",
                     duration: 2000,
                     icon: "none",
                  });
               }
            });
         },
            } else if (!res.data.success && res.data.code == 22000) {
               uni.showToast({
                  title: "分销功能暂未开启",
                  duration: 2000,
                  icon: "none",
               });
            } else {
               // 没有资格申请 先去实名认证
               uni.navigateTo({
                  url: "/pages/mine/distribution/auth",
               });
            }
         });
      },
   };
   },
};
</script>

<style lang="scss" scoped>
   .interact-tools {
      border-left: none;
      border-right: none;
.interact-tools {
   border-left: none;
   border-right: none;


      .interactBox {
         height: 156rpx;
   .interactBox {
      height: 156rpx;
   }

   .interact-container {
      margin: 0 20rpx;
      background: #fff;
      border-radius: 20rpx;
      box-shadow: 0 4rpx 24rpx 0 rgba($color: #f6f6f6, $alpha: 1);

      .interact-item-img {
         width: 52rpx !important;
         height: 52rpx !important;
         // margin-bottom:  !important;
         margin: 0 auto 6rpx auto !important;
      }

      .interact-container {
         margin: 0 20rpx;
         background: #fff;
         border-radius: 20rpx;
         box-shadow: 0 4rpx 24rpx 0 rgba($color: #f6f6f6, $alpha: 1);
      image {
         width: 52rpx;
         height: 52rpx;
         margin-bottom: 6rpx;
      }

         .interact-item-img {
            width: 52rpx !important;
            height: 52rpx !important;
            // margin-bottom:  !important;
            margin: 0 auto 6rpx auto !important;
         }
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      text-align: center;

         image {
            width: 52rpx;
            height: 52rpx;
            margin-bottom: 6rpx;
         }

         display: flex;
         align-items: center;
         flex-wrap: wrap;
         text-align: center;

         .interact-item {
            font-size: $font-sm;
            width: 25%;
            height: 160rpx;
            padding: 30rpx;
         }
      .interact-item {
         font-size: $font-sm;
         width: 25%;
         height: 160rpx;
         padding: 30rpx;
      }
   }
}
</style>