个人头像和昵称的修复

yvan.ni
1 parent 898bc1d0
Showing 6 changed files with 206 additions and 31 deletions
app.json
packageE/pages/user/nick_avatar/nick_avatar.js
packageE/pages/user/nick_avatar/nick_avatar.json
packageE/pages/user/nick_avatar/nick_avatar.wxml
packageE/pages/user/nick_avatar/nick_avatar.wxss
pages/user/userinfo/userinfo.js
@@ -210,7 +210,8 @@
                "pages/togoin/togoin",
                "pages/user/Detailed/Detailed",
                "pages/user/user_fw/user_fw",
-               "pages/user/cardinfo/cardinfo"
+               "pages/user/cardinfo/cardinfo",
+               "pages/user/nick_avatar/nick_avatar"
             ]
         }
  
+// pages/user/userfw/userfw.js
+var e = getApp(), os = e.globalData.setting;
+var utils = require('../../../../utils/util.js');
+var regeneratorRuntime = require('../../../../utils/runtime.js');
+
+
+Page({
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        defaultAvatar: os.imghost + "/miniapp/images/no-head.jpg",
+        ob: {},
+        load: 0
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+         if(getApp().globalData.up_nick_avatar){
+              this.setData({
+                  ob: JSON.parse(JSON.stringify(getApp().globalData.up_nick_avatar))
+              })
+              getApp().globalData.up_nick_avatar=null;
+         }
+
+    },
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: async function () {
+
+    },
+
+
+    onChooseAvatar: function (e) {
+        console.log(e, 1111);
+        var th = this;
+        getApp().request.uploadFile(os.url + "/api/weshop/comment/uploadCommentImg", {
+            filePath: e.detail.avatarUrl,
+            name: "file",
+            success: function (t) {
+                var u = t.data.data;
+                th.setData({'ob.head_pic': u})
+            }
+        });
+
+    },
+
+    get_val: function (e) {
+        console.log(e, 2222);
+        this.setData({'ob.nickname': e.detail.value})
+    },
+
+    save_data() {
+
+        if (!this.data.ob.head_pic) {
+            wx.showToast({
+                title: '请选择头像',
+                icon: 'none',
+                duration: 2000
+            });
+            return false;
+        }
+
+        if (!this.data.ob.nickname) {
+            wx.showToast({
+                title: '请输入昵称',
+                icon: 'none',
+                duration: 2000
+            });
+            return false;
+        }
+
+        if (this.data.load) return false;
+        this.setData({load: 1})
+
+
+        wx.showLoading();
+        getApp().request.put("/api/weshop/users/update", {
+            data: {
+                storeId: os.stoid,
+                user_id: getApp().globalData.user_id,
+                nickname: this.data.ob.nickname,
+                head_pic: this.data.ob.head_pic
+
+            },
+            success: function (su) {
+                wx.hideLoading();
+                if (su.data.code == 0) {
+                    wx.navigateBack({delta: 1})
+                }else{
+                    this.setData({load: 0})
+                    wx.showToast({
+                        title: su.data.msg,
+                        icon: 'none',
+                        duration: 2000
+                    });
+                }
+            }
+        });
+    }
+
+
+})
 \ No newline at end of file
+{
+  "navigationBarTitleText": "个人信息",
+  "usingComponents": {}
+}
 \ No newline at end of file
+<view class='page_set'>
+    <view class="item flex jc_sb ai_c">
+        <view>头像</view>
+        <button open-type='chooseAvatar' bind:chooseavatar="onChooseAvatar" class="avatar_btn">
+            <image class="head_img" src="{{ob.head_pic || defaultAvatar}} "></image>
+        </button>
+    </view>
+
+    <view class="item flex jc_sb ai_c">
+        <view>昵称</view>
+        <view>
+            <input class="nick_inp" type="nickname"  placeholder="用户昵称"  value="{{ob.nickname || ''}}"  bindinput="get_val" ></input>
+        </view>
+    </view>
+
+
+
+    <!-- 确认修改按钮 -->
+    <view class="flex-center confirm">
+        <view class="flex-center fs30 confirmtext {{load?'load':''}}" bindtap="save_data">
+            <view>确认修改</view>
+        </view>
+    </view>
+
+</view>
 \ No newline at end of file
+.avatar_btn{ width: 60rpx !important;  height: 60rpx !important; border-radius:50%; border: none !important;
+    margin-left:0 !important;margin-right: 0 !important;  }
+.head_img{ width: 60rpx; height: 60rpx; border-radius: 50%}
+
+.page_set{ border-top: 20rpx solid #eee;  }
+.item{ height: 80rpx; border-bottom: 1rpx solid #eee;padding:0 20rpx}
+.nick_inp{ text-align: right; color: #999}
+
+
+.confirm {
+    width: 100%;
+    left: 0rpx;
+    bottom: 0rpx;
+    height: 130rpx;
+    background-color: rgb(255, 255, 255);
+    z-index: 9;
+
+}
+
+.confirmtext {
+    width: 495rpx;
+    height: 65rpx;
+    color: rgb(255, 255, 255);
+    background-color: rgb(214, 1, 33);
+    border-radius: 35rpx;
+}
+
+.load{
+    background-color:#ea3993 !important;
+}
 \ No newline at end of file
@@ -658,37 +658,46 @@ Page({
   // 获取用户头像昵称
   getUserProfile(e) {
     var th = this;
-    new Promise((resolve, reject) => {
-      wx.getUserProfile({
-        desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
-        success: (res) => {
-          th.data.user.nickname = res.userInfo.nickName;
-          th.data.user.head_pic = res.userInfo.avatarUrl;
-          this.setData({
-            userInfo: res.userInfo,
-            hasUserInfo: true,
-            user: th.data.user,
-          });
-          resolve(res.userInfo);
-        },
  
-      });
-    }).then((userInfo) => {
-      getApp().request.put("/api/weshop/users/update", {
-        data: {
-          storeId: r.stoid,
-          user_id: getApp().globalData.user_id,
-          nickname: userInfo.nickName,
-          head_pic: userInfo.avatarUrl
-
-        },
-        success: function(su) {
-          if (su.data.code == 0) {
-            console.log("update user info OK");
-          }
-        }
-      });
-    });
+    var ob={
+        nickname:this.data.user.nickname,
+        head_pic:this.data.user.head_pic,
+    }
+    getApp().globalData.up_nick_avatar=ob;
+    getApp().goto('/packageE/pages/user/nick_avatar/nick_avatar');
+
+
+    // new Promise((resolve, reject) => {
+    //   wx.getUserProfile({
+    //     desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
+    //     success: (res) => {
+    //       th.data.user.nickname = res.userInfo.nickName;
+    //       th.data.user.head_pic = res.userInfo.avatarUrl;
+    //       this.setData({
+    //         userInfo: res.userInfo,
+    //         hasUserInfo: true,
+    //         user: th.data.user,
+    //       });
+    //       resolve(res.userInfo);
+    //     },
+    //
+    //   });
+    // }).then((userInfo) => {
+    //   getApp().request.put("/api/weshop/users/update", {
+    //     data: {
+    //       storeId: r.stoid,
+    //       user_id: getApp().globalData.user_id,
+    //       nickname: userInfo.nickName,
+    //       head_pic: userInfo.avatarUrl
+    //
+    //     },
+    //     success: function(su) {
+    //       if (su.data.code == 0) {
+    //         console.log("update user info OK");
+    //       }
+    //     }
+    //   });
+    // });
  
  
   },