UI: 澜品优选优化

lin

2026-04-28 5ddc4e2deda6e18d14e92ba00c81de981475ca1c

 pages/my/my.vue

@@ -6,13 +6,14 @@
      <view class="startBar"></view>
      <view class="myContent">
         <view class="myHeader">
            <image :src="userInfo != null ? userInfo.avatar : '/static/imgs/headimg.png'" class="avatar" mode="" @tap="setImg"></image>
            <image :src="userInfo != null ? userInfo.avatar : '/static/imgs/headimg.png'" class="avatar" mode=""></image>
            <!-- <image :src="userInfo != null ? userInfo.avatar : '/static/imgs/headimg.png'" class="avatar" mode="" @tap="setImg"></image> -->
            <view class="myNick">
               <template>
                  <view v-if="userInfo == null" @tap="$util.goPages('/pages/login/login')">未登录</view>
                  <view v-else>{{userInfo.phone}}</view>
               </template>
               <template v-if="userInfo != null && Config">
               <!-- <template v-if="userInfo != null && Config">
                  <template v-if="userInfo.status == 1">
                     <view class="edu" v-if="userInfo != null && userInfo.edu_auth == 0 && Config.put_open == 2 && userInfo.over_auth == 0">额度：未认证</view>
                     <view class="edu" v-else-if="userInfo != null && userInfo.edu_auth == 0 && Config.put_open == 2 && userInfo.over_auth == 1">额度：授信中</view>
@@ -24,16 +25,16 @@
               </template>
               <template v-if="userInfo != null && userInfo.face_auth == 0">
                  <view class="edu" @tap="$util.checkGoPages('/pages/my/my')">未认证</view>
               </template>
               </template> -->
            </view>
         </view>
			
         <view class="auth" v-if="userInfo && userInfo.over_auth != 1" @tap="$util.checkGoPages('/pages/my/my')">

         <!-- <view class="auth" v-if="userInfo && userInfo.over_auth != 1" @tap="$util.checkGoPages('/pages/my/my')">
            <image src="@/static/imgs/notice.png" mode=""></image>
            <text>您还未进行实名认证，点击前往实名认证</text>
            <view class="">去认证</view>
         </view>
			
         </view> -->

         <!-- <view class="num-wrapper tui-skeleton-rect">
           <view class="num-item" style="display: flex;background: white;border-radius: 24rpx;padding: 22rpx;width: 48%;" @tap="$util.checkLogin('/pages/collect/collect')">
            <view style="padding-right: 32rpx;">
@@ -42,7 +43,7 @@
            <view style="flex: 1">
              <view class="txt" style="color: #666;text-align:left">我的收藏</view>
              <view class="num" style="color: #333;text-align:left;margin-top: 8rpx;">0</view>
			

            </view>
           </view>
           <view style="display: flex;background: white;border-radius: 24rpx;padding: 22rpx;width: 48%;" class="num-item" @tap="$util.checkLogin('/pages/address/address')">
@@ -52,12 +53,12 @@
            <view style="flex: 1">
              <view class="txt" style="color: #666;text-align:left">我的地址</view>
              <view class="num" style="color: #333;text-align:left;margin-top: 5rpx;">0</view>
			

            </view>
			

           </view>
         </view> -->
			

         <view class="navs">
            <view class="title" @tap="$util.checkLogin('/pages/order/order')">
               <text>我的订单</text>
@@ -73,7 +74,7 @@
               </view>
            </view>
         </view>
			

         <view class="mySer">
            <view class="title">我的服务</view>
            <view class="mySerCon">
@@ -87,6 +88,12 @@
                     <view>{{item.text}}</view>
                  </view>
               </template>
               <view class="mySerCon-v" @tap="toHuishou" >
                 <template v-if="isShop">
                  <image src="/static/imgs/quanshou.png" mode="widthFix"></image>
                  <text>会员权收</text></template>

               </view>
            </view>
         </view>
         <!-- <view style="text-align: center;font-size: 24rpx;color: #666666;margin: 80rpx 0;">
@@ -101,11 +108,24 @@
            <view @tap="goWebUrl('http://beian.miit.gov.cn')">APP备案号: {{Config.icp}}</view>
            <view @tap="goWebUrl('http://beian.miit.gov.cn')">Copyright © 2025 数澜科技 All Rights Reserved.</view>
            <!-- <view @tap="goWebUrl('http://beian.miit.gov.cn')">Copyright © 2025 {{Config.url}} All Rights Reserved.</view> -->
				

         </view>
         <agreePup ref="agreePup1" :gp="1" title="注册协议"></agreePup>
         <agreePup ref="agreePup2" :gp="2" title="隐私政策"></agreePup>
			
         <uni-popup type="center" ref="comment" >
           <!-- <view style="background-image: url('/static/imgs/BOXSDF.png');background-repeat: no-repeat;background-size: 100% 100%"> -->
           <view style="background: linear-gradient( 180deg, #269AFF 0%, #52F6FF 30%, #FFFBFC 50%, #ffffff 100%), linear-gradient( 180deg, #52F6FF 0%, #FFFBFC 50%, #ffffff 100%);border-radius: 40rpx 40rpx 40rpx 40rpx;">
             <view style="border-radius: 48rpx;padding: 28rpx 20rpx">
               <view style="text-align: center;padding-top: 30rpx;" >
                 <image src="/static/img/qsLifeIcon.png" style="width: 560rpx;height: 252rpx;"></image>
               </view>
               <view style="font-size: 32rpx;font-weight: 600;color: #333333;text-align: center;margin-top: 34rpx;margin-bottom: 80rpx;padding: 0 28rpx;">{{errState}}</view>
               <view @click="$refs.comment.close()" style="font-weight: 500;font-size: 32rpx;color: #fff;text-align: center;padding: 24rpx 28rpx;border-top: 2rpx solid #EEEEEE;background: #4766FE;;border-radius: 40rpx ;">好的</view>
             </view>
           </view>

         </uni-popup>

      </view>
   </view>
</template>
@@ -125,7 +145,7 @@
               {index: 1, text: '待支付', url: '/pages/order/order?status=1'},
               {index: 3, text: '待发货', url: '/pages/order/order?status=4'},
               {index: 4, text: '待收货', url: '/pages/order/order?status=5'},
               {index: 2, text: '待签约', url: '/pages/order/order?status=3'},
               // {index: 2, text: '待签约', url: '/pages/order/order?status=3'},
               {index: 5, text: '已完成', url: '/pages/order/order?status=8'}
            ],
            mySerData: [
@@ -136,7 +156,9 @@
               {index: 3, text: '我的收藏', url: '/pages/collect/collect'},
               // {index: 4, text: '会员权收', url: '/pages/quanshou/index'},
               {index: 6, text: '联系客服'},
            ]
            ],
            errState: '',
            isShop: false,
         }
      },
      onLoad() {
@@ -144,8 +166,50 @@
      onShow() {
         this.getConfig()
         this.getUserInfo()
           const _this = this;
           if(_this.$util.getUserInfo()?.phone){
            uni.request({
              url: _this.$webHost+'/api/v2/auth/iosShopUnionLogin?phone='+_this.$util.getUserInfo().phone + '&configureToDomain=10',
              data:{
               customerId: uni.getStorageSync('ygxLogin').customerId,
               appId: uni.getStorageSync('ygxLogin').appId
              },
              success: function (res) {
               _this.isShop = res?.data?.data?.isShop;
               uni.setStorageSync('ygxLogin', res.data.data)
               console.log('isShop',_this.isShop)
               console.log('res',res)
              }
            })
           }
      },
      methods: {
           toHuishou(){
            const _this = this;
            if(!_this.isShop){
              return
            }
            uni.request({
              url: _this.$webHost+'/api/v2/customer/ryxIsBuyEquity?phone='+_this.$util.getUserInfo().phone,
              data:{
               customerId: uni.getStorageSync('ygxLogin').customerId,
               appId: uni.getStorageSync('ygxLogin').appId
              },
              success: function (res) {
               if(res.data.code==200){
                 uni.navigateTo( {
                  url: '/pages/quanshou/index'
                 })

               } else {
                 _this.errState = res.data.data;
                 _this.$refs.comment.open()

               }
              }
            })

           },
         // 收藏+浏览记录
         goMenuPage(url) {
           if (this.userInfo) {
@@ -165,7 +229,7 @@
         },
         setImg(){
            if(uni.getSystemInfoSync().platform != 'ios'){
               this.$refs['authpup'].open() 
               this.$refs['authpup'].open()
            }else{
               this.chooseImg()
            }//调起自定义权限目的弹框,具体可看示例里面很详细
@@ -173,7 +237,7 @@
         changeAuth () {
            //这里是权限通过后执行自己的代码逻辑
            if(uni.getSystemInfoSync().platform !='ios'){
               this.$refs['camears'].open() 
               this.$refs['camears'].open()
            }
            this.chooseImg()
         },
@@ -187,7 +251,7 @@
               sizeType: ['original', 'compressed'],
               success: (chooseImageRes) => {
                  let tempFilePaths = chooseImageRes.tempFilePaths
                  let token = uni.getStorageSync('lzsc-token')
                  let token = uni.getStorageSync('pig-token')
                  let header = {
                     'Accept': 'application/json',
                     'authorization': token,
@@ -235,7 +299,7 @@
            })
         },
         wechatWork () {
            let t = this		
            let t = this
            if(t.Config){
               if(t.Config.put_open == 1){
                  uni.showModal({
@@ -258,18 +322,18 @@
                        console.log("success:" + JSON.stringify(res))
                     },
                     fail: (err) => {
                        console.log("fail:" + JSON.stringify(err))  
                        console.log("fail:" + JSON.stringify(err))
                     }
                  })
               }
            }	
            }
         }
      }
   }
</script>
<style>
   @import url(/static/css/my2.css);
	

   .num-wrapper {
      width: 650rpx;
      margin: 30rpx auto;
@@ -280,22 +344,22 @@
      justify-content: space-between;
      color: #fff;
      gap: 20rpx;
		

     }
     .num-wrapper .num-item {
       width: 33.33%;
       text-align: center;
	  
	    


     }
     .num-wrapper .num {
        font-size: 42rpx;
        font-weight: bold;
   }
	  

   .num-wrapper .txt {
      margin-top: 10rpx;
      font-size: 26rpx;
      color: rgba(255, 255, 255, 0.6);
   }
</style>
</style>