即梦视频后台管理页面初始化

web/src/assets/css/main.styl

@@ -184,21 +184,7 @@ body {
 .w-100 {
   width 100%
 }
-.mr-1 {
-  margin-right 0.5rem
-}
 
-.mr-2 {
-  margin-right 1rem
-}
-
-.ml-1 {
-  margin-left 0.5rem
-}
-
-.ml-2 {
-  margin-left 1rem
-}
 
 .d-flex {
   display flex !important
@@ -218,21 +204,3 @@ body {
 .align-center {
   align-items center
 }
-
-
-
-.p-1 {
-  padding 0.5rem
-}
-
-.p-2 {
-  padding 1rem
-}
-
-.m-1 {
-  margin 0.5rem
-}
-
-.m-2 {
-  margin 1rem
-}

web/src/components/admin/AdminSidebar.vue

@@ -159,10 +159,23 @@ const items = [
         index: '/admin/medias',
         title: '音视频记录',
       },
+    ],
+  },
+  {
+    icon: 'jimeng',
+    index: '/admin/jimeng',
+    title: '即梦AI',
+    subs: [
       {
-        icon: 'image',
-        index: '/admin/jimeng',
-        title: '即梦AI任务',
+        icon: 'list',
+        index: '/admin/jimeng/jobs',
+        title: '任务列表',
+      },
+
+      {
+        icon: 'config',
+        index: '/admin/jimeng/config',
+        title: '即梦设置',
       },
     ],
   },

web/src/router.js

@@ -259,10 +259,16 @@ const routes = [
         component: () => import('@/views/admin/records/Medias.vue'),
       },
       {
-        path: '/admin/jimeng',
-        name: 'admin-jimeng',
-        meta: { title: '即梦AI管理' },
-        component: () => import('@/views/admin/JimengJobs.vue'),
+        path: '/admin/jimeng/jobs',
+        name: 'admin-jimeng-jobs',
+        meta: { title: '即梦AI任务' },
+        component: () => import('@/views/admin/jimeng/JimengJobs.vue'),
+      },
+      {
+        path: '/admin/jimeng/config',
+        name: 'admin-jimeng-config',
+        meta: { title: '即梦设置' },
+        component: () => import('@/views/admin/jimeng/JimengSetting.vue'),
       },
       {
         path: '/admin/powerLog',
@@ -364,4 +370,4 @@ router.beforeEach((to, from, next) => {
   next()
 })
 
-export { router, prevRoute }
+export { prevRoute, router }

web/src/views/admin/jimeng/JimengSetting.vue

@@ -0,0 +1,114 @@
+<template>
+  <div class="system-config form" v-loading="loading">
+    <div class="container">
+      <el-form
+        :model="system"
+        label-width="150px"
+        label-position="right"
+        ref="systemFormRef"
+        :rules="rules"
+      >
+        <el-tabs type="border-card">
+          <el-tab-pane>
+            <template #label>
+              <i class="iconfont icon-token mr-1"></i>
+              <span>秘钥配置</span>
+            </template>
+            <el-form-item label="网站标题" prop="title">
+              <el-input v-model="system['title']" />
+            </el-form-item>
+          </el-tab-pane>
+
+          <el-tab-pane>
+            <template #label>
+              <i class="iconfont icon-logout mr-1"></i>
+              <span>算力配置</span>
+            </template>
+            <el-form-item label="注册赠送算力" prop="init_power">
+              <el-input v-model.number="system['init_power']" placeholder="新用户注册赠送算力" />
+            </el-form-item>
+
+            <el-form-item>
+              <template #label>
+                <div class="label-title">
+                  提示词算力
+                  <el-tooltip
+                    effect="dark"
+                    content="生成AI绘图提示词，歌词，视频描述消耗的算力"
+                    raw-content
+                    placement="right"
+                  >
+                    <el-icon>
+                      <InfoFilled />
+                    </el-icon>
+                  </el-tooltip>
+                </div>
+              </template>
+              <el-input v-model.number="system['prompt_power']" placeholder="" />
+            </el-form-item>
+          </el-tab-pane>
+        </el-tabs>
+
+        <div style="padding: 10px">
+          <el-form-item>
+            <el-button type="primary" @click="save('system')">保存</el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { httpGet, httpPost } from '@/utils/http'
+import { InfoFilled } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+import 'md-editor-v3/lib/style.css'
+import { onMounted, ref } from 'vue'
+
+const system = ref({ models: [] })
+const loading = ref(true)
+
+onMounted(() => {
+  // 加载系统配置
+  httpGet('/api/admin/config/get?key=system')
+    .then((res) => {
+      system.value = res.data
+    })
+    .catch((e) => {
+      ElMessage.error('加载系统配置失败: ' + e.message)
+    })
+    .finally(() => {
+      loading.value = false
+    })
+})
+
+const save = function (key) {
+  httpPost('/api/admin/config/update', {
+    key: key,
+    config: { content: notice.value, updated: true },
+  })
+    .then(() => {
+      ElMessage.success('操作成功！')
+    })
+    .catch((e) => {
+      ElMessage.error('操作失败：' + e.message)
+    })
+}
+</script>
+
+<style lang="stylus" scoped>
+@import '../../../assets/css/admin/form.styl'
+@import '../../../assets/css/main.styl'
+.system-config {
+  display flex
+  justify-content center
+
+  .sys-tabs {
+    width 100%
+    background-color var(--el-bg-color)
+    padding 10px 20px 40px 20px
+    //border: 1px solid var(--el-border-color);
+  }
+}
+</style>