From ccda9ec2fe70d8f51ef184eafc04b78d22dfbabd Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期三, 26 六月 2024 15:02:28 +0800 Subject: [PATCH] 小程序,教材,课程 --- packagePersonal/pages/userSetting/index.js | 278 +++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 189 insertions(+), 89 deletions(-) diff --git a/packagePersonal/pages/userSetting/index.js b/packagePersonal/pages/userSetting/index.js index c732fd8..7329d10 100644 --- a/packagePersonal/pages/userSetting/index.js +++ b/packagePersonal/pages/userSetting/index.js @@ -1,4 +1,5 @@ const app = getApp() +import SparkMD5 from 'spark-md5' import tool from "../../../assets/js/toolClass.js"; import FormData from '../../../utils/formdata/index.js'; Page({ @@ -9,7 +10,7 @@ data: { userInfo: {}, defaultAvatarUrl: 'https://cdn-we-retail.ym.tencent.com/miniapp/usercenter/icon-user-center-avatar@2x.png', - userInfoBox: false, + editType: '', userInfoForm: { icon: '', @@ -23,6 +24,9 @@ emailError: false, imgCode: '', countDown: 0, + mailCountDown: 0, + userInfoBox: false, + height: '', //灞忓箷楂樺害 }, /** @@ -45,7 +49,15 @@ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鏄剧ず */ onShow() { - + var that = this; + // 鍔ㄦ�佽幏鍙栧睆骞曢珮搴� + wx.getSystemInfo({ + success: (result) => { + that.setData({ + height: result.windowHeight + }); + }, + }) }, // 鑾峰彇鐧诲綍鐢ㄦ埛韬唤 getUserInfo() { @@ -63,7 +75,7 @@ if (teacherRole && teacherInfos) { defaultUser = { ...teacherInfos, - nickName: nickNameData ? JSON.parse(nickNameData.data).nickName : teacherInfos.name, + nickName: nickNameData ? JSON.parse(nickNameData.data).nickName : WeChatInfo ? WeChatInfo.name : '', icon: nickNameData ? JSON.parse(nickNameData.data).icon : WeChatInfo ? WeChatInfo.icon : '', userId: res.userId, role: 'Teacher', @@ -74,8 +86,8 @@ } else if (WeChatInfo) { defaultUser = { ...WeChatInfo, - nickName: nickNameData ? JSON.parse(nickNameData.data).nickName : WeChatInfo.name, - icon: JSON.parse(nickNameData.data).icon ? JSON.parse(nickNameData.data).icon : WeChatInfo.icon, + nickName: nickNameData && JSON.parse(nickNameData.data).nickName ? JSON.parse(nickNameData.data).nickName : WeChatInfo.name, + icon: nickNameData && JSON.parse(nickNameData.data).icon ? JSON.parse(nickNameData.data).icon : WeChatInfo.icon, userId: res.userId, phoneNumber: phoneInfo?.credential, Email: emailInfo?.credential @@ -97,15 +109,16 @@ }, //淇敼鐢ㄦ埛绫诲瀷 editUserInfo(e) { - console.log(e) - let { info } = e.currentTarget.dataset + let { + info + } = e.currentTarget.dataset if (!this.data.userInfoBox) { this.setData({ userInfoBox: true, editType: info, "userInfoForm.captcha": "", "userInfoForm.code": "", - "userInfoForm.nickName": '' + "userInfoForm.nickName": this.data.userInfo.nickName, }); } this.getImgCapcha() @@ -114,79 +127,84 @@ this.setData({ userInfoBox: e.detail.visible, countDown: 0, + mailCountDown: 0 }); }, editIconInfo(e) { var that = this; wx.chooseMedia({ - // count: 1, // 榛樿9 + count: 1, // 榛樿9 sizeType: ['original', 'compressed'], // 鍙互鎸囧畾鏄師鍥捐繕鏄帇缂╁浘锛岄粯璁や簩鑰呴兘鏈� sourceType: ['album', 'camera'], // 鍙互鎸囧畾鏉ユ簮鏄浉鍐岃繕鏄浉鏈猴紝榛樿浜岃�呴兘鏈� success: function (res) { - // 杩斿洖閫夊畾鐓х墖鐨勬湰鍦版枃浠惰矾寰勫垪琛紝tempFilePath涔熷彲浠ヤ綔涓篿mg鏍囩鐨剆rc灞炴�ф樉绀哄浘鐗� - console.log(res.tempFiles[0]) - tool.getFileMd5(res.tempFiles[0]).then((e) => { - console.log(e, 4) - let formData = new FormData(); - formData.append('Md5', e); - formData.append('FileName', e); - formData.append('FileType', res.tempFiles[0].fileType); - formData.appendFile("file", res.tempFiles[0].tempFilePath); - const data = formData.getData(); - let _token = wx.getStorageSync(app.config.tokenKey); - let header = {}; - if (_token == null) { - header["Authorization"] = `Basic ${Base64.encode(website.clientId + ":" + website.clientSecret)}`; - } else { - header["Authorization"] = `Bearer ` + _token; - } - new Promise((resolve, reject) => { - wx.request({ - url: app.config.requestCtx + '/file/api/ApiUpload', - method: 'POST', - header: { - 'content-type': data.contentType, - ...header - }, - data: data.buffer, - success(res) { - console.log(res) - if (res.statusCode == 200) { - resolve(res.data); - if (res.data) { - that.setData({ - 'userInfoForm.icon': app.config.requestCtx + `/file/GetPreViewImage?md5=` + e, - }); - let userTypeInfo = { - requests: [ - { - data: JSON.stringify({ nickName: that.data.userInfo.nickName, icon: that.data.userInfoForm.icon }), + wx.getFileSystemManager().readFile({ + filePath: res.tempFiles[0].tempFilePath, //閫夋嫨鍥剧墖杩斿洖鐨勭浉瀵硅矾寰� + // encoding: 'binary', //缂栫爜鏍煎紡 + success: ress => { + //鎴愬姛鐨勫洖璋� + let spark = new SparkMD5.ArrayBuffer(); + spark.append(ress.data); + let md5 = spark.end(false); + let formData = new FormData(); + formData.append('Md5', md5); + formData.append('FileName', md5); + formData.append('FileType', res.tempFiles[0].fileType); + formData.appendFile("file", res.tempFiles[0].tempFilePath); + const data = formData.getData(); + let _token = wx.getStorageSync(app.config.tokenKey); + let header = {}; + if (_token == null) { + header["Authorization"] = `Basic ${Base64.encode(website.clientId + ":" + website.clientSecret)}`; + } else { + header["Authorization"] = `Bearer ` + _token; + } + new Promise((resolve, reject) => { + wx.request({ + url: app.config.requestCtx + '/file/api/ApiUpload', + method: 'POST', + header: { + 'content-type': data.contentType, + ...header + }, + data: data.buffer, + success(res) { + if (res.statusCode == 200) { + resolve(res.data); + if (res.data) { + that.setData({ + 'userInfoForm.icon': app.config.requestCtx + `/file/GetPreViewImage?md5=` + md5, + }); + let userTypeInfo = { + "requests": [{ + data: JSON.stringify({ + nickName: that.data.userInfo.nickName, + icon: that.data.userInfoForm.icon + }), name: '鐢ㄦ埛鏄电О澶村儚', type: 'nickName' - } - ] - } - app.MG.identity.setAppUserInfo(userTypeInfo).then((res) => { - if (res) { - wx.showToast({ - title: "淇敼鎴愬姛", - icon: 'success', - duration: 1000, - }) - this.getUserInfo() - this.setData({ - userInfoBox: false, - }); + }] } - }) + app.MG.identity.setAppUserInfo(userTypeInfo).then((res) => { + if (res) { + wx.showToast({ + title: "淇敼鎴愬姛", + icon: 'success', + duration: 1000, + }) + that.getUserInfo() + that.setData({ + userInfoBox: false, + }); + } + }) + } + } else { + reject('杩愯鏃堕敊璇�,璇风◢鍚庡啀璇�'); } - } else { - reject('杩愯鏃堕敊璇�,璇风◢鍚庡啀璇�'); } - } + }) }) - }) - + } }) } }); @@ -198,24 +216,41 @@ }, //杈撳叆鎵嬫満鍙� onPhoneInput(e) { - console.log(e) - const { phoneError } = this.data; - const isPhoneNumber = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test(e.detail.value); - if (phoneError === isPhoneNumber) { + const { + phoneError + } = this.data; + if (e.detail.value) { + const isPhoneNumber = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test(e.detail.value); + if (phoneError === isPhoneNumber) { + this.setData({ + phoneError: !isPhoneNumber, + "userInfoForm.phone": e.detail.value, + }); + } + } else { this.setData({ - phoneError: !isPhoneNumber, - "userInfoForm.phone": e.detail.value, + phoneError: false, }); } }, onEmailInput(e) { - const { emailError } = this.data; - const isPhoneNumber = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/.test(e.detail.value); - if (emailError === isPhoneNumber) { + const { + emailError + } = this.data; + if (e.detail.value) { + const isPhoneNumber = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/.test(e.detail.value); + if (emailError === isPhoneNumber) { + this.setData({ + emailError: !isPhoneNumber, + }); + } this.setData({ - emailError: !isPhoneNumber, "userInfoForm.email": e.detail.value, + }); + } else { + this.setData({ + emailError: false, }); } }, @@ -242,6 +277,7 @@ }, getPhoneCode() { + if (this.data.countDown > 0) return false if (this.data.userInfoForm.phone && this.data.userInfoForm.captcha) { app.MG.identity .getPhoneCode({ @@ -278,14 +314,14 @@ getSecond(time) { let timer = null if (!timer) { - let countDown = time; this.setData({ countDown: time, }); + let conut = this.data.countDown; timer = setInterval(() => { - countDown-- + conut-- this.setData({ - countDown: countDown, + countDown: conut, }); if (this.data.countDow == 0) { clearInterval(timer) @@ -296,7 +332,6 @@ }, getEmailCode() { - console.log(this.data.userInfoForm.email) if (this.data.userInfoForm.email && this.data.userInfoForm.captcha) { app.MG.identity .getEmailCode({ @@ -312,7 +347,7 @@ duration: 1000 }) // 寮�鍚煭淇¢獙璇佸�掕鏃� - this.getSecond(60) + this.getSecondEmail(60) } else { wx.showToast({ title: '閭楠岃瘉鐮佸彂閫佸け璐�', @@ -330,17 +365,44 @@ }) } }, + getSecondEmail(time) { + if (this.data.mailCountDown <= 0) { + this.setData({ + mailCountDown: time, + }); + + let timer = setInterval(() => { + let count = this.data.mailCountDown - 1; + this.setData({ + mailCountDown: count, + }); + + if (count === 0) { + clearInterval(timer); + } + }, 1000); + } + }, confirmInfo() { if (this.data.editType == 'nickName') { + if (!this.data.userInfoForm.nickName) { + wx.showToast({ + title: '璇疯緭鍏ユ樀绉�', + icon: 'none', + duration: 1000 + }) + return false; + } let userTypeInfo = { - requests: [ - { - data: JSON.stringify({ nickName: this.data.userInfoForm.nickName, icon: this.data.userInfo.icon }), - name: '鐢ㄦ埛鏄电О澶村儚', - type: 'nickName' - } - ] + "requests": [{ + data: JSON.stringify({ + nickName: this.data.userInfoForm.nickName, + icon: this.data.userInfo.icon + }), + name: '鐢ㄦ埛鏄电О澶村儚', + type: 'nickName' + }] } app.MG.identity.setAppUserInfo(userTypeInfo).then((res) => { if (res) { @@ -357,6 +419,22 @@ }) } else if (this.data.editType == 'phone') { + if (!this.data.userInfoForm.phone) { + wx.showToast({ + title: '璇疯緭鍏ユ墜鏈哄彿', + icon: 'none', + duration: 1000 + }) + return false; + } + if (!this.data.userInfoForm.code) { + wx.showToast({ + title: '璇疯緭鍏ラ獙璇佺爜', + icon: 'none', + duration: 1000 + }) + return false; + } let query = { phoneNumber: this.data.userInfoForm.phone, phoneCaptcha: this.data.userInfoForm.code @@ -388,6 +466,22 @@ } }) } else if (this.data.editType == 'email') { + if (!this.data.userInfoForm.email) { + wx.showToast({ + title: '璇疯緭鍏ラ偖绠�', + icon: 'none', + duration: 1000 + }) + return false; + } + if (!this.data.userInfoForm.code) { + wx.showToast({ + title: '璇疯緭鍏ラ獙璇佺爜', + icon: 'none', + duration: 1000 + }) + return false; + } let query = { eMail: this.data.userInfoForm.email, captcha: this.data.userInfoForm.code @@ -428,6 +522,12 @@ } }, + + onCloseProtocol() { + this.setData({ + userInfoBox: false, + }); + }, /** * 椤甸潰鐩稿叧浜嬩欢澶勭悊鍑芥暟--鐩戝惉鐢ㄦ埛涓嬫媺鍔ㄤ綔 */ -- Gitblit v1.9.1