修改邮箱 账号 手机号 登录密码
This commit is contained in:
parent
4f84721a49
commit
8e157f6996
218
jiuyi2/App.vue
218
jiuyi2/App.vue
|
@ -1,122 +1,124 @@
|
|||
<script setup>
|
||||
import {
|
||||
onLaunch,
|
||||
onExit
|
||||
} from '@dcloudio/uni-app'
|
||||
// 工具库
|
||||
import util from '@/common/js/util';
|
||||
//
|
||||
import api from '@/api/index.js'
|
||||
// vuex
|
||||
import store from '@/store/index.js'
|
||||
// #ifdef APP
|
||||
// 引入各种权限配置
|
||||
import {
|
||||
registerRequestPermissionTipsListener,
|
||||
unregisterRequestPermissionTipsListener,
|
||||
setRequestPermissionTips
|
||||
} from "@/uni_modules/uni-registerRequestPermissionTips"
|
||||
var PermissionTips = {
|
||||
"android.permission.CAMERA": "<h4 style=\"font-size:40px;\">相机使用权限说明</h4><font color=#cccccc>用于在添加、上传、发布、图片和视频等场景中读取和写入相册和文件内容</font>",
|
||||
"android.permission.WRITE_EXTERNAL_STORAGE": "<h4 style=\"font-size:40px;\">存储空间/照片权限说明</h4><font color=#cccccc>用于在添加、上传、发布、图片和视频等场景中读取和写入相册和文件内容</font>",
|
||||
"android.permission.RECORD_AUDIO": "<h4 style=\"font-size:40px;\">录音权限说明</h4><font color=#cccccc>用于发送语音消息、语音通话功能</font>",
|
||||
}
|
||||
// #endif
|
||||
|
||||
onLaunch(() => {
|
||||
// 获取用户信息
|
||||
getUserinfo()
|
||||
// 获取系统配置
|
||||
getConfig()
|
||||
// #ifdef APP
|
||||
// 处理用户在app端提交的权限
|
||||
init()
|
||||
// #endif
|
||||
})
|
||||
|
||||
onExit(() => {
|
||||
// #ifdef APP
|
||||
unregisterRequestPermissionTipsListener(null)
|
||||
// #endif
|
||||
})
|
||||
|
||||
/**
|
||||
* 处理用户在app端申请的权限
|
||||
* 文档地址:https://ext.dcloud.net.cn/plugin?name=uni-registerRequestPermissionTips
|
||||
*/
|
||||
function init() {
|
||||
var brand = uni.getSystemInfoSync().deviceBrand
|
||||
setRequestPermissionTips(PermissionTips)
|
||||
registerRequestPermissionTipsListener({
|
||||
// 申请系统权限回调
|
||||
onRequest: (e) => {
|
||||
console.log(e)
|
||||
},
|
||||
// 弹出系统权限授权框回调
|
||||
onConfirm: (e) => {
|
||||
console.log(e)
|
||||
},
|
||||
// onComplete
|
||||
onComplete: (e) => {
|
||||
// 华为手机在权限禁止之后,再次申请权限不会出现权限申请框。此时应该引导用户去系统设置开启此权限,不应该频繁申请。
|
||||
if (brand.toLowerCase() == "huawei") {
|
||||
var tips = {}
|
||||
var hasDeniedPermission = false
|
||||
for (var k in PermissionTips) {
|
||||
if (e[k] != "denied") {
|
||||
tips[k] = PermissionTips[k]
|
||||
} else {
|
||||
hasDeniedPermission = true
|
||||
}
|
||||
}
|
||||
setRequestPermissionTips(tips) // 更新弹框提醒,防止华为手机不出现权限申请框时权限提醒框闪烁的情况
|
||||
if (hasDeniedPermission)
|
||||
uni.showModal({
|
||||
content: "权限已经被拒绝,请前往设置中开启"
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
import {
|
||||
onLaunch,
|
||||
onExit
|
||||
} from '@dcloudio/uni-app'
|
||||
// 工具库
|
||||
import util from '@/common/js/util';
|
||||
//
|
||||
import api from '@/api/index.js'
|
||||
// vuex
|
||||
import store from '@/store/index.js'
|
||||
// #ifdef APP
|
||||
// 引入各种权限配置
|
||||
import {
|
||||
registerRequestPermissionTipsListener,
|
||||
unregisterRequestPermissionTipsListener,
|
||||
setRequestPermissionTips
|
||||
} from "@/uni_modules/uni-registerRequestPermissionTips"
|
||||
var PermissionTips = {
|
||||
"android.permission.CAMERA": "<h4 style=\"font-size:40px;\">相机使用权限说明</h4><font color=#cccccc>用于在添加、上传、发布、图片和视频等场景中读取和写入相册和文件内容</font>",
|
||||
"android.permission.WRITE_EXTERNAL_STORAGE": "<h4 style=\"font-size:40px;\">存储空间/照片权限说明</h4><font color=#cccccc>用于在添加、上传、发布、图片和视频等场景中读取和写入相册和文件内容</font>",
|
||||
"android.permission.RECORD_AUDIO": "<h4 style=\"font-size:40px;\">录音权限说明</h4><font color=#cccccc>用于发送语音消息、语音通话功能</font>",
|
||||
}
|
||||
// #endif
|
||||
|
||||
onLaunch(() => {
|
||||
// 获取用户信息
|
||||
function getUserinfo() {
|
||||
// 登录令牌
|
||||
const token = uni.getStorageSync('token')
|
||||
getUserinfo()
|
||||
// 获取系统配置
|
||||
getConfig()
|
||||
// #ifdef APP
|
||||
// 处理用户在app端提交的权限
|
||||
init()
|
||||
// #endif
|
||||
})
|
||||
|
||||
onExit(() => {
|
||||
// #ifdef APP
|
||||
unregisterRequestPermissionTipsListener(null)
|
||||
// #endif
|
||||
})
|
||||
|
||||
/**
|
||||
* 处理用户在app端申请的权限
|
||||
* 文档地址:https://ext.dcloud.net.cn/plugin?name=uni-registerRequestPermissionTips
|
||||
*/
|
||||
function init() {
|
||||
var brand = uni.getSystemInfoSync().deviceBrand
|
||||
setRequestPermissionTips(PermissionTips)
|
||||
registerRequestPermissionTipsListener({
|
||||
// 申请系统权限回调
|
||||
onRequest: (e) => {
|
||||
console.log(e)
|
||||
},
|
||||
// 弹出系统权限授权框回调
|
||||
onConfirm: (e) => {
|
||||
console.log(e)
|
||||
},
|
||||
// onComplete
|
||||
onComplete: (e) => {
|
||||
// 华为手机在权限禁止之后,再次申请权限不会出现权限申请框。此时应该引导用户去系统设置开启此权限,不应该频繁申请。
|
||||
if (brand.toLowerCase() == "huawei") {
|
||||
var tips = {}
|
||||
var hasDeniedPermission = false
|
||||
for (var k in PermissionTips) {
|
||||
if (e[k] != "denied") {
|
||||
tips[k] = PermissionTips[k]
|
||||
} else {
|
||||
hasDeniedPermission = true
|
||||
}
|
||||
}
|
||||
setRequestPermissionTips(tips) // 更新弹框提醒,防止华为手机不出现权限申请框时权限提醒框闪烁的情况
|
||||
if (hasDeniedPermission)
|
||||
uni.showModal({
|
||||
content: "权限已经被拒绝,请前往设置中开启"
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 获取用户信息
|
||||
function getUserinfo() {
|
||||
// 登录令牌
|
||||
const token = uni.getStorageSync('token')
|
||||
// 用户信息
|
||||
const userinfo = uni.getStorageSync('userinfo')
|
||||
|
||||
// 如果登录保活
|
||||
if (token) {
|
||||
// 用户信息
|
||||
const userinfo = uni.getStorageSync('userinfo')
|
||||
if (userinfo) store.commit('setState', {
|
||||
key: 'userinfo',
|
||||
value: userinfo
|
||||
})
|
||||
|
||||
// 如果登录保活
|
||||
if (token) {
|
||||
// 用户信息
|
||||
if (userinfo) store.commit('setState', {
|
||||
key: 'userinfo',
|
||||
value: userinfo
|
||||
})
|
||||
|
||||
//
|
||||
util.getUserinfo().then(rs => {
|
||||
//
|
||||
util.getUserinfo().then(rs => {
|
||||
if (userinfo.isRealName) {
|
||||
// 腾讯im登录
|
||||
util.loginTencent(userinfo)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 获取系统配置
|
||||
function getConfig() {
|
||||
api.getConfig().then(rs => {
|
||||
if (rs.code == 200) {
|
||||
store.commit('setState', {
|
||||
key: 'config',
|
||||
value: rs.data
|
||||
})
|
||||
return
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 获取系统配置
|
||||
function getConfig() {
|
||||
api.getConfig().then(rs => {
|
||||
if (rs.code == 200) {
|
||||
store.commit('setState', {
|
||||
key: 'config',
|
||||
value: rs.data
|
||||
})
|
||||
return
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
/*每个页面公共css */
|
||||
@import "./common/css/style.scss";
|
||||
/*每个页面公共css */
|
||||
@import "./common/css/style.scss";
|
||||
</style>
|
|
@ -404,7 +404,7 @@ const mine = {
|
|||
method: 'POST',
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* 解锁他人评论
|
||||
* @param {Object} param
|
||||
|
@ -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
|
|
@ -224,20 +224,21 @@ function handleAlert(ev) {
|
|||
|
||||
// 获取未读消息数量
|
||||
function getNoReadNum() {
|
||||
// 验证sdk是否准备完毕
|
||||
let isReady = uni.$chat.isReady();
|
||||
if (!isReady) {
|
||||
setTimeout(function () {
|
||||
getNoReadNum();
|
||||
}, 800);
|
||||
return
|
||||
if (userinfo.value.isRealName) {
|
||||
// 验证sdk是否准备完毕
|
||||
let isReady = uni.$chat.isReady();
|
||||
if (!isReady) {
|
||||
setTimeout(function () {
|
||||
getNoReadNum();
|
||||
}, 800);
|
||||
return
|
||||
}
|
||||
|
||||
// #ifdef APP
|
||||
const unreadCount = uni.$chat.getTotalUnreadMessageCount();
|
||||
noReadNum.value = +unreadCount > 99 ? '99+' : unreadCount;
|
||||
// #endif
|
||||
}
|
||||
|
||||
// #ifdef APP
|
||||
const unreadCount = uni.$chat.getTotalUnreadMessageCount();
|
||||
noReadNum.value = +unreadCount > 99 ? '99+' : unreadCount;
|
||||
// #endif
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
|
@ -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": [
|
||||
|
|
|
@ -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>
|
|
@ -1,139 +1,139 @@
|
|||
<script setup>
|
||||
// 设置
|
||||
import {
|
||||
ref,
|
||||
computed,
|
||||
} from 'vue'
|
||||
import {
|
||||
useStore
|
||||
} from 'vuex'
|
||||
import {
|
||||
onLoad,
|
||||
} from '@dcloudio/uni-app'
|
||||
// 工具库
|
||||
import util from '@/common/js/util.js'
|
||||
// api
|
||||
import api from '@/api/index.js'
|
||||
// 腾讯云聊天
|
||||
import TencentCloudChat from '@tencentcloud/chat';
|
||||
// 仓库
|
||||
const store = useStore()
|
||||
// 用户信息
|
||||
const userinfo = computed(() => store.state.userinfo)
|
||||
// 添加好友方式
|
||||
const allowType = [{
|
||||
id: 'AllowType_Type_AllowAny',
|
||||
name: '允许任何人添加',
|
||||
}, {
|
||||
id: 'AllowType_Type_NeedConfirm',
|
||||
name: '需要确认才能添加',
|
||||
}, {
|
||||
id: 'AllowType_Type_DenyAny',
|
||||
name: '不允许任何人添加 ',
|
||||
}, ]
|
||||
// 添加好友下标
|
||||
const allowTypeIndex = ref(0)
|
||||
// im用户信息
|
||||
const imUserinfo = ref({})
|
||||
// app版本号
|
||||
const appVersion = ref(0)
|
||||
// 设置
|
||||
import {
|
||||
ref,
|
||||
computed,
|
||||
} from 'vue'
|
||||
import {
|
||||
useStore
|
||||
} from 'vuex'
|
||||
import {
|
||||
onLoad,
|
||||
} from '@dcloudio/uni-app'
|
||||
// 工具库
|
||||
import util from '@/common/js/util.js'
|
||||
// api
|
||||
import api from '@/api/index.js'
|
||||
// 腾讯云聊天
|
||||
import TencentCloudChat from '@tencentcloud/chat';
|
||||
// 仓库
|
||||
const store = useStore()
|
||||
// 用户信息
|
||||
const userinfo = computed(() => store.state.userinfo)
|
||||
// 添加好友方式
|
||||
const allowType = [{
|
||||
id: 'AllowType_Type_AllowAny',
|
||||
name: '允许任何人添加',
|
||||
}, {
|
||||
id: 'AllowType_Type_NeedConfirm',
|
||||
name: '需要确认才能添加',
|
||||
}, {
|
||||
id: 'AllowType_Type_DenyAny',
|
||||
name: '不允许任何人添加 ',
|
||||
},]
|
||||
// 添加好友下标
|
||||
const allowTypeIndex = ref(0)
|
||||
// im用户信息
|
||||
const imUserinfo = ref({})
|
||||
// app版本号
|
||||
const appVersion = ref(0)
|
||||
|
||||
onLoad(() => {
|
||||
util.isLogin(() => {
|
||||
// 获取添加好友方式
|
||||
getAddType()
|
||||
})
|
||||
// #ifdef APP
|
||||
let system = uni.getSystemInfoSync()
|
||||
appVersion.value = system.appVersion
|
||||
// #endif
|
||||
onLoad(() => {
|
||||
util.isLogin(() => {
|
||||
// 获取添加好友方式
|
||||
getAddType()
|
||||
})
|
||||
// #ifdef APP
|
||||
let system = uni.getSystemInfoSync()
|
||||
appVersion.value = system.appVersion
|
||||
// #endif
|
||||
})
|
||||
|
||||
// 修改加好友方式
|
||||
function handleAllowType(ev) {
|
||||
const index = ev.detail.value
|
||||
if (index === allowTypeIndex.value) return
|
||||
allowTypeIndex.value = index
|
||||
// 更新个人资料
|
||||
updateMyProfile()
|
||||
}
|
||||
// 修改加好友方式
|
||||
function handleAllowType(ev) {
|
||||
const index = ev.detail.value
|
||||
if (index === allowTypeIndex.value) return
|
||||
allowTypeIndex.value = index
|
||||
// 更新个人资料
|
||||
updateMyProfile()
|
||||
}
|
||||
|
||||
// 获取添加好友方式
|
||||
function getAddType() {
|
||||
api.mine.getImUserInfo({
|
||||
query: {
|
||||
userIds: userinfo.value.id
|
||||
}
|
||||
}).then(rs => {
|
||||
if (rs.code === 200) {
|
||||
console.log('rs', rs)
|
||||
const result = JSON.parse(rs.msg)
|
||||
allowTypeIndex.value = allowType.findIndex(item => item.id === result.UserProfileItem[0]
|
||||
.ProfileItem[0].Value)
|
||||
return
|
||||
}
|
||||
// 获取添加好友方式
|
||||
function getAddType() {
|
||||
api.mine.getImUserInfo({
|
||||
query: {
|
||||
userIds: userinfo.value.id
|
||||
}
|
||||
}).then(rs => {
|
||||
if (rs.code === 200) {
|
||||
console.log('rs', rs)
|
||||
const result = JSON.parse(rs.msg)
|
||||
allowTypeIndex.value = allowType.findIndex(item => item.id === result.UserProfileItem[0]
|
||||
.ProfileItem[0].Value)
|
||||
return
|
||||
}
|
||||
util.alert({
|
||||
content: rs.msg,
|
||||
showCancel: false
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
// 更新im个人资料
|
||||
function updateMyProfile() {
|
||||
// 修改个人标配资料
|
||||
api.mine.setImUserInfo({
|
||||
query: {
|
||||
'allowType': allowType[allowTypeIndex.value].id,
|
||||
userId: userinfo.value.id,
|
||||
},
|
||||
}).then(rs => {
|
||||
if (rs.code != 200)
|
||||
util.alert({
|
||||
content: rs.msg,
|
||||
showCancel: false
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 更新im个人资料
|
||||
function updateMyProfile() {
|
||||
// 修改个人标配资料
|
||||
api.mine.setImUserInfo({
|
||||
query: {
|
||||
'allowType': allowType[allowTypeIndex.value].id,
|
||||
userId: userinfo.value.id,
|
||||
},
|
||||
}).then(rs => {
|
||||
if (rs.code != 200)
|
||||
util.alert({
|
||||
content: rs.msg,
|
||||
showCancel: false
|
||||
})
|
||||
})
|
||||
}
|
||||
// 登录跳转
|
||||
function loginLink(url) {
|
||||
util.isLogin().then(() => {
|
||||
link(url)
|
||||
}).catch(() => {
|
||||
link('/pages/login/login')
|
||||
})
|
||||
}
|
||||
|
||||
// 登录跳转
|
||||
function loginLink(url) {
|
||||
util.isLogin().then(() => {
|
||||
link(url)
|
||||
}).catch(() => {
|
||||
link('/pages/login/login')
|
||||
})
|
||||
}
|
||||
// 跳转
|
||||
function link(url) {
|
||||
uni.navigateTo({
|
||||
url,
|
||||
})
|
||||
}
|
||||
|
||||
// 跳转
|
||||
function link(url) {
|
||||
uni.navigateTo({
|
||||
url,
|
||||
})
|
||||
}
|
||||
// 退出登录
|
||||
function logOff() {
|
||||
util.alert({
|
||||
title: '提示',
|
||||
content: '确定退出登录?',
|
||||
}).then(res => {
|
||||
if (res.confirm) {
|
||||
api.login.logout({
|
||||
query: {
|
||||
phoneNumber: userinfo.phoneNumber,
|
||||
}
|
||||
}).then(rs => { })
|
||||
|
||||
// 退出登录
|
||||
function logOff() {
|
||||
util.alert({
|
||||
title: '提示',
|
||||
content: '确定退出登录?',
|
||||
}).then(res => {
|
||||
if (res.confirm) {
|
||||
api.login.logout({
|
||||
query: {
|
||||
phoneNumber: userinfo.phoneNumber,
|
||||
}
|
||||
}).then(rs => {})
|
||||
|
||||
// 退出登录
|
||||
util.logout(() => {
|
||||
// #ifdef APP
|
||||
plus.runtime.restart()
|
||||
// #endif
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
// 退出登录
|
||||
util.logout(() => {
|
||||
// #ifdef APP
|
||||
plus.runtime.restart()
|
||||
// #endif
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
@ -146,19 +146,25 @@
|
|||
<image class="head-portrait wh80" :src="userinfo.avatar" mode="aspectFill" />
|
||||
</view>
|
||||
<view class="info f1 ml20">
|
||||
<view class="">{{userinfo.userNickname}}</view>
|
||||
<view class="">{{ userinfo.userNickname }}</view>
|
||||
<!-- <view class="account mt10 c999 f26">账号:{{userinfo.account}}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="line rows">
|
||||
<view class="">修改账号</view>
|
||||
<view class="f1 tar c999 f28">{{userinfo.account}}</view>
|
||||
<view class="line rows" @click="link('/pages/mine/setting/updateAccount')">
|
||||
<view class="key">修改账号</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="">绑定手机号</view>
|
||||
<view class="f1 tar c999 f28">{{userinfo.phoneNumber}}</view>
|
||||
<view class="line rows" @click="link('/pages/mine/setting/updatePhoneNum')">
|
||||
<view class="key">修改手机号</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>
|
||||
|
@ -222,7 +228,7 @@
|
|||
<view class=" rows">
|
||||
<view class="">好友验证方式</view>
|
||||
<view class="value mlr20 f1 tar c666 f28">
|
||||
{{allowType[allowTypeIndex].name}}
|
||||
{{ allowType[allowTypeIndex].name }}
|
||||
</view>
|
||||
<uni-icons type="right" />
|
||||
</view>
|
||||
|
@ -242,17 +248,17 @@
|
|||
<uni-icons type="right" />
|
||||
</view>
|
||||
|
||||
<view class="line rows" @click="link(util.setUrl('/pages/index/article',{id: 2,}))">
|
||||
<view class="line rows" @click="link(util.setUrl('/pages/index/article', { id: 2, }))">
|
||||
<view class="">关于我们</view>
|
||||
<uni-icons type="right" />
|
||||
</view>
|
||||
|
||||
<view class="line rows" @click="link(util.setUrl('/pages/index/article',{id: 3,}))">
|
||||
<view class="line rows" @click="link(util.setUrl('/pages/index/article', { id: 3, }))">
|
||||
<view class="">用户协议</view>
|
||||
<uni-icons type="right" />
|
||||
</view>
|
||||
|
||||
<view class="line rows" @click="link(util.setUrl('/pages/index/article',{id: 1,}))">
|
||||
<view class="line rows" @click="link(util.setUrl('/pages/index/article', { id: 1, }))">
|
||||
<view class="">隐私政策</view>
|
||||
<uni-icons type="right" />
|
||||
</view>
|
||||
|
@ -260,7 +266,7 @@
|
|||
<!-- #ifdef APP -->
|
||||
<view class="line rows ptb20 plr10">
|
||||
<view class="">版本号</view>
|
||||
<view class="c999 f28">{{appVersion}}</view>
|
||||
<view class="c999 f28">{{ appVersion }}</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
|
@ -282,27 +288,27 @@
|
|||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
//
|
||||
.area {
|
||||
margin: 30rpx;
|
||||
padding: 0 30rpx;
|
||||
color: #333;
|
||||
font-size: 30rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
//
|
||||
.area {
|
||||
margin: 30rpx;
|
||||
padding: 0 30rpx;
|
||||
color: #333;
|
||||
font-size: 30rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
|
||||
.line {
|
||||
padding: 20rpx 10rpx;
|
||||
}
|
||||
|
||||
.line+.line {
|
||||
border-top: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.head-portrait {
|
||||
background: #999999;
|
||||
border-radius: 50%;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.line {
|
||||
padding: 20rpx 10rpx;
|
||||
}
|
||||
|
||||
.line+.line {
|
||||
border-top: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.head-portrait {
|
||||
background: #999999;
|
||||
border-radius: 50%;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -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>
|
|
@ -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>
|
|
@ -1,132 +1,144 @@
|
|||
<script setup>
|
||||
/**
|
||||
* 个人信息
|
||||
*/
|
||||
import {
|
||||
ref,
|
||||
computed,
|
||||
reactive,
|
||||
} from 'vue'
|
||||
import {
|
||||
onLoad,
|
||||
} from '@dcloudio/uni-app'
|
||||
import {
|
||||
useStore
|
||||
} from 'vuex'
|
||||
// 工具库
|
||||
import util from '@/common/js/util';
|
||||
// 接口
|
||||
import api from '@/api';
|
||||
/**
|
||||
* 个人信息
|
||||
*/
|
||||
import {
|
||||
ref,
|
||||
computed,
|
||||
reactive,
|
||||
} from 'vue'
|
||||
import {
|
||||
onLoad,
|
||||
} from '@dcloudio/uni-app'
|
||||
import {
|
||||
useStore
|
||||
} from 'vuex'
|
||||
// 工具库
|
||||
import util from '@/common/js/util';
|
||||
// 接口
|
||||
import api from '@/api';
|
||||
|
||||
// vuex
|
||||
const store = useStore()
|
||||
// vuex
|
||||
const store = useStore()
|
||||
|
||||
// 用户
|
||||
const user = reactive({})
|
||||
// 用户
|
||||
const user = reactive({})
|
||||
|
||||
// 性别
|
||||
const gender = reactive([{
|
||||
id: 0,
|
||||
name: '男',
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '女',
|
||||
}
|
||||
])
|
||||
// 性别下标
|
||||
const genderIndex = ref(0)
|
||||
|
||||
onLoad(() => {
|
||||
// 同步用户信息
|
||||
syncInfo()
|
||||
})
|
||||
// 性别
|
||||
const gender = reactive([{
|
||||
id: 0,
|
||||
name: '男',
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '女',
|
||||
}
|
||||
])
|
||||
// 性别下标
|
||||
const genderIndex = ref(0)
|
||||
|
||||
onLoad(() => {
|
||||
// 同步用户信息
|
||||
function syncInfo() {
|
||||
// 用户信息
|
||||
const userinfo = store.state.userinfo
|
||||
user.background = userinfo.background
|
||||
user.account = userinfo.account
|
||||
user.userAccount = userinfo.userAccount
|
||||
user.userNickname = userinfo.userNickname
|
||||
user.homeTown = userinfo.homeTown
|
||||
user.personalSignature = userinfo.personalSignature
|
||||
user.id = userinfo.id + ''
|
||||
user.birthday = userinfo.birthday
|
||||
user.avatar = userinfo.avatar
|
||||
// 修改性别下标
|
||||
genderIndex.value = gender.findIndex(item => item.id == userinfo.sex)
|
||||
}
|
||||
syncInfo()
|
||||
})
|
||||
|
||||
/**
|
||||
* 选择生日日期
|
||||
* @param {Object} ev 默认事件
|
||||
*/
|
||||
function handleBirthday(ev) {
|
||||
const value = ev.detail.value
|
||||
if (user.birthday === value) return
|
||||
user.birthday = value
|
||||
}
|
||||
// 同步用户信息
|
||||
function syncInfo() {
|
||||
// 用户信息
|
||||
const userinfo = store.state.userinfo
|
||||
user.background = userinfo.background
|
||||
user.account = userinfo.account
|
||||
user.userAccount = userinfo.userAccount
|
||||
user.userNickname = userinfo.userNickname
|
||||
user.homeTown = userinfo.homeTown
|
||||
user.personalSignature = userinfo.personalSignature
|
||||
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)
|
||||
}
|
||||
|
||||
/**
|
||||
* 选择性别
|
||||
* @param {Object} ev 默认事件
|
||||
*/
|
||||
function handleGender(ev) {
|
||||
const value = ev.detail.value
|
||||
if (genderIndex.value === value) return
|
||||
genderIndex.value = value
|
||||
}
|
||||
/**
|
||||
* 选择生日日期
|
||||
* @param {Object} ev 默认事件
|
||||
*/
|
||||
function handleBirthday(ev) {
|
||||
const value = ev.detail.value
|
||||
if (user.birthday === value) return
|
||||
user.birthday = value
|
||||
}
|
||||
|
||||
/**
|
||||
* 上传图片
|
||||
* @param {String} key 需要修改个人信息的字段
|
||||
*/
|
||||
function uploadImg(key) {
|
||||
util.upload_image({
|
||||
value: user[key],
|
||||
type: 1,
|
||||
success: rs => {
|
||||
// 同步值
|
||||
user[key] = rs.value
|
||||
console.log('user', user)
|
||||
}
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 选择性别
|
||||
* @param {Object} ev 默认事件
|
||||
*/
|
||||
function handleGender(ev) {
|
||||
const value = ev.detail.value
|
||||
if (genderIndex.value === value) return
|
||||
genderIndex.value = value
|
||||
}
|
||||
|
||||
// 保存个人信息
|
||||
function handleSubmit() {
|
||||
// 同步性别值
|
||||
if (gender[genderIndex.value]) user.sex = gender[genderIndex.value].id
|
||||
|
||||
const data = {
|
||||
...user,
|
||||
/**
|
||||
* 上传图片
|
||||
* @param {String} key 需要修改个人信息的字段
|
||||
*/
|
||||
function uploadImg(key) {
|
||||
util.upload_image({
|
||||
value: user[key],
|
||||
type: 1,
|
||||
success: rs => {
|
||||
// 同步值
|
||||
user[key] = rs.value
|
||||
console.log('user', user)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 去域名地址
|
||||
// if(data.avatar) data.avatar = util.replace_url(data.avatar)
|
||||
// if(data.background) data.background = util.replace_url(data.background)
|
||||
// 保存个人信息
|
||||
function handleSubmit() {
|
||||
// 同步性别值
|
||||
if (gender[genderIndex.value]) user.sex = gender[genderIndex.value].id
|
||||
|
||||
//
|
||||
api.mine.updateUserInfo({
|
||||
data,
|
||||
}).then(rs => {
|
||||
if (rs.code === 200) {
|
||||
store.commit('setState', {
|
||||
key: 'userinfo',
|
||||
value: Object.assign(store.state.userinfo, user)
|
||||
})
|
||||
|
||||
util.alert('修改成功')
|
||||
return
|
||||
}
|
||||
util.alert({
|
||||
content: rs.msg,
|
||||
showCancel: false,
|
||||
})
|
||||
})
|
||||
if (!IsEmail(user.email)) {
|
||||
util.alert('邮箱格式不正确!')
|
||||
return
|
||||
}
|
||||
|
||||
const data = {
|
||||
...user,
|
||||
}
|
||||
|
||||
// 去域名地址
|
||||
// if(data.avatar) data.avatar = util.replace_url(data.avatar)
|
||||
// if(data.background) data.background = util.replace_url(data.background)
|
||||
|
||||
//
|
||||
api.mine.updateUserInfo({
|
||||
data,
|
||||
}).then(rs => {
|
||||
if (rs.code === 200) {
|
||||
store.commit('setState', {
|
||||
key: 'userinfo',
|
||||
value: Object.assign(store.state.userinfo, user)
|
||||
})
|
||||
|
||||
util.alert('修改成功')
|
||||
return
|
||||
}
|
||||
util.alert({
|
||||
content: rs.msg,
|
||||
showCancel: false,
|
||||
})
|
||||
})
|
||||
}
|
||||
// 校验邮箱地址
|
||||
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>
|
||||
|
@ -156,7 +168,7 @@
|
|||
<view class="line rows ptb20">
|
||||
<view class="key">账号</view>
|
||||
<view class="value tar f1">
|
||||
<text>{{user.account}}</text>
|
||||
<text>{{ user.account }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
@ -171,7 +183,7 @@
|
|||
<view class="line rows ptb20">
|
||||
<view class="key">生日</view>
|
||||
<picker class="value tar f1" mode="date" @change="handleBirthday">
|
||||
<text v-if="user.birthday">{{user.birthday}}</text>
|
||||
<text v-if="user.birthday">{{ user.birthday }}</text>
|
||||
<text v-else>请选择</text>
|
||||
</picker>
|
||||
<uni-icons type="right" />
|
||||
|
@ -182,7 +194,7 @@
|
|||
<picker class="value tar f1" :range="gender" :value="genderIndex" range-key="name"
|
||||
@change="handleGender">
|
||||
<text v-if="genderIndex == -1">请选择</text>
|
||||
<text v-else>{{gender[genderIndex].name}}</text>
|
||||
<text v-else>{{ gender[genderIndex].name }}</text>
|
||||
</picker>
|
||||
<uni-icons type="right" />
|
||||
</view>
|
||||
|
@ -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">
|
||||
|
@ -213,26 +233,26 @@
|
|||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// 背景
|
||||
.bgBox {
|
||||
.content {
|
||||
height: 400rpx;
|
||||
}
|
||||
|
||||
// 修改背景
|
||||
.changeBg {
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
}
|
||||
// 背景
|
||||
.bgBox {
|
||||
.content {
|
||||
height: 400rpx;
|
||||
}
|
||||
|
||||
// 头像
|
||||
.avatarBox {
|
||||
padding: 2rpx;
|
||||
background-color: #fff;
|
||||
// 修改背景
|
||||
.changeBg {
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
}
|
||||
}
|
||||
|
||||
// 资料
|
||||
.info {
|
||||
margin-top: -20rpx;
|
||||
}
|
||||
// 头像
|
||||
.avatarBox {
|
||||
padding: 2rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
// 资料
|
||||
.info {
|
||||
margin-top: -20rpx;
|
||||
}
|
||||
</style>
|
|
@ -1,141 +1,151 @@
|
|||
<script setup>
|
||||
/**
|
||||
* 发起群聊
|
||||
*/
|
||||
import {
|
||||
ref,
|
||||
reactive,
|
||||
computed
|
||||
} from 'vue'
|
||||
import {
|
||||
useStore
|
||||
} from 'vuex'
|
||||
import {
|
||||
onLoad
|
||||
} from '@dcloudio/uni-app'
|
||||
// 工具库
|
||||
import util from '@/common/js/util.js'
|
||||
// 头部
|
||||
import apex from '@/components/header/apex.vue'
|
||||
// 腾讯云聊天
|
||||
import TencentCloudChat from '@tencentcloud/chat';
|
||||
// api
|
||||
import api from '@/api/index.js'
|
||||
/**
|
||||
* 发起群聊
|
||||
*/
|
||||
import {
|
||||
ref,
|
||||
reactive,
|
||||
computed
|
||||
} from 'vue'
|
||||
import {
|
||||
useStore
|
||||
} from 'vuex'
|
||||
import {
|
||||
onLoad
|
||||
} from '@dcloudio/uni-app'
|
||||
// 工具库
|
||||
import util from '@/common/js/util.js'
|
||||
// 头部
|
||||
import apex from '@/components/header/apex.vue'
|
||||
// 腾讯云聊天
|
||||
import TencentCloudChat from '@tencentcloud/chat';
|
||||
// api
|
||||
import api from '@/api/index.js'
|
||||
|
||||
const store = useStore()
|
||||
// 已选择的用户id
|
||||
const ids = ref([])
|
||||
// 表单
|
||||
const form = reactive({
|
||||
name: '',
|
||||
groupFaceUrl: '',
|
||||
type: 'Public',
|
||||
})
|
||||
// 列表
|
||||
const list = reactive([])
|
||||
// 用户信息
|
||||
const userinfo = computed(() => {
|
||||
let result = store.state.userinfo
|
||||
return result
|
||||
})
|
||||
|
||||
onLoad(() => {
|
||||
// 获取朋友列表
|
||||
getFriendList()
|
||||
})
|
||||
const store = useStore()
|
||||
// 已选择的用户id
|
||||
const ids = ref([])
|
||||
// 表单
|
||||
const form = reactive({
|
||||
name: '',
|
||||
groupFaceUrl: '',
|
||||
type: 'Public',
|
||||
})
|
||||
// 列表
|
||||
const list = reactive([])
|
||||
// 用户信息
|
||||
const userinfo = computed(() => {
|
||||
let result = store.state.userinfo
|
||||
return result
|
||||
})
|
||||
|
||||
onLoad(() => {
|
||||
// 获取朋友列表
|
||||
function getFriendList() {
|
||||
api.news.getFriendList().then(rs => {
|
||||
if (rs.code == 200) {
|
||||
const result = rs.data
|
||||
list.length = 0
|
||||
//
|
||||
list.push(...result)
|
||||
return
|
||||
}
|
||||
util.alert({
|
||||
content: rs.msg,
|
||||
showCancel: false,
|
||||
})
|
||||
})
|
||||
}
|
||||
getFriendList()
|
||||
})
|
||||
|
||||
/**
|
||||
* 点击用户
|
||||
* @param {Object} item 当前用户信息
|
||||
*/
|
||||
function handleUser(item) {
|
||||
const find_index = ids.value.findIndex(node => node == item.userId)
|
||||
console.log(find_index)
|
||||
if (find_index >= 0) ids.value.splice(find_index, 1)
|
||||
else ids.value.push(item.userId)
|
||||
}
|
||||
|
||||
// 新建群组
|
||||
function handleCreateGroup() {
|
||||
const data = {
|
||||
...form
|
||||
}
|
||||
|
||||
if (!data.name) {
|
||||
util.alert('群聊名称不能为空')
|
||||
// 获取朋友列表
|
||||
function getFriendList() {
|
||||
api.news.getFriendList().then(rs => {
|
||||
if (rs.code == 200) {
|
||||
const result = rs.data
|
||||
list.length = 0
|
||||
//
|
||||
list.push(...result)
|
||||
return
|
||||
}
|
||||
if (!data.groupFaceUrl) {
|
||||
util.alert('群聊头像不能为空')
|
||||
return
|
||||
}
|
||||
if (ids.length < 2) {
|
||||
util.alert('请至少选择两名用户')
|
||||
return
|
||||
}
|
||||
// 群主id
|
||||
data.ownerAccount = userinfo.value.id
|
||||
// 群成员
|
||||
data.groupUsers = [{
|
||||
userId: userinfo.value.id
|
||||
},
|
||||
...ids.value.map(item => {
|
||||
return {
|
||||
userId: item
|
||||
}
|
||||
})
|
||||
]
|
||||
// 群聊id
|
||||
data.groupId = Date.now().toString(36) + Math.random().toString(36).substr(2, 5);
|
||||
|
||||
// 创建好友工作群
|
||||
api.news.addChatGroup({
|
||||
data: data
|
||||
}).then(rs => {
|
||||
if (rs.code == 200) {
|
||||
util.alert('创建成功')
|
||||
|
||||
setTimeout(() => {
|
||||
form.name = ''
|
||||
form.groupFaceUrl = ''
|
||||
uni.navigateBack()
|
||||
}, 2000)
|
||||
|
||||
return
|
||||
}
|
||||
util.alert({
|
||||
content: rs.msg,
|
||||
showCancel: false,
|
||||
})
|
||||
util.alert({
|
||||
content: rs.msg,
|
||||
showCancel: false,
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 点击用户
|
||||
* @param {Object} item 当前用户信息
|
||||
*/
|
||||
function handleUser(item) {
|
||||
const find_index = ids.value.findIndex(node => node == item.userId)
|
||||
console.log(find_index)
|
||||
if (find_index >= 0) ids.value.splice(find_index, 1)
|
||||
else ids.value.push(item.userId)
|
||||
}
|
||||
|
||||
// 新建群组
|
||||
function handleCreateGroup() {
|
||||
const data = {
|
||||
...form
|
||||
}
|
||||
|
||||
// 上传图片
|
||||
function uploadImg() {
|
||||
util.upload_image({
|
||||
type: 1,
|
||||
success: (res) => {
|
||||
form.groupFaceUrl = res.value
|
||||
}
|
||||
})
|
||||
if (!data.name) {
|
||||
util.alert('群聊名称不能为空')
|
||||
return
|
||||
}
|
||||
if (!data.groupFaceUrl) {
|
||||
util.alert('群聊头像不能为空')
|
||||
return
|
||||
}
|
||||
if (ids.length < 2) {
|
||||
util.alert('请至少选择两名用户')
|
||||
return
|
||||
}
|
||||
// 群主id
|
||||
data.ownerAccount = userinfo.value.id
|
||||
// 群成员
|
||||
data.groupUsers = [{
|
||||
userId: userinfo.value.id
|
||||
},
|
||||
...ids.value.map(item => {
|
||||
return {
|
||||
userId: item
|
||||
}
|
||||
})
|
||||
]
|
||||
// 群聊id
|
||||
data.groupId = Date.now().toString(36) + Math.random().toString(36).substr(2, 5);
|
||||
|
||||
// 创建好友工作群
|
||||
api.news.addChatGroup({
|
||||
data: data
|
||||
}).then(rs => {
|
||||
if (rs.code == 200) {
|
||||
util.alert('创建成功')
|
||||
createGroup(data)
|
||||
|
||||
setTimeout(() => {
|
||||
form.name = ''
|
||||
form.groupFaceUrl = ''
|
||||
uni.navigateBack()
|
||||
}, 2000)
|
||||
|
||||
return
|
||||
}
|
||||
util.alert({
|
||||
content: rs.msg,
|
||||
showCancel: false,
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
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({
|
||||
type: 1,
|
||||
success: (res) => {
|
||||
form.groupFaceUrl = res.value
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
@ -148,7 +158,7 @@
|
|||
<view class="li" v-for="(item, index) in list" :key="index" @click="handleUser(item)">
|
||||
<view class="item rows ptb20 pl30 pr50">
|
||||
<image class="wh80 avatar cir" :src="item.avatar" mode="aspectFill" />
|
||||
<view class="name thd f1 ml20 c333 f32">{{item.remark || item.userNickname}}</view>
|
||||
<view class="name thd f1 ml20 c333 f32">{{ item.remark || item.userNickname }}</view>
|
||||
<uni-icons type="circle-filled" size="40rpx" color="#20D200"
|
||||
v-if="ids.includes(item.userId)" />
|
||||
<uni-icons type="circle" size="40rpx" color="#ccc" v-else />
|
||||
|
@ -163,7 +173,7 @@
|
|||
<view class="fill" style="height: 120rpx;"></view>
|
||||
|
||||
<view class="footer plr30 bfff shadow">
|
||||
<view class="btn lg colourful" @click="$refs.groupAlt.open() ">下一步</view>
|
||||
<view class="btn lg colourful" @click="$refs.groupAlt.open()">下一步</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
@ -199,26 +209,26 @@
|
|||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
// 朋友列表
|
||||
.firendBox {
|
||||
// 朋友列表
|
||||
.firendBox {
|
||||
height: 100%;
|
||||
|
||||
.scroll {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.scroll {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
// 列表项
|
||||
.li {
|
||||
.letter {
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
// 子集
|
||||
.child {
|
||||
.item+.item {
|
||||
border-top: 2rpx solid #eee;
|
||||
}
|
||||
// 列表项
|
||||
.li {
|
||||
.letter {
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
// 子集
|
||||
.child {
|
||||
.item+.item {
|
||||
border-top: 2rpx solid #eee;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue