From ff4b267858f5e266722c217ac0c3a8c34370cbff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E5=BD=A6=E6=A3=8B?= <liaoyq@pvc123.com>
Date: Fri, 8 Mar 2024 17:46:48 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E7=BB=86=E8=8A=82=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/System/SystemBaseConfig.vue     | 216 +++++++++---------
 .../src/views/System/SystemChatConfig.vue     | 165 +++++++------
 .../src/views/System/SystemNoticeConfig.vue   |   6 +-
 3 files changed, 204 insertions(+), 183 deletions(-)

diff --git a/gpt-vue/projects/vue-admin/src/views/System/SystemBaseConfig.vue b/gpt-vue/projects/vue-admin/src/views/System/SystemBaseConfig.vue
index f05f5739..ae9728f2 100644
--- a/gpt-vue/projects/vue-admin/src/views/System/SystemBaseConfig.vue
+++ b/gpt-vue/projects/vue-admin/src/views/System/SystemBaseConfig.vue
@@ -38,116 +38,118 @@ onMounted(async () => {
 });
 </script>
 <template>
-  <a-form ref="formRef" :model="system" :rules="rules" auto-label-width>
-    <a-form-item label="网站标题" field="title">
-      <a-input v-model="system['title']" />
-    </a-form-item>
-    <a-form-item label="控制台标题" field="admin_title">
-      <a-input v-model="system['admin_title']" />
-    </a-form-item>
-    <a-form-item label="注册赠送对话次数" field="user_init_calls">
-      <a-input v-model.number="system['init_chat_calls']" placeholder="新用户注册赠送对话次数" />
-    </a-form-item>
-    <a-form-item label="注册赠送绘图次数" field="init_img_calls">
-      <a-input v-model.number="system['init_img_calls']" placeholder="新用户注册赠送绘图次数" />
-    </a-form-item>
-    <a-form-item label="邀请赠送对话次数" field="invite_chat_calls">
-      <a-input
-        v-model.number="system['invite_chat_calls']"
-        placeholder="邀请新用户注册赠送对话次数"
-      />
-    </a-form-item>
-    <a-form-item label="邀请赠送绘图次数" field="invite_img_calls">
-      <a-input
-        v-model.number="system['invite_img_calls']"
-        placeholder="邀请新用户注册赠送绘图次数"
-      />
-    </a-form-item>
-    <a-form-item label="VIP每月对话次数" field="vip_month_calls">
-      <a-input v-model.number="system['vip_month_calls']" placeholder="VIP用户每月赠送对话次数" />
-    </a-form-item>
-    <a-form-item label="VIP每月绘图次数" field="vip_month_img_calls">
-      <a-input
-        v-model.number="system['vip_month_img_calls']"
-        placeholder="VIP用户每月赠送绘图次数"
-      />
-    </a-form-item>
-    <a-form-item label="开放注册" field="enabled_register">
-      <a-space>
-        <a-switch v-model="system['enabled_register']" />
-        <a-tooltip content="关闭注册之后只能通过管理后台添加用户" position="right">
-          <icon-info-circle-fill size="18" />
-        </a-tooltip>
-      </a-space>
-    </a-form-item>
-    <a-form-item label="注册方式" field="register_ways">
-      <a-checkbox-group v-model="system['register_ways']">
-        <a-checkbox value="mobile">手机注册</a-checkbox>
-        <a-checkbox value="email">邮箱注册</a-checkbox>
-      </a-checkbox-group>
-    </a-form-item>
-    <a-form-item label="启用众筹功能" field="enabled_reward">
-      <a-space>
-        <a-switch v-model="system['enabled_reward']" />
-        <a-tooltip content="如果关闭次功能将不在用户菜单显示众筹二维码" position="right">
-          <icon-info-circle-fill size="18" />
-        </a-tooltip>
-      </a-space>
-    </a-form-item>
-    <template v-if="system['enabled_reward']">
-      <a-form-item label="单次对话价格" field="chat_call_price">
-        <a-input v-model="system['chat_call_price']" placeholder="众筹金额跟对话次数的兑换比例" />
+  <a-card :bordered="false">
+    <a-form ref="formRef" :model="system" :rules="rules" auto-label-width :disabled="submitting">
+      <a-form-item label="网站标题" field="title">
+        <a-input v-model="system['title']" />
       </a-form-item>
-      <a-form-item label="单次绘图价格" field="img_call_price">
-        <a-input v-model="system['img_call_price']" placeholder="众筹金额跟绘图次数的兑换比例" />
+      <a-form-item label="控制台标题" field="admin_title">
+        <a-input v-model="system['admin_title']" />
       </a-form-item>
-      <a-form-item label="收款二维码" field="reward_img">
-        <SystemUploader v-model="system['reward_img']" placeholder="众筹收款二维码地址" />
+      <a-form-item label="注册赠送对话次数" field="user_init_calls">
+        <a-input v-model.number="system['init_chat_calls']" placeholder="新用户注册赠送对话次数" />
       </a-form-item>
-    </template>
-    <a-form-item label="微信客服二维码" field="wechat_card_url">
-      <SystemUploader v-model="system['wechat_card_url']" placeholder="微信客服二维码" />
-    </a-form-item>
-    <a-form-item label="订单超时时间" field="order_pay_timeout">
-      <a-space style="width: 100%">
+      <a-form-item label="注册赠送绘图次数" field="init_img_calls">
+        <a-input v-model.number="system['init_img_calls']" placeholder="新用户注册赠送绘图次数" />
+      </a-form-item>
+      <a-form-item label="邀请赠送对话次数" field="invite_chat_calls">
         <a-input
-          v-model.number="system['order_pay_timeout']"
-          placeholder="单位：秒"
-          style="width: 100%"
+          v-model.number="system['invite_chat_calls']"
+          placeholder="邀请新用户注册赠送对话次数"
         />
-        <a-tooltip position="right">
-          <icon-info-circle-fill size="18" />
-          <template #content> 系统会定期清理超时未支付的订单<br />默认值：900秒 </template>
-        </a-tooltip>
-      </a-space>
-    </a-form-item>
-    <a-form-item label="会员充值说明" field="order_pay_info_text">
-      <a-textarea
-        v-model="system['order_pay_info_text']"
-        :autosize="{ minRows: 3, maxRows: 10 }"
-        placeholder="请输入会员充值说明文字，比如介绍会员计划"
-      />
-    </a-form-item>
-    <a-form-item label="默认AI模型" field="default_models">
-      <a-space style="width: 100%">
-        <a-select
-          v-model="system['default_models']"
-          multiple
-          :filterable="true"
-          placeholder="选择AI模型，多选"
-          :options="modelOptions"
-          :loading="modelOptionsLoading"
-          :field-names="{ value: 'value', label: 'name' }"
-          style="width: 100%"
-        >
-        </a-select>
-        <a-tooltip content="新用户注册默认开通的 AI 模型" position="right">
-          <icon-info-circle-fill size="18" />
-        </a-tooltip>
-      </a-space>
-    </a-form-item>
-    <a-form-item>
-      <a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
-    </a-form-item>
-  </a-form>
+      </a-form-item>
+      <a-form-item label="邀请赠送绘图次数" field="invite_img_calls">
+        <a-input
+          v-model.number="system['invite_img_calls']"
+          placeholder="邀请新用户注册赠送绘图次数"
+        />
+      </a-form-item>
+      <a-form-item label="VIP每月对话次数" field="vip_month_calls">
+        <a-input v-model.number="system['vip_month_calls']" placeholder="VIP用户每月赠送对话次数" />
+      </a-form-item>
+      <a-form-item label="VIP每月绘图次数" field="vip_month_img_calls">
+        <a-input
+          v-model.number="system['vip_month_img_calls']"
+          placeholder="VIP用户每月赠送绘图次数"
+        />
+      </a-form-item>
+      <a-form-item label="开放注册" field="enabled_register">
+        <a-space>
+          <a-switch v-model="system['enabled_register']" />
+          <a-tooltip content="关闭注册之后只能通过管理后台添加用户" position="right">
+            <icon-info-circle-fill size="18" />
+          </a-tooltip>
+        </a-space>
+      </a-form-item>
+      <a-form-item label="注册方式" field="register_ways">
+        <a-checkbox-group v-model="system['register_ways']">
+          <a-checkbox value="mobile">手机注册</a-checkbox>
+          <a-checkbox value="email">邮箱注册</a-checkbox>
+        </a-checkbox-group>
+      </a-form-item>
+      <a-form-item label="启用众筹功能" field="enabled_reward">
+        <a-space>
+          <a-switch v-model="system['enabled_reward']" />
+          <a-tooltip content="如果关闭次功能将不在用户菜单显示众筹二维码" position="right">
+            <icon-info-circle-fill size="18" />
+          </a-tooltip>
+        </a-space>
+      </a-form-item>
+      <template v-if="system['enabled_reward']">
+        <a-form-item label="单次对话价格" field="chat_call_price">
+          <a-input v-model="system['chat_call_price']" placeholder="众筹金额跟对话次数的兑换比例" />
+        </a-form-item>
+        <a-form-item label="单次绘图价格" field="img_call_price">
+          <a-input v-model="system['img_call_price']" placeholder="众筹金额跟绘图次数的兑换比例" />
+        </a-form-item>
+        <a-form-item label="收款二维码" field="reward_img">
+          <SystemUploader v-model="system['reward_img']" placeholder="众筹收款二维码地址" />
+        </a-form-item>
+      </template>
+      <a-form-item label="微信客服二维码" field="wechat_card_url">
+        <SystemUploader v-model="system['wechat_card_url']" placeholder="微信客服二维码" />
+      </a-form-item>
+      <a-form-item label="订单超时时间" field="order_pay_timeout">
+        <a-space style="width: 100%">
+          <a-input
+            v-model.number="system['order_pay_timeout']"
+            placeholder="单位：秒"
+            style="width: 100%"
+          />
+          <a-tooltip position="right">
+            <icon-info-circle-fill size="18" />
+            <template #content> 系统会定期清理超时未支付的订单<br />默认值：900秒 </template>
+          </a-tooltip>
+        </a-space>
+      </a-form-item>
+      <a-form-item label="会员充值说明" field="order_pay_info_text">
+        <a-textarea
+          v-model="system['order_pay_info_text']"
+          :autosize="{ minRows: 3, maxRows: 10 }"
+          placeholder="请输入会员充值说明文字，比如介绍会员计划"
+        />
+      </a-form-item>
+      <a-form-item label="默认AI模型" field="default_models">
+        <a-space style="width: 100%">
+          <a-select
+            v-model="system['default_models']"
+            multiple
+            :filterable="true"
+            placeholder="选择AI模型，多选"
+            :options="modelOptions"
+            :loading="modelOptionsLoading"
+            :field-names="{ value: 'value', label: 'name' }"
+            style="width: 100%"
+          >
+          </a-select>
+          <a-tooltip content="新用户注册默认开通的 AI 模型" position="right">
+            <icon-info-circle-fill size="18" />
+          </a-tooltip>
+        </a-space>
+      </a-form-item>
+      <a-form-item>
+        <a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
+      </a-form-item>
+    </a-form>
+  </a-card>
 </template>
diff --git a/gpt-vue/projects/vue-admin/src/views/System/SystemChatConfig.vue b/gpt-vue/projects/vue-admin/src/views/System/SystemChatConfig.vue
index 2f50f289..ff1bab52 100644
--- a/gpt-vue/projects/vue-admin/src/views/System/SystemChatConfig.vue
+++ b/gpt-vue/projects/vue-admin/src/views/System/SystemChatConfig.vue
@@ -46,86 +46,103 @@ const reload = async () => {
 onMounted(reload);
 </script>
 <template>
-  <a-form ref="formRef" :model="chat" :rules="rules" auto-label-width>
-    <a-form-item label="开启聊天上下文">
-      <a-switch v-model="chat['enable_context']" />
-    </a-form-item>
-    <a-form-item label="保存聊天记录">
-      <a-switch v-model="chat['enable_history']" />
-    </a-form-item>
-    <a-form-item
-      label="会话上下文深度"
-      extra="会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为 0
+  <a-card :bordered="false">
+    <a-form ref="formRef" :model="chat" :rules="rules" auto-label-width :disabled="submitting">
+      <a-form-item label="开启聊天上下文">
+        <a-switch v-model="chat['enable_context']" />
+      </a-form-item>
+      <a-form-item label="保存聊天记录">
+        <a-switch v-model="chat['enable_history']" />
+      </a-form-item>
+      <a-form-item
+        label="会话上下文深度"
+        extra="会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为 0
         则不加载聊天记录，仅仅使用当前角色的上下文。该配置参数最好设置需要为偶数，否则将无法兼容百度的
         API。"
-    >
-      <a-input-number v-model="chat['context_deep']" :min="0" :max="10" />
-    </a-form-item>
+      >
+        <a-input-number v-model="chat['context_deep']" :min="0" :max="10" />
+      </a-form-item>
 
-    <a-divider content-position="center">OpenAI</a-divider>
-    <a-form-item label="模型创意度" extra="值越大 AI 回答越发散，值越小回答越保守，建议保持默认值">
-      <a-slider v-model="chat['open_ai']['temperature']" :max="2" :step="0.1" />
-    </a-form-item>
-    <a-form-item label="最大响应长度">
-      <a-input
-        v-model.number="chat['open_ai']['max_tokens']"
-        placeholder="回复的最大字数，最大4096"
-      />
-    </a-form-item>
+      <a-divider content-position="center">OpenAI</a-divider>
+      <a-form-item
+        label="模型创意度"
+        extra="值越大 AI 回答越发散，值越小回答越保守，建议保持默认值"
+      >
+        <a-slider v-model="chat['open_ai']['temperature']" :max="2" :step="0.1" />
+      </a-form-item>
+      <a-form-item label="最大响应长度">
+        <a-input
+          v-model.number="chat['open_ai']['max_tokens']"
+          placeholder="回复的最大字数，最大4096"
+        />
+      </a-form-item>
 
-    <a-divider content-position="center">Azure</a-divider>
-    <a-form-item label="模型创意度" extra="值越大 AI 回答越发散，值越小回答越保守，建议保持默认值">
-      <a-slider v-model="chat['azure']['temperature']" :max="2" :step="0.1" />
-    </a-form-item>
-    <a-form-item label="最大响应长度">
-      <a-input
-        v-model.number="chat['azure']['max_tokens']"
-        placeholder="回复的最大字数，最大4096"
-      />
-    </a-form-item>
+      <a-divider content-position="center">Azure</a-divider>
+      <a-form-item
+        label="模型创意度"
+        extra="值越大 AI 回答越发散，值越小回答越保守，建议保持默认值"
+      >
+        <a-slider v-model="chat['azure']['temperature']" :max="2" :step="0.1" />
+      </a-form-item>
+      <a-form-item label="最大响应长度">
+        <a-input
+          v-model.number="chat['azure']['max_tokens']"
+          placeholder="回复的最大字数，最大4096"
+        />
+      </a-form-item>
 
-    <a-divider content-position="center">ChatGLM</a-divider>
-    <a-form-item label="模型创意度" extra="值越大 AI 回答越发散，值越小回答越保守，建议保持默认值">
-      <a-slider v-model="chat['chat_gml']['temperature']" :max="1" :step="0.01" />
-    </a-form-item>
-    <a-form-item label="最大响应长度">
-      <a-input
-        v-model.number="chat['chat_gml']['max_tokens']"
-        placeholder="回复的最大字数，最大4096"
-      />
-    </a-form-item>
+      <a-divider content-position="center">ChatGLM</a-divider>
+      <a-form-item
+        label="模型创意度"
+        extra="值越大 AI 回答越发散，值越小回答越保守，建议保持默认值"
+      >
+        <a-slider v-model="chat['chat_gml']['temperature']" :max="1" :step="0.01" />
+      </a-form-item>
+      <a-form-item label="最大响应长度">
+        <a-input
+          v-model.number="chat['chat_gml']['max_tokens']"
+          placeholder="回复的最大字数，最大4096"
+        />
+      </a-form-item>
 
-    <a-divider content-position="center">文心一言</a-divider>
-    <a-form-item label="模型创意度" extra="值越大 AI 回答越发散，值越小回答越保守，建议保持默认值">
-      <a-slider v-model="chat['baidu']['temperature']" :max="1" :step="0.01" />
-    </a-form-item>
-    <a-form-item label="最大响应长度">
-      <a-input
-        v-model.number="chat['baidu']['max_tokens']"
-        placeholder="回复的最大字数，最大4096"
-      />
-    </a-form-item>
+      <a-divider content-position="center">文心一言</a-divider>
+      <a-form-item
+        label="模型创意度"
+        extra="值越大 AI 回答越发散，值越小回答越保守，建议保持默认值"
+      >
+        <a-slider v-model="chat['baidu']['temperature']" :max="1" :step="0.01" />
+      </a-form-item>
+      <a-form-item label="最大响应长度">
+        <a-input
+          v-model.number="chat['baidu']['max_tokens']"
+          placeholder="回复的最大字数，最大4096"
+        />
+      </a-form-item>
 
-    <a-divider content-position="center">讯飞星火</a-divider>
-    <a-form-item label="模型创意度" extra="值越大 AI 回答越发散，值越小回答越保守，建议保持默认值">
-      <a-slider v-model="chat['xun_fei']['temperature']" :max="1" :step="0.1" />
-    </a-form-item>
-    <a-form-item label="最大响应长度">
-      <a-input
-        v-model.number="chat['xun_fei']['max_tokens']"
-        placeholder="回复的最大字数，最大4096"
-      />
-    </a-form-item>
+      <a-divider content-position="center">讯飞星火</a-divider>
+      <a-form-item
+        label="模型创意度"
+        extra="值越大 AI 回答越发散，值越小回答越保守，建议保持默认值"
+      >
+        <a-slider v-model="chat['xun_fei']['temperature']" :max="1" :step="0.1" />
+      </a-form-item>
+      <a-form-item label="最大响应长度">
+        <a-input
+          v-model.number="chat['xun_fei']['max_tokens']"
+          placeholder="回复的最大字数，最大4096"
+        />
+      </a-form-item>
 
-    <a-divider content-position="center">AI绘图</a-divider>
-    <a-form-item label="DALL-E3出图数量">
-      <a-input
-        v-model.number="chat['dall_img_num']"
-        placeholder="调用 DALL E3 API 传入的出图数量"
-      />
-    </a-form-item>
-    <a-form-item>
-      <a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
-    </a-form-item>
-  </a-form>
+      <a-divider content-position="center">AI绘图</a-divider>
+      <a-form-item label="DALL-E3出图数量">
+        <a-input
+          v-model.number="chat['dall_img_num']"
+          placeholder="调用 DALL E3 API 传入的出图数量"
+        />
+      </a-form-item>
+      <a-form-item>
+        <a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
+      </a-form-item>
+    </a-form>
+  </a-card>
 </template>
diff --git a/gpt-vue/projects/vue-admin/src/views/System/SystemNoticeConfig.vue b/gpt-vue/projects/vue-admin/src/views/System/SystemNoticeConfig.vue
index 54445da5..04e216e7 100644
--- a/gpt-vue/projects/vue-admin/src/views/System/SystemNoticeConfig.vue
+++ b/gpt-vue/projects/vue-admin/src/views/System/SystemNoticeConfig.vue
@@ -56,8 +56,10 @@ const onUploadImg = (files, callback) => {
 onMounted(reload);
 </script>
 <template>
-  <a-form ref="formRef" :model="formData" auto-label-width>
-    <md-editor v-model="formData.content" @on-upload-img="onUploadImg" />
+  <a-form ref="formRef" :model="formData" auto-label-width :disabled="submitting">
+    <a-form-item>
+      <md-editor v-model="formData.content" @on-upload-img="onUploadImg" />
+    </a-form-item>
     <a-form-item>
       <a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
     </a-form-item>