Compare commits

...

3 Commits

Author SHA1 Message Date
sx 944f9da0ed Merge branch 'lr' of http://1.94.221.165:3000/sx/jiuyiUniapp
# Conflicts:
#	jiuyi2/pages.json
2025-02-28 13:12:50 +08:00
lr 9377e4e869 店铺首页 2025-02-28 11:51:55 +08:00
lr 8e157f6996 修改邮箱 账号 手机号 登录密码 2025-02-26 16:36:32 +08:00
14 changed files with 1244 additions and 654 deletions

View File

@ -1,29 +1,29 @@
<script setup> <script setup>
import { import {
onLaunch, onLaunch,
onExit onExit
} from '@dcloudio/uni-app' } from '@dcloudio/uni-app'
// //
import util from '@/common/js/util'; import util from '@/common/js/util';
// //
import api from '@/api/index.js' import api from '@/api/index.js'
// vuex // vuex
import store from '@/store/index.js' import store from '@/store/index.js'
// #ifdef APP // #ifdef APP
// //
import { import {
registerRequestPermissionTipsListener, registerRequestPermissionTipsListener,
unregisterRequestPermissionTipsListener, unregisterRequestPermissionTipsListener,
setRequestPermissionTips setRequestPermissionTips
} from "@/uni_modules/uni-registerRequestPermissionTips" } from "@/uni_modules/uni-registerRequestPermissionTips"
var PermissionTips = { var PermissionTips = {
"android.permission.CAMERA": "<h4 style=\"font-size:40px;\">相机使用权限说明</h4><font color=#cccccc>用于在添加、上传、发布、图片和视频等场景中读取和写入相册和文件内容</font>", "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.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>", "android.permission.RECORD_AUDIO": "<h4 style=\"font-size:40px;\">录音权限说明</h4><font color=#cccccc>用于发送语音消息、语音通话功能</font>",
} }
// #endif // #endif
onLaunch(() => { onLaunch(() => {
// //
getUserinfo() getUserinfo()
// //
@ -32,19 +32,19 @@
// app // app
init() init()
// #endif // #endif
}) })
onExit(() => { onExit(() => {
// #ifdef APP // #ifdef APP
unregisterRequestPermissionTipsListener(null) unregisterRequestPermissionTipsListener(null)
// #endif // #endif
}) })
/** /**
* 处理用户在app端申请的权限 * 处理用户在app端申请的权限
* 文档地址https://ext.dcloud.net.cn/plugin?name=uni-registerRequestPermissionTips * 文档地址https://ext.dcloud.net.cn/plugin?name=uni-registerRequestPermissionTips
*/ */
function init() { function init() {
var brand = uni.getSystemInfoSync().deviceBrand var brand = uni.getSystemInfoSync().deviceBrand
setRequestPermissionTips(PermissionTips) setRequestPermissionTips(PermissionTips)
registerRequestPermissionTipsListener({ registerRequestPermissionTipsListener({
@ -77,10 +77,10 @@
} }
} }
}) })
} }
// //
function getUserinfo() { function getUserinfo() {
// //
const token = uni.getStorageSync('token') const token = uni.getStorageSync('token')
// //
@ -96,14 +96,16 @@
// //
util.getUserinfo().then(rs => { util.getUserinfo().then(rs => {
if (userinfo.isRealName) {
// im // im
util.loginTencent(userinfo) util.loginTencent(userinfo)
}
}) })
} }
} }
// //
function getConfig() { function getConfig() {
api.getConfig().then(rs => { api.getConfig().then(rs => {
if (rs.code == 200) { if (rs.code == 200) {
store.commit('setState', { store.commit('setState', {
@ -113,10 +115,10 @@
return return
} }
}) })
} }
</script> </script>
<style lang="scss"> <style lang="scss">
/*每个页面公共css */ /*每个页面公共css */
@import "./common/css/style.scss"; @import "./common/css/style.scss";
</style> </style>

View File

@ -416,6 +416,45 @@ const mine = {
method: 'POST', 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 export default mine

View File

@ -240,9 +240,9 @@ const shop = {
*/ */
merchant(param) { merchant(param) {
return util.request({ return util.request({
url: `/shopify/merchant`, url: `/shopify/appMerInfoApi/getMerDetail`,
method: 'GET', method: 'GET',
path: param.path, query: param.query,
load: true, load: true,
}) })
}, },

View File

@ -224,6 +224,7 @@ function handleAlert(ev) {
// //
function getNoReadNum() { function getNoReadNum() {
if (userinfo.value.isRealName) {
// sdk // sdk
let isReady = uni.$chat.isReady(); let isReady = uni.$chat.isReady();
if (!isReady) { if (!isReady) {
@ -237,7 +238,7 @@ function getNoReadNum() {
const unreadCount = uni.$chat.getTotalUnreadMessageCount(); const unreadCount = uni.$chat.getTotalUnreadMessageCount();
noReadNum.value = +unreadCount > 99 ? '99+' : unreadCount; noReadNum.value = +unreadCount > 99 ? '99+' : unreadCount;
// #endif // #endif
}
} }
</script> </script>

View File

@ -89,23 +89,26 @@ function handleBuy() {
// //
function toCustomer() { function toCustomer() {
api.shop.getCustomerService({ merchantId: props.detail.merId }).then(rs => {
if (rs.code == 200) {
let param = {};
param.type = 'C2C'
param.name = `${props.detail.merName}`
param.msgId = `${rs.data.serviceId}`
param.isCustomer = true
util.toChat(param)
uni.navigateTo({ uni.navigateTo({
url: util.setUrl('/pages/news/chat/chat', param) url: util.setUrl('/pages/mine/setting/feedback')
})
} else {
util.alert(rs.msg)
}
}) })
// api.shop.getCustomerService({ merchantId: props.detail.merId }).then(rs => {
// if (rs.code == 200) {
// let param = {};
// param.type = 'C2C'
// param.name = `${props.detail.merName}`
// param.msgId = `${rs.data.serviceId}`
// param.isCustomer = true
// util.toChat(param)
// uni.navigateTo({
// url: util.setUrl('/pages/news/chat/chat', param)
// })
// } else {
// util.alert(rs.msg)
// }
// })
} }
</script> </script>
@ -116,7 +119,7 @@ function toCustomer() {
<view class="menu df fdr jcsb aic"> <view class="menu df fdr jcsb aic">
<view class="option df fdc aic"> <view class="option df fdc aic">
<image class="wh30" src="/static/store.png" mode="aspectFit" /> <image class="wh30" src="/static/store.png" mode="aspectFit" />
<text class="text mt10">店铺</text> <text class="text mt10" @click="link(`/pages/shop/store/index?storeId=${detail.merId}`)">店铺</text>
</view> </view>
<view class="option df fdc aic" @click="handleCollect"> <view class="option df fdc aic" @click="handleCollect">

View File

@ -753,8 +753,27 @@
{ {
"navigationBarTitleText" : "隐私设置" "navigationBarTitleText" : "隐私设置"
} }
},
{
"path": "pages/mine/setting/updateAccount",
"style": {
"navigationBarTitleText": "修改账号"
}
},
{
"path": "pages/mine/setting/updatePhoneNum",
"style": {
"navigationBarTitleText": "修改手机号"
}
},
{
"path": "pages/mine/setting/loginPassword",
"style": {
"navigationBarTitleText": "登录密码"
}
} }
], ],
"subPackages": [ "subPackages": [
{ {
"root": "TUIKit", "root": "TUIKit",

View File

@ -58,7 +58,6 @@ function toCustomer() {
util.toChat(param) util.toChat(param)
uni.navigateTo({ uni.navigateTo({
url: util.setUrl('/pages/news/chat/chat', param) url: util.setUrl('/pages/news/chat/chat', param)
}) })

View File

@ -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>

View File

@ -1,44 +1,44 @@
<script setup> <script setup>
// //
import { import {
ref, ref,
computed, computed,
} from 'vue' } from 'vue'
import { import {
useStore useStore
} from 'vuex' } from 'vuex'
import { import {
onLoad, onLoad,
} from '@dcloudio/uni-app' } from '@dcloudio/uni-app'
// //
import util from '@/common/js/util.js' import util from '@/common/js/util.js'
// api // api
import api from '@/api/index.js' import api from '@/api/index.js'
// //
import TencentCloudChat from '@tencentcloud/chat'; import TencentCloudChat from '@tencentcloud/chat';
// //
const store = useStore() const store = useStore()
// //
const userinfo = computed(() => store.state.userinfo) const userinfo = computed(() => store.state.userinfo)
// //
const allowType = [{ const allowType = [{
id: 'AllowType_Type_AllowAny', id: 'AllowType_Type_AllowAny',
name: '允许任何人添加', name: '允许任何人添加',
}, { }, {
id: 'AllowType_Type_NeedConfirm', id: 'AllowType_Type_NeedConfirm',
name: '需要确认才能添加', name: '需要确认才能添加',
}, { }, {
id: 'AllowType_Type_DenyAny', id: 'AllowType_Type_DenyAny',
name: '不允许任何人添加 ', name: '不允许任何人添加 ',
}, ] },]
// //
const allowTypeIndex = ref(0) const allowTypeIndex = ref(0)
// im // im
const imUserinfo = ref({}) const imUserinfo = ref({})
// app // app
const appVersion = ref(0) const appVersion = ref(0)
onLoad(() => { onLoad(() => {
util.isLogin(() => { util.isLogin(() => {
// //
getAddType() getAddType()
@ -47,19 +47,19 @@
let system = uni.getSystemInfoSync() let system = uni.getSystemInfoSync()
appVersion.value = system.appVersion appVersion.value = system.appVersion
// #endif // #endif
}) })
// //
function handleAllowType(ev) { function handleAllowType(ev) {
const index = ev.detail.value const index = ev.detail.value
if (index === allowTypeIndex.value) return if (index === allowTypeIndex.value) return
allowTypeIndex.value = index allowTypeIndex.value = index
// //
updateMyProfile() updateMyProfile()
} }
// //
function getAddType() { function getAddType() {
api.mine.getImUserInfo({ api.mine.getImUserInfo({
query: { query: {
userIds: userinfo.value.id userIds: userinfo.value.id
@ -77,10 +77,10 @@
showCancel: false showCancel: false
}) })
}) })
} }
// im // im
function updateMyProfile() { function updateMyProfile() {
// //
api.mine.setImUserInfo({ api.mine.setImUserInfo({
query: { query: {
@ -94,26 +94,26 @@
showCancel: false showCancel: false
}) })
}) })
} }
// //
function loginLink(url) { function loginLink(url) {
util.isLogin().then(() => { util.isLogin().then(() => {
link(url) link(url)
}).catch(() => { }).catch(() => {
link('/pages/login/login') link('/pages/login/login')
}) })
} }
// //
function link(url) { function link(url) {
uni.navigateTo({ uni.navigateTo({
url, url,
}) })
} }
// 退 // 退
function logOff() { function logOff() {
util.alert({ util.alert({
title: '提示', title: '提示',
content: '确定退出登录?', content: '确定退出登录?',
@ -123,7 +123,7 @@
query: { query: {
phoneNumber: userinfo.phoneNumber, phoneNumber: userinfo.phoneNumber,
} }
}).then(rs => {}) }).then(rs => { })
// 退 // 退
util.logout(() => { util.logout(() => {
@ -133,7 +133,7 @@
}) })
} }
}) })
} }
</script> </script>
<template> <template>
@ -146,19 +146,25 @@
<image class="head-portrait wh80" :src="userinfo.avatar" mode="aspectFill" /> <image class="head-portrait wh80" :src="userinfo.avatar" mode="aspectFill" />
</view> </view>
<view class="info f1 ml20"> <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 class="account mt10 c999 f26">账号{{userinfo.account}}</view> -->
</view> </view>
</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>
<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>
<view class="line rows" @click="link('/pages/mine/realname')"> <view class="line rows" @click="link('/pages/mine/realname')">
@ -189,7 +195,7 @@
<uni-icons type="right" /> <uni-icons type="right" />
</view> </view>
<view class="line rows"> <view class="line rows" @click="link('/pages/mine/setting/loginPassword')">
<view class="">登录密码</view> <view class="">登录密码</view>
<uni-icons type="right" /> <uni-icons type="right" />
</view> </view>
@ -222,7 +228,7 @@
<view class=" rows"> <view class=" rows">
<view class="">好友验证方式</view> <view class="">好友验证方式</view>
<view class="value mlr20 f1 tar c666 f28"> <view class="value mlr20 f1 tar c666 f28">
{{allowType[allowTypeIndex].name}} {{ allowType[allowTypeIndex].name }}
</view> </view>
<uni-icons type="right" /> <uni-icons type="right" />
</view> </view>
@ -247,17 +253,17 @@
<uni-icons type="right" /> <uni-icons type="right" />
</view> </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> <view class="">关于我们</view>
<uni-icons type="right" /> <uni-icons type="right" />
</view> </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> <view class="">用户协议</view>
<uni-icons type="right" /> <uni-icons type="right" />
</view> </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> <view class="">隐私政策</view>
<uni-icons type="right" /> <uni-icons type="right" />
</view> </view>
@ -265,7 +271,7 @@
<!-- #ifdef APP --> <!-- #ifdef APP -->
<view class="line rows ptb20 plr10"> <view class="line rows ptb20 plr10">
<view class="">版本号</view> <view class="">版本号</view>
<view class="c999 f28">{{appVersion}}</view> <view class="c999 f28">{{ appVersion }}</view>
</view> </view>
<!-- #endif --> <!-- #endif -->
</view> </view>
@ -287,8 +293,8 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
// //
.area { .area {
margin: 30rpx; margin: 30rpx;
padding: 0 30rpx; padding: 0 30rpx;
color: #333; color: #333;
@ -309,5 +315,5 @@
border-radius: 50%; border-radius: 50%;
margin-right: 20rpx; margin-right: 20rpx;
} }
} }
</style> </style>

View File

@ -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>

View File

@ -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>

View File

@ -1,49 +1,49 @@
<script setup> <script setup>
/** /**
* 个人信息 * 个人信息
*/ */
import { import {
ref, ref,
computed, computed,
reactive, reactive,
} from 'vue' } from 'vue'
import { import {
onLoad, onLoad,
} from '@dcloudio/uni-app' } from '@dcloudio/uni-app'
import { import {
useStore useStore
} from 'vuex' } from 'vuex'
// //
import util from '@/common/js/util'; import util from '@/common/js/util';
// //
import api from '@/api'; import api from '@/api';
// vuex // vuex
const store = useStore() const store = useStore()
// //
const user = reactive({}) const user = reactive({})
// //
const gender = reactive([{ const gender = reactive([{
id: 0, id: 0,
name: '男', name: '男',
}, },
{ {
id: 1, id: 1,
name: '女', name: '女',
} }
]) ])
// //
const genderIndex = ref(0) const genderIndex = ref(0)
onLoad(() => { onLoad(() => {
// //
syncInfo() syncInfo()
}) })
// //
function syncInfo() { function syncInfo() {
// //
const userinfo = store.state.userinfo const userinfo = store.state.userinfo
user.background = userinfo.background user.background = userinfo.background
@ -55,35 +55,36 @@
user.id = userinfo.id + '' user.id = userinfo.id + ''
user.birthday = userinfo.birthday user.birthday = userinfo.birthday
user.avatar = userinfo.avatar user.avatar = userinfo.avatar
user.email = userinfo.email
// //
genderIndex.value = gender.findIndex(item => item.id == userinfo.sex) genderIndex.value = gender.findIndex(item => item.id == userinfo.sex)
} }
/** /**
* 选择生日日期 * 选择生日日期
* @param {Object} ev 默认事件 * @param {Object} ev 默认事件
*/ */
function handleBirthday(ev) { function handleBirthday(ev) {
const value = ev.detail.value const value = ev.detail.value
if (user.birthday === value) return if (user.birthday === value) return
user.birthday = value user.birthday = value
} }
/** /**
* 选择性别 * 选择性别
* @param {Object} ev 默认事件 * @param {Object} ev 默认事件
*/ */
function handleGender(ev) { function handleGender(ev) {
const value = ev.detail.value const value = ev.detail.value
if (genderIndex.value === value) return if (genderIndex.value === value) return
genderIndex.value = value genderIndex.value = value
} }
/** /**
* 上传图片 * 上传图片
* @param {String} key 需要修改个人信息的字段 * @param {String} key 需要修改个人信息的字段
*/ */
function uploadImg(key) { function uploadImg(key) {
util.upload_image({ util.upload_image({
value: user[key], value: user[key],
type: 1, type: 1,
@ -93,13 +94,18 @@
console.log('user', user) console.log('user', user)
} }
}) })
} }
// //
function handleSubmit() { function handleSubmit() {
// //
if (gender[genderIndex.value]) user.sex = gender[genderIndex.value].id if (gender[genderIndex.value]) user.sex = gender[genderIndex.value].id
if (!IsEmail(user.email)) {
util.alert('邮箱格式不正确!')
return
}
const data = { const data = {
...user, ...user,
} }
@ -126,7 +132,13 @@
showCancel: false, 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> </script>
<template> <template>
@ -156,7 +168,7 @@
<view class="line rows ptb20"> <view class="line rows ptb20">
<view class="key">账号</view> <view class="key">账号</view>
<view class="value tar f1"> <view class="value tar f1">
<text>{{user.account}}</text> <text>{{ user.account }}</text>
</view> </view>
</view> </view>
@ -171,7 +183,7 @@
<view class="line rows ptb20"> <view class="line rows ptb20">
<view class="key">生日</view> <view class="key">生日</view>
<picker class="value tar f1" mode="date" @change="handleBirthday"> <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> <text v-else>请选择</text>
</picker> </picker>
<uni-icons type="right" /> <uni-icons type="right" />
@ -182,7 +194,7 @@
<picker class="value tar f1" :range="gender" :value="genderIndex" range-key="name" <picker class="value tar f1" :range="gender" :value="genderIndex" range-key="name"
@change="handleGender"> @change="handleGender">
<text v-if="genderIndex == -1">请选择</text> <text v-if="genderIndex == -1">请选择</text>
<text v-else>{{gender[genderIndex].name}}</text> <text v-else>{{ gender[genderIndex].name }}</text>
</picker> </picker>
<uni-icons type="right" /> <uni-icons type="right" />
</view> </view>
@ -195,6 +207,14 @@
<uni-icons type="right" /> <uni-icons type="right" />
</view> </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="line ptb20">
<view class="key">个性签名</view> <view class="key">个性签名</view>
<view class="value textareaBox inputBox mt20 ptb20 plr20"> <view class="value textareaBox inputBox mt20 ptb20 plr20">
@ -213,8 +233,8 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
// //
.bgBox { .bgBox {
.content { .content {
height: 400rpx; height: 400rpx;
} }
@ -223,16 +243,16 @@
.changeBg { .changeBg {
background-color: rgba(0, 0, 0, .3); background-color: rgba(0, 0, 0, .3);
} }
} }
// //
.avatarBox { .avatarBox {
padding: 2rpx; padding: 2rpx;
background-color: #fff; background-color: #fff;
} }
// //
.info { .info {
margin-top: -20rpx; margin-top: -20rpx;
} }
</style> </style>

View File

@ -1,51 +1,51 @@
<script setup> <script setup>
/** /**
* 发起群聊 * 发起群聊
*/ */
import { import {
ref, ref,
reactive, reactive,
computed computed
} from 'vue' } from 'vue'
import { import {
useStore useStore
} from 'vuex' } from 'vuex'
import { import {
onLoad onLoad
} from '@dcloudio/uni-app' } from '@dcloudio/uni-app'
// //
import util from '@/common/js/util.js' import util from '@/common/js/util.js'
// //
import apex from '@/components/header/apex.vue' import apex from '@/components/header/apex.vue'
// //
import TencentCloudChat from '@tencentcloud/chat'; import TencentCloudChat from '@tencentcloud/chat';
// api // api
import api from '@/api/index.js' import api from '@/api/index.js'
const store = useStore() const store = useStore()
// id // id
const ids = ref([]) const ids = ref([])
// //
const form = reactive({ const form = reactive({
name: '', name: '',
groupFaceUrl: '', groupFaceUrl: '',
type: 'Public', type: 'Public',
}) })
// //
const list = reactive([]) const list = reactive([])
// //
const userinfo = computed(() => { const userinfo = computed(() => {
let result = store.state.userinfo let result = store.state.userinfo
return result return result
}) })
onLoad(() => { onLoad(() => {
// //
getFriendList() getFriendList()
}) })
// //
function getFriendList() { function getFriendList() {
api.news.getFriendList().then(rs => { api.news.getFriendList().then(rs => {
if (rs.code == 200) { if (rs.code == 200) {
const result = rs.data const result = rs.data
@ -59,21 +59,21 @@
showCancel: false, showCancel: false,
}) })
}) })
} }
/** /**
* 点击用户 * 点击用户
* @param {Object} item 当前用户信息 * @param {Object} item 当前用户信息
*/ */
function handleUser(item) { function handleUser(item) {
const find_index = ids.value.findIndex(node => node == item.userId) const find_index = ids.value.findIndex(node => node == item.userId)
console.log(find_index) console.log(find_index)
if (find_index >= 0) ids.value.splice(find_index, 1) if (find_index >= 0) ids.value.splice(find_index, 1)
else ids.value.push(item.userId) else ids.value.push(item.userId)
} }
// //
function handleCreateGroup() { function handleCreateGroup() {
const data = { const data = {
...form ...form
} }
@ -111,6 +111,7 @@
}).then(rs => { }).then(rs => {
if (rs.code == 200) { if (rs.code == 200) {
util.alert('创建成功') util.alert('创建成功')
createGroup(data)
setTimeout(() => { setTimeout(() => {
form.name = '' form.name = ''
@ -125,17 +126,26 @@
showCancel: false, showCancel: false,
}) })
}) })
} }
// function createGroup(data) {
function uploadImg() { uni.$chat.createGroup({
type: TencentCloudChat.TYPES.GRP_PUBLIC,
name: data.name,
groupID: data.groupId,
avatar: data.groupFaceUrl
})
}
//
function uploadImg() {
util.upload_image({ util.upload_image({
type: 1, type: 1,
success: (res) => { success: (res) => {
form.groupFaceUrl = res.value form.groupFaceUrl = res.value
} }
}) })
} }
</script> </script>
<template> <template>
@ -148,7 +158,7 @@
<view class="li" v-for="(item, index) in list" :key="index" @click="handleUser(item)"> <view class="li" v-for="(item, index) in list" :key="index" @click="handleUser(item)">
<view class="item rows ptb20 pl30 pr50"> <view class="item rows ptb20 pl30 pr50">
<image class="wh80 avatar cir" :src="item.avatar" mode="aspectFill" /> <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" <uni-icons type="circle-filled" size="40rpx" color="#20D200"
v-if="ids.includes(item.userId)" /> v-if="ids.includes(item.userId)" />
<uni-icons type="circle" size="40rpx" color="#ccc" v-else /> <uni-icons type="circle" size="40rpx" color="#ccc" v-else />
@ -163,7 +173,7 @@
<view class="fill" style="height: 120rpx;"></view> <view class="fill" style="height: 120rpx;"></view>
<view class="footer plr30 bfff shadow"> <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>
</view> </view>
@ -199,8 +209,8 @@
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">
// //
.firendBox { .firendBox {
height: 100%; height: 100%;
.scroll { .scroll {
@ -220,5 +230,5 @@
border-top: 2rpx solid #eee; border-top: 2rpx solid #eee;
} }
} }
} }
</style> </style>

View File

@ -1,60 +1,86 @@
<script setup> <script setup>
// //
import { import {
ref computed,
} from 'vue' reactive,
import { ref,
defineExpose,
} from 'vue'
import {
onLoad, onLoad,
onPageScroll onPageScroll
} from '@dcloudio/uni-app'; } from '@dcloudio/uni-app';
// //
import apex from '@/components/header/apex.vue' import util from '@/common/js/util.js'
// //
import productList from '@/components/shop/productList/productList' import apex from '@/components/header/apex.vue'
//
import productList from '@/components/shop/productList/productList'
// import api from '@/api/index.js'
const filteredList = ref([{
//
const filteredList = ref([{
label: '默认', label: '默认',
value: 1, value: 1,
isUpDown: false, isUpDown: false,
slot: null slot: null
}, { }, {
label: '销量', label: '销量',
value: 2, value: 2,
isUpDown: false, isUpDown: false,
slot: null slot: null
}, { }, {
label: '新品', label: '新品',
value: 3, value: 3,
isUpDown: false, isUpDown: false,
slot: null slot: null
}, { }, {
label: '价格', label: '价格',
value: 4, value: 4,
isUpDown: true, isUpDown: true,
slot: null slot: null
}]) }])
// //
const apexBgColor = ref('#ffffff00') const apexBgColor = ref('#ffffff00')
// id // id
const storeId = ref('') const storeId = ref('')
//
const detail = reactive({})
//
const listPrototype = reactive({
pageSize: 10,
pageNum: 1,
total: 0,
//
merId: '',
data: [],
})
onLoad((option) => { //
const userinfo = computed(() => uni.$store.state.userinfo || {})
onLoad((option) => {
if (option.storeId) storeId.value = option.storeId if (option.storeId) storeId.value = option.storeId
}) getDetail()
listPrototype.merId = storeId.value
getList()
})
onPageScroll((ev) => { onPageScroll((ev) => {
apexBgColor.value = ev.scrollTop > 44 ? '#fff' : '#ffffff00' apexBgColor.value = ev.scrollTop > 44 ? '#fff' : '#ffffff00'
}) })
// //
function getDetail() { function getDetail() {
//
api.shop.merchant({ api.shop.merchant({
path: [id.value], query: {
merId: storeId.value,
userId: userinfo.value.id,
}
}).then(rs => { }).then(rs => {
if (rs.code == 200) { if (rs.code == 200) {
Object.assign(detail, {}, rs.data)
return return
} }
util.alert({ util.alert({
@ -62,7 +88,111 @@
showCancel: false showCancel: false
}); });
}) })
}
//
function handleCollectStore() {
api.shop.followShop({
data: {
shopId: storeId.value,
status: {
0: 1,
1: 0,
}[detail.isFollow]
} }
}).then(rs => {
if (rs.code == 200) {
//
detail.isFollow = {
0: 1,
1: 0,
}[detail.isFollow]
//
detail.followNum = rs.data
getDetail()
return
}
util.alert({
content: rs.msg,
showCancel: false,
})
})
}
//
function toCustomer() {
uni.navigateTo({
url: util.setUrl('/pages/mine/setting/feedback')
})
// api.shop.getCustomerService({ merchantId: storeId.value }).then(rs => {
// if (rs.code == 200) {
// let param = {};
// param.type = 'C2C'
// param.name = `${detail.name}`
// param.msgId = `${rs.data.serviceId}`
// param.isCustomer = true
// util.toChat(param)
// uni.navigateTo({
// url: util.setUrl('/pages/news/chat/chat', param)
// })
// } else {
// util.alert(rs.msg)
// }
// })
}
//
function getList() {
api.shop.getProduct({
data: {
pageSize: listPrototype.pageSize,
pageNum: listPrototype.pageNum,
//
merId: listPrototype.merId,
},
}).then(rs => {
if (rs.code == 200) {
if (listPrototype.pageNum == 1) listPrototype.data.length = []
listPrototype.data.push(...rs.rows)
listPrototype.total = rs.total
return
}
util.alert({
content: rs.msg,
showCancel: false,
})
}).finally(rs => {
uni.stopPullDownRefresh()
})
}
//
function handleItem(item) {
uni.navigateTo({
url: util.setUrl('/pages/shop/commodity/index', {
productId: item.id
})
})
}
//
function refreshList() {
listPrototype.pageNum = 1
listPrototype.total = 0
getList()
}
//
function getMoreList() {
if (listPrototype.total <= listPrototype.data.length) return
listPrototype.pageNum++
getList()
}
defineExpose({
refreshList,
getMoreList,
})
</script> </script>
<template> <template>
@ -71,25 +201,24 @@
<apex :bgColor="apexBgColor" mode="flex"> <apex :bgColor="apexBgColor" mode="flex">
<template #content> <template #content>
<view class="search df jcr"> <view class="search df jcr">
<view class=""> <view class="" v-if="0">
<image class="wh50" src="/static/share2.png" mode="aspectFit" /> <image class="wh50" src="/static/share2.png" mode="aspectFit" />
</view> </view>
</view> </view>
</template> </template>
</apex> </apex>
<!-- -->
<view class="shopHeaderBg"></view> <view class="shopHeaderBg"></view>
<!-- 店铺卡片 --> <!-- 店铺卡片 -->
<view class="store pr rows ptb25 plr25 mt40"> <view class="store pr rows ptb25 plr25 mt40">
<!-- 店铺头像 --> <!-- 店铺头像 -->
<image class="wh120 fs0 br10" src="/static/logo.png" mode="aspectFill" /> <image class="wh120 fs0 br10" :src="detail.rectangleLogo" mode="aspectFill" />
<!-- 店铺信息 名称 评分 关注数量 --> <!-- 店铺信息 名称 评分 关注数量 -->
<view class="info f1 ml20"> <view class="info f1 ml20">
<!-- 店铺名称 --> <!-- 店铺名称 -->
<view class="c333 f28"> <view class="c333 f28">
<text>店铺名称</text> <text>{{ detail.name }}</text>
</view> </view>
<view class="df aic mt10"> <view class="df aic mt10">
@ -101,7 +230,7 @@
</view> </view>
<!-- 关注数量 --> <!-- 关注数量 -->
<view class="c666 f24"> <view class="c666 f24">
<text>123关注</text> <text>{{ detail.followNum }}关注</text>
</view> </view>
</view> </view>
</view> </view>
@ -109,13 +238,14 @@
<!-- 按钮区 --> <!-- 按钮区 -->
<view class="btns w150"> <view class="btns w150">
<view> <view>
<view class="btn ti warmHollow fmid" @click="followButton"> <view @click="handleCollectStore" class="btn sm warm fmid fdr plr30">
<uni-icons class="mr10" color="#FF9B27" type="plusempty" size="13" /> <uni-icons class="mr10" color="#fff" type="plusempty" size="13" v-if="detail.isFollow != 1" />
<text>关注</text> <text class="cfff f28" v-else></text>
<text class="cfff f28">关注</text>
</view> </view>
</view> </view>
<view class="mt10"> <view class="mt10" @click="toCustomer">
<view class="btn ti warmHollow fmid"> <view class="btn ti warmHollow fmid">
<image class="kefu wh30" src="/static/customer-service1.png" mode="aspectFit" /> <image class="kefu wh30" src="/static/customer-service1.png" mode="aspectFit" />
<text>客服</text> <text>客服</text>
@ -126,14 +256,46 @@
<!-- 商品列表 --> <!-- 商品列表 -->
<view class="product oh ptb30 plr30"> <view class="product oh ptb30 plr30">
<productList ref="product" /> <view class="list">
<view class="item oh bfff br20" v-for="(item, index) in listPrototype.data" :key="index"
@click="handleItem(item)">
<!-- 需要展示的图 -->
<image class="poster" :src="item.sliderImage.split(',')[0]" mode="aspectFill" />
<!-- 标题 -->
<view class="main plr20">
<view class="title mtb10 thd c333 f30">{{ item.name }}</view>
<view class="info mtb10 df aic">
<!-- 价格 -->
<view class="price thd wsn cFF9B27">
<text class="txt f20"></text>
<text class="txt f36">{{ item.price }}</text>
</view>
<!-- 销量 -->
<view class="sales fs0 thd wsn ml10 c999 f26">销量{{ item.sales }}</view>
<view class="f1"></view>
</view>
</view>
</view>
</view>
</view> </view>
</view> </view>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
// //
.store { .list {
// margin-top: -50rpx; display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20rpx;
//
.item {
.poster {
width: 100%;
height: 340rpx;
border-radius: 20rpx 20rpx 0 0;
} }
}
}
</style> </style>