mirror of
https://github.com/yangjian102621/geekai.git
synced 2026-04-23 11:34:27 +08:00
系统配置重构，支持后台管理页面配置
This commit is contained in:
RockYang
96
web/src/views/admin/AgreementConfig.vue
Normal file
96
web/src/views/admin/AgreementConfig.vue
Normal file
@@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div class="agreement-config form" v-loading="loading">
|
||||
<div class="container">
|
||||
<h3>用户协议</h3>
|
||||
<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">保存</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { useSharedStore } from '@/store/sharedata'
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import MdEditor from 'md-editor-v3'
|
||||
import 'md-editor-v3/lib/style.css'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const store = useSharedStore()
|
||||
const loading = ref(true)
|
||||
const agreement = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
httpGet('/api/admin/config/get?key=agreement')
|
||||
.then((res) => {
|
||||
agreement.value = res.data?.content || ''
|
||||
})
|
||||
.catch((e) => {
|
||||
console.warn('加载用户协议失败: ' + e.message)
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false
|
||||
})
|
||||
})
|
||||
|
||||
const save = () => {
|
||||
httpPost('/api/admin/config/update', {
|
||||
key: 'agreement',
|
||||
config: { content: agreement.value, updated: true },
|
||||
})
|
||||
.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 scoped>
|
||||
.agreement-config {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.mgb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
60
web/src/views/admin/ApiConfig.vue
Normal file
60
web/src/views/admin/ApiConfig.vue
Normal file
@@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<div class="form" v-loading="loading">
|
||||
<el-form :model="api" label-width="140px">
|
||||
<el-form-item label="API 网关"><el-input v-model="api.api_url" /></el-form-item>
|
||||
<el-form-item label="AppId"><el-input v-model="api.app_id" /></el-form-item>
|
||||
<el-form-item label="Token"><el-input v-model="api.token" type="password" /></el-form-item>
|
||||
|
||||
<el-divider>即梦 AI</el-divider>
|
||||
<el-form-item label="AccessKey"
|
||||
><el-input v-model="api.jimeng_config.access_key"
|
||||
/></el-form-item>
|
||||
<el-form-item label="SecretKey"
|
||||
><el-input v-model="api.jimeng_config.secret_key"
|
||||
/></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save">保存</el-button>
|
||||
<el-button @click="test">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const loading = ref(true)
|
||||
const api = ref({
|
||||
api_url: '',
|
||||
app_id: '',
|
||||
token: '',
|
||||
jimeng_config: { access_key: '', secret_key: '' },
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
httpGet('/api/admin/config/get?key=api')
|
||||
.then((res) => (api.value = res.data || api.value))
|
||||
.catch(() => {})
|
||||
.finally(() => (loading.value = false))
|
||||
})
|
||||
|
||||
const save = () => {
|
||||
httpPost('/api/admin/config/update', { key: 'api', config: api.value })
|
||||
.then(() => ElMessage.success('保存成功'))
|
||||
.catch((e) => ElMessage.error(e.message))
|
||||
}
|
||||
|
||||
const test = () => {
|
||||
httpPost('/api/admin/config/test', { key: 'api' })
|
||||
.then((res) => ElMessage.success(res.message || '测试成功'))
|
||||
.catch((e) => ElMessage.error(e.message || '测试失败'))
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.form {
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
</style>
|
||||
108
web/src/views/admin/CommunicationConfig.vue
Normal file
108
web/src/views/admin/CommunicationConfig.vue
Normal file
@@ -0,0 +1,108 @@
|
||||
<template>
|
||||
<div class="form" v-loading="loading">
|
||||
<el-tabs v-model="active">
|
||||
<el-tab-pane label="SMTP 邮件" name="smtp">
|
||||
<el-form :model="smtp" label-width="140px">
|
||||
<el-form-item label="启用TLS"><el-switch v-model="smtp.use_tls" /></el-form-item>
|
||||
<el-form-item label="SMTP服务器"><el-input v-model="smtp.host" /></el-form-item>
|
||||
<el-form-item label="端口"><el-input-number v-model="smtp.port" :min="1" /></el-form-item>
|
||||
<el-form-item label="应用名称"><el-input v-model="smtp.app_name" /></el-form-item>
|
||||
<el-form-item label="发件人地址"><el-input v-model="smtp.from" /></el-form-item>
|
||||
<el-form-item label="发件人密码"
|
||||
><el-input v-model="smtp.password" type="password"
|
||||
/></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('smtp')">保存</el-button>
|
||||
<el-button @click="test('smtp')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane label="短信服务" name="sms">
|
||||
<el-form :model="sms" label-width="140px">
|
||||
<el-form-item label="服务商">
|
||||
<el-select v-model="sms.active" style="width: 200px">
|
||||
<el-option label="阿里云" value="Ali" />
|
||||
<el-option label="短信宝" value="Bao" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<template v-if="sms.active === 'Ali'">
|
||||
<el-form-item label="AccessKey"><el-input v-model="sms.ali.access_key" /></el-form-item>
|
||||
<el-form-item label="AccessSecret"
|
||||
><el-input v-model="sms.ali.access_secret"
|
||||
/></el-form-item>
|
||||
<el-form-item label="签名"><el-input v-model="sms.ali.sign" /></el-form-item>
|
||||
<el-form-item label="模板ID"><el-input v-model="sms.ali.code_temp_id" /></el-form-item>
|
||||
</template>
|
||||
<template v-else>
|
||||
<el-form-item label="用户名"><el-input v-model="sms.bao.username" /></el-form-item>
|
||||
<el-form-item label="密码"
|
||||
><el-input v-model="sms.bao.password" type="password"
|
||||
/></el-form-item>
|
||||
<el-form-item label="域名"><el-input v-model="sms.bao.domain" /></el-form-item>
|
||||
<el-form-item label="签名"><el-input v-model="sms.bao.sign" /></el-form-item>
|
||||
<el-form-item label="模板"
|
||||
><el-input v-model="sms.bao.code_template" type="textarea" :rows="2"
|
||||
/></el-form-item>
|
||||
</template>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('sms')">保存</el-button>
|
||||
<el-button @click="test('sms')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const loading = ref(true)
|
||||
const active = ref('smtp')
|
||||
const smtp = ref({ use_tls: false, host: '', port: 25, app_name: '', from: '', password: '' })
|
||||
const sms = ref({
|
||||
active: 'Ali',
|
||||
ali: { access_key: '', access_secret: '', sign: '', code_temp_id: '' },
|
||||
bao: { username: '', password: '', domain: '', sign: '', code_template: '' },
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
Promise.all([httpGet('/api/admin/config/get?key=smtp'), httpGet('/api/admin/config/get?key=sms')])
|
||||
.then(([s1, s2]) => {
|
||||
const smtpData = s1?.data || {}
|
||||
smtp.value = { ...smtp.value, ...smtpData }
|
||||
|
||||
const smsData = s2?.data || {}
|
||||
sms.value = {
|
||||
...sms.value,
|
||||
...smsData,
|
||||
ali: { ...sms.value.ali, ...(smsData.ali || {}) },
|
||||
bao: { ...sms.value.bao, ...(smsData.bao || {}) },
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
.finally(() => (loading.value = false))
|
||||
})
|
||||
|
||||
const save = (key) => {
|
||||
const map = { smtp, sms }
|
||||
httpPost('/api/admin/config/update', { key, config: map[key].value })
|
||||
.then(() => ElMessage.success('保存成功'))
|
||||
.catch((e) => ElMessage.error(e.message))
|
||||
}
|
||||
|
||||
const test = (key) => {
|
||||
httpPost('/api/admin/config/test', { key })
|
||||
.then((res) => ElMessage.success(res.message || '测试成功'))
|
||||
.catch((e) => ElMessage.error(e.message || '测试失败'))
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.form {
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
</style>
|
||||
149
web/src/views/admin/LicenseConfig.vue
Normal file
149
web/src/views/admin/LicenseConfig.vue
Normal file
@@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<div class="license-config form" v-loading="loading">
|
||||
<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>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<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 { onMounted, ref } from 'vue'
|
||||
|
||||
const loading = ref(true)
|
||||
const license = ref({ is_active: false })
|
||||
const licenseKey = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
fetchLicense()
|
||||
})
|
||||
|
||||
const fetchLicense = () => {
|
||||
httpGet('/api/admin/config/license')
|
||||
.then((res) => {
|
||||
license.value = res.data
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('获取 License 失败：' + e.message)
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false
|
||||
})
|
||||
}
|
||||
|
||||
// 激活授权
|
||||
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)
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.license-config {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.margin-top {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.cell-item {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.selected {
|
||||
color: #67c23a;
|
||||
}
|
||||
|
||||
.closed {
|
||||
color: #f56c6c;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.active-info {
|
||||
margin: 20px 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.active-info li {
|
||||
margin: 10px 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
</style>
|
||||
25
web/src/views/admin/MenuConfig.vue
Normal file
25
web/src/views/admin/MenuConfig.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<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>
|
||||
91
web/src/views/admin/NoticeConfig.vue
Normal file
91
web/src/views/admin/NoticeConfig.vue
Normal file
@@ -0,0 +1,91 @@
|
||||
<template>
|
||||
<div class="notice-config form" v-loading="loading">
|
||||
<div class="container">
|
||||
<h3>公告配置</h3>
|
||||
<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">保存</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { useSharedStore } from '@/store/sharedata'
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import MdEditor from 'md-editor-v3'
|
||||
import 'md-editor-v3/lib/style.css'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const store = useSharedStore()
|
||||
const loading = ref(true)
|
||||
const notice = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
httpGet('/api/admin/config/get?key=notice')
|
||||
.then((res) => {
|
||||
notice.value = res.data?.content || ''
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('加载公告信息失败: ' + e.message)
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false
|
||||
})
|
||||
})
|
||||
|
||||
const save = () => {
|
||||
httpPost('/api/admin/config/update', {
|
||||
key: 'notice',
|
||||
config: { content: notice.value, updated: true },
|
||||
})
|
||||
.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 scoped>
|
||||
.notice-config {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.mgb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
129
web/src/views/admin/PaymentConfig.vue
Normal file
129
web/src/views/admin/PaymentConfig.vue
Normal file
@@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<div class="form" v-loading="loading">
|
||||
<el-tabs v-model="active">
|
||||
<el-tab-pane label="支付宝" name="alipay">
|
||||
<el-form :model="alipay" label-width="140px">
|
||||
<el-form-item label="启用通道"><el-switch v-model="alipay.enabled" /></el-form-item>
|
||||
<el-form-item label="沙盒模式"><el-switch v-model="alipay.sand_box" /></el-form-item>
|
||||
<el-form-item label="AppId"><el-input v-model="alipay.app_id" /></el-form-item>
|
||||
<el-form-item label="商户私钥"
|
||||
><el-input v-model="alipay.private_key" type="textarea" :rows="3"
|
||||
/></el-form-item>
|
||||
<el-form-item label="支付宝公钥"
|
||||
><el-input v-model="alipay.alipay_public_key" type="textarea" :rows="3"
|
||||
/></el-form-item>
|
||||
<el-form-item label="异步通知URL"><el-input v-model="alipay.notify_url" /></el-form-item>
|
||||
<el-form-item label="同步回跳URL"><el-input v-model="alipay.return_url" /></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('alipay')">保存</el-button>
|
||||
<el-button @click="test('alipay')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane label="微信支付" name="wechat">
|
||||
<el-form :model="wechat" label-width="140px">
|
||||
<el-form-item label="启用通道"><el-switch v-model="wechat.enabled" /></el-form-item>
|
||||
<el-form-item label="AppId"><el-input v-model="wechat.app_id" /></el-form-item>
|
||||
<el-form-item label="商户号(MchId)"><el-input v-model="wechat.mch_id" /></el-form-item>
|
||||
<el-form-item label="证书序列号"><el-input v-model="wechat.serial_no" /></el-form-item>
|
||||
<el-form-item label="商户私钥"
|
||||
><el-input v-model="wechat.private_key" type="textarea" :rows="3"
|
||||
/></el-form-item>
|
||||
<el-form-item label="APIv3 Key"><el-input v-model="wechat.api_v3_key" /></el-form-item>
|
||||
<el-form-item label="异步通知URL"><el-input v-model="wechat.notify_url" /></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('wechat')">保存</el-button>
|
||||
<el-button @click="test('wechat')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane label="虎皮椒" name="hupi">
|
||||
<el-form :model="hupi" label-width="140px">
|
||||
<el-form-item label="启用通道"><el-switch v-model="hupi.enabled" /></el-form-item>
|
||||
<el-form-item label="AppId"><el-input v-model="hupi.app_id" /></el-form-item>
|
||||
<el-form-item label="AppSecret"><el-input v-model="hupi.app_secret" /></el-form-item>
|
||||
<el-form-item label="网关地址"><el-input v-model="hupi.api_url" /></el-form-item>
|
||||
<el-form-item label="异步通知URL"><el-input v-model="hupi.notify_url" /></el-form-item>
|
||||
<el-form-item label="同步回跳URL"><el-input v-model="hupi.return_url" /></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('hupi')">保存</el-button>
|
||||
<el-button @click="test('hupi')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane label="GeekPay" name="geekpay">
|
||||
<el-form :model="geekpay" label-width="140px">
|
||||
<el-form-item label="启用通道"><el-switch v-model="geekpay.enabled" /></el-form-item>
|
||||
<el-form-item label="商户ID"><el-input v-model="geekpay.app_id" /></el-form-item>
|
||||
<el-form-item label="商户私钥"
|
||||
><el-input v-model="geekpay.private_key" type="textarea" :rows="3"
|
||||
/></el-form-item>
|
||||
<el-form-item label="网关地址"><el-input v-model="geekpay.api_url" /></el-form-item>
|
||||
<el-form-item label="异步通知URL"><el-input v-model="geekpay.notify_url" /></el-form-item>
|
||||
<el-form-item label="同步回跳URL"><el-input v-model="geekpay.return_url" /></el-form-item>
|
||||
<el-form-item label="支付方式"
|
||||
><items-input v-model:value="geekpay.methods"
|
||||
/></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('geekpay')">保存</el-button>
|
||||
<el-button @click="test('geekpay')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import ItemsInput from '@/components/ui/ItemsInput.vue'
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const loading = ref(true)
|
||||
const active = ref('alipay')
|
||||
|
||||
const alipay = ref({ enabled: false, sand_box: false })
|
||||
const wechat = ref({ enabled: false })
|
||||
const hupi = ref({ enabled: false })
|
||||
const geekpay = ref({ enabled: false, methods: [] })
|
||||
|
||||
onMounted(() => {
|
||||
Promise.all([
|
||||
httpGet('/api/admin/config/get?key=alipay'),
|
||||
httpGet('/api/admin/config/get?key=wechat'),
|
||||
httpGet('/api/admin/config/get?key=hupi'),
|
||||
httpGet('/api/admin/config/get?key=geekpay'),
|
||||
])
|
||||
.then(([a, w, h, g]) => {
|
||||
alipay.value = a.data || alipay.value
|
||||
wechat.value = w.data || wechat.value
|
||||
hupi.value = h.data || hupi.value
|
||||
geekpay.value = g.data || geekpay.value
|
||||
})
|
||||
.catch(() => {})
|
||||
.finally(() => (loading.value = false))
|
||||
})
|
||||
|
||||
const save = (key) => {
|
||||
const map = { alipay, wechat, hupi, geekpay }
|
||||
httpPost('/api/admin/config/update', { key, config: map[key].value })
|
||||
.then(() => ElMessage.success('保存成功'))
|
||||
.catch((e) => ElMessage.error(e.message))
|
||||
}
|
||||
|
||||
const test = (key) => {
|
||||
httpPost('/api/admin/config/test', { key })
|
||||
.then((res) => ElMessage.success(res.message || '测试成功'))
|
||||
.catch((e) => ElMessage.error(e.message || '测试失败'))
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.form {
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
</style>
|
||||
96
web/src/views/admin/PrivacyConfig.vue
Normal file
96
web/src/views/admin/PrivacyConfig.vue
Normal file
@@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div class="privacy-config form" v-loading="loading">
|
||||
<div class="container">
|
||||
<h3>隐私声明</h3>
|
||||
<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">保存</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { useSharedStore } from '@/store/sharedata'
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import MdEditor from 'md-editor-v3'
|
||||
import 'md-editor-v3/lib/style.css'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const store = useSharedStore()
|
||||
const loading = ref(true)
|
||||
const privacy = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
httpGet('/api/admin/config/get?key=privacy')
|
||||
.then((res) => {
|
||||
privacy.value = res.data?.content || ''
|
||||
})
|
||||
.catch((e) => {
|
||||
console.warn('加载隐私政策失败: ' + e.message)
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false
|
||||
})
|
||||
})
|
||||
|
||||
const save = () => {
|
||||
httpPost('/api/admin/config/update', {
|
||||
key: 'privacy',
|
||||
config: { content: privacy.value, updated: true },
|
||||
})
|
||||
.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 scoped>
|
||||
.privacy-config {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.mgb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
132
web/src/views/admin/StorageConfig.vue
Normal file
132
web/src/views/admin/StorageConfig.vue
Normal file
@@ -0,0 +1,132 @@
|
||||
<template>
|
||||
<div class="form" v-loading="loading">
|
||||
<el-form label-width="140px">
|
||||
<el-form-item label="存储引擎">
|
||||
<el-select v-model="active" style="width: 280px">
|
||||
<el-option label="本地" value="local" />
|
||||
<el-option label="MinIO" value="minio" />
|
||||
<el-option label="七牛云" value="qiniu" />
|
||||
<el-option label="阿里云OSS" value="aliyun" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<template v-if="active === 'local'">
|
||||
<el-form :model="local" label-width="140px">
|
||||
<el-form-item label="BasePath"><el-input v-model="local.base_path" /></el-form-item>
|
||||
<el-form-item label="BaseURL"><el-input v-model="local.base_url" /></el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<template v-else-if="active === 'minio'">
|
||||
<el-form :model="minio" label-width="140px">
|
||||
<el-form-item label="Endpoint"><el-input v-model="minio.endpoint" /></el-form-item>
|
||||
<el-form-item label="AccessKey"><el-input v-model="minio.access_key" /></el-form-item>
|
||||
<el-form-item label="AccessSecret"
|
||||
><el-input v-model="minio.access_secret"
|
||||
/></el-form-item>
|
||||
<el-form-item label="Bucket"><el-input v-model="minio.bucket" /></el-form-item>
|
||||
<el-form-item label="UseSSL"><el-switch v-model="minio.use_ssl" /></el-form-item>
|
||||
<el-form-item label="Domain"><el-input v-model="minio.domain" /></el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<template v-else-if="active === 'qiniu'">
|
||||
<el-form :model="qiniu" label-width="140px">
|
||||
<el-form-item label="Zone"><el-input v-model="qiniu.zone" /></el-form-item>
|
||||
<el-form-item label="AccessKey"><el-input v-model="qiniu.access_key" /></el-form-item>
|
||||
<el-form-item label="AccessSecret"
|
||||
><el-input v-model="qiniu.access_secret"
|
||||
/></el-form-item>
|
||||
<el-form-item label="Bucket"><el-input v-model="qiniu.bucket" /></el-form-item>
|
||||
<el-form-item label="Domain"><el-input v-model="qiniu.domain" /></el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<template v-else>
|
||||
<el-form :model="aliyun" label-width="140px">
|
||||
<el-form-item label="Endpoint"><el-input v-model="aliyun.endpoint" /></el-form-item>
|
||||
<el-form-item label="AccessKey"><el-input v-model="aliyun.access_key" /></el-form-item>
|
||||
<el-form-item label="AccessSecret"
|
||||
><el-input v-model="aliyun.access_secret"
|
||||
/></el-form-item>
|
||||
<el-form-item label="Bucket"><el-input v-model="aliyun.bucket" /></el-form-item>
|
||||
<el-form-item label="SubDir"><el-input v-model="aliyun.sub_dir" /></el-form-item>
|
||||
<el-form-item label="Domain"><el-input v-model="aliyun.domain" /></el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save">保存</el-button>
|
||||
<el-button @click="test">连接测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const loading = ref(true)
|
||||
const active = ref('local')
|
||||
const local = ref({ base_path: '', base_url: '' })
|
||||
const minio = ref({
|
||||
endpoint: '',
|
||||
access_key: '',
|
||||
access_secret: '',
|
||||
bucket: '',
|
||||
use_ssl: false,
|
||||
domain: '',
|
||||
})
|
||||
const qiniu = ref({ zone: 'z2', access_key: '', access_secret: '', bucket: '', domain: '' })
|
||||
const aliyun = ref({
|
||||
endpoint: '',
|
||||
access_key: '',
|
||||
access_secret: '',
|
||||
bucket: '',
|
||||
sub_dir: '',
|
||||
domain: '',
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
httpGet('/api/admin/config/get?key=oss')
|
||||
.then((res) => {
|
||||
const data = res.data || {}
|
||||
active.value = (data.active || 'local').toLowerCase()
|
||||
local.value = data.local || local.value
|
||||
minio.value = data.minio || minio.value
|
||||
qiniu.value = data.qiniu || qiniu.value
|
||||
aliyun.value = data.aliyun || aliyun.value
|
||||
})
|
||||
.catch(() => {})
|
||||
.finally(() => (loading.value = false))
|
||||
})
|
||||
|
||||
const save = () => {
|
||||
httpPost('/api/admin/config/update', {
|
||||
key: 'oss',
|
||||
config: {
|
||||
active: active.value,
|
||||
local: local.value,
|
||||
minio: minio.value,
|
||||
qiniu: qiniu.value,
|
||||
aliyun: aliyun.value,
|
||||
},
|
||||
})
|
||||
.then(() => ElMessage.success('保存成功'))
|
||||
.catch((e) => ElMessage.error(e.message))
|
||||
}
|
||||
|
||||
const test = () => {
|
||||
httpPost('/api/admin/config/test', { key: 'oss' })
|
||||
.then((res) => ElMessage.success(res.message || '连接成功'))
|
||||
.catch((e) => ElMessage.error(e.message || '连接失败'))
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.form {
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
</style>
|
||||
588
web/src/views/admin/SystemConfig.vue
Normal file
588
web/src/views/admin/SystemConfig.vue
Normal file
@@ -0,0 +1,588 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user