fix: third api

pages/mine/profile.vue

@@ -27,9 +27,9 @@
             "
             mode="aspectFill"
           />
-          <!-- <view class="camera-badge">
+          <view class="camera-badge">
             <uni-icons type="camera-filled" size="16" color="#ff3b30" />
-          </view> -->
+          </view>
         </view>
         <text class="change-avatar-text">更换头像</text>
       </view>
@@ -143,24 +143,33 @@ const handleAvatarClick = () => {
   });
 };
 
-const handleEditName = () => {
+const showEditNameModal = (content) => {
   uni.showModal({
     title: "修改昵称",
     editable: true,
     placeholderText: "请输入昵称(最多5个字)",
-    content: form.value.nickName,
+    content: content,
     success: (res) => {
       if (res.confirm) {
         if (res.content.length > 5) {
           uni.showToast({ title: "昵称最多5个字", icon: "none" });
+          // 重新打开弹窗以模拟“不消失”，并保留用户输入
+          setTimeout(() => {
+            showEditNameModal(res.content);
+          }, 100);
           return;
         }
         form.value.nickName = res.content;
+        handleSave();
       }
     },
   });
 };
 
+const handleEditName = () => {
+  showEditNameModal(form.value.nickName);
+};
+
 const handleEditGender = () => {
   uni.showActionSheet({
     itemList: ["男", "女"],
@@ -194,12 +203,16 @@ const handleSave = async () => {
   }
 
   uni.showLoading({ title: "保存中...", mask: true });
+  // 保存当前值，以便失败时恢复
+  const originalForm = {
+    nickName: userInfo.value.nickName || "",
+    gender: userInfo.value.gender || 1,
+    bio: userInfo.value.bio || "万事如意，岁岁平安"
+  };
+
   try {
     const res = await updateUserInfo({
-      nickname: form.value.nickName, // Prompt said "nickname" lowercase, I used "nickName" in ref but need to check param name.
+      nickname: form.value.nickName, 
-      // Prompt: "请求参数分别是nickname gender bio"
-      // Wait, prompt said "nickname", usually it is nickName in Uni-app userInfo.
-      // But I will follow prompt "nickname".
       gender: form.value.gender,
       bio: form.value.bio,
     });
@@ -210,14 +223,14 @@ const handleSave = async () => {
       uni.hideLoading();
       uni.showToast({ title: "保存成功", icon: "success" });
     } else {
+      // 恢复之前的内容
+      form.value = { ...originalForm };
+      uni.showToast({ title: res.message || '修改失败', icon: "none" });
       uni.hideLoading();
-      // If res is not success but request didn't fail, maybe backend returns something else?
-      // Assuming request wrapper handles non-200 business codes by rejecting,
-      // so here we might just have data.
-      // If prompt says "returns { success: true }", then checking res.success is correct.
-      // If it fails, request throws error usually.
     }
   } catch (e) {
+    // 恢复之前的内容
+    form.value = { ...originalForm };
     uni.hideLoading();
     // Error is handled by request usually if showError is true.
     // But we can show toast too.