fine-tune the new UI theme

web/src/views/admin/SysConfig.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="system-config form" v-loading="loading">
-
     <el-tabs v-model="activeName" class="sys-tabs">
       <el-tab-pane label="系统配置" name="basic">
         <div class="container">
@@ -8,25 +7,20 @@
             <el-tabs type="border-card">
               <el-tab-pane label="基础配置">
                 <el-form-item label="网站标题" prop="title">
-                  <el-input v-model="system['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-input v-model="system['admin_title']" />
                 </el-form-item>
                 <el-form-item label="网站Slogan" prop="slogan">
-                  <el-input v-model="system['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-upload :auto-upload="true" :show-file-list="false" @click="beforeUpload('logo')" :http-request="uploadImg">
                         <el-icon class="uploader-icon">
-                          <UploadFilled/>
+                          <UploadFilled />
                         </el-icon>
                       </el-upload>
                     </template>
@@ -37,14 +31,9 @@
                   <template #label>
                     <div class="label-title">
                       首页背景图
-                      <el-tooltip
-                          effect="dark"
-                          content="网站首页背景图片"
-                          raw-content
-                          placement="right"
-                      >
+                      <el-tooltip effect="dark" content="网站首页背景图片" raw-content placement="right">
                         <el-icon>
-                          <InfoFilled/>
+                          <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
@@ -52,14 +41,9 @@
                   <div class="d-flex justify-between w-100">
                     <el-input v-model="system['index_bg_url']" placeholder="网站首页背景图片">
                       <template #append>
-                        <el-upload
-                            :auto-upload="true"
-                            :show-file-list="false"
-                            @click="beforeUpload('index_bg_url')"
-                            :http-request="uploadImg"
-                        >
+                        <el-upload :auto-upload="true" :show-file-list="false" @click="beforeUpload('index_bg_url')" :http-request="uploadImg">
                           <el-icon class="uploader-icon">
-                            <UploadFilled/>
+                            <UploadFilled />
                           </el-icon>
                         </el-upload>
                       </template>
@@ -73,55 +57,34 @@
                   <template #label>
                     <div class="label-title">
                       首页导航菜单
-                      <el-tooltip
-                          effect="dark"
-                          content="被选中的菜单将会在首页导航栏显示"
-                          raw-content
-                          placement="right"
-                      >
+                      <el-tooltip effect="dark" content="被选中的菜单将会在首页导航栏显示" raw-content placement="right">
                         <el-icon>
-                          <InfoFilled/>
+                          <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-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-input v-model="system['copyright']" placeholder="更改此选项需要获取 License 授权" />
                 </el-form-item>
 
                 <el-form-item>
                   <template #label>
                     <div class="label-title">
                       开放注册
-                      <el-tooltip
-                          effect="dark"
-                          content="关闭注册之后只能通过管理后台添加用户"
-                          raw-content
-                          placement="right"
-                      >
+                      <el-tooltip effect="dark" content="关闭注册之后只能通过管理后台添加用户" raw-content placement="right">
                         <el-icon>
-                          <InfoFilled/>
+                          <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-switch v-model="system['enabled_register']"/>
+                  <el-switch v-model="system['enabled_register']" />
                 </el-form-item>
 
                 <el-form-item>
@@ -129,18 +92,18 @@
                     <div class="label-title">
                       启用验证码
                       <el-tooltip
-                          effect="dark"
-                          content="启用验证码之后，注册登录都会加载行为验证码，增加安全性。此功能需要购买验证码服务才会生效。"
-                          raw-content
-                          placement="right"
+                        effect="dark"
+                        content="启用验证码之后，注册登录都会加载行为验证码，增加安全性。此功能需要购买验证码服务才会生效。"
+                        raw-content
+                        placement="right"
                       >
                         <el-icon>
-                          <InfoFilled/>
+                          <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-switch v-model="system['enabled_verify']"/>
+                  <el-switch v-model="system['enabled_verify']" />
                 </el-form-item>
 
                 <el-form-item label="注册方式" prop="register_ways">
@@ -152,20 +115,15 @@
                 </el-form-item>
 
                 <el-form-item label="邮件域名白名单" prop="register_ways">
-                  <items-input v-model:value="system['email_white_list']"/>
+                  <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-upload :auto-upload="true" :show-file-list="false" @click="beforeUpload('wechat_card_url')" :http-request="uploadImg">
                         <el-icon class="uploader-icon">
-                          <UploadFilled/>
+                          <UploadFilled />
                         </el-icon>
                       </el-upload>
                     </template>
@@ -175,41 +133,26 @@
                   <template #label>
                     <div class="label-title">
                       默认翻译模型
-                      <el-tooltip
-                          effect="dark"
-                          content="选择一个默认模型来翻译提示词"
-                          raw-content
-                          placement="right"
-                      >
+                      <el-tooltip effect="dark" content="选择一个默认模型来翻译提示词" raw-content placement="right">
                         <el-icon>
-                          <InfoFilled/>
+                          <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-select
-                          v-model.number="system['translate_model_id']"
-                          :filterable="true"
-                          placeholder="选择一个默认模型来翻译提示词"
-                          style="width: 100%"
-                      >
-                    <el-option
-                        v-for="item in models"
-                        :key="item.id"
-                        :label="item.name"
-                        :value="item.id"
-                    />
+                  <el-select v-model.number="system['translate_model_id']" :filterable="true" placeholder="选择一个默认模型来翻译提示词" 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-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
+                    <el-input-number v-model="system['context_deep']" :min="0" :max="10" />
+                    <div class="tip">
+                      会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为 0
                       则不加载聊天记录，仅仅使用当前角色的上下文。该配置参数必须设置需要为偶数。
                     </div>
                   </div>
@@ -219,62 +162,49 @@
                   <template #label>
                     <div class="label-title">
                       SD反向提示词
-                      <el-tooltip
-                          effect="dark"
-                          content="Stable-Diffusion 绘画默认反向提示词"
-                          raw-content
-                          placement="right"
-                      >
+                      <el-tooltip effect="dark" content="Stable-Diffusion 绘画默认反向提示词" raw-content placement="right">
                         <el-icon>
-                          <InfoFilled/>
+                          <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-input type="textarea" :rows="2" v-model="system['sd_neg_prompt']" placeholder=""/>
+                  <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-tooltip effect="dark" content="会员充值页面的充值说明文字" raw-content placement="right">
                         <el-icon>
-                          <InfoFilled/>
+                          <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-input type="textarea" :rows="2" v-model="system['vip_info_text']" placeholder=""/>
+                  <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-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-tab-pane>
 
               <el-tab-pane label="算力配置">
                 <el-form-item label="注册赠送算力" prop="init_power">
-                  <el-input v-model.number="system['init_power']" placeholder="新用户注册赠送算力"/>
+                  <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-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-input v-model.number="system['vip_month_power']" placeholder="VIP用户每月赠送算力" />
                 </el-form-item>
                 <el-form-item label="每日赠送算力" prop="daily_power">
-                    <el-input v-model.number="system['daily_power']" placeholder="默认值0"/>
+                  <el-input v-model.number="system['daily_power']" placeholder="默认值0" />
 
                   <el-text type="info">
                     如果设置0表示不赠送，用户享受完免费算力额度之后就不能再发起对话了。如果设置为N，则系统每天将算力值小于N的用户自动补充到N。注意，此功能要配合XXL-JOB启用。
@@ -284,72 +214,70 @@
                   <template #label>
                     <div class="label-title">
                       MJ绘图算力
-                      <el-tooltip
-                          effect="dark"
-                          content="使用MidJourney画一张图消耗算力"
-                          raw-content
-                          placement="right"
-                      >
+                      <el-tooltip effect="dark" content="使用MidJourney画一张图消耗算力" raw-content placement="right">
                         <el-icon>
-                          <InfoFilled/>
+                          <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-input v-model.number="system['mj_power']" placeholder=""/>
+                  <el-input v-model.number="system['mj_power']" placeholder="" />
                 </el-form-item>
                 <el-form-item>
                   <template #label>
                     <div class="label-title">
                       MJ操作算力
-                      <el-tooltip
-                          effect="dark"
-                          content="放大，变换，重绘操作一次消耗的算力"
-                          raw-content
-                          placement="right"
-                      >
+                      <el-tooltip effect="dark" content="放大，变换，重绘操作一次消耗的算力" raw-content placement="right">
                         <el-icon>
-                          <InfoFilled/>
+                          <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-input v-model.number="system['mj_action_power']" placeholder=""/>
+                  <el-input v-model.number="system['mj_action_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-input v-model.number="system['sd_power']" placeholder="使用Stable-Diffusion画一张图消耗算力" />
                 </el-form-item>
                 <el-form-item label="DALL-E-3算力" prop="dall_power">
-                  <el-input v-model.number="system['dall_power']" placeholder="使用DALL-E-3画一张图消耗算力"/>
+                  <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-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-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="使用一次 OpenAI 高级语音对话消耗的算力"
-                          raw-content
-                          placement="right"
-                      >
+                      <el-tooltip effect="dark" content="使用一次 OpenAI 高级语音对话消耗的算力" raw-content placement="right">
                         <el-icon>
-                          <InfoFilled/>
+                          <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-input v-model.number="system['advance_voice_power']" placeholder=""/>
+                  <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;">
+            <div style="padding: 10px">
               <el-form-item>
                 <el-button type="primary" @click="save('system')">保存</el-button>
               </el-form-item>
@@ -358,34 +286,28 @@
         </div>
       </el-tab-pane>
       <el-tab-pane label="公告配置" name="notice">
-        <md-editor class="mgb20" v-model="notice" :theme="store.theme" @on-upload-img="onUploadImg"/>
+        <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;">
+          <div style="padding-top: 10px; margin-left: 150px">
             <el-button type="primary" @click="save('notice')">保存</el-button>
           </div>
         </el-form-item>
       </el-tab-pane>
       <el-tab-pane label="思维导图" name="mark_map">
-        <md-editor class="mgb20" :theme="store.theme" v-model="system['mark_map_text']" @on-upload-img="onUploadImg"/>
+        <md-editor class="mgb20" :theme="store.theme" v-model="system['mark_map_text']" @on-upload-img="onUploadImg" />
         <el-form-item>
-          <div style="padding-top: 10px;margin-left: 150px;">
+          <div style="padding-top: 10px; margin-left: 150px">
             <el-button type="primary" @click="save('system')">保存</el-button>
           </div>
         </el-form-item>
       </el-tab-pane>
       <el-tab-pane label="菜单配置" name="menu">
-        <Menu/>
+        <Menu />
       </el-tab-pane>
 
       <el-tab-pane label="授权激活" name="license">
         <div class="container">
-          <el-descriptions
-              v-if="license.is_active"
-              class="margin-top"
-              title="已授权信息"
-              :column="1"
-              border
-          >
+          <el-descriptions v-if="license.is_active" class="margin-top" title="已授权信息" :column="1" border>
             <el-descriptions-item>
               <template #label>
                 <div class="cell-item">License Key</div>
@@ -428,7 +350,7 @@
 
           <el-form :model="system" label-width="150px" label-position="right">
             <el-form-item label="许可授权码" prop="license">
-              <el-input v-model="licenseKey"/>
+              <el-input v-model="licenseKey" />
             </el-form-item>
 
             <el-form-item>
@@ -440,12 +362,14 @@
 
       <el-tab-pane label="修复数据" name="fixData">
         <div class="container">
-          <p class="text">有些版本升级的时候更新了数据库的结构，比如字段名字改了，需要把之前的字段的值转移到其他字段，这些无法通过简单的
-            SQL 语句可以实现的，需要手动写程序修正数据。</p>
+          <p class="text">
+            有些版本升级的时候更新了数据库的结构，比如字段名字改了，需要把之前的字段的值转移到其他字段，这些无法通过简单的 SQL
+            语句可以实现的，需要手动写程序修正数据。
+          </p>
 
-<!--          <p class="text">当前版本 v4.1.4 需要修正用户数据，增加了 mobile 和 email 字段，需要把之前用手机号或者邮箱注册的用户的 username 字段数据初始化到 mobile 或者 email 字段。另外，需要把订单的支付渠道从名字称修正为 key。</p>-->
+          <!--          <p class="text">当前版本 v4.1.4 需要修正用户数据，增加了 mobile 和 email 字段，需要把之前用手机号或者邮箱注册的用户的 username 字段数据初始化到 mobile 或者 email 字段。另外，需要把订单的支付渠道从名字称修正为 key。</p>-->
 
-<!--          <el-text type="danger">请注意：在修复数据前，请先备份好数据库，以免数据丢失！</el-text>-->
+          <!--          <el-text type="danger">请注意：在修复数据前，请先备份好数据库，以免数据丢失！</el-text>-->
 
           <p><el-button type="primary" @click="fixData">立即修复</el-button></p>
         </div>
@@ -455,117 +379,133 @@
 </template>
 
 <script setup>
-import {onMounted, reactive, ref} from "vue";
-import {httpGet, httpPost} from "@/utils/http";
+import { onMounted, reactive, ref } from "vue";
+import { httpGet, httpPost } from "@/utils/http";
 import Compressor from "compressorjs";
-import {ElMessage, ElMessageBox} from "element-plus";
-import {CloseBold, InfoFilled, Select, UploadFilled} from "@element-plus/icons-vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { CloseBold, InfoFilled, Select, UploadFilled } from "@element-plus/icons-vue";
 import MdEditor from "md-editor-v3";
-import 'md-editor-v3/lib/style.css';
+import "md-editor-v3/lib/style.css";
 import Menu from "@/views/admin/Menu.vue";
-import {copyObj, dateFormat} from "@/utils/libs";
+import { copyObj, dateFormat } from "@/utils/libs";
 import ItemsInput from "@/components/ui/ItemsInput.vue";
-import {useSharedStore} from "@/store/sharedata";
+import { useSharedStore } from "@/store/sharedata";
 
-const activeName = ref('basic')
-const system = ref({models: []})
-const configBak = ref({})
-const loading = ref(true)
-const systemFormRef = ref(null)
-const models = ref([])
-const notice = ref("")
-const license = ref({is_active: false})
-const menus = ref([])
+const activeName = ref("basic");
+const system = ref({ models: [] });
+const configBak = ref({});
+const loading = ref(true);
+const systemFormRef = ref(null);
+const models = ref([]);
+const notice = ref("");
+const license = ref({ is_active: false });
+const menus = ref([]);
 const mjModels = ref([
-  {name: "慢速（Relax）", value: "relax"},
-  {name: "快速（Fast）", value: "fast"},
-  {name: "急速（Turbo）", value: "turbo"},
-])
-const store = useSharedStore()
+  { 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
-    configBak.value = copyObj(system.value)
-  }).catch(e => {
-    ElMessage.error("加载系统配置失败: " + e.message)
-  })
+  httpGet("/api/admin/config/get?key=system")
+    .then((res) => {
+      system.value = res.data;
+      configBak.value = copyObj(system.value);
+    })
+    .catch((e) => {
+      ElMessage.error("加载系统配置失败: " + e.message);
+    });
   // 加载聊天配置
-  httpGet('/api/admin/config/get?key=notice').then(res => {
-    notice.value = res.data['content']
-  }).catch(e => {
-    ElMessage.error("公告信息失败: " + e.message)
-  })
+  httpGet("/api/admin/config/get?key=notice")
+    .then((res) => {
+      notice.value = res.data["content"];
+    })
+    .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/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)
-  })
+  httpGet("/api/admin/menu/list")
+    .then((res) => {
+      menus.value = res.data;
+    })
+    .catch((e) => {
+      ElMessage.error("获取模型失败：" + e.message);
+    });
 
-  fetchLicense()
-})
+  fetchLicense();
+});
 
 const fetchLicense = () => {
-  httpGet("/api/admin/config/license").then(res => {
-    license.value = res.data
-  }).catch(e => {
-    ElMessage.error("获取 License 失败：" + e.message)
-  })
-}
+  httpGet("/api/admin/config/license")
+    .then((res) => {
+      license.value = res.data;
+    })
+    .catch((e) => {
+      ElMessage.error("获取 License 失败：" + e.message);
+    });
+};
 
 const rules = reactive({
-  title: [{required: true, message: '请输入网站标题', trigger: 'blur',}],
-  admin_title: [{required: true, message: '请输入控制台标题', trigger: 'blur',}],
-  init_chat_calls: [{required: true, message: '请输入赠送对话次数', trigger: 'blur'}],
-  user_img_calls: [{required: true, message: '请输入赠送绘图次数', trigger: 'blur'}],
-})
+  title: [{ required: true, message: "请输入网站标题", trigger: "blur" }],
+  admin_title: [{ required: true, message: "请输入控制台标题", trigger: "blur" }],
+  init_chat_calls: [{ required: true, message: "请输入赠送对话次数", trigger: "blur" }],
+  user_img_calls: [{ required: true, message: "请输入赠送绘图次数", trigger: "blur" }],
+});
 const save = function (key) {
-  if (key === 'system') {
+  if (key === "system") {
     systemFormRef.value.validate((valid) => {
       if (valid) {
-        httpPost('/api/admin/config/update', {key: key, config: system.value, config_bak: configBak.value}).then(() => {
-          ElMessage.success("操作成功！")
-        }).catch(e => {
-          ElMessage.error("操作失败：" + e.message)
-        })
+        httpPost("/api/admin/config/update", { key: key, config: system.value, config_bak: configBak.value })
+          .then(() => {
+            ElMessage.success("操作成功！");
+          })
+          .catch((e) => {
+            ElMessage.error("操作失败：" + e.message);
+          });
       }
-    })
-  } else if (key === 'notice') {
-    httpPost('/api/admin/config/update', {key: key, config: {content: notice.value, updated: true}}).then(() => {
-      ElMessage.success("操作成功！")
-    }).catch(e => {
-      ElMessage.error("操作失败：" + e.message)
-    })
+    });
+  } else if (key === "notice") {
+    httpPost("/api/admin/config/update", { key: key, config: { content: notice.value, updated: true } })
+      .then(() => {
+        ElMessage.success("操作成功！");
+      })
+      .catch((e) => {
+        ElMessage.error("操作失败：" + e.message);
+      });
   }
-}
+};
 
 // 激活授权
-const licenseKey = ref("")
+const licenseKey = ref("");
 const active = () => {
   if (licenseKey.value === "") {
-    return ElMessage.error("请输入授权码")
+    return ElMessage.error("请输入授权码");
   }
-  httpPost("/api/admin/config/active", {license: licenseKey.value}).then(res => {
-    ElMessage.success("授权成功，机器编码为：" + res.data)
-    fetchLicense()
-  }).catch(e => {
-    ElMessage.error(e.message)
-  })
-}
+  httpPost("/api/admin/config/active", { license: licenseKey.value })
+    .then((res) => {
+      ElMessage.success("授权成功，机器编码为：" + res.data);
+      fetchLicense();
+    })
+    .catch((e) => {
+      ElMessage.error(e.message);
+    });
+};
 
-const configKey = ref("")
+const configKey = ref("");
 const beforeUpload = (key) => {
-  configKey.value = key
-}
+  configKey.value = key;
+};
 
 // 图片上传
 const uploadImg = (file) => {
@@ -574,17 +514,19 @@ const uploadImg = (file) => {
     quality: 0.6,
     success(result) {
       const formData = new FormData();
-      formData.append('file', result, result.name);
+      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)
-      })
+      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)
+      ElMessage.error("上传失败:" + e.message);
     },
   });
 };
@@ -592,45 +534,44 @@ const uploadImg = (file) => {
 // 编辑期文件上传处理
 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)
-  })
+    files.map((file) => {
+      return new Promise((rev, rej) => {
+        const formData = new FormData();
+        formData.append("file", file, file.name);
+        // 执行上传操作
+        httpPost("/api/admin/upload", formData)
+          .then((res) => rev(res))
+          .catch((error) => rej(error));
+      });
+    })
+  )
+    .then((res) => {
+      ElMessage.success({ message: "上传成功", duration: 500 });
+      callback(res.map((item) => item.data.url));
+    })
+    .catch((e) => {
+      ElMessage.error("图片上传失败:" + e.message);
+    });
 };
 
 const fixData = () => {
-
-  ElMessageBox.confirm(
-      '在修复数据前，请先备份好数据库，以免数据丢失！是否继续操作?',
-      '警告',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-      }
-  ).then(() => {
-    loading.value = true
-    httpGet("/api/admin/config/fixData").then(() => {
-      ElMessage.success("数据修复成功")
-      loading.value = false
-    }).catch(e => {
-      loading.value = false
-      ElMessage.error("数据修复失败：" + e.message)
-    })
-  })
-}
-
-
+  ElMessageBox.confirm("在修复数据前，请先备份好数据库，以免数据丢失！是否继续操作?", "警告", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  }).then(() => {
+    loading.value = true;
+    httpGet("/api/admin/config/fixData")
+      .then(() => {
+        ElMessage.success("数据修复成功");
+        loading.value = false;
+      })
+      .catch((e) => {
+        loading.value = false;
+        ElMessage.error("数据修复失败：" + e.message);
+      });
+  });
+};
 </script>
 
 <style lang="stylus" scoped>
@@ -647,4 +588,4 @@ const fixData = () => {
     //border: 1px solid var(--el-border-color);
   }
 }
-</style>
+</style>