dev 环境下自动使用 API、代理

web/src/views/admin/SysConfig.vue

@@ -3,7 +3,13 @@
     <el-tabs v-model="activeName" class="sys-tabs">
       <el-tab-pane label="系统配置" name="basic">
         <div class="container">
-          <el-form :model="system" label-width="150px" label-position="right" ref="systemFormRef" :rules="rules">
+          <el-form
+            :model="system"
+            label-width="150px"
+            label-position="right"
+            ref="systemFormRef"
+            :rules="rules"
+          >
             <el-tabs type="border-card">
               <el-tab-pane label="基础配置">
                 <el-form-item label="网站标题" prop="title">
@@ -18,7 +24,12 @@
                 <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 />
                         </el-icon>
@@ -29,7 +40,12 @@
                 <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-upload
+                        :auto-upload="true"
+                        :show-file-list="false"
+                        @click="beforeUpload('bar_logo')"
+                        :http-request="uploadImg"
+                      >
                         <el-icon class="uploader-icon">
                           <UploadFilled />
                         </el-icon>
@@ -41,20 +57,39 @@
                   <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 />
                         </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
+                    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 label="默认昵称" prop="default_nickname">
@@ -69,7 +104,12 @@
                   <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 />
                         </el-icon>
@@ -113,7 +153,12 @@
                 <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 />
                         </el-icon>
@@ -125,15 +170,30 @@
                   <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 />
                         </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>
 
@@ -144,8 +204,8 @@
                   <div class="tip-input-line">
                     <el-input-number v-model="system['context_deep']" :min="0" :max="10" />
                     <div class="tip">
-                      会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为 0
-                      则不加载聊天记录，仅仅使用当前角色的上下文。该配置参数必须设置需要为偶数。
+                      会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为
+                      0 则不加载聊天记录，仅仅使用当前角色的上下文。该配置参数必须设置需要为偶数。
                     </div>
                   </div>
                 </el-form-item>
@@ -154,55 +214,98 @@
                   <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 />
                         </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 />
                         </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-form-item label="上传文件限制" prop="max_file_size">
-                  <el-input v-model.number="system['max_file_size']" placeholder="最大上传文件大小，单位：MB" />
+                  <el-input
+                    v-model.number="system['max_file_size']"
+                    placeholder="最大上传文件大小，单位：MB"
+                  />
                 </el-form-item>
               </el-tab-pane>
 
               <el-tab-pane label="算力配置">
                 <el-form-item label="注册赠送算力" prop="init_power">
-                  <el-input v-model.number="system['init_power']" placeholder="新用户注册赠送算力" />
+                  <el-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>
                   <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 />
                         </el-icon>
@@ -215,7 +318,12 @@
                   <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 />
                         </el-icon>
@@ -226,32 +334,54 @@
                 </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>
                   <template #label>
                     <div class="label-title">
                       DALL-E-3算力
-                      <el-tooltip effect="dark" content="使用DALL-E-3画一张图消耗算力" raw-content placement="right">
+                      <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-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="可灵每个模型价格不一样，具体请参考：https://api.geekai.pro/models" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="可灵每个模型价格不一样，具体请参考：https://api.geekai.pro/models"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
@@ -259,7 +389,11 @@
                     </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-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>
@@ -270,7 +404,12 @@
                   <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 />
                         </el-icon>
@@ -283,7 +422,12 @@
                   <template #label>
                     <div class="label-title">
                       提示词算力
-                      <el-tooltip effect="dark" content="生成AI绘图提示词，歌词，视频描述消耗的算力" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="生成AI绘图提示词，歌词，视频描述消耗的算力"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
@@ -304,7 +448,12 @@
         </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">
             <el-button type="primary" @click="save('notice')">保存</el-button>
@@ -313,7 +462,12 @@
       </el-tab-pane>
 
       <el-tab-pane label="用户协议" name="agreement">
-        <md-editor class="mgb20" v-model="agreement" :theme="store.theme" @on-upload-img="onUploadImg" />
+        <md-editor
+          class="mgb20"
+          v-model="agreement"
+          :theme="store.theme"
+          @on-upload-img="onUploadImg"
+        />
         <el-form-item>
           <div style="padding-top: 10px; margin-left: 150px">
             <el-button type="primary" @click="save('agreement')">保存</el-button>
@@ -322,16 +476,26 @@
       </el-tab-pane>
 
       <el-tab-pane label="隐私声明" name="privacy">
-        <md-editor class="mgb20" v-model="privacy" :theme="store.theme" @on-upload-img="onUploadImg" />
+        <md-editor
+          class="mgb20"
+          v-model="privacy"
+          :theme="store.theme"
+          @on-upload-img="onUploadImg"
+        />
         <el-form-item>
           <div style="padding-top: 10px; margin-left: 150px">
             <el-button type="primary" @click="save('privacy')">保存</el-button>
           </div>
         </el-form-item>
       </el-tab-pane>
-      
+
       <el-tab-pane label="思维导图" name="mark_map">
-        <md-editor class="mgb20" :theme="store.theme" v-model="system['mark_map_text']" @on-upload-img="onUploadImg" />
+        <md-editor
+          class="mgb20"
+          :theme="store.theme"
+          v-model="system['mark_map_text']"
+          @on-upload-img="onUploadImg"
+        />
         <el-form-item>
           <div style="padding-top: 10px; margin-left: 150px">
             <el-button type="primary" @click="save('system')">保存</el-button>
@@ -344,7 +508,13 @@
 
       <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>
@@ -400,8 +570,8 @@
       <el-tab-pane label="修复数据" name="fixData">
         <div class="container">
           <p class="text">
-            有些版本升级的时候更新了数据库的结构，比如字段名字改了，需要把之前的字段的值转移到其他字段，这些无法通过简单的 SQL
-            语句可以实现的，需要手动写程序修正数据。
+            有些版本升级的时候更新了数据库的结构，比如字段名字改了，需要把之前的字段的值转移到其他字段，这些无法通过简单的
+            SQL 语句可以实现的，需要手动写程序修正数据。
           </p>
 
           <!--          <p class="text">当前版本 v4.1.4 需要修正用户数据，增加了 mobile 和 email 字段，需要把之前用手机号或者邮箱注册的用户的 username 字段数据初始化到 mobile 或者 email 字段。另外，需要把订单的支付渠道从名字称修正为 key。</p>-->
@@ -418,183 +588,196 @@
 </template>
 
 <script setup>
-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 MdEditor from "md-editor-v3";
-import "md-editor-v3/lib/style.css";
-import Menu from "@/views/admin/Menu.vue";
-import { copyObj, dateFormat } from "@/utils/libs";
-import ItemsInput from "@/components/ui/ItemsInput.vue";
-import { useSharedStore } from "@/store/sharedata";
+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 MdEditor from 'md-editor-v3'
+import 'md-editor-v3/lib/style.css'
+import Menu from '@/views/admin/Menu.vue'
+import { copyObj, dateFormat } from '@/utils/libs'
+import ItemsInput from '@/components/ui/ItemsInput.vue'
+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 agreement = ref("");
-const privacy = 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 agreement = ref('')
+const privacy = ref('')
+const license = ref({ is_active: false })
+const menus = ref([])
 const mjModels = ref([
-  { name: "慢速（Relax）", value: "relax" },
-  { name: "快速（Fast）", value: "fast" },
-  { name: "急速（Turbo）", value: "turbo" },
-]);
-const store = useSharedStore();
+  { name: '慢速（Relax）', value: 'relax' },
+  { name: '快速（Fast）', value: 'fast' },
+  { name: '急速（Turbo）', value: 'turbo' },
+])
+const store = useSharedStore()
 
 onMounted(() => {
   // 加载系统配置
-  httpGet("/api/admin/config/get?key=system")
+  httpGet('/api/admin/config/get?key=system')
     .then((res) => {
-      system.value = res.data;
+      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);
+        '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);
-    });
+      ElMessage.error('加载系统配置失败: ' + e.message)
+    })
   // 加载聊天配置
-  httpGet("/api/admin/config/get?key=notice")
+  httpGet('/api/admin/config/get?key=notice')
     .then((res) => {
-      notice.value = res.data["content"];
+      notice.value = res.data['content']
     })
     .catch((e) => {
-      ElMessage.error("公告信息失败: " + e.message);
-    });
+      ElMessage.error('公告信息失败: ' + e.message)
+    })
 
   // 加载用户协议
-  httpGet("/api/admin/config/get?key=agreement")
+  httpGet('/api/admin/config/get?key=agreement')
     .then((res) => {
-      agreement.value = res.data["content"] || '';
+      agreement.value = res.data['content'] || ''
     })
     .catch((e) => {
-      ElMessage.error("加载用户协议失败: " + e.message);
-    });
-    
+      console.warn('加载用户协议失败: ' + e.message)
+    })
+
   // 加载隐私政策
-  httpGet("/api/admin/config/get?key=privacy")
+  httpGet('/api/admin/config/get?key=privacy')
     .then((res) => {
-      privacy.value = res.data["content"] || '';
+      privacy.value = res.data['content'] || ''
     })
     .catch((e) => {
-      ElMessage.error("加载隐私政策失败: " + e.message);
-    });
+      console.warn('加载隐私政策失败: ' + e.message)
+    })
 
-  httpGet("/api/admin/model/list")
+  httpGet('/api/admin/model/list')
     .then((res) => {
-      models.value = res.data;
-      loading.value = false;
+      models.value = res.data
+      loading.value = false
     })
     .catch((e) => {
-      ElMessage.error("获取模型失败：" + e.message);
-    });
+      ElMessage.error('获取模型失败：' + e.message)
+    })
 
-  httpGet("/api/admin/menu/list")
+  httpGet('/api/admin/menu/list')
     .then((res) => {
-      menus.value = res.data;
+      menus.value = res.data
     })
     .catch((e) => {
-      ElMessage.error("获取模型失败：" + e.message);
-    });
+      ElMessage.error('获取模型失败：' + e.message)
+    })
 
-  fetchLicense();
-});
+  fetchLicense()
+})
 
 const fetchLicense = () => {
-  httpGet("/api/admin/config/license")
+  httpGet('/api/admin/config/license')
     .then((res) => {
-      license.value = res.data;
+      license.value = res.data
     })
     .catch((e) => {
-      ElMessage.error("获取 License 失败：" + e.message);
-    });
-};
+      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 })
+        httpPost('/api/admin/config/update', {
+          key: key,
+          config: system.value,
+          config_bak: configBak.value,
+        })
           .then(() => {
-            ElMessage.success("操作成功！");
+            ElMessage.success('操作成功！')
           })
           .catch((e) => {
-            ElMessage.error("操作失败：" + e.message);
-          });
+            ElMessage.error('操作失败：' + e.message)
+          })
       }
-    });
-  } else if (key === "notice") {
-    httpPost("/api/admin/config/update", { key: key, config: { content: notice.value, updated: true } })
+    })
+  } else if (key === 'notice') {
+    httpPost('/api/admin/config/update', {
+      key: key,
+      config: { content: notice.value, updated: true },
+    })
       .then(() => {
-        ElMessage.success("操作成功！");
+        ElMessage.success('操作成功！')
       })
       .catch((e) => {
-        ElMessage.error("操作失败：" + e.message);
-      });
-  } else if (key === "agreement") {
-    httpPost("/api/admin/config/update", { key: key, config: { content: agreement.value, updated: true } })
+        ElMessage.error('操作失败：' + e.message)
+      })
+  } else if (key === 'agreement') {
+    httpPost('/api/admin/config/update', {
+      key: key,
+      config: { content: agreement.value, updated: true },
+    })
       .then(() => {
-        ElMessage.success("操作成功！");
+        ElMessage.success('操作成功！')
       })
       .catch((e) => {
-        ElMessage.error("操作失败：" + e.message);
-      });
-  } else if (key === "privacy") {
-    httpPost("/api/admin/config/update", { key: key, config: { content: privacy.value, updated: true } })
+        ElMessage.error('操作失败：' + e.message)
+      })
+  } else if (key === 'privacy') {
+    httpPost('/api/admin/config/update', {
+      key: key,
+      config: { content: privacy.value, updated: true },
+    })
       .then(() => {
-        ElMessage.success("操作成功！");
+        ElMessage.success('操作成功！')
       })
       .catch((e) => {
-        ElMessage.error("操作失败：" + e.message);
-      });
+        ElMessage.error('操作失败：' + e.message)
+      })
   }
-};
+}
 
 // 激活授权
-const licenseKey = ref("");
+const licenseKey = ref('')
 const active = () => {
-  if (licenseKey.value === "") {
-    return ElMessage.error("请输入授权码");
+  if (licenseKey.value === '') {
+    return ElMessage.error('请输入授权码')
   }
-  httpPost("/api/admin/config/active", { license: licenseKey.value })
+  httpPost('/api/admin/config/active', { license: licenseKey.value })
     .then((res) => {
-      ElMessage.success("授权成功，机器编码为：" + res.data);
-      fetchLicense();
+      ElMessage.success('授权成功，机器编码为：' + res.data)
+      fetchLicense()
     })
     .catch((e) => {
-      ElMessage.error(e.message);
-    });
-};
+      ElMessage.error(e.message)
+    })
+}
 
-const configKey = ref("");
+const configKey = ref('')
 const beforeUpload = (key) => {
-  configKey.value = key;
-};
+  configKey.value = key
+}
 
 // 图片上传
 const uploadImg = (file) => {
@@ -602,65 +785,65 @@ const uploadImg = (file) => {
   new Compressor(file.file, {
     quality: 0.6,
     success(result) {
-      const formData = new FormData();
-      formData.append("file", result, result.name);
+      const formData = new FormData()
+      formData.append('file', result, result.name)
       // 执行上传操作
-      httpPost("/api/admin/upload", formData)
+      httpPost('/api/admin/upload', formData)
         .then((res) => {
-          system.value[configKey.value] = res.data.url;
-          ElMessage.success("上传成功");
+          system.value[configKey.value] = res.data.url
+          ElMessage.success('上传成功')
         })
         .catch((e) => {
-          ElMessage.error("上传失败:" + e.message);
-        });
+          ElMessage.error('上传失败:' + e.message)
+        })
     },
     error(e) {
-      ElMessage.error("上传失败:" + e.message);
+      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);
+        const formData = new FormData()
+        formData.append('file', file, file.name)
         // 执行上传操作
-        httpPost("/api/admin/upload", formData)
+        httpPost('/api/admin/upload', formData)
           .then((res) => rev(res))
-          .catch((error) => rej(error));
-      });
+          .catch((error) => rej(error))
+      })
     })
   )
     .then((res) => {
-      ElMessage.success({ message: "上传成功", duration: 500 });
-      callback(res.map((item) => item.data.url));
+      ElMessage.success({ message: '上传成功', duration: 500 })
+      callback(res.map((item) => item.data.url))
     })
     .catch((e) => {
-      ElMessage.error("图片上传失败:" + e.message);
-    });
-};
+      ElMessage.error('图片上传失败:' + e.message)
+    })
+}
 
 const fixData = () => {
-  ElMessageBox.confirm("在修复数据前，请先备份好数据库，以免数据丢失！是否继续操作?", "警告", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning",
+  ElMessageBox.confirm('在修复数据前，请先备份好数据库，以免数据丢失！是否继续操作?', '警告', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
   }).then(() => {
-    loading.value = true;
-    httpGet("/api/admin/config/fixData")
+    loading.value = true
+    httpGet('/api/admin/config/fixData')
       .then(() => {
-        ElMessage.success("数据修复成功");
-        loading.value = false;
+        ElMessage.success('数据修复成功')
+        loading.value = false
       })
       .catch((e) => {
-        loading.value = false;
-        ElMessage.error("数据修复失败：" + e.message);
-      });
-  });
-};
+        loading.value = false
+        ElMessage.error('数据修复失败：' + e.message)
+      })
+  })
+}
 </script>
 
 <style lang="stylus" scoped>