feat: add system config item for wechat qrcode

CHANGELOG.md

@@ -3,7 +3,9 @@
 * 功能优化：恢复关闭注册系统配置项，管理员可以在后台关闭用户注册，只允许内部添加账号
 * 功能优化：兼用旧版本微信收款消息解析
 * 功能优化：优化订单扫码支付状态轮询功能，当关闭二维码时取消轮询，节约网络资源
-* 
+* 功能新增：后台新增配置微信客服二维码，可以上传自己的微信客服二维码
+* 功能新增：新增网站公告，可以在管理后台自定义配置
+* 功能新增：新增阿里通义千问大模型支持
 
 
 ## v3.2.5

api/core/types/config.go

@@ -196,4 +196,5 @@ type SystemConfig struct {
 	InviteImgCalls   int      `json:"invite_img_calls"`    // 邀请用户注册奖励绘图次数
 
 	ShowDemoNotice bool   `json:"show_demo_notice"` // 显示演示站公告
+	WechatCardURL  string `json:"wechat_card_url"`  // 微信客服地址
 }

api/handler/chatimpl/chat_handler.go

@@ -26,7 +26,8 @@ import (
 )
 
 const ErrorMsg = "抱歉，AI 助手开小差了，请稍后再试。"
-const ErrImg = "![](/images/wx.png)"
+
+var ErrImg = "![](/images/wx.png)"
 
 var logger = logger2.GetLogger()
 
@@ -45,6 +46,13 @@ func NewChatHandler(app *core.AppServer, db *gorm.DB, redis *redis.Client) *Chat
 	return &h
 }
 
+func (h *ChatHandler) Init() {
+	// 如果后台有上传微信客服微信二维码，则覆盖
+	if h.App.SysConfig.WechatCardURL != "" {
+		ErrImg = fmt.Sprintf("![](%s)", h.App.SysConfig.WechatCardURL)
+	}
+}
+
 var chatConfig types.ChatConfig
 
 // ChatHandle 处理聊天 WebSocket 请求

api/main.go

@@ -59,11 +59,13 @@ func main() {
 	}
 	debug, _ := strconv.ParseBool(os.Getenv("APP_DEBUG"))
 	logger.Info("Loading config file: ", configFile)
+	if !debug {
 		defer func() {
 			if err := recover(); err != nil {
 				logger.Error("Panic Error:", err)
 			}
 		}()
+	}
 
 	app := fx.New(
 		// 初始化配置应用配置
@@ -378,7 +380,9 @@ func main() {
 				log.Fatal(err)
 			}
 		}),
-
+		fx.Invoke(func(h *chatimpl.ChatHandler) {
+			h.Init()
+		}),
 		// 注册生命周期回调函数
 		fx.Invoke(func(lifecycle fx.Lifecycle, lc *AppLifecycle) {
 			lifecycle.Append(fx.Hook{

web/src/views/ChatPlus.vue

@@ -222,7 +222,7 @@
       </el-alert>
 
       <div style="text-align: center;padding-top: 10px;">
-        <el-image src="/images/wx.png"/>
+        <el-image :src="wechatCardURL"/>
       </div>
     </el-dialog>
 
@@ -325,6 +325,7 @@ const textInput = ref(null)
 const showFeedbackDialog = ref(false)
 const showDemoNotice = ref(false)
 const showNoticeKey = ref("SHOW_DEMO_NOTICE_")
+const wechatCardURL = ref("/images/wx.png")
 
 if (isMobile()) {
   router.replace("/mobile")
@@ -377,6 +378,7 @@ onMounted(() => {
       if (!show) {
         showDemoNotice.value = res.data['show_demo_notice']
       }
+      wechatCardURL.value = res.data['wechat_card_url']
     }).catch(e => {
       ElMessage.error("获取系统配置失败：" + e.message)
     })

web/src/views/Register.vue

@@ -156,6 +156,10 @@ httpGet("/api/admin/config/get?key=system").then(res => {
     placeholder.value += ways.join("/")
     // 是否启用注册
     enableRegister.value = res.data['enabled_register']
+    // 覆盖微信二维码
+    if (res.data['wechat_card_url'] !== '') {
+      wxImg.value = res.data['wechat_card_url']
+    }
   }
 }).catch(e => {
   ElMessage.error("获取系统配置失败：" + e.message)

web/src/views/admin/SysConfig.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="system-config" v-loading="loading">
+
+    <el-tabs v-model="activeName" class="demo-tabs">
+      <el-tab-pane label="基本设置" name="basic">
         <div class="container">
-      <el-divider content-position="center">基本设置</el-divider>
           <el-form :model="system" label-width="150px" label-position="right" ref="systemFormRef" :rules="rules">
             <el-form-item label="网站标题" prop="title">
               <el-input v-model="system['title']"/>
@@ -76,7 +78,8 @@
                     <el-upload
                         :auto-upload="true"
                         :show-file-list="false"
-                    :http-request="uploadRewardImg"
+                        @click="beforeUpload('reward_img')"
+                        :http-request="uploadImg"
                     >
                       <el-icon class="uploader-icon">
                         <UploadFilled/>
@@ -87,6 +90,23 @@
               </el-form-item>
             </div>
 
+            <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 label="显示演示公告" prop="show_demo_notice">
               <el-switch v-model="system['show_demo_notice']"/>
               <el-tooltip
@@ -163,9 +183,10 @@
               <el-button type="primary" @click="save('system')">保存</el-button>
             </el-form-item>
           </el-form>
-
-      <el-divider content-position="center">模型通用配置</el-divider>
-
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="模型配置" name="chat">
+        <div class="container">
           <el-form :model="chat" label-position="right" label-width="150px" ref="chatFormRef" :rules="rules">
             <el-form-item label="开启聊天上下文">
               <el-switch v-model="chat['enable_context']"/>
@@ -174,8 +195,10 @@
               <el-switch v-model="chat['enable_history']"/>
             </el-form-item>
             <el-form-item label="会话上下文深度">
+              <div style="width:100%">
                 <el-input-number v-model="chat['context_deep']" :min="0" :max="10"/>
-          <div class="tip" style="margin-top: 10px;">会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为
+              </div>
+              <div class="tip" style="margin-top: 10px; ">会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为
                 0
                 则不加载聊天记录，仅仅使用当前角色的上下文。该配置参数最好设置需要为偶数，否则将无法兼容百度的 API。
               </div>
@@ -235,6 +258,11 @@
             </el-form-item>
           </el-form>
         </div>
+      </el-tab-pane>
+      <el-tab-pane label="公告配置" name="notice">
+        <md-editor class="mgb20" v-model="notice" @on-upload-img="onUploadImg"/>
+      </el-tab-pane>
+    </el-tabs>
   </div>
 </template>
 
@@ -244,7 +272,10 @@ import {httpGet, httpPost} from "@/utils/http";
 import Compressor from "compressorjs";
 import {ElMessage} from "element-plus";
 import {InfoFilled, UploadFilled} from "@element-plus/icons-vue";
+import MdEditor from "md-editor-v3";
+import 'md-editor-v3/lib/style.css';
 
+const activeName = ref('basic')
 const system = ref({models: []})
 const chat = ref({
   open_ai: {temperature: 1, max_tokens: 1024},
@@ -261,6 +292,7 @@ const loading = ref(true)
 const systemFormRef = ref(null)
 const chatFormRef = ref(null)
 const models = ref([])
+const notice = ref("")
 
 onMounted(() => {
   // 加载系统配置
@@ -321,8 +353,13 @@ const save = function (key) {
   }
 }
 
+const configKey = ref("")
+const beforeUpload = (key) => {
+  configKey.value = key
+}
+
 // 图片上传
-const uploadRewardImg = (file) => {
+const uploadImg = (file) => {
   // 压缩图片并上传
   new Compressor(file.file, {
     quality: 0.6,
@@ -331,17 +368,20 @@ const uploadRewardImg = (file) => {
       formData.append('file', result, result.name);
       // 执行上传操作
       httpPost('/api/upload', formData).then((res) => {
-        system.value['reward_img'] = res.data.url
+        system.value[configKey.value] = res.data.url
         ElMessage.success('上传成功')
       }).catch((e) => {
         ElMessage.error('上传失败:' + e.message)
       })
     },
-    error(err) {
-      console.log(err.message);
+    error(e) {
+      ElMessage.error('上传失败:' + e.message)
     },
   });
 };
+const onUploadImg = (files) => {
+  console.log(files);
+};
 
 </script>
 
@@ -351,10 +391,14 @@ const uploadRewardImg = (file) => {
   display flex
   justify-content center
 
-  .container {
+  .el-tabs {
     width 100%
-    max-width 800px;
+    background-color #ffffff
+    padding 10px 20px 40px 20px
+    border: 1px solid #ddd;
+    border-radius: 5px
 
+    .container {
       .el-form {
         .el-form-item__content {
 
@@ -387,5 +431,6 @@ const uploadRewardImg = (file) => {
       }
     }
 
+  }
 }
 </style>