绿满眶商城微信小程序-uniapp
zxl
2025-07-31 f654d570332e2c16379e08ad1e3bb8a24d92656e
注册登录 用户nickName问题
4个文件已修改
126 ■■■■ 已修改文件
api/members.js 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
config/api.js 15 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/mine/activity/reportActivity.vue 16 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/passport/wechatMPLogin.vue 88 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
api/members.js
@@ -474,3 +474,10 @@
  });
}
export function updateMemberNickName(params){
    return http.request({
        url: '/lmk/member/updateNickName',
        method: Method.PUT,
        data:params
    });
}
config/api.js
@@ -8,18 +8,23 @@
  // common: "http://192.168.0.15:8890",
  // buyer: "http://192.168.0.15:8888",
  // store: "http://192.168.0.15:8889",
  im: "http://127.0.0.1:8885",
  common: "http://127.0.0.1:8890",
  buyer: "http://127.0.0.1:8888",
  store: "http://127.0.0.1:8889",
  // common: "http://192.168.0.113:8890",
  // buyer: "http://192.168.0.113:8888",
  // im: "http://192.168.0.113:8885",
  im: "https://myk.9village.cn",
  common: "https://myk.9village.cn",
  buyer: "https://myk.9village.cn",
  store: "https://myk.9village.cn",
  // im: "https://myk.9village.cn",
  // common: "https://myk.9village.cn",
  // buyer: "https://myk.9village.cn",
  // store: "https://myk.9village.cn",
  // im: "https://www.meiyikuang.com/mykapi",
  // common: "https://www.meiyikuang.com/mykapi",
  // buyer: "https://www.meiyikuang.com/mykapi",
  // store: "https://www.meiyikuang.com/mykapi",
};
// 生产环境
const prod = {
pages/mine/activity/reportActivity.vue
@@ -26,6 +26,9 @@
                    </view>
                </view>
            </view>
            <view class="empty-state" v-if="mockData.length === 0 && !loading">
                    <text>暂无内容,下拉刷新试试</text>
                </view>
            <!--     <view style="height: 150rpx;"></view> -->
            <!-- 改进的加载更多提示 -->
            <view class="load-more">
@@ -215,6 +218,19 @@
</script>
<style lang="scss">
    /* 空状态样式 */
    .empty-state {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 50vh;
        text-align: center;
        color: #999;
        text {
            font-size: 28rpx;
        }
    }
    /* 新增加载更多样式 */
    .load-more {
        padding: 20rpx 0;
pages/passport/wechatMPLogin.vue
@@ -5,12 +5,24 @@
            :show-confirm-button="false">
            
            <div class="tips">
                为了更好地用户体验,需要您授权手机号
                为了更好地用户体验,需要您授权手机号和昵称
            </div>
            <button class="register" type="primary" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
                去授权
            <view class="auth-row">
                <text class="label">昵称:</text>
                <input
                    class="register"
                    type="nickname"
                    v-model="nickName"
                    placeholder="请输入昵称"
                >
                </input>
            </view>
            <button :class="isDisabled ? 'noRegister' : 'register'"  type="primary" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" :disabled="isDisabled">
                下一步
            </button>
        </u-modal>
        <view class="wx-auth-container">
            <div class="box">
                <view class="logo-info">
@@ -37,6 +49,7 @@
            </u-checkbox>
        </div>
            </div>
        </view>
    </view>
</template>
@@ -51,13 +64,14 @@
        whetherNavigate
    } from "@/utils/Foundation"; //登录跳转
    import {
        getUserInfo
        getUserInfo,updateMemberNickName
    } from "@/api/members";
    import storage from "@/utils/storage.js";
    import config from '@/config/config'
    export default {
        data() {
            return {
                isDisabled:true,
                lightColor:this.$lightColor,
                checked:false,
        configs:config,
@@ -97,6 +111,15 @@
      });
            
        },
        watch:{
            nickName(newVal){
                if(this.nickName.trim().length === 0){
                    this.isDisabled = true;
                }else{
                    this.isDisabled = false
                }
            }
        },
        methods: {
            /**
             * TODO 此方法不一定是最优解,如果有更好的办法请在  https://gitee.com/beijing_hongye_huicheng/lilishop/issues 中提出
@@ -132,14 +155,15 @@
          uni.getUserProfile({
            desc: "用于完善会员资料", // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
            success: (res) => {
              console.log("success", res)
              // console.log("success", res)
              //重置按钮显示
              // this.$refs.nicknameInput.focus();
              this.nickName = res.userInfo.nickName;
              this.image = res.userInfo.avatarUrl;
              // this.nickName = res.userInfo.nickName;
              // this.image = res.userInfo.avatarUrl;
              // 打印微信名称
              console.log("微信昵称:", this.nickName);
              // console.log("微信昵称:", this.nickName);
              /**
               * 根据公有的配置设置登录方式
               */
@@ -189,11 +213,12 @@
          this.logingFlag = false;
        }
            },
            //获取手机号授权
            getPhoneNumber(e) {
              let iv = e.detail.iv;
              let encryptedData = e.detail.encryptedData;
              if (!e.detail.encryptedData) {
                uni.showToast({
                  title: "请授予手机号码权限,手机号码会和会员系统用户绑定!",
@@ -205,6 +230,14 @@
              let code = this.code;
              let image = this.image;
              let nickName = this.nickName;
              console.log('getPhoneNumber:' + code)
              console.log('getPhoneNumber:' + image)
              console.log('getPhoneNumber:' + nickName)
              mpAutoLogin({
                encryptedData,
                iv,
@@ -213,6 +246,7 @@
                nickName,
              }).then((res) => {
                  console.log(res)
                //登录成功修改用户的昵称
                storage.setAccessToken(res.data.result.accessToken);
                storage.setRefreshToken(res.data.result.refreshToken);
                // 登录成功
@@ -223,13 +257,22 @@
                //获取用户信息
                getUserInfo().then((user) => {
                    console.log(user)
                  storage.setUserInfo(user.data.result);
                  storage.setHasLogin(true);
                    const form ={
                        memberId:user.data.result.id,
                        nickName:this.nickName
                    }
                    updateMemberNickName(form).then(res =>{
                    })
                     user.data.result.nickName = this.nickName
                     storage.setUserInfo(user.data.result);
                     storage.setHasLogin(true);
                 
                  uni.navigateBack({
                    delta: 1,
                  });
                });
              });
            },
@@ -240,6 +283,19 @@
    };
</script>
<style lang="scss" scoped>
    .auth-row {
        text-align: left;
        margin: 6% 10%;
      display: flex;
      align-items: center;
      margin-bottom: 30rpx;
    }
    .label {
      width: 150rpx;
      font-size: 32rpx;
      color: #333;
    }
    /*微信授权*/
    page {
        background-color: #ffffff;
@@ -320,7 +376,11 @@
        margin-top: 48rpx;
        line-height: 1.75;
    }
    .noRegister{
        color: #b8b8b8 !important;
        border: none !important;
        background: #fff !important;
    }
    .register {
        color: $weChat-color !important;
        border: none !important;