xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2026-04-21 02:24:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

完成配置分组

Browse Source
This commit is contained in:
GeekMaster
2025-08-20 16:16:20 +08:00
parent 0956bef9db
commit b155597e28
17 changed files with 786 additions and 1517 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
web/src/components/admin/AdminSidebar.vue
View File

@@ -185,6 +185,7 @@ const items = [
index: '/admin/manger',
title: '管理员',
},
{
icon: 'config',
index: 'config-center',
@@ -192,24 +193,15 @@ const items = [
subs: [
{
icon: 'config',
index: '/admin/config/system',
title: '系统配置',
index: '/admin/config/basic',
title: '基础配置',
},
{
icon: 'config',
index: '/admin/config/notice',
title: '公告配置',
},
{
icon: 'config',
index: '/admin/config/agreement',
title: '用户协议',
},
{
icon: 'config',
index: '/admin/config/privacy',
title: '隐私声明',
index: '/admin/config/power',
title: '算力配置',
},
{
icon: 'config',
index: '/admin/config/menu',
@@ -242,6 +234,33 @@ const items = [
},
],
},
{
icon: 'linggan',
index: 'content-config',
title: '文案配置',
subs: [
{
icon: 'speaker',
index: '/admin/config/notice',
title: '公告配置',
},
{
icon: 'info',
index: '/admin/config/agreement',
title: '用户协议',
},
{
icon: 'info',
index: '/admin/config/privacy',
title: '隐私声明',
},
{
icon: 'xmind',
index: '/admin/config/markmap',
title: '思维导图配置',
},
],
},
{
icon: 'log',
index: '/admin/powerLog',

38
web/src/router.js
View File

@@ -168,64 +168,76 @@ const routes = [
component: () => import('@/views/admin/Dashboard.vue'),
},
{
path: '/admin/config/system',
name: 'admin-config-system',
meta: { title: '系统配置' },
component: () => import('@/views/admin/SystemConfig.vue'),
path: '/admin/config/basic',
name: 'admin-config-basic',
meta: { title: '基础配置' },
component: () => import('@/views/admin/settings/BasicConfig.vue'),
},
{
path: '/admin/config/power',
name: 'admin-config-power',
meta: { title: '算力配置' },
component: () => import('@/views/admin/settings/PowerConfig.vue'),
},
{
path: '/admin/config/payment',
name: 'admin-config-payment',
meta: { title: '支付配置' },
component: () => import('@/views/admin/PaymentConfig.vue'),
component: () => import('@/views/admin/settings/PaymentConfig.vue'),
},
{
path: '/admin/config/storage',
name: 'admin-config-storage',
meta: { title: '存储配置' },
component: () => import('@/views/admin/StorageConfig.vue'),
component: () => import('@/views/admin/settings/StorageConfig.vue'),
},
{
path: '/admin/config/communication',
name: 'admin-config-communication',
meta: { title: '通信配置' },
component: () => import('@/views/admin/CommunicationConfig.vue'),
component: () => import('@/views/admin/settings/CommunicationConfig.vue'),
},
{
path: '/admin/config/api',
name: 'admin-config-api',
meta: { title: 'API配置' },
component: () => import('@/views/admin/ApiConfig.vue'),
component: () => import('@/views/admin/settings/ApiConfig.vue'),
},
{
path: '/admin/config/markmap',
name: 'admin-config-markmap',
meta: { title: '思维导图配置' },
component: () => import('@/views/admin/settings/MarkMapConfig.vue'),
},
{
path: '/admin/config/notice',
name: 'admin-config-notice',
meta: { title: '公告配置' },
component: () => import('@/views/admin/NoticeConfig.vue'),
component: () => import('@/views/admin/settings/NoticeConfig.vue'),
},
{
path: '/admin/config/agreement',
name: 'admin-config-agreement',
meta: { title: '用户协议' },
component: () => import('@/views/admin/AgreementConfig.vue'),
component: () => import('@/views/admin/settings/AgreementConfig.vue'),
},
{
path: '/admin/config/privacy',
name: 'admin-config-privacy',
meta: { title: '隐私声明' },
component: () => import('@/views/admin/PrivacyConfig.vue'),
component: () => import('@/views/admin/settings/PrivacyConfig.vue'),
},
{
path: '/admin/config/menu',
name: 'admin-config-menu',
meta: { title: '菜单配置' },
component: () => import('@/views/admin/MenuConfig.vue'),
component: () => import('@/views/admin/settings/MenuConfig.vue'),
},
{
path: '/admin/config/license',
name: 'admin-config-license',
meta: { title: '授权激活' },
component: () => import('@/views/admin/LicenseConfig.vue'),
component: () => import('@/views/admin/settings/LicenseConfig.vue'),
},
{
path: '/admin/user',

25
web/src/views/admin/MenuConfig.vue
View File

@@ -1,25 +0,0 @@
<template>
<div class="menu-config form">
<div class="container">
<h3>菜单配置</h3>
<Menu />
</div>
</div>
</template>
<script setup>
import Menu from '@/views/admin/Menu.vue'
</script>
<style scoped>
.menu-config {
display: flex;
justify-content: center;
}
.container {
width: 100%;
background-color: var(--el-bg-color);
padding: 10px 20px 40px 20px;
}
</style>

859
web/src/views/admin/SysConfig.vue
View File

@@ -1,859 +0,0 @@
<template>
<div class="system-config form" v-loading="loading">
<el-tabs v-model="activeName" class="sys-tabs">
<el-tab-pane label="系统配置" name="basic">
<div class="container">
<el-form
:model="system"
label-width="150px"
label-position="right"
ref="systemFormRef"
:rules="rules"
>
<el-tabs type="border-card">
<el-tab-pane label="基础配置">
<el-form-item label="网站标题" prop="title">
<el-input v-model="system['title']" />
</el-form-item>
<el-form-item label="控制台标题" prop="admin_title">
<el-input v-model="system['admin_title']" />
</el-form-item>
<el-form-item label="网站Slogan" prop="slogan">
<el-input v-model="system['slogan']" />
</el-form-item>
<el-form-item label="圆形 LOGO" prop="logo">
<el-input v-model="system['logo']" placeholder="正方形或者圆形 Logo">
<template #append>
<el-upload
:auto-upload="true"
:show-file-list="false"
@click="beforeUpload('logo')"
:http-request="uploadImg"
>
<el-icon class="uploader-icon">
<UploadFilled />
</el-icon>
</el-upload>
</template>
</el-input>
</el-form-item>
<el-form-item label="条形 LOGO" prop="logo">
<el-input v-model="system['bar_logo']" placeholder="长方形 Logo">
<template #append>
<el-upload
:auto-upload="true"
:show-file-list="false"
@click="beforeUpload('bar_logo')"
:http-request="uploadImg"
>
<el-icon class="uploader-icon">
<UploadFilled />
</el-icon>
</el-upload>
</template>
</el-input>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
首页导航菜单
<el-tooltip
effect="dark"
content="被选中的菜单将会在首页导航栏显示"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-select
v-model="system['index_navs']"
multiple
:filterable="true"
placeholder="请选择菜单，多选"
style="width: 100%"
>
<el-option
v-for="item in menus"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="版权信息" prop="copyright">
<el-input
v-model="system['copyright']"
placeholder="更改此选项需要获取 License 授权"
/>
</el-form-item>
<el-form-item label="默认昵称" prop="default_nickname">
<el-input v-model="system['default_nickname']" placeholder="默认昵称" />
</el-form-item>
<el-form-item label="ICP 备案号" prop="icp">
<el-input v-model="system['icp']" placeholder="请输入 ICP 备案号" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
开放注册
<el-tooltip
effect="dark"
content="关闭注册之后只能通过管理后台添加用户"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-switch v-model="system['enabled_register']" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
启用验证码
<el-tooltip
effect="dark"
content="启用验证码之后，注册登录都会加载行为验证码，增加安全性。此功能需要购买验证码服务才会生效。"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-switch v-model="system['enabled_verify']" />
</el-form-item>
<el-form-item label="注册方式" prop="register_ways">
<el-checkbox-group v-model="system['register_ways']">
<el-checkbox value="mobile">手机注册</el-checkbox>
<el-checkbox value="email">邮箱注册</el-checkbox>
<el-checkbox value="username">用户名注册</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="邮件域名白名单" prop="register_ways">
<items-input v-model:value="system['email_white_list']" />
</el-form-item>
<el-form-item label="微信客服二维码" prop="wechat_card_url">
<el-input v-model="system['wechat_card_url']" placeholder="微信客服二维码">
<template #append>
<el-upload
:auto-upload="true"
:show-file-list="false"
@click="beforeUpload('wechat_card_url')"
:http-request="uploadImg"
>
<el-icon class="uploader-icon">
<UploadFilled />
</el-icon>
</el-upload>
</template>
</el-input>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
系统辅助AI模型
<el-tooltip
effect="dark"
content="用来辅助用户生成提示词，翻译的AI模型，默认使用 gpt-4o-mini"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-select
v-model.number="system['assistant_model_id']"
:filterable="true"
placeholder="选择一个系统辅助AI模型"
style="width: 100%"
>
<el-option
v-for="item in models"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="开启聊天上下文">
<el-switch v-model="system['enable_context']" />
</el-form-item>
<el-form-item label="会话上下文深度">
<div class="tip-input-line">
<el-input-number v-model="system['context_deep']" :min="0" :max="10" />
<div class="tip">
会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为
0 则不加载聊天记录，仅仅使用当前角色的上下文。该配置参数必须设置需要为偶数。
</div>
</div>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
SD反向提示词
<el-tooltip
effect="dark"
content="Stable-Diffusion 绘画默认反向提示词"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input
type="textarea"
:rows="2"
v-model="system['sd_neg_prompt']"
placeholder=""
/>
</el-form-item>
<el-form-item label="会员充值说明" prop="order_pay_timeout">
<template #label>
<div class="label-title">
会员充值说明
<el-tooltip
effect="dark"
content="会员充值页面的充值说明文字"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input
type="textarea"
:rows="2"
v-model="system['vip_info_text']"
placeholder=""
/>
</el-form-item>
<el-form-item label="MJ默认API模式" prop="mj_mode">
<el-select v-model="system['mj_mode']" placeholder="请选择模式">
<el-option
v-for="item in mjModels"
:value="item.value"
:label="item.name"
:key="item.value"
>{{ item.name }}
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上传文件限制" prop="max_file_size">
<el-input
v-model.number="system['max_file_size']"
placeholder="最大上传文件大小，单位：MB"
/>
</el-form-item>
</el-tab-pane>
<el-tab-pane label="算力配置">
<el-form-item label="注册赠送算力" prop="init_power">
<el-input
v-model.number="system['init_power']"
placeholder="新用户注册赠送算力"
/>
</el-form-item>
<el-form-item label="邀请赠送算力" prop="invite_power">
<el-input
v-model.number="system['invite_power']"
placeholder="邀请新用户注册赠送算力"
/>
</el-form-item>
<el-form-item label="VIP每月赠送算力" prop="vip_month_power">
<el-input
v-model.number="system['vip_month_power']"
placeholder="VIP用户每月赠送算力"
/>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
签到赠送算力
<el-tooltip
effect="dark"
content="每日签到赠送算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['daily_power']" placeholder="默认值0" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
MJ绘图算力
<el-tooltip
effect="dark"
content="使用MidJourney画一张图消耗算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['mj_power']" placeholder="" />
</el-form-item>
<el-form-item label="Stable-Diffusion算力" prop="sd_power">
<el-input
v-model.number="system['sd_power']"
placeholder="使用Stable-Diffusion画一张图消耗算力"
/>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
DALL-E-3算力
<el-tooltip
effect="dark"
content="使用DALL-E-3画一张图消耗算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input
v-model.number="system['dall_power']"
placeholder="使用DALL-E-3画一张图消耗算力"
/>
</el-form-item>
<el-form-item label="Suno 算力" prop="suno_power">
<el-input
v-model.number="system['suno_power']"
placeholder="使用 Suno 生成一首音乐消耗算力"
/>
</el-form-item>
<el-form-item label="Luma 算力" prop="luma_power">
<el-input
v-model.number="system['luma_power']"
placeholder="使用 Luma 生成一段视频消耗算力"
/>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
可灵算力
<el-tooltip
effect="dark"
content="可灵每个模型价格不一样，具体请参考：https://api.geekai.pro/models"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-row :gutter="20" v-if="system['keling_powers']">
<el-col
:span="6"
v-for="[key] in Object.entries(system['keling_powers'])"
:key="key"
>
<el-form-item :label="key" label-position="left">
<el-input v-model.number="system['keling_powers'][key]" size="small" />
</el-form-item>
</el-col>
</el-row>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
高级语音算力
<el-tooltip
effect="dark"
content="使用一次 OpenAI 高级语音对话消耗的算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['advance_voice_power']" placeholder="" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
提示词算力
<el-tooltip
effect="dark"
content="生成AI绘图提示词，歌词，视频描述消耗的算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['prompt_power']" placeholder="" />
</el-form-item>
</el-tab-pane>
</el-tabs>
<div style="padding: 10px">
<el-form-item>
<el-button type="primary" @click="save('system')">保存</el-button>
</el-form-item>
</div>
</el-form>
</div>
</el-tab-pane>
<el-tab-pane label="公告配置" name="notice">
<md-editor
class="mgb20"
v-model="notice"
:theme="store.theme"
@on-upload-img="onUploadImg"
/>
<el-form-item>
<div style="padding-top: 10px; margin-left: 150px">
<el-button type="primary" @click="save('notice')">保存</el-button>
</div>
</el-form-item>
</el-tab-pane>
<el-tab-pane label="用户协议" name="agreement">
<md-editor
class="mgb20"
v-model="agreement"
:theme="store.theme"
@on-upload-img="onUploadImg"
/>
<el-form-item>
<div style="padding-top: 10px; margin-left: 150px">
<el-button type="primary" @click="save('agreement')">保存</el-button>
</div>
</el-form-item>
</el-tab-pane>
<el-tab-pane label="隐私声明" name="privacy">
<md-editor
class="mgb20"
v-model="privacy"
:theme="store.theme"
@on-upload-img="onUploadImg"
/>
<el-form-item>
<div style="padding-top: 10px; margin-left: 150px">
<el-button type="primary" @click="save('privacy')">保存</el-button>
</div>
</el-form-item>
</el-tab-pane>
<el-tab-pane label="思维导图" name="mark_map">
<md-editor
class="mgb20"
:theme="store.theme"
v-model="system['mark_map_text']"
@on-upload-img="onUploadImg"
/>
<el-form-item>
<div style="padding-top: 10px; margin-left: 150px">
<el-button type="primary" @click="save('system')">保存</el-button>
</div>
</el-form-item>
</el-tab-pane>
<el-tab-pane label="菜单配置" name="menu">
<Menu />
</el-tab-pane>
<el-tab-pane label="授权激活" name="license">
<div class="container">
<el-descriptions
v-if="license.is_active"
class="margin-top"
title="已授权信息"
:column="1"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">License Key</div>
</template>
{{ license.key }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">机器码</div>
</template>
{{ license.machine_id }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">到期时间</div>
</template>
{{ dateFormat(license.expired_at) }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">用户人数</div>
</template>
{{ license.configs?.user_num }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">去版权</div>
</template>
<el-icon class="selected" v-if="license.configs?.de_copy"><Select /></el-icon>
<el-icon class="closed" v-else><CloseBold /></el-icon>
<span class="text">去版权之后前端页面将不会显示版权信息和源码地址</span>
</el-descriptions-item>
</el-descriptions>
<h3>激活后可获得以下权限：</h3>
<ol class="active-info">
<li>1、使用任意第三方中转 API KEY，而不用局限于 GeekAI 推荐的白名单列表</li>
<li>2、可以在相关页面去除 GeekAI 的版权信息，或者修改为自己的版权信息</li>
</ol>
<el-form :model="system" label-width="150px" label-position="right">
<el-form-item label="许可授权码" prop="license">
<el-input v-model="licenseKey" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="active">立即激活</el-button>
</el-form-item>
</el-form>
</div>
</el-tab-pane>
<!-- <el-tab-pane label="修复数据" name="fixData">
<div class="container">
<p class="text">
有些版本升级的时候更新了数据库的结构，比如字段名字改了，需要把之前的字段的值转移到其他字段，这些无法通过简单的
SQL 语句可以实现的，需要手动写程序修正数据。
</p>
<div class="mt-3">
<el-button type="primary" @click="fixData">立即修复</el-button>
</div>
</div>
</el-tab-pane> -->
</el-tabs>
</div>
</template>
<script setup>
import ItemsInput from '@/components/ui/ItemsInput.vue'
import { useSharedStore } from '@/store/sharedata'
import { httpGet, httpPost } from '@/utils/http'
import { copyObj, dateFormat } from '@/utils/libs'
import Menu from '@/views/admin/Menu.vue'
import { CloseBold, InfoFilled, Select, UploadFilled } from '@element-plus/icons-vue'
import Compressor from 'compressorjs'
import { ElMessage } from 'element-plus'
import MdEditor from 'md-editor-v3'
import 'md-editor-v3/lib/style.css'
import { onMounted, reactive, ref } from 'vue'
const activeName = ref('basic')
const system = ref({ models: [] })
const configBak = ref({})
const loading = ref(true)
const systemFormRef = ref(null)
const models = ref([])
const notice = ref('')
const agreement = ref('')
const privacy = ref('')
const license = ref({ is_active: false })
const menus = ref([])
const mjModels = ref([
{ name: '慢速（Relax）', value: 'relax' },
{ name: '快速（Fast）', value: 'fast' },
{ name: '急速（Turbo）', value: 'turbo' },
])
const store = useSharedStore()
onMounted(() => {
// 加载系统配置
httpGet('/api/admin/config/get?key=system')
.then((res) => {
system.value = res.data
system.value.keling_powers = system.value.keling_powers || {
'kling-v1-6_std_5': 240,
'kling-v1-6_std_10': 480,
'kling-v1-6_pro_5': 420,
'kling-v1-6_pro_10': 840,
'kling-v1-5_std_5': 240,
'kling-v1-5_std_10': 480,
'kling-v1-5_pro_5': 420,
'kling-v1-5_pro_10': 840,
'kling-v1_std_5': 120,
'kling-v1_std_10': 240,
'kling-v1_pro_5': 420,
'kling-v1_pro_10': 840,
}
configBak.value = copyObj(system.value)
})
.catch((e) => {
ElMessage.error('加载系统配置失败: ' + e.message)
})
// 加载聊天配置
httpGet('/api/admin/config/get?key=notice')
.then((res) => {
notice.value = res.data['content']
})
.catch((e) => {
ElMessage.error('公告信息失败: ' + e.message)
})
// 加载用户协议
httpGet('/api/admin/config/get?key=agreement')
.then((res) => {
agreement.value = res.data['content'] || ''
})
.catch((e) => {
console.warn('加载用户协议失败: ' + e.message)
})
// 加载隐私政策
httpGet('/api/admin/config/get?key=privacy')
.then((res) => {
privacy.value = res.data['content'] || ''
})
.catch((e) => {
console.warn('加载隐私政策失败: ' + e.message)
})
httpGet('/api/admin/model/list')
.then((res) => {
models.value = res.data
loading.value = false
})
.catch((e) => {
ElMessage.error('获取模型失败：' + e.message)
})
httpGet('/api/admin/menu/list')
.then((res) => {
menus.value = res.data
})
.catch((e) => {
ElMessage.error('获取模型失败：' + e.message)
})
fetchLicense()
})
const fetchLicense = () => {
httpGet('/api/admin/config/license')
.then((res) => {
license.value = res.data
})
.catch((e) => {
ElMessage.error('获取 License 失败：' + e.message)
})
}
const rules = reactive({
title: [{ required: true, message: '请输入网站标题', trigger: 'blur' }],
admin_title: [{ required: true, message: '请输入控制台标题', trigger: 'blur' }],
init_chat_calls: [{ required: true, message: '请输入赠送对话次数', trigger: 'blur' }],
user_img_calls: [{ required: true, message: '请输入赠送绘图次数', trigger: 'blur' }],
})
const save = function (key) {
if (key === 'system') {
systemFormRef.value.validate((valid) => {
if (valid) {
httpPost('/api/admin/config/update', {
key: key,
config: system.value,
config_bak: configBak.value,
})
.then(() => {
ElMessage.success('操作成功！')
})
.catch((e) => {
ElMessage.error('操作失败：' + e.message)
})
}
})
} else if (key === 'notice') {
httpPost('/api/admin/config/update', {
key: key,
config: { content: notice.value, updated: true },
})
.then(() => {
ElMessage.success('操作成功！')
})
.catch((e) => {
ElMessage.error('操作失败：' + e.message)
})
} else if (key === 'agreement') {
httpPost('/api/admin/config/update', {
key: key,
config: { content: agreement.value, updated: true },
})
.then(() => {
ElMessage.success('操作成功！')
})
.catch((e) => {
ElMessage.error('操作失败：' + e.message)
})
} else if (key === 'privacy') {
httpPost('/api/admin/config/update', {
key: key,
config: { content: privacy.value, updated: true },
})
.then(() => {
ElMessage.success('操作成功！')
})
.catch((e) => {
ElMessage.error('操作失败：' + e.message)
})
}
}
// 激活授权
const licenseKey = ref('')
const active = () => {
if (licenseKey.value === '') {
return ElMessage.error('请输入授权码')
}
httpPost('/api/admin/config/active', { license: licenseKey.value })
.then((res) => {
ElMessage.success('授权成功，机器编码为：' + res.data)
fetchLicense()
})
.catch((e) => {
ElMessage.error(e.message)
})
}
const configKey = ref('')
const beforeUpload = (key) => {
configKey.value = key
}
// 图片上传
const uploadImg = (file) => {
// 压缩图片并上传
new Compressor(file.file, {
quality: 0.6,
success(result) {
const formData = new FormData()
formData.append('file', result, result.name)
// 执行上传操作
httpPost('/api/admin/upload', formData)
.then((res) => {
system.value[configKey.value] = res.data.url
ElMessage.success('上传成功')
})
.catch((e) => {
ElMessage.error('上传失败:' + e.message)
})
},
error(e) {
ElMessage.error('上传失败:' + e.message)
},
})
}
// 编辑期文件上传处理
const onUploadImg = (files, callback) => {
Promise.all(
files.map((file) => {
return new Promise((rev, rej) => {
const formData = new FormData()
formData.append('file', file, file.name)
// 执行上传操作
httpPost('/api/admin/upload', formData)
.then((res) => rev(res))
.catch((error) => rej(error))
})
})
)
.then((res) => {
ElMessage.success({ message: '上传成功', duration: 500 })
callback(res.map((item) => item.data.url))
})
.catch((e) => {
ElMessage.error('图片上传失败:' + e.message)
})
}
// const fixData = () => {
// ElMessageBox.confirm('在修复数据前，请先备份好数据库，以免数据丢失！是否继续操作?', '警告', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning',
// }).then(() => {
// loading.value = true
// httpGet('/api/admin/config/fixData')
// .then(() => {
// ElMessage.success('数据修复成功')
// loading.value = false
// })
// .catch((e) => {
// loading.value = false
// ElMessage.error('数据修复失败：' + e.message)
// })
// })
// }
</script>
<style lang="scss" scoped>
@use '../../assets/css/admin/form.scss' as *;
@use '../../assets/css/main.scss' as *;
.system-config {
display: flex;
justify-content: center;
.sys-tabs {
width: 100%;
background-color: var(--el-bg-color);
padding: 10px 20px 40px 20px;
//border: 1px solid var(--el-border-color);
}
}
</style>

588
web/src/views/admin/SystemConfig.vue
View File

@@ -1,588 +0,0 @@
<template>
<div class="system-config form" v-loading="loading">
<div class="container">
<h3>系统配置</h3>
<el-form
:model="system"
label-width="150px"
label-position="right"
ref="systemFormRef"
:rules="rules"
>
<el-tabs type="border-card">
<el-tab-pane label="基础配置">
<el-form-item label="网站标题" prop="title">
<el-input v-model="system['title']" />
</el-form-item>
<el-form-item label="控制台标题" prop="admin_title">
<el-input v-model="system['admin_title']" />
</el-form-item>
<el-form-item label="网站Slogan" prop="slogan">
<el-input v-model="system['slogan']" />
</el-form-item>
<el-form-item label="圆形 LOGO" prop="logo">
<el-input v-model="system['logo']" placeholder="正方形或者圆形 Logo">
<template #append>
<el-upload
:auto-upload="true"
:show-file-list="false"
@click="beforeUpload('logo')"
:http-request="uploadImg"
>
<el-icon class="uploader-icon">
<UploadFilled />
</el-icon>
</el-upload>
</template>
</el-input>
</el-form-item>
<el-form-item label="条形 LOGO" prop="logo">
<el-input v-model="system['bar_logo']" placeholder="长方形 Logo">
<template #append>
<el-upload
:auto-upload="true"
:show-file-list="false"
@click="beforeUpload('bar_logo')"
:http-request="uploadImg"
>
<el-icon class="uploader-icon">
<UploadFilled />
</el-icon>
</el-upload>
</template>
</el-input>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
首页导航菜单
<el-tooltip
effect="dark"
content="被选中的菜单将会在首页导航栏显示"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-select
v-model="system['index_navs']"
multiple
:filterable="true"
placeholder="请选择菜单，多选"
style="width: 100%"
>
<el-option
v-for="item in menus"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="版权信息" prop="copyright">
<el-input
v-model="system['copyright']"
placeholder="更改此选项需要获取 License 授权"
/>
</el-form-item>
<el-form-item label="默认昵称" prop="default_nickname">
<el-input v-model="system['default_nickname']" placeholder="默认昵称" />
</el-form-item>
<el-form-item label="ICP 备案号" prop="icp">
<el-input v-model="system['icp']" placeholder="请输入 ICP 备案号" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
开放注册
<el-tooltip
effect="dark"
content="关闭注册之后只能通过管理后台添加用户"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-switch v-model="system['enabled_register']" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
启用验证码
<el-tooltip
effect="dark"
content="启用验证码之后，注册登录都会加载行为验证码，增加安全性。此功能需要购买验证码服务才会生效。"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-switch v-model="system['enabled_verify']" />
</el-form-item>
<el-form-item label="注册方式" prop="register_ways">
<el-checkbox-group v-model="system['register_ways']">
<el-checkbox value="mobile">手机注册</el-checkbox>
<el-checkbox value="email">邮箱注册</el-checkbox>
<el-checkbox value="username">用户名注册</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="邮件域名白名单" prop="register_ways">
<items-input v-model:value="system['email_white_list']" />
</el-form-item>
<el-form-item label="微信客服二维码" prop="wechat_card_url">
<el-input v-model="system['wechat_card_url']" placeholder="微信客服二维码">
<template #append>
<el-upload
:auto-upload="true"
:show-file-list="false"
@click="beforeUpload('wechat_card_url')"
:http-request="uploadImg"
>
<el-icon class="uploader-icon">
<UploadFilled />
</el-icon>
</el-upload>
</template>
</el-input>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
系统辅助AI模型
<el-tooltip
effect="dark"
content="用来辅助用户生成提示词，翻译的AI模型，默认使用 gpt-4o-mini"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-select
v-model.number="system['assistant_model_id']"
:filterable="true"
placeholder="选择一个系统辅助AI模型"
style="width: 100%"
>
<el-option
v-for="item in models"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="开启聊天上下文">
<el-switch v-model="system['enable_context']" />
</el-form-item>
<el-form-item label="会话上下文深度">
<div class="tip-input-line">
<el-input-number v-model="system['context_deep']" :min="0" :max="10" />
<div class="tip">
会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为 0
则不加载聊天记录，仅仅使用当前角色的上下文。该配置参数必须设置需要为偶数。
</div>
</div>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
SD反向提示词
<el-tooltip
effect="dark"
content="Stable-Diffusion 绘画默认反向提示词"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input
type="textarea"
:rows="2"
v-model="system['sd_neg_prompt']"
placeholder=""
/>
</el-form-item>
<el-form-item label="会员充值说明" prop="order_pay_timeout">
<template #label>
<div class="label-title">
会员充值说明
<el-tooltip
effect="dark"
content="会员充值页面的充值说明文字"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input
type="textarea"
:rows="2"
v-model="system['vip_info_text']"
placeholder=""
/>
</el-form-item>
<el-form-item label="MJ默认API模式" prop="mj_mode">
<el-select v-model="system['mj_mode']" placeholder="请选择模式">
<el-option
v-for="item in mjModels"
:value="item.value"
:label="item.name"
:key="item.value"
>{{ item.name }}
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上传文件限制" prop="max_file_size">
<el-input
v-model.number="system['max_file_size']"
placeholder="最大上传文件大小，单位：MB"
/>
</el-form-item>
</el-tab-pane>
<el-tab-pane label="算力配置">
<el-form-item label="注册赠送算力" prop="init_power">
<el-input v-model.number="system['init_power']" placeholder="新用户注册赠送算力" />
</el-form-item>
<el-form-item label="邀请赠送算力" prop="invite_power">
<el-input
v-model.number="system['invite_power']"
placeholder="邀请新用户注册赠送算力"
/>
</el-form-item>
<el-form-item label="VIP每月赠送算力" prop="vip_month_power">
<el-input
v-model.number="system['vip_month_power']"
placeholder="VIP用户每月赠送算力"
/>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
签到赠送算力
<el-tooltip
effect="dark"
content="每日签到赠送算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['daily_power']" placeholder="默认值0" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
MJ绘图算力
<el-tooltip
effect="dark"
content="使用MidJourney画一张图消耗算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['mj_power']" placeholder="" />
</el-form-item>
<el-form-item label="Stable-Diffusion算力" prop="sd_power">
<el-input
v-model.number="system['sd_power']"
placeholder="使用Stable-Diffusion画一张图消耗算力"
/>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
DALL-E-3算力
<el-tooltip
effect="dark"
content="使用DALL-E-3画一张图消耗算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input
v-model.number="system['dall_power']"
placeholder="使用DALL-E-3画一张图消耗算力"
/>
</el-form-item>
<el-form-item label="Suno 算力" prop="suno_power">
<el-input
v-model.number="system['suno_power']"
placeholder="使用 Suno 生成一首音乐消耗算力"
/>
</el-form-item>
<el-form-item label="Luma 算力" prop="luma_power">
<el-input
v-model.number="system['luma_power']"
placeholder="使用 Luma 生成一段视频消耗算力"
/>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
可灵算力
<el-tooltip
effect="dark"
content="可灵每个模型价格不一样，具体请参考：https://api.geekai.pro/models"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-row :gutter="20" v-if="system['keling_powers']">
<el-col
:span="6"
v-for="[key] in Object.entries(system['keling_powers'])"
:key="key"
>
<el-form-item :label="key" label-position="left">
<el-input v-model.number="system['keling_powers'][key]" size="small" />
</el-form-item>
</el-col>
</el-row>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
高级语音算力
<el-tooltip
effect="dark"
content="使用一次 OpenAI 高级语音对话消耗的算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['advance_voice_power']" placeholder="" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
提示词算力
<el-tooltip
effect="dark"
content="生成AI绘图提示词，歌词，视频描述消耗的算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['prompt_power']" placeholder="" />
</el-form-item>
</el-tab-pane>
</el-tabs>
<div style="padding: 10px">
<el-form-item>
<el-button type="primary" @click="save">保存</el-button>
</el-form-item>
</div>
</el-form>
</div>
</div>
</template>
<script setup>
import ItemsInput from '@/components/ui/ItemsInput.vue'
import { useSharedStore } from '@/store/sharedata'
import { httpGet, httpPost } from '@/utils/http'
import { copyObj } from '@/utils/libs'
import { InfoFilled, UploadFilled } from '@element-plus/icons-vue'
import Compressor from 'compressorjs'
import { ElMessage } from 'element-plus'
import { onMounted, reactive, ref } from 'vue'
const system = ref({ models: [] })
const configBak = ref({})
const loading = ref(true)
const systemFormRef = ref(null)
const models = ref([])
const menus = ref([])
const mjModels = ref([
{ name: '慢速（Relax）', value: 'relax' },
{ name: '快速（Fast）', value: 'fast' },
{ name: '急速（Turbo）', value: 'turbo' },
])
const store = useSharedStore()
onMounted(() => {
// 加载系统配置
httpGet('/api/admin/config/get?key=system')
.then((res) => {
system.value = res.data
system.value.keling_powers = system.value.keling_powers || {
'kling-v1-6_std_5': 240,
'kling-v1-6_std_10': 480,
'kling-v1-6_pro_5': 420,
'kling-v1-6_pro_10': 840,
'kling-v1-5_std_5': 240,
'kling-v1-5_std_10': 480,
'kling-v1-5_pro_5': 420,
'kling-v1-5_pro_10': 840,
'kling-v1_std_5': 120,
'kling-v1_std_10': 240,
'kling-v1_pro_5': 420,
'kling-v1_pro_10': 840,
}
configBak.value = copyObj(system.value)
})
.catch((e) => {
ElMessage.error('加载系统配置失败: ' + e.message)
})
httpGet('/api/admin/model/list')
.then((res) => {
models.value = res.data
loading.value = false
})
.catch((e) => {
ElMessage.error('获取模型失败：' + e.message)
})
httpGet('/api/admin/menu/list')
.then((res) => {
menus.value = res.data
})
.catch((e) => {
ElMessage.error('获取菜单失败：' + e.message)
})
})
const rules = reactive({
title: [{ required: true, message: '请输入网站标题', trigger: 'blur' }],
admin_title: [{ required: true, message: '请输入控制台标题', trigger: 'blur' }],
init_chat_calls: [{ required: true, message: '请输入赠送对话次数', trigger: 'blur' }],
user_img_calls: [{ required: true, message: '请输入赠送绘图次数', trigger: 'blur' }],
})
const save = function () {
systemFormRef.value.validate((valid) => {
if (valid) {
httpPost('/api/admin/config/update', {
key: 'system',
config: system.value,
config_bak: configBak.value,
})
.then(() => {
ElMessage.success('操作成功！')
})
.catch((e) => {
ElMessage.error('操作失败：' + e.message)
})
}
})
}
const configKey = ref('')
const beforeUpload = (key) => {
configKey.value = key
}
// 图片上传
const uploadImg = (file) => {
// 压缩图片并上传
new Compressor(file.file, {
quality: 0.6,
success(result) {
const formData = new FormData()
formData.append('file', result, result.name)
// 执行上传操作
httpPost('/api/admin/upload', formData)
.then((res) => {
system.value[configKey.value] = res.data.url
ElMessage.success('上传成功')
})
.catch((e) => {
ElMessage.error('上传失败:' + e.message)
})
},
error(e) {
ElMessage.error('上传失败:' + e.message)
},
})
}
</script>
<style lang="scss" scoped>
@use '../../assets/css/admin/form.scss' as *;
@use '../../assets/css/main.scss' as *;
.system-config {
display: flex;
justify-content: center;
}
.container {
width: 100%;
background-color: var(--el-bg-color);
padding: 10px 20px 40px 20px;
}
.label-title {
display: flex;
align-items: center;
gap: 5px;
}
.tip-input-line {
display: flex;
align-items: center;
gap: 10px;
}
.tip {
color: #666;
font-size: 12px;
line-height: 1.4;
}
</style>

0
web/src/views/admin/AgreementConfig.vue → web/src/views/admin/settings/AgreementConfig.vue
View File

0
web/src/views/admin/ApiConfig.vue → web/src/views/admin/settings/ApiConfig.vue
View File

339
web/src/views/admin/settings/BasicConfig.vue Normal file
View File

@@ -0,0 +1,339 @@
<template>
<div class="basic-config form" v-loading="loading">
<div class="container">
<el-form
:model="system"
label-position="top"
class="py-3 px-5"
ref="systemFormRef"
:rules="rules"
>
<div class="basic-config-form">
<el-form-item label="网站标题" prop="title">
<el-input v-model="system['title']" />
</el-form-item>
<el-form-item label="控制台标题" prop="admin_title">
<el-input v-model="system['admin_title']" />
</el-form-item>
<el-form-item label="网站Slogan" prop="slogan">
<el-input v-model="system['slogan']" />
</el-form-item>
<el-form-item label="圆形 LOGO" prop="logo">
<el-input v-model="system['logo']" placeholder="正方形或者圆形 Logo">
<template #append>
<el-upload
:auto-upload="true"
:show-file-list="false"
@click="beforeUpload('logo')"
:http-request="uploadImg"
>
<el-icon class="uploader-icon">
<UploadFilled />
</el-icon>
</el-upload>
</template>
</el-input>
</el-form-item>
<el-form-item label="条形 LOGO" prop="logo">
<el-input v-model="system['bar_logo']" placeholder="长方形 Logo">
<template #append>
<el-upload
:auto-upload="true"
:show-file-list="false"
@click="beforeUpload('bar_logo')"
:http-request="uploadImg"
>
<el-icon class="uploader-icon">
<UploadFilled />
</el-icon>
</el-upload>
</template>
</el-input>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
首页导航菜单
<span class="text-xs text-gray-500">（被选中的菜单将会在首页导航栏显示）</span>
</div>
</template>
<el-select
v-model="system['index_navs']"
multiple
:filterable="true"
placeholder="请选择菜单，多选"
style="width: 100%"
>
<el-option v-for="item in menus" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="版权信息" prop="copyright">
<el-input v-model="system['copyright']" placeholder="更改此选项需要获取 License 授权" />
</el-form-item>
<el-form-item label="默认昵称" prop="default_nickname">
<el-input v-model="system['default_nickname']" placeholder="默认昵称" />
</el-form-item>
<el-form-item label="ICP 备案号" prop="icp">
<el-input v-model="system['icp']" placeholder="请输入 ICP 备案号" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
开放注册
<span class="text-xs text-gray-500">（关闭注册之后只能通过管理后台添加用户）</span>
</div>
</template>
<el-switch v-model="system['enabled_register']" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
启用验证码
<span class="text-xs text-gray-500"
>（启用验证码之后，注册登录都会加载行为验证码，增加安全性。）</span
>
</div>
</template>
<el-switch v-model="system['enabled_verify']" />
</el-form-item>
<el-form-item label="注册方式" prop="register_ways">
<el-checkbox-group v-model="system['register_ways']">
<el-checkbox value="mobile">手机注册</el-checkbox>
<el-checkbox value="email">邮箱注册</el-checkbox>
<el-checkbox value="username">用户名注册</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="邮件域名白名单" prop="email_white_list">
<items-input v-model="system['email_white_list']" />
</el-form-item>
<el-form-item label="微信客服二维码" prop="wechat_card_url">
<el-input v-model="system['wechat_card_url']" placeholder="微信客服二维码">
<template #append>
<el-upload
:auto-upload="true"
:show-file-list="false"
@click="beforeUpload('wechat_card_url')"
:http-request="uploadImg"
>
<el-icon class="uploader-icon">
<UploadFilled />
</el-icon>
</el-upload>
</template>
</el-input>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
系统辅助AI模型
<span class="text-xs text-gray-500"
>（用来辅助用户生成提示词，翻译的AI模型，默认使用 gpt-4o-mini）</span
>
</div>
</template>
<el-select
v-model.number="system['assistant_model_id']"
:filterable="true"
placeholder="选择一个系统辅助AI模型"
style="width: 100%"
>
<el-option
v-for="item in models"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="开启聊天上下文">
<el-switch v-model="system['enable_context']" />
</el-form-item>
<el-form-item label="会话上下文深度">
<div class="tip-input-line">
<el-input-number v-model="system['context_deep']" :min="0" :max="10" />
<div class="tip">
会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为 0
则不加载聊天记录，仅仅使用当前角色的上下文。该配置参数必须设置需要为偶数。
</div>
</div>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
SD反向提示词
<span class="text-xs text-gray-500">（Stable-Diffusion 绘画默认反向提示词）</span>
</div>
</template>
<el-input type="textarea" :rows="2" v-model="system['sd_neg_prompt']" placeholder="" />
</el-form-item>
<el-form-item label="会员充值说明" prop="vip_info_text">
<template #label>
<div class="label-title">
会员充值说明
<span class="text-xs text-gray-500">（会员充值页面的充值说明文字）</span>
</div>
</template>
<el-input type="textarea" :rows="2" v-model="system['vip_info_text']" placeholder="" />
</el-form-item>
<el-form-item label="MJ默认API模式" prop="mj_mode">
<el-select v-model="system['mj_mode']" placeholder="请选择模式">
<el-option
v-for="item in mjModels"
:value="item.value"
:label="item.name"
:key="item.value"
>{{ item.name }}
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="max_file_size">
<template #label>
<div class="label-title">
上传文件限制
<span class="text-xs text-gray-500">（最大上传文件大小，单位：MB）</span>
</div>
</template>
<el-input
v-model.number="system['max_file_size']"
placeholder="最大上传文件大小，单位：MB"
/>
</el-form-item>
</div>
<div style="padding: 10px">
<el-form-item>
<el-button type="primary" @click="save">保存</el-button>
</el-form-item>
</div>
</el-form>
</div>
</div>
</template>
<script setup>
import ItemsInput from '@/components/ui/ItemsInput.vue'
import { httpGet, httpPost } from '@/utils/http'
import { copyObj } from '@/utils/libs'
import { UploadFilled } from '@element-plus/icons-vue'
import Compressor from 'compressorjs'
import { ElMessage } from 'element-plus'
import { onMounted, reactive, ref } from 'vue'
const system = ref({ models: [] })
const configBak = ref({})
const loading = ref(true)
const systemFormRef = ref(null)
const models = ref([])
const menus = ref([])
const mjModels = ref([
{ name: '慢速（Relax）', value: 'relax' },
{ name: '快速（Fast）', value: 'fast' },
{ name: '急速（Turbo）', value: 'turbo' },
])
onMounted(() => {
// 加载系统配置
httpGet('/api/admin/config/get?key=system')
.then((res) => {
system.value = res.data
configBak.value = copyObj(system.value)
})
.catch((e) => {
ElMessage.error('加载系统配置失败: ' + e.message)
})
.finally(() => {
loading.value = false
})
httpGet('/api/admin/model/list')
.then((res) => {
models.value = res.data
})
.catch((e) => {
ElMessage.error('获取模型失败：' + e.message)
})
httpGet('/api/admin/menu/list')
.then((res) => {
menus.value = res.data
})
.catch((e) => {
ElMessage.error('获取菜单失败：' + e.message)
})
})
const rules = reactive({
title: [{ required: true, message: '请输入网站标题', trigger: 'blur' }],
admin_title: [{ required: true, message: '请输入控制台标题', trigger: 'blur' }],
})
const save = function () {
systemFormRef.value.validate((valid) => {
if (valid) {
httpPost('/api/admin/config/update', {
key: 'system',
config: system.value,
config_bak: configBak.value,
})
.then(() => {
ElMessage.success('操作成功！')
})
.catch((e) => {
ElMessage.error('操作失败：' + e.message)
})
}
})
}
const configKey = ref('')
const beforeUpload = (key) => {
configKey.value = key
}
// 图片上传
const uploadImg = (file) => {
// 压缩图片并上传
new Compressor(file.file, {
quality: 0.6,
success(result) {
const formData = new FormData()
formData.append('file', result, result.name)
// 执行上传操作
httpPost('/api/admin/upload', formData)
.then((res) => {
system.value[configKey.value] = res.data.url
ElMessage.success('上传成功')
})
.catch((e) => {
ElMessage.error('上传失败:' + e.message)
})
},
error(e) {
ElMessage.error('上传失败:' + e.message)
},
})
}
</script>
<style lang="scss" scoped>
@use '../../../assets/css/admin/form.scss' as *;
@use '../../../assets/css/main.scss' as *;
.basic-config {
display: flex;
justify-content: center;
padding: 20px;
}
</style>

0
web/src/views/admin/CommunicationConfig.vue → web/src/views/admin/settings/CommunicationConfig.vue
View File

32
web/src/views/admin/LicenseConfig.vue → web/src/views/admin/settings/LicenseConfig.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="license-config form" v-loading="loading">
<div class="license-config form p-5" v-loading="loading">
<div class="container">
<el-descriptions
v-if="license.is_active"
@@ -42,21 +42,23 @@
</el-descriptions-item>
</el-descriptions>
<h3>激活后可获得以下权限：</h3>
<ol class="active-info">
<li>1、使用任意第三方中转 API KEY，而不用局限于 GeekAI 推荐的白名单列表</li>
<li>2、可以在相关页面去除 GeekAI 的版权信息，或者修改为自己的版权信息</li>
</ol>
<div class="mt-5 p-5 border border-gray-200 rounded-md bg-gray-50">
<h3>激活后可获得以下权限：</h3>
<div class="py-3 text-gray-500 leading-relaxed">
<p>1、使用任意第三方中转 API KEY，而不用局限于 GeekAI 推荐的白名单列表</p>
<p>2、可以在相关页面去除 GeekAI 的版权信息，或者修改为自己的版权信息</p>
</div>
<el-form :model="system" label-width="150px" label-position="right">
<el-form-item label="许可授权码" prop="license">
<el-input v-model="licenseKey" />
</el-form-item>
<el-form label-position="top">
<el-form-item label="许可授权码" prop="license">
<el-input v-model="licenseKey" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="active">立即激活</el-button>
</el-form-item>
</el-form>
<el-form-item>
<el-button type="primary" @click="active">立即激活</el-button>
</el-form-item>
</el-form>
</div>
</div>
</div>
</template>
@@ -64,8 +66,8 @@
<script setup>
import { httpGet, httpPost } from '@/utils/http'
import { dateFormat } from '@/utils/libs'
import { ElMessage } from 'element-plus'
import { CloseBold, Select } from '@element-plus/icons-vue'
import { ElMessage } from 'element-plus'
import { onMounted, ref } from 'vue'
const loading = ref(true)

132
web/src/views/admin/settings/MarkMapConfig.vue Normal file
View File

@@ -0,0 +1,132 @@
<template>
<div class="markmap-config form" v-loading="loading">
<div class="container">
<h3>思维导图配置</h3>
<el-form
:model="system"
label-width="150px"
label-position="right"
ref="systemFormRef"
:rules="rules"
>
<el-form-item>
<template #label>
<div class="label-title">
思维导图默认文本
<el-tooltip
effect="dark"
content="用户访问思维导图页面时显示的默认文本内容，支持 Markdown 格式"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<md-editor
class="mgb20"
:theme="store.theme"
v-model="system['mark_map_text']"
@on-upload-img="onUploadImg"
placeholder="请输入思维导图页面的默认文本内容，支持 Markdown 格式"
/>
</el-form-item>
<div style="padding: 10px">
<el-form-item>
<el-button type="primary" @click="save">保存</el-button>
</el-form-item>
</div>
</el-form>
</div>
</div>
</template>
<script setup>
import { useSharedStore } from '@/store/sharedata'
import { httpGet, httpPost } from '@/utils/http'
import { InfoFilled } from '@element-plus/icons-vue'
import { ElMessage } from 'element-plus'
import MdEditor from 'md-editor-v3'
import 'md-editor-v3/lib/style.css'
import { onMounted, reactive, ref } from 'vue'
const system = ref({})
const loading = ref(true)
const systemFormRef = ref(null)
const store = useSharedStore()
onMounted(() => {
// 加载系统配置
httpGet('/api/admin/config/get?key=system')
.then((res) => {
system.value = res.data
loading.value = false
})
.catch((e) => {
ElMessage.error('加载系统配置失败: ' + e.message)
loading.value = false
})
})
const rules = reactive({})
const save = function () {
httpPost('/api/admin/config/update', {
key: 'system',
config: { mark_map_text: system.value.mark_map_text },
})
.then(() => {
ElMessage.success('操作成功！')
})
.catch((e) => {
ElMessage.error('操作失败：' + e.message)
})
}
// 编辑期文件上传处理
const onUploadImg = (files, callback) => {
Promise.all(
files.map((file) => {
return new Promise((rev, rej) => {
const formData = new FormData()
formData.append('file', file, file.name)
// 执行上传操作
httpPost('/api/admin/upload', formData)
.then((res) => rev(res))
.catch((error) => rej(error))
})
})
)
.then((res) => {
ElMessage.success({ message: '上传成功', duration: 500 })
callback(res.map((item) => item.data.url))
})
.catch((e) => {
ElMessage.error('图片上传失败:' + e.message)
})
}
</script>
<style lang="scss" scoped>
@use '../../../assets/css/admin/form.scss' as *;
@use '../../../assets/css/main.scss' as *;
.markmap-config {
display: flex;
justify-content: center;
padding: 20px;
}
.container {
width: 100%;
background-color: var(--el-bg-color);
padding: 10px 20px 40px 20px;
}
.mgb20 {
margin-bottom: 20px;
}
</style>

6
web/src/views/admin/Menu.vue → web/src/views/admin/settings/MenuConfig.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="container menu" v-loading="loading">
<div class="container menu p-5" v-loading="loading">
<div class="handle-box">
<el-button type="primary" :icon="Plus" @click="add">新增</el-button>
</div>
@@ -253,8 +253,8 @@ const uploadImg = (file) => {
</script>
<style lang="scss" scoped>
@use '../../assets/css/admin/form.scss' as *;
@use '../../assets/css/main.scss' as *;
@use '@/assets/css/admin/form.scss' as *;
@use '@/assets/css/main.scss' as *;
.menu {
.handle-box {
margin-bottom: 20px;

0
web/src/views/admin/NoticeConfig.vue → web/src/views/admin/settings/NoticeConfig.vue
View File

0
web/src/views/admin/PaymentConfig.vue → web/src/views/admin/settings/PaymentConfig.vue
View File

237
web/src/views/admin/settings/PowerConfig.vue Normal file
View File

@@ -0,0 +1,237 @@
<template>
<div class="power-config form">
<div class="container">
<el-form
:model="system"
label-position="top"
ref="systemFormRef"
class="px-3 py-5"
:rules="rules"
>
<div>
<el-form-item label="注册赠送算力" prop="init_power">
<el-input v-model.number="system['init_power']" placeholder="新用户注册赠送算力" />
</el-form-item>
<el-form-item label="邀请赠送算力" prop="invite_power">
<el-input
v-model.number="system['invite_power']"
placeholder="邀请新用户注册赠送算力"
/>
</el-form-item>
<el-form-item label="VIP每月赠送算力" prop="vip_month_power">
<el-input
v-model.number="system['vip_month_power']"
placeholder="VIP用户每月赠送算力"
/>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
签到赠送算力
<el-tooltip effect="dark" content="每日签到赠送算力" raw-content placement="right">
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['daily_power']" placeholder="默认值0" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
MJ绘图算力
<el-tooltip
effect="dark"
content="使用MidJourney画一张图消耗算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['mj_power']" placeholder="" />
</el-form-item>
<el-form-item label="Stable-Diffusion算力" prop="sd_power">
<el-input
v-model.number="system['sd_power']"
placeholder="使用Stable-Diffusion画一张图消耗算力"
/>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
DALL-E-3算力
<el-tooltip
effect="dark"
content="使用DALL-E-3画一张图消耗算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input
v-model.number="system['dall_power']"
placeholder="使用DALL-E-3画一张图消耗算力"
/>
</el-form-item>
<el-form-item label="Suno 算力" prop="suno_power">
<el-input
v-model.number="system['suno_power']"
placeholder="使用 Suno 生成一首音乐消耗算力"
/>
</el-form-item>
<el-form-item label="Luma 算力" prop="luma_power">
<el-input
v-model.number="system['luma_power']"
placeholder="使用 Luma 生成一段视频消耗算力"
/>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
可灵算力
<el-tooltip
effect="dark"
content="可灵每个模型价格不一样，具体请参考：https://api.geekai.pro/models"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-row :gutter="20" v-if="system['keling_powers']">
<el-col :span="6" v-for="[key] in Object.entries(system['keling_powers'])" :key="key">
<el-form-item :label="key" label-position="left">
<el-input v-model.number="system['keling_powers'][key]" size="small" />
</el-form-item>
</el-col>
</el-row>
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
高级语音算力
<el-tooltip
effect="dark"
content="使用一次 OpenAI 高级语音对话消耗的算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['advance_voice_power']" placeholder="" />
</el-form-item>
<el-form-item>
<template #label>
<div class="label-title">
提示词算力
<el-tooltip
effect="dark"
content="生成AI绘图提示词，歌词，视频描述消耗的算力"
raw-content
placement="right"
>
<el-icon>
<InfoFilled />
</el-icon>
</el-tooltip>
</div>
</template>
<el-input v-model.number="system['prompt_power']" placeholder="" />
</el-form-item>
</div>
<div style="padding: 10px">
<el-form-item>
<el-button type="primary" @click="save">保存</el-button>
</el-form-item>
</div>
</el-form>
</div>
</div>
</template>
<script setup>
import { httpGet, httpPost } from '@/utils/http'
import { copyObj } from '@/utils/libs'
import { InfoFilled } from '@element-plus/icons-vue'
import { ElMessage } from 'element-plus'
import { onMounted, reactive, ref } from 'vue'
const system = ref({})
const configBak = ref({})
const systemFormRef = ref(null)
onMounted(() => {
// 加载系统配置
httpGet('/api/admin/config/get?key=system')
.then((res) => {
system.value = res.data
system.value.keling_powers = system.value.keling_powers || {
'kling-v1-6_std_5': 240,
'kling-v1-6_std_10': 480,
'kling-v1-6_pro_5': 420,
'kling-v1-6_pro_10': 840,
'kling-v1-5_std_5': 240,
'kling-v1-5_std_10': 480,
'kling-v1-5_pro_5': 420,
'kling-v1-5_pro_10': 840,
'kling-v1_std_5': 120,
'kling-v1_std_10': 240,
'kling-v1_pro_5': 420,
'kling-v1_pro_10': 840,
}
configBak.value = copyObj(system.value)
})
.catch((e) => {
ElMessage.error('加载系统配置失败: ' + e.message)
})
})
const rules = reactive({})
const save = function () {
systemFormRef.value.validate((valid) => {
if (valid) {
httpPost('/api/admin/config/update', {
key: 'system',
config: system.value,
config_bak: configBak.value,
})
.then(() => {
ElMessage.success('操作成功！')
})
.catch((e) => {
ElMessage.error('操作失败：' + e.message)
})
}
})
}
</script>
<style lang="scss" scoped>
@use '../../../assets/css/admin/form.scss' as *;
@use '../../../assets/css/main.scss' as *;
.power-config {
display: flex;
justify-content: center;
padding: 20px;
}
</style>

0
web/src/views/admin/PrivacyConfig.vue → web/src/views/admin/settings/PrivacyConfig.vue
View File

0
web/src/views/admin/StorageConfig.vue → web/src/views/admin/settings/StorageConfig.vue
View File