修改邮箱 账号 手机号 登录密码

jiuyi2/App.vue

@@ -96,8 +96,10 @@
 
 		// 
 		util.getUserinfo().then(rs => {
+			if (userinfo.isRealName) {
 				// 腾讯im登录
 				util.loginTencent(userinfo)
+			}
 		})
 	}
 }

jiuyi2/api/mine.js

@@ -416,6 +416,45 @@ const mine = {
 			method: 'POST',
 		})
 	},
+
+	/**
+	 * 修改账号
+	 * @param {Object} param
+	 */
+	updateAccount(param) {
+		return util.request({
+			url: `/user/home/update/account`,
+			data: param.data,
+			method: 'POST', 
+			load: true,
+		})
+	},
+
+	/**
+	 * 修改手机号
+	 * @param {Object} param
+	 */
+	updatePhone(param) {
+		return util.request({
+			url: `/user/login/updatePhone`,
+			data: param.data,
+			method: 'POST', 
+			load: true,
+		})
+	},
+
+	/**
+	* 修改登录密码
+	* @param {Object} param
+	*/
+   updatePassword(param) {
+	   return util.request({
+		   url: `/user/login/updatePassword`,
+		   data: param.data,
+		   method: 'POST', 
+		   load: true,
+	   })
+   },
 }
 
 export default mine

jiuyi2/components/footerMenu/footerMenu.vue

@@ -224,6 +224,7 @@ function handleAlert(ev) {
 
 // 获取未读消息数量
 function getNoReadNum() {
+	if (userinfo.value.isRealName) {
 		// 验证sdk是否准备完毕
 		let isReady = uni.$chat.isReady();
 		if (!isReady) {
@@ -237,7 +238,7 @@ function getNoReadNum() {
 		const unreadCount = uni.$chat.getTotalUnreadMessageCount();
 		noReadNum.value = +unreadCount > 99 ? '99+' : unreadCount;
 		// #endif
-
+	}
 }
 </script>
 

jiuyi2/pages.json

@@ -746,6 +746,24 @@
 			{
 				"navigationBarTitleText" : "账号解冻"
 			}
+		},
+		{
+			"path": "pages/mine/setting/updateAccount",
+			"style": {
+				"navigationBarTitleText": "修改账号"
+			}
+		},
+		{
+			"path": "pages/mine/setting/updatePhoneNum",
+			"style": {
+				"navigationBarTitleText": "修改手机号"
+			}
+		},
+		{
+			"path": "pages/mine/setting/loginPassword",
+			"style": {
+				"navigationBarTitleText": "登录密码"
+			}
 		}
 	],
 	"subPackages": [

jiuyi2/pages/mine/setting/loginPassword.vue

@@ -0,0 +1,118 @@
+<script setup>
+/**
+ * 修改账号
+ */
+import {
+    ref,
+    reactive,
+    computed,
+} from 'vue'
+import {
+    useStore
+} from 'vuex'
+// 工具库
+import util from '@/common/js/util.js'
+// api
+import api from '@/api/index.js'
+// 加密
+import CryptoJS from 'crypto-js';
+
+// 显示密码
+const showPwd = ref(false)
+const showPwds = ref(false)
+// 
+const store = useStore()
+// 表单
+const form = reactive({ 
+    oldPassword: '',
+    password: ''
+})
+// 用户信息
+const userinfo = computed(() => {
+    let result = store.state.userinfo
+    return result
+})
+
+// 实名认证
+function handleSubmit() {
+    const data = {
+        ...form
+    }
+
+    // 验证
+    if (!data.oldPassword) {
+        util.alert('请输入旧密码')
+        return
+    }
+    if (!data.password) {
+        util.alert('请输入新密码')
+        return
+    } 
+    data.oldPassword = CryptoJS.MD5(data.oldPassword).toString();
+    data.password = CryptoJS.MD5(data.password).toString();
+
+    api.mine.updatePassword({ data }).then(rs => {
+        if (rs.code == 200) {
+            util.alert('修改成功')
+            util.getUserinfo()
+            setTimeout(() => {
+                uni.navigateBack()
+            }, 500)
+            return
+        }
+        util.alert({
+            content: rs.msg,
+            showCancel: false,
+        })
+    })
+}
+</script>
+
+<template>
+    <view class="container">
+        <view class="line df aic">
+            <view class="key">旧密码</view>
+            <view class="value">
+                <input :password="showPwd ? false : true" v-model="form.oldPassword" placeholder="请输入旧密码" />
+            </view>
+            <view class="btn sm ml20 plr20">
+                <uni-icons :type="showPwd ? 'eye' : 'eye-slash'" color="#999" size="40rpx"
+                    @click="showPwd = !showPwd" />
+            </view>
+        </view>
+        <view class="line df aic">
+            <view class="key">新密码</view>
+            <view class="value">
+                <input :password="showPwds ? false : true" v-model="form.password" placeholder="请输入新密码" />
+            </view>
+            <view class="btn sm ml20 plr20">
+                <uni-icons :type="showPwds ? 'eye' : 'eye-slash'" color="#999" size="40rpx"
+                    @click="showPwds = !showPwds" />
+            </view>
+        </view>
+
+        <view class="btn bar lg black mtb60 mlr60" @click="handleSubmit">提交</view>
+    </view>
+</template>
+
+<style scoped lang="scss">
+// 容器
+.container {
+    padding: 50rpx 30rpx;
+    color: #333333;
+    font-size: 34rpx;
+
+    .line {
+        padding: 35rpx 10rpx;
+    }
+
+    .key {
+        width: 200rpx;
+    }
+
+    .value {
+        flex: 1;
+        font-size: 28rpx;
+    }
+}
+</style>

jiuyi2/pages/mine/setting/setting.vue

@@ -151,14 +151,20 @@
 					</view>
 				</view>
 
-				<view class="line rows">
+				<view class="line rows" @click="link('/pages/mine/setting/updateAccount')">
-					<view class="">修改账号</view>
+					<view class="key">修改账号</view>
-					<view class="f1 tar c999 f28">{{userinfo.account}}</view>
+					<view class="col f1 ml20 tar c999 f28">
+						<view class="">{{ userinfo.account }}</view>
+					</view>
+					<uni-icons class="ml20" type="right" />
 				</view>
 
-				<view class="line rows">
+				<view class="line rows" @click="link('/pages/mine/setting/updatePhoneNum')">
-					<view class="">绑定手机号</view>
+					<view class="key">修改手机号</view>
-					<view class="f1 tar c999 f28">{{userinfo.phoneNumber}}</view>
+					<view class="col f1 ml20 tar c999 f28">
+						<view class="">{{ userinfo.phoneNumber }}</view>
+					</view>
+					<uni-icons class="ml20" type="right" />
 				</view>
 
 				<view class="line rows" @click="link('/pages/mine/realname')">
@@ -189,7 +195,7 @@
 					<uni-icons type="right" />
 				</view>
 
-				<view class="line rows">
+				<view class="line rows" @click="link('/pages/mine/setting/loginPassword')">
 					<view class="">登录密码</view>
 					<uni-icons type="right" />
 				</view>

jiuyi2/pages/mine/setting/updateAccount.vue

@@ -0,0 +1,93 @@
+<script setup>
+/**
+ * 修改账号
+ */
+import { 
+    reactive,
+    computed,
+} from 'vue'
+import {
+    useStore
+} from 'vuex'
+// 工具库
+import util from '@/common/js/util.js'
+// api
+import api from '@/api/index.js'
+
+// 
+const store = useStore()
+// 表单
+const form = reactive({
+    id: '',
+    account: ''
+})
+// 用户信息
+const userinfo = computed(() => {
+    let result = store.state.userinfo
+    return result
+})
+
+// 实名认证
+function handleSubmit() {
+    const data = {
+        ...form
+    }
+
+    // 验证
+    if (!data.account) {
+        util.alert('请输入账号')
+        return
+    }
+    data.id = userinfo.value.id
+
+    api.mine.updateAccount({ data }).then(rs => { 
+        if (rs.code == 200) {
+            util.alert('修改成功')
+            util.getUserinfo()
+            setTimeout(() => {
+                uni.navigateBack()
+            }, 500)
+            return
+        }
+        util.alert({
+            content: rs.msg,
+            showCancel: false,
+        })
+    })
+}
+</script>
+
+<template>
+    <view class="container">
+        <view class="line df aic">
+            <view class="key">账号</view>
+            <view class="value">
+                <input class="input" type="text" v-model="form.account" placeholder="请输入账号" />
+            </view>
+        </view>
+
+        <view class="btn bar lg black mtb60 mlr60" @click="handleSubmit">提交</view>
+    </view>
+</template>
+
+<style scoped lang="scss">
+// 容器
+.container {
+    padding: 50rpx 30rpx;
+    color: #333333;
+    font-size: 34rpx;
+ 
+    .line {
+        padding: 35rpx 10rpx;
+    }
+
+    .key {
+        width: 200rpx;
+    }
+
+    .value {
+        flex: 1;
+        font-size: 28rpx;
+    }
+}
+</style>

jiuyi2/pages/mine/setting/updatePhoneNum.vue

@@ -0,0 +1,118 @@
+<script setup>
+/**
+ * 修改手机号
+ */
+import {
+    reactive,
+    computed,
+} from 'vue'
+import {
+    useStore
+} from 'vuex'
+// 获取验证码
+import getCode from '@/components/getCode/getCode.vue'
+// 工具库
+import util from '@/common/js/util.js'
+// api
+import api from '@/api/index.js'
+
+// 
+const store = useStore()
+// 表单
+const form = reactive({ 
+    phoneNumber: '',
+    verifyCode: ''
+})
+// 用户信息
+const userinfo = computed(() => {
+    let result = store.state.userinfo
+    return result
+})
+
+// 实名认证
+function handleSubmit() {
+    const data = {
+        ...form
+    }
+
+    // 验证
+    if (!data.phoneNumber) {
+        util.alert('请输入手机号')
+        return
+    }
+    if (!data.verifyCode) {
+        util.alert('请输入验证码')
+        return
+    } 
+
+    api.mine.updatePhone({ data }).then(rs => {
+        if (rs.code == 200) {
+            util.alert('修改成功')
+            util.getUserinfo()
+            setTimeout(() => {
+                uni.navigateBack()
+            }, 500)
+            return
+        }
+        util.alert({
+            content: rs.msg,
+            showCancel: false,
+        })
+    })
+}
+</script>
+
+<template>
+    <view class="container">
+        <view class="line df aic">
+            <view class="key">手机号</view>
+            <view class="value">
+                <input class="input" type="text" v-model="form.phoneNumber" placeholder="请输入手机号" />
+            </view>
+        </view>
+
+        <view class="line df aic">
+            <view class="key">验证码</view>
+            <view class="value">
+                <input type="text" v-model="form.verifyCode" placeholder="请输入验证码" class="f1" />
+            </view>
+            <view class="getCode btn sm ml20 plr20">
+                <getCode :phone="form.phoneNumber" />
+            </view>
+        </view>
+
+        <view class="btn bar lg black mtb60 mlr60" @click="handleSubmit">提交</view>
+    </view>
+</template>
+
+<style scoped lang="scss">
+// 容器
+.container {
+    padding: 50rpx 30rpx;
+    color: #333333;
+    font-size: 34rpx;
+
+    .line+.line {
+        border-top: 2rpx solid #ddd;
+    }
+
+    .line {
+        padding: 35rpx 10rpx;
+    }
+
+    .key {
+        width: 200rpx;
+    }
+
+    .value {
+        flex: 1;
+        font-size: 28rpx;
+    }
+}
+
+// 获取验证码
+.getCode {
+    color: #666;
+    background-color: #fff;
+}
+</style>

jiuyi2/pages/mine/userinfo.vue

@@ -55,6 +55,7 @@
 	user.id = userinfo.id + ''
 	user.birthday = userinfo.birthday
 	user.avatar = userinfo.avatar
+	user.email = userinfo.email
 	// 修改性别下标
 	genderIndex.value = gender.findIndex(item => item.id == userinfo.sex)
 }
@@ -100,6 +101,11 @@
 	// 同步性别值
 	if (gender[genderIndex.value]) user.sex = gender[genderIndex.value].id
 
+	if (!IsEmail(user.email)) {
+		util.alert('邮箱格式不正确！')
+		return
+	}
+
 	const data = {
 		...user,
 	}
@@ -127,6 +133,12 @@
 		})
 	})
 }
+// 校验邮箱地址
+function IsEmail(str) {
+	var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
+	return reg.test(str);
+}
+
 </script>
 
 <template>
@@ -195,6 +207,14 @@
 				<uni-icons type="right" />
 			</view>
 
+			<view class="line rows ptb20">
+				<view class="key">邮箱</view>
+				<view class="value tar f1">
+					<input type="text" v-model="user.email" placeholder="请输入你的邮箱" />
+				</view>
+				<uni-icons type="right" />
+			</view>
+
 			<view class="line ptb20">
 				<view class="key">个性签名</view>
 				<view class="value textareaBox inputBox mt20 ptb20 plr20">

jiuyi2/pages/news/group-chat/index.vue

@@ -111,6 +111,7 @@
 	}).then(rs => {
 		if (rs.code == 200) {
 			util.alert('创建成功')
+			createGroup(data)
 
 			setTimeout(() => {
 				form.name = ''
@@ -127,6 +128,15 @@
 	})
 }
 
+function createGroup(data) {
+	uni.$chat.createGroup({
+		type: TencentCloudChat.TYPES.GRP_PUBLIC,
+		name: data.name,
+		groupID: data.groupId,
+		avatar: data.groupFaceUrl
+	})
+}
+
 // 上传图片
 function uploadImg() {
 	util.upload_image({