AI助手、信息中心调整优化

src/main/resources/static/css/base/base.pc.css

@@ -676,7 +676,7 @@ iframe{width:320px !important;height: 280px !important}
     display: flex;
     flex-direction: column;
     box-sizing: border-box;
-    padding:0 30px;
+    padding:0 24px;
 }
 .cm_ai_content{
     width: 100%;
@@ -745,6 +745,7 @@ iframe{width:320px !important;height: 280px !important}
 }
 .cm_ai_content .cm_ai_button.none{
     opacity: 0.5;
+    cursor: not-allowed;
 }
 .cm_ai_content .cm_ai_button .cm_ai_icon{
     transition: all .16s;
@@ -769,12 +770,18 @@ iframe{width:320px !important;height: 280px !important}
     width: 100%;
     height: auto;
     box-sizing: border-box;
-    padding-left:36px;
     position: relative;
     display: flex;
-    justify-content: flex-start;
     margin: 10px 0;
 }
+.cm_ai_answer.info{
+    padding-left:0;
+    padding-right:0;
+}
+.cm_ai_answer.chat{
+    padding-left:36px;
+    justify-content: flex-start;
+}
 .cm_ai_answer.user{
     padding-left:0px;
     padding-right:36px;
@@ -822,6 +829,18 @@ iframe{width:320px !important;height: 280px !important}
     font-size: 16px;
     color: #666666;
 }
+.cm_ai_answer .cm_ai_html.info{
+    width: 100%;
+    border-radius: 16px;
+    padding: 14px;
+}
+.cm_ai_answer .cm_ai_html.info h1{
+    font-size: 30px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 60px;
+    letter-spacing:2px;
+}
 .cm_ai_answer .cm_ai_html.user{
     min-height: 50px;
     margin-bottom: 0;

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

@@ -242,6 +242,7 @@
      }
      .cm_ai_content .cm_ai_button.none{
          opacity: 0.5;
+         cursor: not-allowed;
      }
      .cm_ai_content .cm_ai_button .cm_ai_icon{
          transition: all .16s;
@@ -268,10 +269,16 @@
         width: 100%;
         height: auto;
         box-sizing: border-box;
-        padding-left:36px;
         position: relative;
         display: flex;
-        justify-content: flex-start;
+    }
+    .cm_ai_answer.info{
+         padding-left:0;
+         padding-right:0;
+    }
+    .cm_ai_answer.chat{
+         padding-left:36px;
+         justify-content: flex-start;
     }
     .cm_ai_answer.user{
          padding-left:0px;
@@ -320,6 +327,18 @@
          font-size: 16px;
          color: #666666;
      }
+     .cm_ai_answer .cm_ai_html.info{
+         width: 100%;
+         border-radius: 16px;
+         padding: 14px;
+     }
+     .cm_ai_answer .cm_ai_html.info h1{
+         font-size: 30px;
+         font-weight: 600;
+         color: #333333;
+         line-height: 60px;
+         letter-spacing:2px;
+     }
      .cm_ai_answer .cm_ai_html.user{
          min-height: 50px;
          margin-bottom: 0;
@@ -492,6 +511,7 @@
      }
      .cm_ai_content .cm_ai_button.none{
          opacity: 0.5;
+         cursor: not-allowed;
      }
      .cm_ai_content .cm_ai_button .cm_ai_icon{
          transition: all .16s;
@@ -520,6 +540,12 @@
         position: relative;
         margin: 10px 0;
         display: flex;
+    }
+    .cm_ai_answer.info{
+         padding-left:0;
+         padding-right:0;
+    }
+    .cm_ai_answer.chat{
         justify-content: flex-start;
     }
     .cm_ai_answer.user{
@@ -554,6 +580,18 @@
         box-sizing: border-box;
         padding: 10px;
     }
+    .cm_ai_answer .cm_ai_html.info{
+         width: 100%;
+         border-radius: 16px;
+         padding: 14px;
+    }
+    .cm_ai_answer .cm_ai_html.info h1{
+        font-size: 6vw;
+        font-weight: 600;
+        color: #333333;
+        line-height: 14vw;
+        letter-spacing: 0.3vw;
+     }
     .cm_ai_answer .cm_ai_html.user{
          min-height: 50px;
          border-radius: 16px 16px 0 16px;

src/main/resources/static/js/mixins/cmAiMixins.js

@@ -31,8 +31,8 @@ var cmAiMixins = function () {
             handleClose(done) {
                 this.$confirm('确认退出AI助手？')
                     .then(_ => {
-                        const answerContainer = document.getElementById('cm_ai_answer')
-                        answerContainer.innerHTML = ''
+                        const answerContent = document.getElementById('cm_ai_answer')
+                        answerContent.innerHTML = ''
                         this.isAiDrawer = false
                         done();
                     })
@@ -46,6 +46,9 @@ var cmAiMixins = function () {
                     this.chatParams.userId = this.chatHistoryParams.userId = globalUserData.userId;
                     this.chatParams.question = ''
                     this.getChatHistory()
+                    setTimeout(()=>{
+                        this.handleCreatedInfoHtml()
+                    },250)
                 }else{
                     window.location.href = '/login.html'
                 }
@@ -53,8 +56,8 @@ var cmAiMixins = function () {
             //新建对话
             handleCreatedChat(){
                 if(this.isLoading){ return; }
-                const answerContainer = document.getElementById('cm_ai_answer')
-                answerContainer.innerHTML = ''
+                const answerContent = document.getElementById('cm_ai_answer')
+                answerContent.innerHTML = ''
                 this.probeIndex = 0
                 this.questionTextarea = ''
                 this.chatParams.question = ''
@@ -87,17 +90,15 @@ var cmAiMixins = function () {
                 console.log('isLoading',this.isLoading)
                 this.handleCreateChartHtml(answerContent)
             },
-            // 初始化cm_ai_answer
+            // 初始化
             handleCreatedInfoHtml(){
-                // 创建一个新的div元素，并设置其类名为'cm_ai_answer'
+                const answerContent = document.getElementById('cm_ai_answer')
+                // 创建一个新的div元素，并设置其类名为'cm_ai_answer info'
                 const answerElement = document.createElement('div');
-                answerElement.className = 'cm_ai_answer chat';
-                // 创建第一个子元素，包含图标
-                const iconDivStr ='<div class="cm_ai_html_icon chat"><img src="/img/base/icon-aiUser@2x.png"></div>'
-                // 创建第二个子元素，用于显示内容
-                const contentUserStr =`<div class="cm_ai_html chat"><h1>Hi，我是采美AI助手</h1>我是您的AI助手，欢迎向我提出您的疑问，我会根据你给出的问题提供相对应的回答~</div>`
-                answerElement.innerHTML += iconDivStr
-                answerElement.innerHTML += contentUserStr
+                answerElement.className = 'cm_ai_answer info';
+                // 创建子元素，显示欢迎语
+                const contentInfoStr =`<div class="cm_ai_html info"><h1>Hi，我是采美AI助手</h1>我是您的AI助手，欢迎向我提出您的疑问，我会根据你给出的问题提供相对应的回答~</div>`
+                answerElement.innerHTML += contentInfoStr
                 // 最后，将answerElement添加到页面的某个现有元素中，例如body
                 answerContent.appendChild(answerElement);
             },
@@ -187,7 +188,7 @@ var cmAiMixins = function () {
                         answerContent.scrollTop = answerContent.scrollHeight;
                     }else{
                         // 如果有推荐信息源的话执行
-                        if(data.search_info){
+                        if(data.search_info.search_results){
                             _this.handleCreateChartLink(contentHtml,data.search_info.search_results)
                         }
                         _this.probeIndex++