From c93d4b3af5739f786cfdf20b16b28ec60403f709 Mon Sep 17 00:00:00 2001 From: suerprisePlus <15810472099@163.com> Date: 星期二, 25 六月 2024 19:53:54 +0800 Subject: [PATCH] 前端对接 seb实体库,rag基本服务 --- src/views/chartView/index.vue | 176 ++++++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 151 insertions(+), 25 deletions(-) diff --git a/src/views/chartView/index.vue b/src/views/chartView/index.vue index ddf0cee..f1909c2 100644 --- a/src/views/chartView/index.vue +++ b/src/views/chartView/index.vue @@ -1,12 +1,7 @@ <template> <div class="chartBox"> <div class="ChartBox"> - <JwChat-index - :taleList="list" - @enter="bindEnter" - v-model="inputMsg" - :toolConfig="tool" - > + <JwChat-index :taleList="list" @enter="bindEnter" v-model="inputMsg" :toolConfig="tool"> </JwChat-index> </div> </div> @@ -17,7 +12,11 @@ import msgData from "../../assets/js/msg/msgData"; import store from "../../store"; import bus from "./../../assets/js/bus.js"; -import { getAIMessage } from "../../api/api.js"; +import { getAIMessage, getV1Fastgpt } from "../../api/api.js"; +import mapInfo from "../../assets/js/map/mapInfo.js"; +import axios from "axios"; +import layerJson from "../../assets/js/map/mapJsonLayer.js"; +import { factors } from "@turf/turf"; export default { name: "jwChat", @@ -67,42 +66,152 @@ clearInterval(window.timer); window.timer = null; } + // this.setLoading(); setTimeout(() => { this.setMsgStart("鎮ㄥソ"); }, config.loadTime); bus.$on("mapInfo", (res) => { if (res) { - this.setMapInfo(res); + // this.setMapInfo(res); } }); + bus.$on("setInsertMarkDown", (res) => { + if (res) { + this.setMarkDownInfo(res); + } + }); + bus.$on("setRagMoreListAll", res => { + if (res) { + this.setRagMoreList(res); + } + }); + // axios.get("http://192.168.11.89:12315/Markdown.md").then((response) => { + // if (response.status == 200) { + // console.log(response); + // this.setMarkDownInfo(response.data); + // } + // }); }, methods: { bindEnter() { const msg = this.inputMsg; + if (!msg) return; + this.getMsg("role", msg); + + this.setLoading(); setTimeout(() => { - // this.loading = true; + this.setMsgStart(msg); - // const loader = msgData.getLoader(); - // this.list.push(loader); }, 200); }, async setMsgStart(res) { - const data = await getAIMessage(res); - - // var msg = aiData.aiMsg[0] - this.getMsg("ai", data); - if (res == "hi") { - this.$nextTick(() => { - setTimeout(() => { - this.$store.state.erroInfoMessage = { - title: "璀﹀憡锛氳彶寰嬪鑻忔瘮鍏嬫咕鍖哄煙妫�娴嬪嚭寮傚父鍐涗簨鐩爣锛�", - val: "寮傚父浠e彿锛�4r5as5s001" - }; - }, 5000); - }); + if (res.indexOf("鍐涗簨鐩爣") > -1 || res.indexOf("姘戝畢") > -1 || res.indexOf("缁忔祹鐩爣") > -1 || res.indexOf("娴峰啗闄嗘垬闃�") > -1 || res.indexOf("鍫や赴") > -1) { + this.$store.state.setScreenFlag = true; + this.list.splice(-1, 1); + this.loading = false; + layerJson.setQyeryData(res); } + // else if(res.indexOf("鑻忔瘮鍏嬫咕") > -1){ + // this.$store.state.setScreenFlag = true; + // this.list.splice(-1, 1); + // this.loading = false; + // this.$nextTick(() => { + // setTimeout(() => { + // mapInfo.setEntityQueryInput(); + // }, 1000); + // }); + // } + else if (res == "涓夌淮瀹炴櫙") { + layerJson.setTitleSetRest(); + this.setV1Fastgpt(res) + } else { + const data = await getAIMessage(res); + + if (data.code == 200) { + if (data.content) { + this.getMsg("ai", data.content); + } else { + this.getMsg("ai", ""); + } + if (data.name) { + this.$store.state.setScreenFlag = true; + this.$nextTick(() => { + setTimeout(() => { + mapInfo.init(data.name); + }, 1000); + }); + } + } + } + }, + setRagMoreList(res) { + const obj = this.$store.state.ragList + const val_data = obj.filter(item => { + if (item.quest === res) { + return item; + } + }); + if (val_data.length <= 0) return + + this.$store.state.ragList = obj; + const val_obj = val_data[0] + const key = val_obj.index; + const val = val_obj.val; + this.list[key].list[0].more = false; + var flag = 1; + var intValTime = setInterval(() => { + if (flag >= val.length) { + const obj = JSON.parse(JSON.stringify(this.list)) + this.list = obj + for (var i in obj) { + if (obj[i].quest === res) { + obj.splice(i, 1) + } + } + + clearInterval(intValTime) + return + } + const valitem = val[flag]; + const roleMsg = msgData.getRagData(valitem, false, ""); + this.list[key].list.push(roleMsg[0]) + flag++ + }, 1000); + + }, + setRagInterval(flag, index, res) { + if (flag < res.length) { + const obj = res[flag] + + this.list[index].list.push(roleMsg[0]) + setTimeout(() => { + flag++; + this.setRagInterval(flag, index, res) + }, 1000); + } else { + return + } + }, + async setV1Fastgpt(res) { + const data = await getV1Fastgpt(res); + + const length = this.list.length - 1; + const obj = data[0].quoteList + this.$store.state.ragList.push({ + quest: res, + index: length, + val: obj + }) + var roleMsg = msgData.getRagData(obj[0], true, res); + this.list[length].list = roleMsg + this.loading = false; + }, + setMarkDownInfo(res) { + var roleMsg = msgData.getRole("markDown", res); + this.list.push(roleMsg.msg); + // }, setMapInfo(res) { var msg = ""; @@ -110,10 +219,21 @@ msg = "<div>寮傚父鏌ヨ</div>" + res.value; } this.getMsg("role", msg); + this.setMsgStart(res.value); }, getMsg(type, msg) { var roleMsg = msgData.getRole(type, msg); - this.list.push(roleMsg.msg); + + + if (this.loading) { + + this.loading = false; + + + this.list[this.list.length - 1].list = roleMsg.msg.list; + } else { + this.list.push(roleMsg.msg); + } }, setShowMsg() { if (this.msgData.text) { @@ -140,6 +260,11 @@ this.list.push(val); } + }, + setLoading() { + const loader = msgData.getLoader(); + this.list.push(loader); + this.loading = true; }, getLoadingFlag() { if (this.list.length == 0) { @@ -202,6 +327,7 @@ line-height: 30px; border-bottom: 1px solid #c1c1c1; } + @keyframes siz { from { width: 0; -- Gitblit v1.9.3