-
注册方式
-
- 选择允许用户使用的注册方式
+
+
+ 验证设置
+ 配置登录和注册的验证方式
+
+
+
+
+
+ 登录验证
-
-
-
-
- 用户名注册
-
+
+ 用户登录时需要进行验证
+
+
+
+
+
+
+
+
+ 注册验证
+
+
+ 用户注册时需要进行验证
+
+
+
+
+
+
+
+
验证方式
+
+
+
+
+
+ 邮箱验证
+
+
+ 发送验证码到邮箱
+
+
-
-
- 邮箱注册
-
+
+
+
+
+
+ 短信验证
+
+
+ 发送验证码到手机
+
+
-
-
-
- 手机号注册
-
+
+
+
+
+
邮箱配置
+
+
+
+
+
+
+ {{ config.name }}
+
+
+
+
+ 选择用于发送验证码的邮箱配置
+
+
+
+ 暂无可用的邮箱配置，请先在「系统设置 - 邮箱配置」中添加并启用邮箱配置
+
+
+
+
+
+
短信配置
+
+
+
+
+
+
+ {{ config.name }}
+
+
+
+
+ 选择用于发送验证码的短信配置
+
+
+
+ 暂无可用的短信配置，请先在「系统设置 - 短信配置」中添加并启用短信配置
+
+
+
+
+
+
+
+ 密码重置
+
+
+ 用户忘记密码时通过邮箱或短信重置
+
+
+
+
+
+
+
+
验证方式
+
+
+
+
+
+ 邮箱验证
+
+
+ 发送验证码到邮箱
+
+
+
+
+
+
+ 短信验证
+
+
+ 发送验证码到手机
+
+
+
+
+
+
+
邮箱配置
+
+
+
+
+
+
+ {{ config.name }}
+
+
+
+
+ 选择用于发送密码重置邮件的邮箱配置
+
+
+
+ 暂无可用的邮箱配置，请先在「系统设置 - 邮箱配置」中添加并启用邮箱配置
+
+
+
+
+
+
短信配置
+
+
+
+
+
+
+ {{ config.name }}
+
+
+
+
+ 选择用于发送密码重置短信的短信配置
+
+
+
+ 暂无可用的短信配置，请先在「系统设置 - 短信配置」中添加并启用短信配置
+
-
- 至少选择一种注册方式
-
-
-
- {{ t('admin.applications.basicInfo') }}
- {{ t('admin.applications.basicInfoDesc') }}
-
-
-
-
-
- {{ t('admin.applications.appName') }} *
-
-
-
-
-
-
{{ t('admin.applications.appIcon') }}
-
-
-
![应用图标]()
-
-
-
-
-
-
-
-
-
- {{ t('admin.applications.appDescription') }}
-
-
-
-
-
-
-
-
- {{ t('admin.applications.operationMode') }}
- {{ t('admin.applications.operationModeDesc') }}
-
-
-
-
-
-
-
- {{ t('admin.applications.freeMode') }}
-
-
- {{ t('admin.applications.freeModeDesc') }}
-
-
-
-
-
-
- {{ t('admin.applications.subscriptionMode') }}
-
-
- {{ t('admin.applications.subscriptionModeDesc') }}
-
-
-
-
-
-
- {{ t('admin.applications.timeMode') }}
-
-
- {{ t('admin.applications.timeModeDesc') }}
-
-
-
-
-
-
- {{ t('admin.applications.countMode') }}
-
-
- {{ t('admin.applications.countModeDesc') }}
-
-
-
-
-
- {{ t('admin.applications.deductionCycle') }}
-
-
-
-
-
-
- {{ t('admin.applications.perUse') }}
-
-
- {{ t('admin.applications.perMinute') }}
-
-
- {{ t('admin.applications.perHour') }}
-
-
- {{ t('admin.applications.perDay') }}
-
-
-
-
-
-
- {{ t('admin.applications.deductionAmount') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ t('admin.applications.loginPolicy') }}
- {{ t('admin.applications.loginPolicyDesc') }}
-
-
-
-
-
-
-
- {{ t('admin.applications.looseMode') }}
-
-
- {{ t('admin.applications.looseModeDesc') }}
-
-
-
-
-
-
- {{ t('admin.applications.strictMode') }}
-
-
- {{ t('admin.applications.strictModeDesc') }}
-
-
-
-
-
-
- {{ t('admin.applications.hybridMode') }}
-
-
- {{ t('admin.applications.hybridModeDesc') }}
-
-
-
-
-
-
- {{ t('admin.applications.trialSettings') }}
- {{ t('admin.applications.trialSettings') }}
-
-
-
-
-
- {{ t('admin.applications.enableTrial') }}
-
-
- 新用户注册后自动获得试用权益
-
-
-
-
-
-
{{ t('admin.applications.trialBalance') }}
-
-
-
-
-
-
-
-
- 新用户注册后获得的余额
-
-
-
-
-
-
- {{ t('admin.applications.freePeriodSettings') }}
- {{ t('admin.applications.freePeriodSettings') }}
-
-
-
-
-
- {{ t('admin.applications.enableFreePeriod') }}
-
-
- 在设定的时间段内，所有用户可免费使用
-
-
-
-
-
-
{{ t('admin.applications.periodType') }}
-
-
-
-
-
- {{ t('admin.applications.dateRange') }}
-
-
- 指定开始和结束日期时间
-
-
+
+
+
+
+
+
+ 基本信息
+
+ 设置应用的基本信息
+
+
+
+
+
+ 应用名称 *
+
+
-
-
-
-
- {{ t('admin.applications.weekly') }}
-
-
- 每周固定日期和时间段
-
-
-
-
-
-
- {{ t('admin.applications.startTime') }}
-
-
-
- {{ t('admin.applications.endTime') }}
-
-
-
-
-
{{ t('admin.applications.weekdays') }}
-
-
-
+ 应用图标
+
+
+
![应用图标]()
+
+
+
- 选择每周哪些日期免费
-
-
-
-
-
-
{{ t('admin.applications.startTime') }}
-
-
- 每天免费开始时间
-
-
-
-
{{ t('admin.applications.endTime') }}
-
-
- 每天免费结束时间
-
+
+
+ {{ formData.iconPreview ? '更换' : '上传' }}
+
+
+
+
-
-
-
-
-
- {{ t('admin.applications.securitySettings') }}
- {{ t('admin.applications.securitySettingsDesc') }}
-
-
-
-
-
{{ t('admin.applications.encryptionType') }}
-
-
-
-
-
-
- {{ t('admin.applications.noEncryption') }}
-
-
- {{ t('admin.applications.aesEncryption') }}
-
-
- {{ t('admin.applications.rsaEncryption') }}
-
-
- {{ t('admin.applications.rc4Encryption') }}
-
-
-
-
- 数据明文传输，仅用于测试环境
- 使用AES-GCM算法加密，安全性高
- 非对称加密，安全性最高
- 使用RC4流加密，性能较好
-
-
-
-
-
{{ t('admin.applications.secretKey') }}
-
-
+ 应用描述
+
-
+
+
+
+
+
+
+
+ 运营模式
+
+ 选择应用的计费方式
+
+
+
+
-
+
+
+
+
+
+
+ {{ option.label }}
+
+
+
+
+ {{ option.desc }}
+
+
+
+
+
+
+
+
+
+
+ 预览
+
+
+
+
+
+
![图标]()
+
+
+
+
+ {{ formData.name || '未命名应用' }}
+
+
+ {{ selectedBilling?.label || '免费模式' }}
+
+
+
+
+ 应用名称
+ {{ formData.name || '-' }}
+
+
+ 运营模式
+ {{ selectedBilling?.label || '-' }}
+
+
+ 应用描述
+ {{ formData.description || '-' }}
+
+
+
+
+
+
+
+
+
+ 创建应用
+
+
+ 取消
-
- 用于加密通信数据的密钥，留空则自动生成
-
-
-
-
-
+
+
-
-
- {{ t('admin.applications.deviceBind') }}
- 控制用户登录时是否需要绑定设备
-
-
-
-
-
- {{ t('admin.applications.deviceBind') }}
-
-
- 启用后，用户登录时需要绑定设备，可限制同时登录的设备数量
-
-
-
-
-
{{ t('admin.applications.maxDevices') }}
-
-
-
-
-
-
-
-
- 每个账号最多绑定的设备数量
-
-
-
-
- {{ t('admin.applications.allowMultiOpen') }}
-
-
- 允许同一账号在同一设备上同时运行多个实例
-
-
-
-
-
-
-
- 取消
-
-
-
- {{ t('admin.applications.createApp') }}
-
+
+
+
+
+ 提示
+
+
+
+
+ -
+
+ 创建后可在设置页面配置更多选项
+
+ -
+
+ 支持配置验证方式、安全策略等
+
+ -
+
+ 可随时修改应用信息和设置
+
+
+
+
+
+
+
+
+
+
+
+ 应用创建成功
+
+
+ 您的应用已创建成功，接下来您可以配置更多设置。
+
+
+
+
+
+ 推荐配置：
+
+
+ -
+
+ 配置验证方式（邮箱/短信验证）
+
+ -
+
+ 设置安全策略（加密、绑定）
+
+ -
+
+ 上传应用版本文件
+
+
+
+
diff --git a/frontend/src/pages/admin/sms-settings/[id].vue b/frontend/src/pages/admin/sms-settings/[id].vue
new file mode 100644
index 0000000..a09b2a3
--- /dev/null
+++ b/frontend/src/pages/admin/sms-settings/[id].vue
@@ -0,0 +1,269 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 基本配置
+
+ 修改短信服务的基本信息
+
+
+
+
+
+ 配置名称 *
+
+
+
+
+
+
+ 短信类型 *
+
+
+
+
+
+
+
+
+
+ {{ type.label }}
+
+
+
+
+
+
+
配置信息
+
+
+ JSON格式的配置信息，根据所选短信服务商填写对应参数
+
+
+ 备注
+
+
+
+
+
+
+ 启用状态
+
+
+ 启用后该短信配置可用于发送短信
+
+
+
+
+
+
+
+
+
+
+
+ 预览
+
+
+
+
+
+ 配置名称
+ {{ formData.name || '-' }}
+
+
+ 短信类型
+ {{ selectedType?.label || '-' }}
+
+
+ 状态
+ {{ formData.status === 'active' ? '启用' : '禁用' }}
+
+
+ 备注
+ {{ formData.remark || '-' }}
+
+
+
+
+
+
+
+
+
+ 保存修改
+
+
+ 取消
+
+
+
+
+
+
+
diff --git a/frontend/src/pages/admin/sms-settings/components/columns.ts b/frontend/src/pages/admin/sms-settings/components/columns.ts
new file mode 100644
index 0000000..b4f8a4b
--- /dev/null
+++ b/frontend/src/pages/admin/sms-settings/components/columns.ts
@@ -0,0 +1,113 @@
+import type { ColumnDef } from '@tanstack/vue-table'
+
+import { Icon } from '@iconify/vue'
+import { h } from 'vue'
+
+import type { SmsConfig } from '@/pages/admin/sms-settings/data/schema'
+
+import Badge from '@/components/ui/badge/Badge.vue'
+import Button from '@/components/ui/button/Button.vue'
+
+interface ColumnOptions {
+ onToggleStatus: (row: SmsConfig) => void
+ onEdit: (row: SmsConfig) => void
+ onDelete: (row: SmsConfig) => void
+ onTest: (row: SmsConfig) => void
+}
+
+export function getColumns(options: ColumnOptions, t: (key: string) => string): ColumnDef
[] {
+ return [
+ {
+ accessorKey: 'name',
+ header: () => '配置名称',
+ cell: ({ row }) => {
+ return h('div', { class: 'flex items-center gap-2' }, [
+ h(Icon, { icon: 'lucide:smartphone', class: 'h-4 w-4 text-muted-foreground' }),
+ h('span', { class: 'font-medium' }, row.original.name),
+ ])
+ },
+ },
+ {
+ accessorKey: 'type',
+ header: () => '类型',
+ cell: ({ row }) => {
+ const typeLabels: Record = {
+ aliyun: '阿里云',
+ tencent: '腾讯云',
+ other: '其他',
+ }
+ const typeIcons: Record = {
+ aliyun: 'lucide:cloud',
+ tencent: 'lucide:cloud',
+ other: 'lucide:settings',
+ }
+ return h('div', { class: 'flex items-center gap-2' }, [
+ h(Icon, { icon: typeIcons[row.original.type] || 'lucide:settings', class: 'h-4 w-4 text-muted-foreground' }),
+ h('span', { class: 'text-sm' }, typeLabels[row.original.type] || row.original.type),
+ ])
+ },
+ },
+ {
+ accessorKey: 'status',
+ header: () => '状态',
+ cell: ({ row }) => {
+ const statusLabels: Record = {
+ active: '启用',
+ inactive: '禁用',
+ }
+ const statusClasses: Record = {
+ active: 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400 cursor-pointer',
+ inactive: 'bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-400 cursor-pointer',
+ }
+ return h(Badge, {
+ class: statusClasses[row.original.status],
+ onClick: () => options.onToggleStatus(row.original),
+ }, () => statusLabels[row.original.status])
+ },
+ },
+ {
+ accessorKey: 'remark',
+ header: () => '备注',
+ cell: ({ row }) => {
+ return h('span', { class: 'text-sm text-muted-foreground' }, row.original.remark || '-')
+ },
+ },
+ {
+ accessorKey: 'created_at',
+ header: () => '创建时间',
+ cell: ({ row }) => {
+ return h('span', { class: 'text-sm text-muted-foreground' }, new Date(row.original.created_at).toLocaleString('zh-CN'))
+ },
+ },
+ {
+ id: 'actions',
+ header: () => '操作',
+ cell: ({ row }) => {
+ return h('div', { class: 'flex items-center justify-end gap-1' }, [
+ h(Button, {
+ variant: 'ghost',
+ size: 'sm',
+ title: '测试发送',
+ onClick: () => options.onTest(row.original),
+ }, () => [
+ h(Icon, { icon: 'lucide:send', class: 'h-4 w-4 text-blue-500' }),
+ ]),
+ h(Button, {
+ variant: 'ghost',
+ size: 'sm',
+ onClick: () => options.onEdit(row.original),
+ }, () => [
+ h(Icon, { icon: 'lucide:edit', class: 'h-4 w-4' }),
+ ]),
+ h(Button, {
+ variant: 'ghost',
+ size: 'sm',
+ onClick: () => options.onDelete(row.original),
+ }, () => [
+ h(Icon, { icon: 'lucide:trash-2', class: 'h-4 w-4 text-destructive' }),
+ ]),
+ ])
+ },
+ },
+ ]
+}
diff --git a/frontend/src/pages/admin/sms-settings/components/data-table.vue b/frontend/src/pages/admin/sms-settings/components/data-table.vue
new file mode 100644
index 0000000..66376b2
--- /dev/null
+++ b/frontend/src/pages/admin/sms-settings/components/data-table.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+ 批量启用
+
+
+ 批量禁用
+
+
+ 批量删除
+
+
+
+
+ 共 {{ data.length }} 个短信配置
+
+
+
+
+
+
+
+
+
+
+ 基本配置
+
+ 填写短信服务的基本信息
+
+
+
+
+
+ 配置名称 *
+
+
+
+
+
+
+ 短信类型 *
+
+
+
+
+
+
+
+
+
+ {{ type.label }}
+
+
+
+
+
+
+
配置信息
+
+
+ JSON格式的配置信息，根据所选短信服务商填写对应参数
+
+
+ 备注
+
+
+
+
+
+
+ 启用状态
+
+
+ 启用后该短信配置可用于发送短信
+
+
+
+
+
+
+
+
+
+
+
+ 预览
+
+
+
+
+
+ 配置名称
+ {{ formData.name || '-' }}
+
+
+ 短信类型
+ {{ selectedType?.label || '-' }}
+
+
+ 状态
+ {{ formData.status === 'active' ? '启用' : '禁用' }}
+
+
+ 备注
+ {{ formData.remark || '-' }}
+
+
+
+
+
+
+
+
+
+ 添加配置
+
+
+ 取消
+
+
+
+
+
+
+
+
+
+
+
+ 总配置数
+
+
+
+
+
+ {{ smsConfigs.length }}
+
+
+
+
+
+
+
+ 已启用
+
+
+
+
+
+ {{ activeCount }}
+
+
+
+
+
+
+
+ 已禁用
+
+
+
+
+
+ {{ inactiveCount }}
+
+
+
+
+
+
+
+ 启用率
+
+
+
+
+
+ {{ smsConfigs.length ? Math.round(activeCount / smsConfigs.length * 100) : 0 }}%
+
+
+
+
+
+
+
+
+
+
+