ai-assistant-pro 0.0.6 → 0.0.8

package/components/demo/api/index.js

@@ -3,7 +3,9 @@ import { fetchEventSource } from '@microsoft/fetch-event-source';
 import constants from '../utils/constants';
 
 const baseURL = sessionStorage.getItem('AI-INTELLIGENT-TOOLS_BASE_URL') || constants.publicPath;
-const prefix = sessionStorage.getItem('AI-INTELLIGENT-TOOLS_PRE_FIX') || constants.publicPrefix;
+let prefix = sessionStorage.getItem('AI-INTELLIGENT-TOOLS_PRE_FIX') || constants.publicPrefix;
+// 0.0.8 版本接口升级
+prefix += '/plugin/v2';
 import cache from '../plugins/cache';
 export const ssoAuth = (token) => {
     return request({
@@ -92,15 +94,37 @@ export const checkCourseIdIsExist = (resId) => {
         method: 'get',
     });
 }
+/**
+ * 开场白及提示词查询
+ * */
+export const queryCallWord = (resId) => {
+    return request({
+        url: prefix + `/ia/byCourseId?courseId=${resId}`,
+        method: 'get',
+    });
+}
+
+/**
+ * 自动追问
+ * @param iaId 请求参数id
+ * @param message 对话对
+ * @returns 返回节点详情数据
+ */
+export async function getAutoQuestioning(iaId, message) {
+    return request.post(`${prefix}/ia/autoFollowUp`, {
+        iaId,
+        messages: message,
+    });
+}
 
 export async function sendMessageEventSource(params, signal, onmessage) {
-    return fetchEventSource(`${baseURL}${prefix}/assistant/conversation`, {
+    return fetchEventSource(`${baseURL}${prefix}/assistant/conversation?token=${cache.session.getJSON('SRKJ_TOKEN_CACHE')}`, {
         method: 'POST',
         signal: signal,
         openWhenHidden: true,
         headers: {
             'Content-Type': 'application/json',
-            'X-Id-Token': cache.session.getJSON('SRKJ_TOKEN_CACHE'),
+            // 'X-Id-Token': cache.session.getJSON('SRKJ_TOKEN_CACHE'),
         },
         body: JSON.stringify(params),
         onmessage,

package/components/demo/src/chat-tools.vue

@@ -2,7 +2,7 @@
     <div class="robot-tools">
         <div class="robot-reanswer"
              style="margin-bottom: 8px"
-             v-if="listData.stop || listData.finish"
+             v-if="(listData.stop || listData.finish && !sending) && isLast"
              @click="reAnswer(listData)">
             <i class="el-icon-refresh-right"></i>
             重新回答
@@ -10,7 +10,7 @@
         <div class="stopMsg" style="color: #cfcfcf; cursor: default" v-if="listData.stop">已停止生成</div>
         <div class="stopMsg"
              @click="stopChat(listData)"
-             v-if="!listData.stop && !listData.finish">停止输出</div>
+             v-if="!listData.stop && !listData.finish  && !sending">停止输出</div>
         <div class="right-tools">
             <el-tooltip content="赞" effect="light" placement="top">
                 <div class="tools-icon" @click="doZan(listData)">
@@ -74,6 +74,22 @@ export default {
             type: String,
             default: '',
         },
+        sending: {
+            type: Boolean,
+            default: false
+        },
+        resId: {
+            type: String,
+            default: '',
+        },
+        openCourseId: {
+            type: String,
+            default: ''
+        },
+        isLast: {
+            type: Boolean,
+            default: false
+        },
     },
     data() {
         return {
@@ -116,6 +132,8 @@ export default {
                         chatId: this.chatId,
                         msgId: list.msgId,
                         parentMsgId: list.parentMsgId,
+                        courseId: this.resId,
+                        openCourseId: this.openCourseId ,
                     });
                     this.$message.success('已发送给老师')
                 }).catch(() => {});
@@ -163,6 +181,7 @@ export default {
 .robot-tools {
     position: relative;
     margin-top: 8px;
+    min-height: 32px;
     .robot-reanswer {
         width: 104px;
         height: 32px;

package/components/demo/src/chat.vue

@@ -11,18 +11,50 @@
             <div :class="{'user-info': list.type === 'user'}" class="robot-message">
                 <div v-html="list.message"></div>
                 <div v-if="list.type === 'robot' && list.links.length > 0" class="link">
+                    <div v-if="!list.allIdWithStart">
+                        <div class="link-title">参考文件</div>
+                        <div class="link-content">
+                            <template v-for="item in list.links" >
+                                <div class="links" v-if="!item.title.startsWith(chatMajorId)">
+                                    <a :href="'https://ai-yuliao.hep.com.cn'+item.documentUrl" target="_blank">
+                                        <span>{{ item.title }}</span>
+                                    </a>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                </div>
+                <div v-if="list.type === 'robot' && list.connectUrl.length > 0" class="link">
                     <div class="link-title">相关链接</div>
                     <div class="link-content">
-                        <div class="links" v-for="item in list.links">
-                            <a :href="'https://ai-yuliao.hep.com.cn'+item.documentUrl" target="_blank">
-                                <span>{{ item.title }}</span>
-                            </a>
+                        <template v-for="item in list.connectUrl">
+                            <div class="links">
+                                <a :href="item.iaUrl" target="_blank">
+                                    <span>{{ item.iaUrlName }}</span>
+                                </a>
+                            </div>
+                        </template>
+                    </div>
+                </div>
+                <div v-if="list.type === 'robot' && finish && list.followUps && list.followUps.length > 0">
+                    <div class="link-title">智能追问</div>
+                    <div class="link-content">
+                        <div class="hot-list"
+                             v-for="(list, index) in list.followUps"
+                             :key="index"
+                             @click="selectModule(list)">
+                            {{ list }}
+                            <i class="el-icon-arrow-right go-icon"></i>
                         </div>
                     </div>
                 </div>
                 <chat-tools v-if="list.type === 'robot'"
                             :chatId="chatId"
                             :detail-data="list"
+                            :sending="list.sending"
+                            :resId="resId"
+                            :open-course-id="openCourseId"
+                            :is-last="index === messageData.length - 1"
                             @on-reanswer="(list) => reanswer(list, index)"
                             @on-stop-chat="onStopChat"/>
             </div>
@@ -32,7 +64,7 @@
 <script>
 import { errorList, cacheMessageList } from '../utils/config';
 import ChatTools from './chat-tools.vue';
-import { sendMessageEventSource } from "../api";
+import { sendMessageEventSource, getAutoQuestioning } from "../api";
 const controller = new AbortController();
 const signal = controller.signal;
 
@@ -50,10 +82,18 @@ export default {
             type: String,
             default: '',
         },
+        openCourseId: {
+            type: String,
+            default: ''
+        },
         chatId: {
             type: String,
             default: '',
         },
+        chatMajorId: {
+            type: String,
+            default: undefined,
+        },
         messageData: {
             type: Array,
             default: cacheMessageList
@@ -65,6 +105,7 @@ export default {
             input: "",
             errors: [],
             errorList: errorList,
+            finish: false,
             cacheKeyWord: '' // 由于外部需要快速清掉 keyword 但是存在重新发送请求的情况,因此需要一个混存记录
         }
     },
@@ -96,7 +137,9 @@ export default {
         },
         async postMessage(list, commonKey, parentMsgId) {
             let reanswerParams = {};
+            this.finish = false;
             if (list) {
+                list.sending = true;
                 reanswerParams = {
                     reStatus: 1,
                     parentMsgId: list.parentMsgId,
@@ -104,6 +147,7 @@ export default {
                     content: this.messageData[list.index - 1].message,
                 }
                 this.messageData[list.index].message = '';
+                this.makeAutoMessage();
             }
             const params = {
                 messageList: [
@@ -119,58 +163,106 @@ export default {
             };
             // list 存在说明是重新生成
             if (!list && !commonKey) {
-                this.messageData.push({ type: 'user', message: this.keyWord.replace(/\n/g, '<br>') });
-                setTimeout(() => this.messageData.push(
-                    {
-                        type: 'robot',
-                        message: '',
-                        zan: false,
-                        cai: false,
-                        stop: false,
-                        finish: false,
-                        links: [],
-                        reAnswerCount: 0
-                    }
-                ));
+                const userWord = this.keyWord || this.cacheKeyWord;
+                this.messageData.push({ type: 'user', message: userWord.replace(/\n/g, '<br>') });
+                setTimeout(() => {
+                    this.messageData.push(
+                        {
+                            type: 'robot',
+                            message: '',
+                            zan: false,
+                            cai: false,
+                            stop: false,
+                            finish: false,
+                            sending: true,
+                            links: [],
+                            connectUrl: [],
+                            reAnswerCount: 0
+                        }
+                    )
+                    this.makeAutoMessage();
+                });
             }
             await sendMessageEventSource(params, signal, res => {
                 this.makeMessageLine(res, list);
             });
         },
+        makeAutoMessage() {
+            const cacheMessage = [];
+            for (let i = 0; i < this.messageData.length; i++) {
+                const current = this.messageData[i];
+                cacheMessage.push({
+                    role: current.type === 'robot' ? 'assistant' : 'user',
+                    content: current.message || '正在思考中。',
+                });
+            }
+            this.makeAutoQuestioning(cacheMessage);
+        },
         makeMessageLine(res, list) {
-            const { content, status, chatId, msgId, parentMsgId, reference, commonKey } = JSON.parse(res.data);
+            const { content, status, chatId, msgId, parentMsgId, reference, commonKey, connectUrl } = JSON.parse(res.data);
             let index = list ? list.index : this.messageData.length - 1;
             const currentList = this.messageData[index];
+            let allIdWithStart = true;
             // 结束标识
             if (status === 2 || status === 1) {
                 if (commonKey) {
+                    currentList.sending = true;
                     this.postMessage(list, commonKey, parentMsgId);
                     return;
                 }
                 currentList.finish = true;
                 if (reference) {
                     currentList.links = JSON.parse(reference);
+                    currentList.links.map((item) => {
+                        if (!item.title.startsWith(this.chatMajorId)) {
+                            allIdWithStart = false;
+                        }
+                    });
                 }
+                if (connectUrl) {
+                    currentList.connectUrl = JSON.parse(connectUrl);
+                }
+                currentList.allIdWithStart = allIdWithStart;
                 this.cacheKeyWord = '';
+                this.finish = true;
                 this.$emit('on-message-finish', chatId);
                 return;
             }
-            currentList.message += content;
+            currentList.message += content.replace(/\n/g, '<br>');
             currentList.msgId = msgId;
             currentList.parentMsgId = parentMsgId;
             currentList.chatId = chatId;
             setTimeout(() => {
                 if (!list) this.scrollToBottom();
-            }, 100)
+            }, 100);
+            // 防止出现调用基础模型前导致停止回答id错误
+            setTimeout(() =>  currentList.sending = false,500);
+        },
+        async makeAutoQuestioning (messages) {
+            // 首次不触发
+            if (messages.length <= 2) return;
+            const autoRes = await getAutoQuestioning(this.chatMajorId, messages);
+            const {
+                message: {
+                    content: { followUps },
+                },
+            } = autoRes;
+            this.messageData[this.messageData.length - 1].followUps =
+                followUps.length > 3 ? followUps.splice(0, 3) : followUps;
         },
         onStopChat(list){
             this.$emit('on-message-finish', list.chatId)
         },
+        selectModule(message) {
+            this.cacheKeyWord = message;
+            this.postMessage();
+        },
         reanswer(list, index) {
             list.index = index;
             list.stop = false;
             list.finish = false;
             list.links = [];
+            list.connectUrl = [];
             this.postMessage(list);
             this.$emit('on-reanser');
         }
@@ -265,13 +357,6 @@ export default {
     width: 100%;
     margin-bottom: 16px;
 
-    .link-title {
-        color: #878aab;
-        font-size: 14px;
-        margin: 8px 0;
-        text-align: left;
-    }
-
     .link-content {
         background: #fafafd;
         border-radius: 8px;
@@ -301,10 +386,27 @@ export default {
         }
     }
 }
+.link-title {
+    color: #878aab;
+    font-size: 14px;
+    margin: 8px 0;
+    text-align: left;
+}
 .robot-image-div {
     width: 48px;
     height: 48px;
     background: url("../static/robot.png");
     background-size: 100%;
 }
+.hot-list {
+    background-color: rgba(255, 255, 255, 1);
+    border-radius: 8px;
+    font-size: 16px;
+    padding: 10px 24px 10px 16px;
+    margin-top: 8px;
+    cursor: pointer;
+    &:hover {
+        background-color: rgba(96, 96, 224, 0.24);
+    }
+}
 </style>

package/components/demo/src/hot-search.vue

@@ -5,41 +5,64 @@
             <div class="robot-image-div"></div>
         </div>
         <div class="robot-message">
-            <p>Hi，我是学习助手。</p>
-            <p>在这里你可以获得专业、准确的课程讲解，包括对公式的深入理解和细腻的解答。</p>
-<!--            <div class="hot-list" v-for="list in aiMessage" :key="list.id" @click="selectModule(list)">-->
-<!--                {{ list.value }}-->
-<!--                <i class="el-icon-arrow-right go-icon"></i>-->
-<!--            </div>-->
+            <template v-if="prologue">
+                {{prologue}}
+            </template>
+            <template v-else>
+                <p>Hi，我是学习助手。</p>
+                <p>在这里你可以获得专业、准确的课程讲解，包括对公式的深入理解和细腻的解答。</p>
+            </template>
+            <div class="hot-list" v-for="(list, index) in aiMessage" :key="index" @click="selectModule(list)">
+                {{ list }}
+                <i class="el-icon-arrow-right go-icon"></i>
+            </div>
         </div>
     </div>
 </template>
 <script>
 
+import { queryCallWord } from "../api";
+
 export default {
     name: 'HotSearch',
+    props: {
+        resId: {
+            type: String,
+            default: '',
+        },
+    },
     data() {
         return {
             aiMessage: [
-                {
-                    value: '请解释一下牛顿第二定律的公式和物理意义。',
-                    id: 1,
-                },
-                {
-                    value: '电磁感应定律是如何描述的？请给出相关公式并解释。',
-                    id: 2,
-                },
-                {
-                    value: '在光学中，光的干涉现象是如何产生的?能否用公式来表示?',
-                    id: 3,
-                }
+                // {
+                //     value: '请解释一下牛顿第二定律的公式和物理意义。',
+                //     id: 1,
+                // },
+                // {
+                //     value: '电磁感应定律是如何描述的？请给出相关公式并解释。',
+                //     id: 2,
+                // },
+                // {
+                //     value: '在光学中，光的干涉现象是如何产生的?能否用公式来表示?',
+                //     id: 3,
+                // }
             ],
+            prologue: ' ',
         }
     },
     methods: {
         selectModule (list) {
             this.$emit('select-module', list);
         }
+    },
+    async mounted () {
+        const wordRes = await queryCallWord(this.resId);
+        if (!wordRes) return;
+        const { guideExample, prologue } = wordRes;
+        if (guideExample && guideExample.length > 0) {
+            this.aiMessage = JSON.parse(guideExample);
+        }
+        this.prologue = prologue;
     }
 }
 </script>

package/components/demo/src/main.vue

@@ -12,13 +12,15 @@
         </div>
       <template v-if="courseFlag">
         <div class="ai-main-content">
-          <hot-search v-if="!chatShow" @select-module="selectModule"></hot-search>
+          <hot-search v-if="!chatShow" @select-module="selectModule" :resId="resId"></hot-search>
           <chat v-if="chatShow"
                 ref="chatRef"
                 :resId="resId"
+                :open-course-id="openCourseId"
                 :chatId="chatId"
                 :key-word="aiMessageKeyWord"
                 :message-data="messageList"
+                :chat-major-id="chatMajorId"
                 @on-reanser="reanserMethod"
                 @on-message-finish="messageFinish"
           />
@@ -64,6 +66,10 @@ export default {
         resId: {
             type: String,
             default: ''
+        },
+        openCourseId: {
+            type: String,
+            default: ''
         }
     },
     watch: {
@@ -91,7 +97,8 @@ export default {
             message:'',
             messageList: [],
             chatId: undefined, // 对话id
-            stop: false
+            stop: false,
+            chatMajorId: '',
         }
     },
     mounted() {
@@ -103,10 +110,15 @@ export default {
     },
     methods: {
         closeMessage() {
+            if (!this.stopMessage()) {
+                return;
+            }
             this.$emit('close');
         },
-        selectModule() {
+        selectModule(hotKey) {
             this.chatShow = true;
+            this.aiMessage = hotKey;
+            this.goChat({});
         },
         showHot() {
             this.chatShow = false;
@@ -116,8 +128,18 @@ export default {
             const listRes = await getDetailList(this.resId);
             if (!listRes || listRes.length < 1) return;
             let currentList = listRes[0].contents.reverse();
+            const { chatMajorId } = listRes[0];
+            this.chatMajorId = chatMajorId && chatMajorId.toString();
             const cacheArray = [];
             currentList.map((list) => {
+                let allIdWithStart = true;
+                if (this.chatMajorId && list.references) {
+                    list.references.map((item) => {
+                        if (!item.title.startsWith(this.chatMajorId)) {
+                            allIdWithStart = false;
+                        }
+                    });
+                }
                 const obj = {
                     type: list.role === 'assistant' ? 'robot' : 'user',
                     message: list.content.replace(/\n/g, '<br>'),
@@ -126,9 +148,11 @@ export default {
                     stop: list.status === 1,
                     finish: true,
                     links: list.references || [],
+                    connectUrl: list.connectUrls || [],
                     reAnswerCount: 0,
                     msgId: list.contentId,
-                    parentMsgId: list.parentMsgId
+                    parentMsgId: list.parentMsgId,
+                    allIdWithStart
                 };
                 cacheArray.push(obj);
             })
@@ -170,6 +194,14 @@ export default {
             if (!this.stopMessage()) {
                 return;
             }
+            if (this.aiMessage.length > 6000) {
+                this.$message.warning('文字长度不能超过3000字');
+                return;
+            }
+            if (!this.aiMessage.trim()) {
+                this.$message.error('输入内容为空');
+                return
+            }
             this.aiMessageKeyWord = this.aiMessage;
             this.chatShow = true;
             this.stop = true;
@@ -308,7 +340,7 @@ export default {
             border: 0;
             border-radius: 40px;
             background: linear-gradient(to bottom, #fff, #d8f0fb);
-            padding: 8px 24px 0 24px;
+            padding: 8px 56px 0 24px;
             &::placeholder {
                 color: rgba(51,51,51,.75);
             }

package/components/demo/utils/config.js

@@ -1,5 +1,5 @@
 import { ssoAuth, authUser } from '../api/index';
-import constants from '../utils/constants';
+// import constants from '../utils/constants';
 import cache from '../plugins/cache';
 
 export const errorList = [
@@ -43,15 +43,20 @@ export const cacheMessageList = [
     }
 ]
 
+// export const getUserInfo = async (token) => {
+//     const ssoRes = await ssoAuth(token);
+//     const userRes = await authUser({
+//         'X-Auth-User': encodeURIComponent(ssoRes.name),
+//         'X-Auth-Token': ssoRes.password,
+//         'X-Enterprise-Id': `${constants['X-Enterprise-Id']}`,
+//         'X-App-Id': `${constants['X-App-Id']}`,
+//         'X-App-Secret': `${constants['X-App-Secret']}`,
+//         'X-Auth-User-Type': '1',
+//     });
+//     cache.session.setJSON('SRKJ_TOKEN_CACHE', userRes);
+// }
+
 export const getUserInfo = async (token) => {
-    const ssoRes = await ssoAuth(token);
-    const userRes = await authUser({
-        'X-Auth-User': encodeURIComponent(ssoRes.name),
-        'X-Auth-Token': ssoRes.password,
-        'X-Enterprise-Id': `${constants['X-Enterprise-Id']}`,
-        'X-App-Id': `${constants['X-App-Id']}`,
-        'X-App-Secret': `${constants['X-App-Secret']}`,
-        'X-Auth-User-Type': '1',
-    });
-    cache.session.setJSON('SRKJ_TOKEN_CACHE', userRes);
+    await ssoAuth(token);
+    cache.session.setJSON('SRKJ_TOKEN_CACHE', token);
 }

package/components/demo/utils/request.js

@@ -16,8 +16,10 @@ const service = axios.create({
 
 service.interceptors.request.use(config => {
   if (cache.session.getJSON('SRKJ_TOKEN_CACHE')) {
-    config.headers["X-Id-Token"] = cache.session.getJSON('SRKJ_TOKEN_CACHE');
-  }
+    // config.headers["X-Id-Token"] = cache.session.getJSON('SRKJ_TOKEN_CACHE');
+    if (!config.params) config.params = {};
+      config.params.token = cache.session.getJSON('SRKJ_TOKEN_CACHE');
+    }
   // 是否需要防止数据重复提交
   const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
     if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
@@ -51,12 +53,12 @@ service.interceptors.response.use(res => {
     return res.data
   }
   let srkjData = res.data;
-  if (srkjData) {
-    const respData = decrypt(srkjData);
-    try {
-      srkjData = JSON.parse(respData);
-    } catch (e) {}
-  }
+  // if (srkjData) {
+  //   const respData = decrypt(srkjData);
+  //   try {
+  //     srkjData = JSON.parse(respData);
+  //   } catch (e) {}
+  // }
   if (res.status === 401) {
       Message.warning(srkjData.message.description);
       return;