+ 
+
-
-
-
-
- 修改密码
-
-
- 退出登录
-
-
-
- 设置
-
-
-
-
-
-
充值套餐
-
-
- {{ item.name }}
-
-
-
-
- 支付宝
-
-
- 微信支付
-
-
-
+
+
-
+
-
-
-
+
+
+
+
+
+
+ 立即登录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ form.power || 0 }}
+ 剩余算力
+
+
+
+ {{ vipDays }}
+ VIP天数
+
+
+
+ {{ inviteCount }}
+ 邀请好友
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 快捷操作
+
+
+
+ 充值
+
+
+
+ 改密码
+
+
+
+ 邀请
+
+
+
+ 设置
+
+
+ 退出登录
+
+
+
+
+
+
+ 版本 v{{ appVersion }}
+© 2024 {{ title }}. All rights reserved.
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -148,244 +320,632 @@ import { httpGet, httpPost } from '@/utils/http'
import { dateFormat, showLoginDialog } from '@/utils/libs'
import { ElMessage } from 'element-plus'
import { showFailToast, showLoadingToast, showNotify, showSuccessToast } from 'vant'
-import { onMounted, ref } from 'vue'
+import { computed, onMounted, ref } from 'vue'
import { useRouter } from 'vue-router'
const form = ref({
+ id: 0,
username: 'GeekMaster',
nickname: '极客学长@001',
mobile: '1300000000',
avatar: '',
power: 0,
+ expired_time: 0,
})
+
const fileList = ref([
{
- url: '/images/user-info.png',
+ url: '/images/avatar/default.jpg',
message: '上传中...',
},
])
-const products = ref([])
-const vipMonthPower = ref(0)
-const payWays = ref({})
const router = useRouter()
-const userId = ref(0)
const isLogin = ref(false)
const showSettings = ref(false)
+const showPasswordDialog = ref(false)
+const showAvatarOptions = ref(false)
+const showAbout = ref(false)
+const showLogoutConfirm = ref(false)
const store = useSharedStore()
const stream = ref(store.chatStream)
const dark = ref(store.theme === 'dark')
-const menuList = ref({})
+const title = ref(import.meta.env.VITE_TITLE)
+const appVersion = ref('2.1.0')
-onMounted(() => {
- checkSession()
- .then((user) => {
- userId.value = user.id
- isLogin.value = true
- httpGet('/api/user/profile')
- .then((res) => {
- form.value = res.data
- fileList.value[0].url = form.value.avatar
- })
- .catch((e) => {
- console.log(e.message)
- showFailToast('获取用户信息失败')
- })
- })
- .catch(() => {})
+// 新增状态
+const notifications = ref(true)
+const autoSave = ref(true)
+const inviteCount = ref(0)
+const passwordForm = ref()
- // 获取产品列表
- httpGet('/api/product/list')
- .then((res) => {
- products.value = res.data
- })
- .catch((e) => {
- showFailToast('获取产品套餐失败：' + e.message)
- })
-
- getSystemInfo()
- .then((res) => {
- vipMonthPower.value = res.data['vip_month_power']
- })
- .catch((e) => {
- showFailToast('获取系统配置失败：' + e.message)
- })
-
- httpGet('/api/payment/payWays')
- .then((res) => {
- payWays.value = res.data
- })
- .catch((e) => {
- ElMessage.error('获取支付方式失败：' + e.message)
- })
-
- getMenuList()
-})
-
-// 获取菜单列表
-const getMenuList = () => {
- httpGet('/api/menu/list')
- .then((res) => {
- res.data.forEach((item) => {
- menuList.value[item.url] = item
- })
- })
- .catch((e) => {
- showFailToast('获取菜单列表失败：' + e.message)
- })
-}
-
-const showPasswordDialog = ref(false)
+// 密码相关
const pass = ref({
old: '',
new: '',
renew: '',
})
-const beforeClose = (action) => {
- new Promise((resolve) => {
- resolve(action === 'confirm')
- })
+// 密码验证规则
+const passwordRules = [
+ { required: true, message: '请输入新密码' },
+ { min: 8, max: 16, message: '密码长度为8-16个字符' }
+]
+
+// 计算属性
+const isVip = computed(() => {
+ const now = Date.now()
+ const expiredTime = form.value.expired_time ? form.value.expired_time * 1000 : 0
+ return expiredTime > now
+})
+
+const vipDays = computed(() => {
+ if (!isVip.value) return 0
+ const now = Date.now()
+ const expiredTime = form.value.expired_time * 1000
+ return Math.ceil((expiredTime - now) / (24 * 60 * 60 * 1000))
+})
+
+onMounted(() => {
+ getSystemInfo()
+ .then((res) => {
+ title.value = res.data.title
+ })
+ .catch((e) => {
+ console.error('获取系统配置失败：', e.message)
+ })
+
+ checkSession()
+ .then((user) => {
+ isLogin.value = true
+ form.value = { ...form.value, ...user }
+ fileList.value[0].url = user.avatar || '/images/avatar/default.jpg'
+
+ // 获取用户详细信息
+ fetchUserProfile()
+ fetchUserStats()
+ })
+ .catch(() => {
+ isLogin.value = false
+ })
+})
+
+// 获取用户详细信息
+const fetchUserProfile = () => {
+ httpGet('/api/user/profile')
+ .then((res) => {
+ form.value = { ...form.value, ...res.data }
+ fileList.value[0].url = res.data.avatar || '/images/avatar/default.jpg'
+ })
+ .catch((e) => {
+ console.error('获取用户信息失败:', e.message)
+ })
+}
+
+// 获取用户统计信息
+const fetchUserStats = () => {
+ // 模拟数据，实际项目中应调用API
+ inviteCount.value = Math.floor(Math.random() * 20)
+}
+
+// 确认密码验证
+const validateConfirmPassword = (value) => {
+ if (value !== pass.value.new) {
+ return Promise.reject(new Error('两次输入的密码不一致'))
+ }
+ return Promise.resolve()
+}
+
+// 重置密码表单
+const resetPasswordForm = () => {
+ pass.value = {
+ old: '',
+ new: '',
+ renew: '',
+ }
+ if (passwordForm.value) {
+ passwordForm.value.resetValidation()
+ }
}
// 提交修改密码
const updatePass = () => {
- if (pass.value.old === '') {
+ if (!passwordForm.value) {
+ updatePasswordAPI()
+ return
+ }
+
+ passwordForm.value.validate().then(() => {
+ updatePasswordAPI()
+ }).catch((errors) => {
+ console.log('表单验证失败:', errors)
+ })
+}
+
+const updatePasswordAPI = () => {
+ if (!pass.value.old) {
return showNotify({ type: 'danger', message: '请输入旧密码' })
}
if (!pass.value.new || pass.value.new.length < 8) {
- return showNotify({ type: 'danger', message: '密码的长度为8-16个字符' })
+ return showNotify({ type: 'danger', message: '密码长度为8-16个字符' })
}
if (pass.value.renew !== pass.value.new) {
return showNotify({ type: 'danger', message: '两次输入密码不一致' })
}
+
+ showLoadingToast({
+ message: '正在修改密码...',
+ forbidClick: true,
+ })
+
httpPost('/api/user/password', {
old_pass: pass.value.old,
password: pass.value.new,
repass: pass.value.renew,
})
.then(() => {
- showSuccessToast('更新成功！')
+ showSuccessToast('密码修改成功！')
showPasswordDialog.value = false
+ resetPasswordForm()
})
.catch((e) => {
- showFailToast('更新失败，' + e.message)
- showPasswordDialog.value = false
+ showFailToast('密码修改失败：' + e.message)
})
}
-const pay = (product, payWay) => {
- if (!isLogin.value) {
- return showLoginDialog(router)
+// 头像选择
+const selectAvatar = (type) => {
+ showAvatarOptions.value = false
+
+ switch (type) {
+ case 'camera':
+ // 调用相机
+ if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+ showNotify({ type: 'primary', message: '正在启动相机...' })
+ } else {
+ showNotify({ type: 'warning', message: '您的设备不支持相机功能' })
+ }
+ break
+ case 'album':
+ // 从相册选择
+ const input = document.createElement('input')
+ input.type = 'file'
+ input.accept = 'image/*'
+ input.onchange = (e) => {
+ const file = e.target.files[0]
+ if (file) {
+ // 这里应该上传到服务器
+ const reader = new FileReader()
+ reader.onload = (e) => {
+ fileList.value[0].url = e.target.result
+ showSuccessToast('头像更新成功')
+ }
+ reader.readAsDataURL(file)
+ }
+ }
+ input.click()
+ break
+ case 'default':
+ // 使用默认头像
+ fileList.value[0].url = '/images/avatar/default.jpg'
+ showSuccessToast('已设置为默认头像')
+ break
}
+}
+// 退出登录
+const logout = function () {
showLoadingToast({
- message: '正在创建订单',
+ message: '正在退出...',
forbidClick: true,
})
- let host = process.env.VUE_APP_API_HOST
- if (host === '') {
- host = `${location.protocol}//${location.host}`
- }
- httpPost(`${process.env.VUE_APP_API_HOST}/api/payment/doPay`, {
- product_id: product.id,
- pay_way: payWay.pay_way,
- pay_type: payWay.pay_type,
- user_id: userId.value,
- host: host,
- device: 'wechat',
- })
- .then((res) => {
- location.href = res.data
- })
- .catch((e) => {
- showFailToast('生成支付订单失败：' + e.message)
- })
-}
-const logout = function () {
httpGet('/api/user/logout')
.then(() => {
removeUserToken()
store.setIsLogin(false)
- router.push('/')
+ isLogin.value = false
+ showSuccessToast('退出登录成功')
+ showLogoutConfirm.value = false
+
+ // 清除用户数据
+ form.value = {
+ id: 0,
+ username: '',
+ nickname: '',
+ mobile: '',
+ avatar: '',
+ power: 0,
+ expired_time: 0,
+ }
+ fileList.value[0].url = '/images/avatar/default.jpg'
})
- .catch(() => {
- showFailToast('注销失败！')
+ .catch((e) => {
+ showFailToast('退出登录失败：' + e.message)
})
}
-
diff --git a/web/src/views/mobile/Settings.vue b/web/src/views/mobile/Settings.vue
new file mode 100644
index 00000000..42a040cf
--- /dev/null
+++ b/web/src/views/mobile/Settings.vue
@@ -0,0 +1,631 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ {{ title }}
++ 专业的AI创作平台，提供对话、绘画、音乐、视频等多种AI服务，让创作更简单、更高效。 +
+
+
+ 版本：v{{ appVersion }}
+更新时间：2024-01-01
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/views/mobile/Tools.vue b/web/src/views/mobile/Tools.vue
new file mode 100644
index 00000000..f01ee6c9
--- /dev/null
+++ b/web/src/views/mobile/Tools.vue
@@ -0,0 +1,743 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 个人设置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentLanguage.name }}
+
+
+
+
+
+
+ 应用设置
+
+
+
+
+
+
+
+ {{ currentModel.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentSendMode.name }}
+
+
+
+
+
+
+ 聊天设置
+
+
+
+
+
+
+
+ {{ cacheSize }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 隐私与安全
+
+
+
+
+
+
+
+ v{{ appVersion }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 其他
+
+
+
+
+
+
+ {{ appName }}
++ 专业的AI创作平台，提供对话、绘画、音乐、视频等多种AI服务，让创作更简单、更高效。 +
+
+
+ 版本：v{{ appVersion }}
+更新时间：2024-01-01
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ tool.name }}
+ {{ tool.desc }}
+
+
+ {{ tool.status === 'available' ? '可用' : '开发中' }}
+
+
+
+
+ {{ feature }}
+
+
+
+
+
+
+ 使用次数：
+ {{ tool.stats.usageCount }}次
+
+
+ 好评率：
+ {{ tool.stats.rating }}%
+
+
+
+
+
+
+
+ 推荐工具
+
+
+
+
+
+
+
+ 立即使用
+
+
+ {{ tool.name }}
+{{ tool.desc }}
+
+
+
+
+
+
+
+
+ {{ selectedTool.name }}
+{{ selectedTool.fullDesc || selectedTool.desc }}
+
+
+
+ 功能特点
+-
+
-
+
+ {{ feature }} +
+
+
+
+ 使用说明
+{{ selectedTool.usage }}
+
+
+ {{ selectedTool.status === 'available' ? '开始使用' : '开发中' }}
+
+
+
+
+
+
+
+
+
+
+
+ 思维导图工具
+功能开发中，敬请期待
+