feat(ai-chat): 实现案例专家功能入口权限控制及消息展示优化- 修改AI聊天接口地址为本地开发环境地址

- 新增showCaseAiEntrance接口用于控制案例专家功能入口显示
- 优化消息组件中的案例引用展示逻辑，支持展开/收起功能
- 增加案例引用的上传时间、作者机构等信息展示
- 实现打字机效果的文本逐字显示功能
- 优化AI消息响应处理逻辑，支持think标签内容解析

src/views/portal/case/components/messages.vue

@@ -18,7 +18,21 @@ export default {
     return {
       displayText: '',
       typingTimer: null,
-      typingSpeed: 30 // 打字机速度（毫秒/字符）
+      typingSpeed: 30, // 打字机速度（毫秒/字符）
+      showAllCaseRefers: false // 控制是否显示所有案例引用
+    }
+  },
+  computed: {
+    // 计算需要显示的案例引用
+    displayedCaseRefers() {
+      if (this.showAllCaseRefers || !this.messageData.caseRefers) {
+        return this.messageData.caseRefers || [];
+      }
+      return this.messageData.caseRefers.slice(0, 3);
+    },
+    // 判断是否需要显示"查看更多"按钮
+    shouldShowMoreButton() {
+      return this.messageData.caseRefers && this.messageData.caseRefers.length > 3;
     }
   },
   watch: {
@@ -57,6 +71,10 @@ export default {
           this.typingTimer = null
         }
       }, this.typingSpeed)
+    },
+    // 切换显示所有案例引用
+    toggleShowAllCaseRefers() {
+      this.showAllCaseRefers = !this.showAllCaseRefers;
     }
   },
   beforeDestroy() {
@@ -72,27 +90,35 @@ export default {
 
 <template>
  <div class="messages">
+   {{messageData}}
    <!--          机器人消息-->
    <div v-if="messageData.isBot" class="bot-message">
      <div class="bot-think" v-if="messageData.thinkText" v-html="messageData.thinkText"></div>
-     <div v-html="displayText"></div>
-
+     <div v-html="displayText" ></div>
      <div v-if="messageData.caseRefers && messageData.caseRefers.length > 0 && messageData.textCompleted">
        <div class="case-refers">
          <div class="case-refers-title">
-           <span>相关案例</span>
+           <span> <i class="iconfont icon-think"></i>  引用案例</span>
+           <span v-if="shouldShowMoreButton" class="more" @click="toggleShowAllCaseRefers">
+             {{ showAllCaseRefers ? '收起' : '查看更多' }}
+           </span>
          </div>
          <div class="case-refers-list">
-           <div class="case-refers-item" v-for="item in messageData.caseRefers">
+           <div class="case-refers-item" v-for="item in displayedCaseRefers" :key="item.caseId">
              <div class="case-refers-item-title">
-               <a :href="'#case-' + item.caseId">{{ item.title }}</a>
+               <a :href="'#case-' + item.caseId" class="title">{{ item.title }}</a>
+               <span class="case-refers-item-timer">{{item.uploadTime}}</span>
              </div>
              <div class="case-refers-item-author">
+               <span class="user"></span>
                <span>{{ item.authorName }}</span>
+               <span class="case-inter-orginInfo">{{ item.orgInfo }}</span>
              </div>
              <div class="case-refers-item-keywords">
                <span v-for="keyword in item.keywords" :key="keyword">{{ keyword }}</span>
              </div>
+
+             <div class="message-content">{{item.content}}</div>
            </div>
          </div>
        </div>
@@ -160,6 +186,25 @@ export default {
       .case-refers-title {
         font-weight: bold;
         margin-bottom: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .icon-think {
+          background-image: url("./map.svg") ;
+          width: 15px;
+          height: 13px;
+          display: inline-block;
+          background-repeat: no-repeat;
+          background-size: 100% 100%;
+        }
+        .more{
+          font-size: 10px;
+          padding: 2px 6px;
+          background-color: #F4F7FD;
+          border-radius: 5px;
+          color:#577EE1;font-weight: unset;
+          cursor: pointer;
+        }
       }
 
       .case-refers-list {
@@ -177,12 +222,49 @@ export default {
           .case-refers-item-title {
             font-size: 14px;
             margin-bottom: 5px;
-          }
+            font-weight: 600;
+            color: #000;
+            display: flex;
+            align-items: flex-end;
+            justify-content: space-between;
+            .title{
+              max-width: 70% ;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
 
+
+            }
+            .case-refers-item-timer{
+              font-size: 10px;
+              margin-right: 20px;
+              color:#cecece;
+              font-weight: unset!important;
+            }
+          }
+.case-refers-item-author{
+  display: flex;
+  align-items: center;
+  .user{
+    background-image: url("./user.svg");
+    width: 15px;
+    height: 15px;
+    display: inline-block;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    margin-right: 5px;
+  }
+  .case-inter-orginInfo{
+    font-size: 10px;
+    color: rgba(144, 147, 153, 0.44);margin-left: 5px;
+
+  }
+}
           .case-refers-item-author,
           .case-refers-item-keywords {
             font-size: 12px;
-            color: #909399;
+            font-weight: 600;
+            color: #000;
           }
         }
       }
@@ -197,5 +279,22 @@ export default {
     border-radius: 5px;
     margin-bottom: 10px;
   }
+  .case-refers-item-keywords{
+    margin-top: 5px;
+    span{
+      padding: 1px 4px;
+      background-color: #F4F7FD;
+      border-radius: 5px;
+      font-size: 10px!important;
+      color:#577EE1
+    }
+    span + span{
+      margin-left: 8px;
+    }
+  }
+  .message-content{
+    font-size: 12px!important;
+    margin-top: 5px;
+  }
 }
 </style>