chat格式

src/layout/NewIndex.vue

@@ -200,7 +200,7 @@ const hasThis = (clickRowId) => {
 };
 // 控制iframe大小
 const iframeSize = (id) => {
-  // console.log('执行ifSize',par);
+  // console.log('执行ifSize',id);
   const div = document.querySelector(`#${id}`);
   const tagIfarme = document.querySelector(`#${id} iframe`);
   // console.log("tagIfarme", tagIfarme);

src/layout/components/AIPage/AIPage.vue

@@ -66,6 +66,8 @@ const resultData = ref("");
 const disabled = ref(false);
 const chatBox = ref(null);
 const lastChat = ref("");
+const hasdata = ref(false);
+const hasn = ref(false);
 const msg = ref([
   {
     role: "system",
@@ -117,18 +119,35 @@ const enterChat = () => {
           //   console.log("Stream finished");
           return;
         }
+        hasdata.value = false
+        hasn.value = false
         const message = decoder.decode(value);
         // console.log("原：", message);
+        const baseMsg = JSON.stringify(message)
+        // console.log('value',JSON.stringify(message))
+        var reg = RegExp(/\\n/)
+        // console.log('1',reg.test(baseMsg));
+        if(baseMsg.indexOf('data:') != -1){
+          hasdata.value = true
+        }
+        if(reg.test(baseMsg)){
+          hasn.value = true
+        }
         let newMsg = message
           .replace(/data:/gi, "")
           .replace(/\n/gi, "")
-          if(newMsg == "" && lastChat.value == ""){
+          .replace(/</gi, "&lt;")
+          .replace(/>/gi, "&gt;")
+          .replace(/\s/gi, "&nbsp;")
+          // console.log('hasdata',hasdata.value,hasn.value);
+          // if(newMsg == "" && lastChat.value == ""){
+          if(newMsg == "" && hasn.value && hasdata.value){
             newMsg = "</br>"
           }else{
             lastChat.value = newMsg
           }
           // .replace("\n", "")
-        // console.log("改：", newMsg);
+        // console.log("改：*", newMsg+"*");
         let v = resultData.value+ newMsg;
         resultData.value = v;
         msg.value[msg.value.length - 1].content = resultData.value;
@@ -185,7 +204,7 @@ onMounted(() => {
   background-color: #eaf1f9;
 }
 .main {
-  width: 565px;
+  width: 900px;
   height: 100%;
   padding: 24px 0 16px 0;
   margin: 0 auto;

src/layout/components/DefaultPage/DefaultPage.vue

@@ -59,9 +59,9 @@
               class="oneBox"
               v-for="item in hightData"
               :key="item.id"
-              @click="toFile(item.content.docInfo)"
+              
             >
-              <span class="fileName">{{ item.content.docInfo.fileName }}</span>
+              <span class="fileName" @click="toFile(item.content.docInfo)">{{ item.content.docInfo.fileName }}</span>
               <div class="flieTime">
                 <span>创建时间：</span>
                 <span>{{ item.content.docInfo.createTime }}</span>

src/layout/components/TopMenu/TopMenu.vue

@@ -381,17 +381,18 @@ watchEffect(async () => {
       display: flex;
       flex-direction: column;
       align-items: center;
+      cursor: pointer;
       img {
         width: 48px;
         height: 48px;
         margin-top: 6px;
-        border: 1px solid #d0d6e6;
+        // border: 1px solid #d0d6e6;
         border-radius: 8px 8px 8px 8px;
       }
       &:hover {
         background-color: #f5f7f9;
         img {
-          border: 1px solid #2e8bf6;
+          // border: 1px solid #2e8bf6;
         }
       }
     }