Merge branch 'master-zzby' of http://192.168.1.222:3000/jiayi/base-callcenter-web into master-zzby

src/components/main/Navbar/cpns/aiDialog/aiDialog.vue

@@ -32,6 +32,42 @@
                             <div class="aiHtml">{{item.page_content}}</div>
                         </div>
                     </div>
+                    <div class="conversation_item" v-if="item.direction ===3 ">
+                        <div class="item_ai">
+                            <div class="aiHtmlTit">{{item.title}}</div>
+                            <div class="aiHtml" v-html="item.page_content"></div>
+                            <div class="tools-wrap">
+                                <div class="item-ai-tools">
+                                    <div class="tools-left">
+                                        <div class="tool">
+                                                <div v-if="item.categoryname">
+                                                    <el-icon style="margin-right: 5px; vertical-align: -15%">
+                                                        <Tickets /> 
+                                                    </el-icon>
+                                                    <!-- 分类： -->
+                                                    <span>{{ item.categoryname }}</span>
+                                                </div>
+                                                <div v-if="item.labelname">
+                                                    <el-icon><Discount /></el-icon>
+                                                    <!-- 标签： -->
+                                                    <span>{{ item.labelname }}</span>
+                                                </div>
+                                                <div v-if="item.directoryname">
+                                                    <el-icon style="margin-right: 5px; vertical-align: -15%">
+                                                        <Tickets /> 
+                                                    </el-icon>
+                                                    <!-- 目录分类： -->
+                                                    <span>{{ item.directoryname }}</span>
+                                                </div>
+                                                
+                                        </div>
+                                    </div>
+
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
                     <div class="conversation_item" v-if="item.direction === 2 ">
                         <div class="item_ai" v-loading="item.loadingFlag">
                             <!-- v-for="(item,index) in productDetails.content && productDetails.content.split('\n')" :key="index" -->
@@ -230,7 +266,7 @@
     import aiIcon from '@/assets/images/aiIcon.png' // 默认头像
     import { getToken } from '@/utils/auth'
     import { base64data } from '@/utils/baseUrlData'
-    import { createPageData } from '@/api/main/system/system';
+    import { createPageData,getPageDetail } from '@/api/main/system/system';
     const { proxy } = getCurrentInstance();
     const drawer = ref(false)
     const props = defineProps({
@@ -244,15 +280,13 @@
         console.log('onMounted-ai')
         // getSearchDocs()
         modelData.value = quesModelData
-
+        
         if (props.text) {
             postChatText.value = props.text;
             enterHnadle();
         }
     })
 
-    
-
     watch(props , (newVal, oldVal) => {
         console.log('watch-ai', newVal, oldVal)
         if (newVal.text) {
@@ -329,7 +363,24 @@
         }
         
     }
-
+    
+    const knowledgeDetail = ref({})
+    const knowledgeText = ref('')
+    function sendKnowledge(docId) {
+        getPageDetail('/km/doc/' + docId).then((data) => {
+            if (data.data) {
+                knowledgeDetail.value = data.data;
+                dialogState.value = '会话中'
+                tipFlag.value = false
+                knowledgeText.value = data.data.keywords
+                sendChatText(3, (data.data || ''))
+                // getSearchDocs()
+            }
+        });
+    }
+    defineExpose({
+        sendKnowledge
+    })
     const createLog = (content) => {
         createPageData('/ai/aioperation', {
             operateType: 'DeepSeek',
@@ -359,10 +410,18 @@
     }
     const chatData = ref([])
     function sendChatText(direction, dataValue) {
-        const obj = {
-            direction,
-            page_content: dataValue
+        const obj = { direction }
+
+        if (direction === 3) {
+            obj.title = dataValue.title
+            obj.page_content = dataValue.content
+            obj.categoryname =  dataValue.categoryname
+            obj.labelname =  dataValue.labelname
+            obj.directoryname =  dataValue.directoryname
+        } else{
+            obj.page_content = dataValue
         }
+
         chatData.value.push(obj)
         
         setTimeout(() => {
@@ -417,6 +476,7 @@
     }
 
     async function getSearchDocs() {
+        
         let params = {}
         const obj = {
             direction:2,
@@ -439,13 +499,13 @@
 					content,
 				}, {
 					role: 'user',
-					content: postChatText.value,
+					content: postChatText.value || knowledgeText.value,
 				}],
 				stop: ['stop'],
 				stream: true,
             }
 
-            createLog(postChatText.value);
+            createLog(postChatText.value || knowledgeText.value);
             // 发送请求
             // let response = await fetch("http://192.168.1.89:7861/chat/kb_chat",
             const url = import.meta.env.VITE_APP_AI_API || 'https://open.bigmodel.cn/api/paas/v4/chat/completions'
@@ -499,6 +559,7 @@
                     try {
                         // 后端返回的流式数据一般都是以data:开头的字符，排除掉data:后就是需要的数据
                         // 具体返回结构可以跟后端约定
+                        knowledgeText.value = ''
                         let text = val?.replace("data:", "") || ""
                         const resultData = JSON.parse(text)
                         let resultText = resultData.choices[0].delta.content
@@ -735,6 +796,51 @@
                         word-break: break-all !important;
                         position: relative;
                     }
+                    .tools-wrap {
+                        position: relative;
+
+                        .item-ai-tools {
+                            display: flex;
+                            -ms-flex-align: center;
+                            align-items: center;
+                            -ms-flex-pack: justify;
+                            justify-content: space-between;
+                            height: 20px;
+                            margin-bottom: 8px;
+                            font-family: PingFang SC, PingFang SC;
+                            font-weight: 400;
+                            font-size: 12px;
+                            color: #86909C;
+                            padding: 0 12px;
+
+                            .tools-left {
+                                display: flex;
+                                -ms-flex-align: center;
+                                align-items: center;
+                                -ms-flex-pack: center;
+                                justify-content: center;
+
+                                .tool {
+                                    display: flex;
+                                    padding: 0 4px;
+                                    height: 20px;
+                                    color: #FFFFFF
+                                }
+                            }
+
+                            .tools-right {
+                                margin-left: 12px;
+                                display: flex;
+
+                                .pointer {
+                                    position: relative;
+                                    width: 20px;
+                                    height: 20px;
+                                    border-radius: 4px;
+                                }
+                            }
+                        }
+                    }
                 }
 
                 .item_ai {
@@ -744,7 +850,11 @@
                     background: #ffffff;
                     border-radius: 2px 16px 16px 16px;
                     margin-bottom: 24px;
-
+                    .aiHtmlTit{
+                        font-size: 16px;
+                        font-weight: bold;
+                        padding: 8px 0px 0px 12px;
+                    }
                     .aiHtml {
                         white-space: pre-wrap;
                         font-size: 14px;