完成配置分组

web/src/views/admin/settings/AgreementConfig.vue

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

web/src/views/admin/settings/ApiConfig.vue

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

web/src/views/admin/settings/BasicConfig.vue

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

web/src/views/admin/settings/CommunicationConfig.vue

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

web/src/views/admin/settings/LicenseConfig.vue

@@ -0,0 +1,151 @@
+<template>
+  <div class="license-config form p-5" 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>
+
+      <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 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>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { httpGet, httpPost } from '@/utils/http'
+import { dateFormat } from '@/utils/libs'
+import { CloseBold, Select } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+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>

web/src/views/admin/settings/MarkMapConfig.vue

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

web/src/views/admin/settings/MenuConfig.vue

@@ -0,0 +1,284 @@
+<template>
+  <div class="container menu p-5" v-loading="loading">
+    <div class="handle-box">
+      <el-button type="primary" :icon="Plus" @click="add">新增</el-button>
+    </div>
+
+    <el-row>
+      <el-table
+        :data="items"
+        :row-key="(row) => row.id"
+        table-layout="auto"
+        border
+        style="width: 100%"
+      >
+        <el-table-column prop="name" label="菜单名称">
+          <template #default="scope">
+            <span class="sort" :data-id="scope.row.id">
+              <i class="iconfont icon-drag"></i>
+              {{ scope.row.name }}
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="icon" label="菜单图标">
+          <template #default="scope">
+            <span v-if="scope.row.icon.startsWith('icon')">
+              <i class="iconfont" :class="scope.row.icon" style="font-size: 30px"></i>
+            </span>
+            <el-image class="menu-icon" :src="scope.row.icon" v-else />
+          </template>
+        </el-table-column>
+        <el-table-column prop="url" label="菜单URL" />
+        <el-table-column prop="enabled" label="启用状态">
+          <template #default="scope">
+            <el-switch v-model="scope.row['enabled']" @change="enable(scope.row)" />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="180">
+          <template #default="scope">
+            <el-button size="small" type="primary" @click="edit(scope.row)">编辑</el-button>
+            <el-popconfirm title="确定要删除当前记录吗?" @confirm="remove(scope.row)" :width="200">
+              <template #reference>
+                <el-button size="small" type="danger">删除</el-button>
+              </template>
+            </el-popconfirm>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-row>
+
+    <el-dialog v-model="showDialog" :title="title" :close-on-click-modal="false">
+      <el-form :model="item" label-width="120px" ref="formRef" :rules="rules">
+        <el-form-item label="菜单名称：" prop="name">
+          <el-input v-model="item.name" autocomplete="off" />
+        </el-form-item>
+
+        <el-form-item>
+          <template #label>
+            <div class="label-title">
+              菜单图标
+              <el-tooltip
+                effect="dark"
+                content="可以填写 iconfont 图标名称也可以自己上传图片"
+                raw-content
+                placement="right"
+              >
+                <el-icon>
+                  <InfoFilled />
+                </el-icon>
+              </el-tooltip>
+            </div>
+          </template>
+          <el-input v-model="item.icon" placeholder="菜单图标地址">
+            <template #append>
+              <el-upload :auto-upload="true" :show-file-list="false" :http-request="uploadImg">
+                <el-icon class="uploader-icon">
+                  <UploadFilled />
+                </el-icon>
+              </el-upload>
+            </template>
+          </el-input>
+        </el-form-item>
+
+        <el-form-item label="菜单URL：" prop="url">
+          <el-input v-model="item.url" autocomplete="off" />
+        </el-form-item>
+
+        <el-form-item label="启用状态：" prop="enable">
+          <el-switch v-model="item.enabled" />
+        </el-form-item>
+      </el-form>
+
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="showDialog = false">取消</el-button>
+          <el-button type="primary" @click="save">提交</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { httpGet, httpPost } from '@/utils/http'
+import { dateFormat, removeArrayItem } from '@/utils/libs'
+import { InfoFilled, Plus, UploadFilled } from '@element-plus/icons-vue'
+import Compressor from 'compressorjs'
+import { ElMessage } from 'element-plus'
+import { Sortable } from 'sortablejs'
+import { onMounted, reactive, ref } from 'vue'
+
+// 变量定义
+const items = ref([])
+const item = ref({})
+const showDialog = ref(false)
+const title = ref('')
+const rules = reactive({
+  name: [{ required: true, message: '请输入菜单名称', trigger: 'change' }],
+  icon: [{ required: true, message: '请上传菜单图标', trigger: 'change' }],
+  url: [{ required: true, message: '请输入菜单地址', trigger: 'change' }],
+})
+const loading = ref(true)
+const formRef = ref(null)
+
+const fetchData = () => {
+  // 获取数据
+  httpGet('/api/admin/menu/list')
+    .then((res) => {
+      if (res.data) {
+        // 初始化数据
+        const arr = res.data
+        for (let i = 0; i < arr.length; i++) {
+          arr[i].last_used_at = dateFormat(arr[i].last_used_at)
+        }
+        items.value = arr
+      }
+      loading.value = false
+    })
+    .catch(() => {
+      ElMessage.error('获取数据失败')
+    })
+}
+
+onMounted(() => {
+  const drawBodyWrapper = document.querySelector('.el-table__body tbody')
+  fetchData()
+
+  // 初始化拖动排序插件
+  Sortable.create(drawBodyWrapper, {
+    sort: true,
+    animation: 500,
+    onEnd({ newIndex, oldIndex, from }) {
+      if (oldIndex === newIndex) {
+        return
+      }
+
+      const sortedData = Array.from(from.children).map((row) =>
+        row.querySelector('.sort').getAttribute('data-id')
+      )
+      const ids = []
+      const sorts = []
+      sortedData.forEach((id, index) => {
+        ids.push(parseInt(id))
+        sorts.push(index + 1)
+        items.value[index].sort_num = index + 1
+      })
+
+      httpPost('/api/admin/menu/sort', { ids: ids, sorts: sorts }).catch((e) => {
+        ElMessage.error('排序失败：' + e.message)
+      })
+    },
+  })
+})
+
+const add = function () {
+  title.value = '新增菜单'
+  showDialog.value = true
+  item.value = {}
+}
+
+const edit = function (row) {
+  title.value = '修改菜单'
+  showDialog.value = true
+  item.value = row
+}
+
+const save = function () {
+  formRef.value.validate((valid) => {
+    if (valid) {
+      showDialog.value = false
+      if (!item.value.id) {
+        item.value.sort_num = items.value.length + 1
+      }
+      httpPost('/api/admin/menu/save', item.value)
+        .then(() => {
+          ElMessage.success('操作成功！')
+          fetchData()
+        })
+        .catch((e) => {
+          ElMessage.error('操作失败，' + e.message)
+        })
+    } else {
+      return false
+    }
+  })
+}
+
+const enable = (row) => {
+  httpPost('/api/admin/menu/enable', { id: row.id, enabled: row.enabled })
+    .then(() => {
+      ElMessage.success('操作成功！')
+    })
+    .catch((e) => {
+      ElMessage.error('操作失败：' + e.message)
+    })
+}
+
+const remove = function (row) {
+  httpGet('/api/admin/menu/remove?id=' + row.id)
+    .then(() => {
+      ElMessage.success('删除成功！')
+      items.value = removeArrayItem(items.value, row, (v1, v2) => {
+        return v1.id === v2.id
+      })
+    })
+    .catch((e) => {
+      ElMessage.error('删除失败：' + e.message)
+    })
+}
+
+// 图片上传
+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) => {
+          item.value.icon = 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 *;
+.menu {
+  .handle-box {
+    margin-bottom: 20px;
+  }
+  .menu-icon {
+    width: 36px;
+    height: 36px;
+  }
+
+  .sort {
+    cursor: move;
+    .iconfont {
+      position: relative;
+      top: 1px;
+    }
+  }
+
+  .el-select {
+    width: 100%;
+  }
+
+  .el-table .cell {
+    height: 100% !important;
+    line-height: 1 !important;
+  }
+}
+</style>

web/src/views/admin/settings/NoticeConfig.vue

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

web/src/views/admin/settings/PaymentConfig.vue

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

web/src/views/admin/settings/PowerConfig.vue

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

web/src/views/admin/settings/PrivacyConfig.vue

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

web/src/views/admin/settings/StorageConfig.vue

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