Initial Commit

pages/edit/edit.js

@@ -0,0 +1,622 @@
+const app = getApp();
+const config = require('../../config/config.js');
+const apiClient = require('../../utils/api-client.js');
+const imageCacheManager = require('../../utils/image-cache-manager.js');
+
+Page({
+  data: {
+    userInfo: {
+      avatar: '',
+      nickname: '未设置昵称',
+      customId: '123456789',
+      signature: '',
+      career: '',
+      education: '',
+      gender: '',
+      birthday: '',
+      hometown: '',
+      constellation: '',
+      height: '',
+      personalityType: '',
+      sleepHabit: '',
+      socialActivity: ''
+    },
+    isEditingNickname: false,
+    isEditingSignature: false,
+    tempNickname: '',
+    tempSignature: '',
+    showConstellationPicker: false,
+    showPersonalityPicker: false,
+    showCareerPicker: false,
+    showEducationPicker: false,
+    showHometownPicker: false,
+    showBirthdayPicker: false,
+    showHeightPicker: false,
+    showGenderPicker: false,
+    showSleepHabitPicker: false,
+    showSocialActivityPicker: false,
+    constellations: ['水瓶座', '双鱼座', '白羊座', '金牛座', '双子座', '巨蟹座', '狮子座', '处女座', '天秤座', '天蝎座', '射手座', '摩羯座'],
+    personalityTypes: ['INTJ', 'INTP', 'ENTJ', 'INFP', 'ENTP', 'INFJ', 'ENFP', 'ENFJ', 'ISTJ', 'ISFJ', 'ISTP', 'ISFP', 'ESTJ', 'ESFJ', 'ESTP', 'ESFP'],
+    careers: ['初中生', '高中生', '大学生', '研究生', '留学生', '科研', '警察', '医生', '护士', '程序员', '老师', '化妆师', '摄影师', '音乐', '美术', '金融', '厨师', '工程师', '公务员', '互联网', '产品经理', '模特', '演员', '导演', '律师', '创业者', '其他'],
+    educations: ['北京大学', '清华大学', '复旦大学', '上海交通大学', '浙江大学', '南京大学', '武汉大学', '中山大学', '四川大学', '哈尔滨工业大学', '大专', '中专', '高职', '高中'],
+    genders: ['男', '女'],
+    sleepHabits: ['早起鸟儿', '夜猫子', '规律型', '深度睡眠追求者', '碎片化睡眠者', '失眠困扰者', '咖啡因敏感型', '数字戒断者', '运动调节型', '挑战打卡型', '鼾声监测者', '生物钟调节者', '社区分享型'],
+    socialActivities: ['内容创作者', '观察者', '吃瓜者', '潜水者', '机器人', '社群型用户', 'KOL', 'KOC', '普通用户', '算法依赖型用户', '事件驱动型用户', '季节性活跃用户', '社交维系型用户', '兴趣社群型用户', '职业网络型用户', '娱乐消遣型用户', '购物种草型用户', '互动型用户'],
+    selectedConstellation: '',
+    selectedPersonality: '',
+    selectedCareer: '',
+    selectedEducation: '',
+    selectedGender: '',
+    selectedHeight: 170,
+    selectedSleepHabit: '',
+    selectedSocialActivity: '',
+    searchCareerText: '',
+    searchEducationText: '',
+    filteredCareers: [],
+    filteredEducations: [],
+    provinces: [],
+    cities: [],
+    selectedProvince: '',
+    selectedCity: '',
+    selectedYear: '',
+    selectedMonth: '',
+    selectedDay: '',
+    years: [],
+    months: [],
+    days: []
+  },
+
+  onLoad: function() {
+    this.loadUserData();
+    this.initDatePicker();
+    this.initLocationData();
+  },
+
+  loadUserData: function() {
+    const userInfo = app.globalData.userInfo || {};
+    this.setData({
+      userInfo: {
+        avatar: userInfo.avatar || '',
+        nickname: userInfo.nickname || '未设置昵称',
+        customId: userInfo.customId || '123456789',
+        signature: userInfo.signature || '',
+        career: userInfo.career || '',
+        education: userInfo.education || '',
+        gender: userInfo.gender || '',
+        birthday: userInfo.birthday || '',
+        hometown: userInfo.hometown || '',
+        constellation: userInfo.constellation || '',
+        height: userInfo.height || '',
+        personalityType: userInfo.personalityType || '',
+        sleepHabit: userInfo.sleepHabit || '',
+        socialActivity: userInfo.socialActivity || ''
+      },
+      tempNickname: userInfo.nickname || '未设置昵称',
+      tempSignature: userInfo.signature || ''
+    });
+  },
+
+  // 头像相关功能
+  changeAvatar: function() {
+    wx.showActionSheet({
+      itemList: ['拍照', '从相册选择'],
+      success: (res) => {
+        const sourceType = res.tapIndex === 0 ? ['camera'] : ['album'];
+        this.chooseImage(sourceType);
+      }
+    });
+  },
+
+  chooseImage: function(sourceType) {
+    wx.chooseImage({
+      count: 1,
+      sizeType: ['compressed'],
+      sourceType: sourceType,
+      success: (res) => {
+        if (sourceType[0] === 'camera') {
+          this.setData({
+            tempAvatarPath: res.tempFilePaths[0],
+            showCameraPreview: true
+          });
+        } else {
+          this.uploadAvatar(res.tempFilePaths[0]);
+        }
+      }
+    });
+  },
+
+  retakePhoto: function() {
+    this.setData({ showCameraPreview: false });
+    this.chooseImage(['camera']);
+  },
+
+  usePhoto: function() {
+    this.uploadAvatar(this.data.tempAvatarPath);
+    this.setData({ showCameraPreview: false });
+  },
+
+  uploadAvatar: async function(tempFilePath) {
+    try {
+      wx.showLoading({ title: '上传中...' });
+      // 模拟上传头像
+      await new Promise(resolve => setTimeout(resolve, 1000));
+      const newAvatarUrl = tempFilePath;
+
+      const userInfo = this.data.userInfo;
+      userInfo.avatar = newAvatarUrl;
+      this.setData({ userInfo });
+
+      // 更新全局用户信息
+      if (app.globalData.userInfo) {
+        app.globalData.userInfo.avatar = newAvatarUrl;
+      }
+
+      wx.hideLoading();
+      wx.showToast({ title: '头像更新成功', icon: 'success' });
+    } catch (error) {
+      wx.hideLoading();
+      wx.showToast({ title: '上传失败', icon: 'none' });
+    }
+  },
+
+  // 昵称编辑
+  startEditNickname: function() {
+    this.setData({
+      isEditingNickname: true,
+      tempNickname: this.data.userInfo.nickname
+    });
+  },
+
+  confirmEditNickname: function() {
+    if (this.data.tempNickname.length > 30) {
+      wx.showToast({ title: '昵称不能超过30字节', icon: 'none' });
+      return;
+    }
+
+    const userInfo = this.data.userInfo;
+    userInfo.nickname = this.data.tempNickname;
+    this.setData({
+      userInfo: userInfo,
+      isEditingNickname: false
+    });
+
+    // 更新全局用户信息
+    if (app.globalData.userInfo) {
+      app.globalData.userInfo.nickname = this.data.tempNickname;
+    }
+  },
+
+  cancelEditNickname: function() {
+    this.setData({ isEditingNickname: false });
+  },
+
+  // 签名编辑
+  startEditSignature: function() {
+    this.setData({
+      isEditingSignature: true,
+      tempSignature: this.data.userInfo.signature
+    });
+  },
+
+  confirmEditSignature: function() {
+    if (this.data.tempSignature.length > 200) {
+      wx.showToast({ title: '简介不能超过200字节', icon: 'none' });
+      return;
+    }
+
+    const userInfo = this.data.userInfo;
+    userInfo.signature = this.data.tempSignature;
+    this.setData({
+      userInfo: userInfo,
+      isEditingSignature: false
+    });
+
+    // 更新全局用户信息
+    if (app.globalData.userInfo) {
+      app.globalData.userInfo.signature = this.data.tempSignature;
+    }
+  },
+
+  cancelEditSignature: function() {
+    this.setData({ isEditingSignature: false });
+  },
+
+  // 星座选择
+  openConstellationPicker: function() {
+    this.setData({
+      showConstellationPicker: true,
+      selectedConstellation: this.data.userInfo.constellation
+    });
+  },
+
+  selectConstellation: function(e) {
+    const constellation = e.currentTarget.dataset.value;
+    this.setData({
+      selectedConstellation: constellation
+    });
+  },
+
+  confirmConstellation: function() {
+    const userInfo = this.data.userInfo;
+    userInfo.constellation = this.data.selectedConstellation;
+    this.setData({
+      userInfo: userInfo,
+      showConstellationPicker: false
+    });
+  },
+
+  // 人格类型选择
+  openPersonalityPicker: function() {
+    this.setData({
+      showPersonalityPicker: true,
+      selectedPersonality: this.data.userInfo.personalityType
+    });
+  },
+
+  selectPersonality: function(e) {
+    const personality = e.currentTarget.dataset.value;
+    this.setData({
+      selectedPersonality: personality
+    });
+  },
+
+  confirmPersonality: function() {
+    const userInfo = this.data.userInfo;
+    userInfo.personalityType = this.data.selectedPersonality;
+    this.setData({
+      userInfo: userInfo,
+      showPersonalityPicker: false
+    });
+  },
+
+  // 职业选择
+  openCareerPicker: function() {
+    this.setData({
+      showCareerPicker: true,
+      searchCareerText: '',
+      filteredCareers: this.data.careers
+    });
+  },
+
+  searchCareer: function(e) {
+    const text = e.detail.value;
+    const filtered = this.data.careers.filter(career =>
+      career.includes(text)
+    );
+    this.setData({
+      searchCareerText: text,
+      filteredCareers: filtered
+    });
+  },
+
+  selectCareer: function(e) {
+    const career = e.currentTarget.dataset.value;
+    const userInfo = this.data.userInfo;
+    userInfo.career = career;
+    this.setData({
+      userInfo: userInfo,
+      showCareerPicker: false
+    });
+  },
+
+  // 教育背景选择
+  openEducationPicker: function() {
+    this.setData({
+      showEducationPicker: true,
+      searchEducationText: '',
+      filteredEducations: this.data.educations
+    });
+  },
+
+  searchEducation: function(e) {
+    const text = e.detail.value;
+    const filtered = this.data.educations.filter(edu =>
+      edu.includes(text)
+    );
+    this.setData({
+      searchEducationText: text,
+      filteredEducations: filtered
+    });
+  },
+
+  selectEducation: function(e) {
+    const education = e.currentTarget.dataset.value;
+    const userInfo = this.data.userInfo;
+    userInfo.education = education;
+    this.setData({
+      userInfo: userInfo,
+      showEducationPicker: false
+    });
+  },
+
+  // 家乡选择
+  openHometownPicker: function() {
+    this.setData({
+      showHometownPicker: true,
+      selectedProvince: this.data.userInfo.hometown ? this.data.userInfo.hometown.split(' ')[0] : '',
+      selectedCity: this.data.userInfo.hometown ? this.data.userInfo.hometown.split(' ')[1] : ''
+    });
+  },
+
+  confirmHometown: function() {
+    const userInfo = this.data.userInfo;
+    userInfo.hometown = `${this.data.selectedProvince} ${this.data.selectedCity}`;
+    this.setData({
+      userInfo: userInfo,
+      showHometownPicker: false
+    });
+  },
+
+  // 生日选择
+  openBirthdayPicker: function() {
+    this.setData({
+      showBirthdayPicker: true
+    });
+  },
+
+  confirmBirthday: function() {
+    const userInfo = this.data.userInfo;
+    userInfo.birthday = `${this.data.selectedYear}-${this.data.selectedMonth.toString().padStart(2, '0')}-${this.data.selectedDay.toString().padStart(2, '0')}`;
+    this.setData({
+      userInfo: userInfo,
+      showBirthdayPicker: false
+    });
+  },
+
+  // 身高选择
+  openHeightPicker: function() {
+    this.setData({
+      showHeightPicker: true,
+      selectedHeight: this.data.userInfo.height ? parseInt(this.data.userInfo.height) : 170
+    });
+  },
+
+  // 性别选择
+  openGenderPicker: function() {
+    this.setData({
+      showGenderPicker: true,
+      selectedGender: this.data.userInfo.gender
+    });
+  },
+
+  // 睡眠习惯选择
+  openSleepHabitPicker: function() {
+    this.setData({
+      showSleepHabitPicker: true,
+      selectedSleepHabit: this.data.userInfo.sleepHabit
+    });
+  },
+
+  // 社交活跃度选择
+  openSocialActivityPicker: function() {
+    this.setData({
+      showSocialActivityPicker: true,
+      selectedSocialActivity: this.data.userInfo.socialActivity
+    });
+  },
+
+  // 初始化位置数据
+  initLocationData: function() {
+    // 模拟省市数据
+    this.setData({
+      provinces: ['北京市', '上海市', '广东省', '江苏省', '浙江省'],
+      cities: {
+        '北京市': ['北京市'],
+        '上海市': ['上海市'],
+        '广东省': ['广州市', '深圳市', '珠海市'],
+        '江苏省': ['南京市', '苏州市', '无锡市'],
+        '浙江省': ['杭州市', '宁波市', '温州市']
+      },
+      selectedProvince: this.data.userInfo.hometown ? this.data.userInfo.hometown.split(' ')[0] : '',
+      selectedCity: this.data.userInfo.hometown ? this.data.userInfo.hometown.split(' ')[1] : '',
+      hometownValue: [0, 0] // 默认选中第一项
+    });
+  },
+
+  // 家乡选择变化处理
+  onHometownChange: function(e) {
+    const value = e.detail.value;
+    const province = this.data.provinces[value[0]];
+    const city = this.data.cities[province][value[1]];
+    this.setData({
+      selectedProvince: province,
+      selectedCity: city,
+      hometownValue: value
+    });
+  },
+
+  initDatePicker: function() {
+    const years = [];
+    const currentYear = new Date().getFullYear();
+    for (let i = currentYear; i >= 1950; i--) {
+      years.push(i);
+    }
+
+    const months = [];
+    for (let i = 1; i <= 12; i++) {
+      months.push(i);
+    }
+
+    const days = [];
+    for (let i = 1; i <= 31; i++) {
+      days.push(i);
+    }
+
+    // 设置默认日期
+    let defaultYear = currentYear - 20;
+    let defaultMonth = 1;
+    let defaultDay = 1;
+
+    if (this.data.userInfo.birthday) {
+      const parts = this.data.userInfo.birthday.split('-');
+      if (parts.length === 3) {
+        defaultYear = parseInt(parts[0]);
+        defaultMonth = parseInt(parts[1]);
+        defaultDay = parseInt(parts[2]);
+      }
+    }
+
+    // 计算默认值的索引
+    const yearIndex = years.indexOf(defaultYear);
+    const monthIndex = months.indexOf(defaultMonth);
+    const dayIndex = days.indexOf(defaultDay);
+
+    this.setData({
+      years: years,
+      months: months,
+      days: days,
+      selectedYear: defaultYear,
+      selectedMonth: defaultMonth,
+      selectedDay: defaultDay,
+      birthdayValue: [yearIndex, monthIndex, dayIndex]
+    });
+  },
+
+  // 生日选择变化处理
+  onBirthdayChange: function(e) {
+    const value = e.detail.value;
+    const year = this.data.years[value[0]];
+    const month = this.data.months[value[1]];
+    const day = this.data.days[value[2]];
+    this.setData({
+      selectedYear: year,
+      selectedMonth: month,
+      selectedDay: day,
+      birthdayValue: value
+    });
+  },
+
+
+
+  bindProvinceChange: function(e) {
+    const province = this.data.provinces[e.detail.value];
+    this.setData({
+      selectedProvince: province,
+      selectedCity: this.data.cities[province][0]
+    });
+  },
+
+  bindCityChange: function(e) {
+    this.setData({
+      selectedCity: this.data.cities[this.data.selectedProvince][e.detail.value]
+    });
+  },
+
+  bindYearChange: function(e) {
+    this.setData({
+      selectedYear: this.data.years[e.detail.value]
+    });
+  },
+
+  bindMonthChange: function(e) {
+    this.setData({
+      selectedMonth: this.data.months[e.detail.value]
+    });
+  },
+
+  bindDayChange: function(e) {
+    this.setData({
+      selectedDay: this.data.days[e.detail.value]
+    });
+  },
+
+
+
+  adjustHeight: function(e) {
+    this.setData({
+      selectedHeight: e.detail.value
+    });
+  },
+
+  selectGender: function(e) {
+    const gender = e.currentTarget.dataset.value;
+    const userInfo = this.data.userInfo;
+    userInfo.gender = gender;
+    this.setData({
+      userInfo: userInfo,
+      showHeightGenderPicker: false
+    });
+  },
+
+  confirmHeight: function() {
+    const userInfo = this.data.userInfo;
+    userInfo.height = this.data.selectedHeight;
+    this.setData({
+      userInfo: userInfo,
+      showHeightPicker: false
+    });
+  },
+
+  // 睡眠习惯选择处理
+  // 社交活跃度选择处理
+
+  selectSleepHabit: function(e) {
+    const sleepHabit = e.currentTarget.dataset.value;
+    const userInfo = this.data.userInfo;
+    userInfo.sleepHabit = sleepHabit;
+    this.setData({
+      userInfo: userInfo,
+      showSleepHabitPicker: false
+    });
+  },
+
+  selectSocialActivity: function(e) {
+    const socialActivity = e.currentTarget.dataset.value;
+    const userInfo = this.data.userInfo;
+    userInfo.socialActivity = socialActivity;
+    this.setData({
+      userInfo: userInfo,
+      showSocialActivityPicker: false
+    });
+  },
+
+  // 身高选择确认
+  confirmHeight: function() {
+    const userInfo = this.data.userInfo;
+    userInfo.height = this.data.selectedHeight;
+    this.setData({
+      userInfo: userInfo,
+      showHeightPicker: false
+    });
+  },
+
+  // 性别选择确认
+  selectGender: function(e) {
+    const gender = e.currentTarget.dataset.value;
+    const userInfo = this.data.userInfo;
+    userInfo.gender = gender;
+    this.setData({
+      userInfo: userInfo,
+      showGenderPicker: false
+    });
+  },
+
+  // 关闭所有弹出层
+  closeAllPickers: function() {
+    this.setData({
+      showConstellationPicker: false,
+      showPersonalityPicker: false,
+      showCareerPicker: false,
+      showEducationPicker: false,
+      showHometownPicker: false,
+      showBirthdayPicker: false,
+      showHeightPicker: false,
+      showGenderPicker: false,
+      showSleepHabitPicker: false,
+      showSocialActivityPicker: false,
+      showCameraPreview: false
+    });
+  },
+
+  // 保存所有修改
+  saveChanges: function() {
+    // 这里可以添加保存到服务器的逻辑
+    wx.showLoading({ title: '保存中...' });
+    setTimeout(() => {
+      wx.hideLoading();
+      wx.showToast({ title: '资料保存成功', icon: 'success' });
+      // 返回个人资料页面
+      wx.navigateBack();
+    }, 1000);
+  }
+});