通过微信开发者工具商城模板创建新小程序

2023-03-06 23:52:24 +08:00
parent ada464a8cc
commit c21ff901d5
393 changed files with 52952 additions and 0 deletions
--- a/mini-program/pages/usercenter/person-info/index.js
+++ b/mini-program/pages/usercenter/person-info/index.js
@@ -0,0 +1,122 @@
+import { fetchPerson } from '../../../services/usercenter/fetchPerson';
+import { phoneEncryption } from '../../../utils/util';
+import Toast from 'tdesign-miniprogram/toast/index';
+
+Page({
+  data: {
+    personInfo: {
+      avatarUrl: '',
+      nickName: '',
+      gender: 0,
+      phoneNumber: '',
+    },
+    showUnbindConfirm: false,
+    pickerOptions: [
+      {
+        name: '男',
+        code: '1',
+      },
+      {
+        name: '女',
+        code: '2',
+      },
+    ],
+    typeVisible: false,
+    genderMap: ['', '男', '女'],
+  },
+  onLoad() {
+    this.init();
+  },
+  init() {
+    this.fetchData();
+  },
+  fetchData() {
+    fetchPerson().then((personInfo) => {
+      this.setData({
+        personInfo,
+        'personInfo.phoneNumber': phoneEncryption(personInfo.phoneNumber),
+      });
+    });
+  },
+  onClickCell({ currentTarget }) {
+    const { dataset } = currentTarget;
+    const { nickName } = this.data.personInfo;
+
+    switch (dataset.type) {
+      case 'gender':
+        this.setData({
+          typeVisible: true,
+        });
+        break;
+      case 'name':
+        wx.navigateTo({
+          url: `/pages/usercenter/name-edit/index?name=${nickName}`,
+        });
+        break;
+      case 'avatarUrl':
+        this.toModifyAvatar();
+        break;
+      default: {
+        break;
+      }
+    }
+  },
+  onClose() {
+    this.setData({
+      typeVisible: false,
+    });
+  },
+  onConfirm(e) {
+    const { value } = e.detail;
+    this.setData(
+      {
+        typeVisible: false,
+        'personInfo.gender': value,
+      },
+      () => {
+        Toast({
+          context: this,
+          selector: '#t-toast',
+          message: '设置成功',
+          theme: 'success',
+        });
+      },
+    );
+  },
+  async toModifyAvatar() {
+    try {
+      const tempFilePath = await new Promise((resolve, reject) => {
+        wx.chooseImage({
+          count: 1,
+          sizeType: ['compressed'],
+          sourceType: ['album', 'camera'],
+          success: (res) => {
+            const { path, size } = res.tempFiles[0];
+            if (size <= 10485760) {
+              resolve(path);
+            } else {
+              reject({ errMsg: '图片大小超出限制，请重新上传' });
+            }
+          },
+          fail: (err) => reject(err),
+        });
+      });
+      const tempUrlArr = tempFilePath.split('/');
+      const tempFileName = tempUrlArr[tempUrlArr.length - 1];
+      Toast({
+        context: this,
+        selector: '#t-toast',
+        message: `已选择图片-${tempFileName}`,
+        theme: 'success',
+      });
+    } catch (error) {
+      if (error.errMsg === 'chooseImage:fail cancel') return;
+      Toast({
+        context: this,
+        selector: '#t-toast',
+        message: error.errMsg || error.msg || '修改头像出错了',
+        theme: 'error',
+      });
+    }
+  },
+});