Browse Source

AI助手、微信登录调整

zhengjinyi 10 months ago
parent
commit
26e9dcbc5b

+ 3 - 3
src/main/resources/static/css/base/base.pc.css

@@ -683,7 +683,7 @@ iframe{width:320px !important;height: 280px !important}
     height: auto;
     background-color: #FFFFFF;
     box-shadow: 0 16px 20px 0 rgba(174,167,223,.2);
-    border-radius: 8px;
+    border-radius: 16px;
     box-sizing: border-box;
     padding: 10px;
     margin:10px 0 20px 0;
@@ -759,7 +759,7 @@ iframe{width:320px !important;height: 280px !important}
 }
 .cm_ai_answer_main{
     width: 100%;
-    min-height: 600px;
+    min-height: 400px;
     overflow-y: auto;
     flex: 9;
 }
@@ -832,7 +832,7 @@ iframe{width:320px !important;height: 280px !important}
 .cm_ai_answer .cm_ai_html.info{
     width: 100%;
     border-radius: 16px;
-    padding: 14px;
+    padding: 16px;
 }
 .cm_ai_answer .cm_ai_html.info h1{
     font-size: 30px;

+ 3 - 3
src/main/resources/static/css/caimei-chat/chats.css

@@ -180,7 +180,7 @@
          height: auto;
          background-color: #FFFFFF;
          box-shadow: 0 16px 20px 0 rgba(174,167,223,.2);
-         border-radius: 8px;
+         border-radius: 16px;
          box-sizing: border-box;
          padding: 10px;
          margin:0px auto 20px;
@@ -256,7 +256,7 @@
     }
     .cm_ai_answer_main{
         width: 850px;
-        min-height: 600px;
+        min-height: 400px;
         margin: 0 auto 15px;
         overflow-y: auto;
         flex: 9;
@@ -330,7 +330,7 @@
      .cm_ai_answer .cm_ai_html.info{
          width: 100%;
          border-radius: 16px;
-         padding: 14px;
+         padding: 16px;
      }
      .cm_ai_answer .cm_ai_html.info h1{
          font-size: 30px;

+ 44 - 44
src/main/resources/static/css/user-center/operation/form.css

@@ -1,44 +1,44 @@
-@charset "utf-8";
-li{list-style:none}
-/**
- * PC端
- */
-@media screen and (min-width:768px){
-    .pageWrap{width: 100%;}
-    /*个人中心右侧*/
-    .navLayout .right{float:right;width:968px}
-    .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;}
-    .order-header .header-bt {width: 100%;height: 38px;float: left;position: relative;}
-    .order-header .header-bt .header-title{width: 100%;height: 38px;float: left;line-height: 38px;font-size: 24px;color: #22272e;text-align: center;}
-    .order-header .header-bt .header-button{height: 38px;position: absolute;top: 0;right: 0;}
-    .order-header .header-bt .header-button .btn-add{width: 90px;height: 36px;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;font-size: 14px;color: #FF5B00;line-height: 36px;text-align: center;float: left;margin: 0 5px;}
-    .container{width: 100%;height:526px;box-sizing: border-box;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding:32px 90px;}
-    .container .form{float: left;width:220px;}
-    .container .formLine{float: left;width: 100%;}
-    .container .text{width: 100%;height: auto;float: left;}
-    .container .text p{font-size: 14px;color: #22272e;text-align: left;line-height: 44px;}
-    .container .button{width: 100%;height: 50px;float: left;margin-top: 16px;}
-    .container .button a{display: block;width: 232px;height: 50px;background-color: #FF5B00;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;margin: 0 auto;text-align: center;line-height: 50px;font-size: 14px;color: #FFFFFF;}
-    .container .button a.disabled{background-color: #999999;}
-}
-
-/**
-* 移动端
-*/
-@media screen and (max-width:768px){
-    .order-header{width: 100%;height: 16vw;box-sizing: border-box;padding:4vw;background-color: #FFF;}
-    .order-header .header-bt {width: 100%;height: 8vw;float: left;position: relative;}
-    .order-header .header-bt .header-title{width: 100%;height: 8vw;float: left;line-height:8vw;font-size:4vw;color: #22272e;text-align: center;}
-    .order-header .header-bt .header-button{height: 8vw;position: absolute;top: 0;right: 0;}
-    .order-header .header-bt .header-button .btn-add{width:12vw;height:8vw;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;font-size: 14px;color: #FF5B00;line-height: 36px;text-align: center;float: left;margin: 0 5px;}
-
-    .container{width: 100%;box-sizing: border-box;padding:4vw}
-    .container .text{width: 100%;height: auto;float: left;}
-    .container .text p{font-size: 3.4vw;color: #22272e;text-align: left;line-height: 6vw;}
-    .container .button{width: 100%;height: 11vw;float: left;margin-top: 16px;}
-    .container .button a{display: block;width: 100%;height: 11vw;background-color: #FF5B00;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;margin: 0 auto;text-align: center;line-height: 11vw;font-size:3.4vw;color: #FFFFFF;}
-    .container .button a.disabled{background-color: #999999;}
-
-
-}
-
+@charset "utf-8";
+li{list-style:none}
+/**
+ * PC端
+ */
+@media screen and (min-width:768px){
+    .pageWrap{width: 100%;}
+    /*个人中心右侧*/
+    .navLayout .right{float:right;width:968px}
+    .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;}
+    .order-header .header-bt {width: 100%;height: 38px;float: left;position: relative;}
+    .order-header .header-bt .header-title{width: 100%;height: 38px;float: left;line-height: 38px;font-size: 24px;color: #22272e;text-align: center;}
+    .order-header .header-bt .header-button{height: 38px;position: absolute;top: 0;right: 0;}
+    .order-header .header-bt .header-button .btn-add{width: 90px;height: 36px;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;font-size: 14px;color: #FF5B00;line-height: 36px;text-align: center;float: left;margin: 0 5px;}
+    .container{width: 100%;height:526px;box-sizing: border-box;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding:32px 90px;}
+    .container .form{float: left;width:220px;}
+    .container .formLine{float: left;width: 100%;}
+    .container .text{width: 100%;height: auto;float: left;}
+    .container .text p{font-size: 14px;color: #22272e;text-align: left;line-height: 44px;}
+    .container .button{width: 100%;height: 50px;float: left;margin-top: 16px;}
+    .container .button a{display: block;width: 232px;height: 50px;background-image:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 25px;margin: 0 auto;text-align: center;line-height: 50px;font-size: 14px;color: #FFFFFF;}
+    .container .button a.disabled{background-color: #999999;}
+}
+
+/**
+* 移动端
+*/
+@media screen and (max-width:768px){
+    .order-header{width: 100%;height: 16vw;box-sizing: border-box;padding:4vw;background-color: #FFF;}
+    .order-header .header-bt {width: 100%;height: 8vw;float: left;position: relative;}
+    .order-header .header-bt .header-title{width: 100%;height: 8vw;float: left;line-height:8vw;font-size:4vw;color: #22272e;text-align: center;}
+    .order-header .header-bt .header-button{height: 8vw;position: absolute;top: 0;right: 0;}
+    .order-header .header-bt .header-button .btn-add{width:12vw;height:8vw;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;font-size: 14px;color: #FF5B00;line-height: 36px;text-align: center;float: left;margin: 0 5px;}
+
+    .container{width: 100%;box-sizing: border-box;padding:4vw}
+    .container .text{width: 100%;height: auto;float: left;}
+    .container .text p{font-size: 3.4vw;color: #22272e;text-align: left;line-height: 6vw;}
+    .container .button{width: 100%;height: 11vw;float: left;margin-top: 16px;}
+    .container .button a{display: block;width: 100%;height: 11vw;background-color: #FF5B00;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;margin: 0 auto;text-align: center;line-height: 11vw;font-size:3.4vw;color: #FFFFFF;}
+    .container .button a.disabled{background-color: #999999;}
+
+
+}
+

+ 2 - 2
src/main/resources/static/js/mixins/cmAiMixins.js

@@ -96,7 +96,7 @@ var cmAiMixins = function () {
                 const answerElement = document.createElement('div');
                 answerElement.className = 'cm_ai_answer info';
                 // 创建子元素,显示欢迎语
-                const contentInfoStr =`<div class="cm_ai_html info"><h1>Hi,我是采美AI助手</h1>我是您的AI助手,欢迎向我提出您的疑问,我会根据你给出的问题提供相对应的回答~</div>`
+                const contentInfoStr =`<div class="cm_ai_html info"><h1>Hi,我是采美Ai助手</h1>我是您的Ai助手,欢迎向我提出您的疑问,我会根据你给出的问题提供相对应的回答~</div>`
                 answerElement.innerHTML += contentInfoStr
                 // 最后,将answerElement添加到页面的某个现有元素中,例如body
                 answerContent.appendChild(answerElement);
@@ -149,6 +149,7 @@ var cmAiMixins = function () {
                     const data = await this.getUserNewChats(this.chatParams)
                     this.probeChatId = data.chatId
                     this.handleResponseHtml(data,contentHtml,answerContent)
+                    this.getChatHistory()
                 } catch (error) {
                     console.error('Error fetching new chats:', error);
                 }
@@ -191,7 +192,6 @@ var cmAiMixins = function () {
                             _this.handleCreateChartLink(contentHtml,data.search_info.search_results)
                         }
                         _this.probeIndex++
-                        _this.getChatHistory()
                         _this.isLoading = false
                         // 滚动到容器底部(如果内容超出了可视区域)
                         answerContent.scrollTop = answerContent.scrollHeight;

+ 1 - 1
src/main/resources/templates/caimei-chat/chats.html

@@ -6,7 +6,7 @@
 <head>
     <template th:replace="components/head-link"></template>
     <link th:href="@{/css/caimei-chat/chats.css(v=${version})}" rel="stylesheet" type="text/css">
-    <title>采美网-采美AI助手</title>
+    <title>采美网-采美Ai助手</title>
     <template th:replace="components/analysis"></template>
 </head>
 <body>